Dialog content goes here
\r\n \r\nDialog content goes here
\r\n \r\n );\r\n}\r\n```\r\n\r\n**Enhanced Dialog Features:**\r\n\r\n- **Variants**: `dialog`, `confirm`, `alert`, `info`, `warning`\r\n- **Sizes**: `sm`, `md`, `lg`, `xl`, `2xl`, `3xl`, `4xl`, `full`\r\n- **Positions**: `center`, `top`, `bottom`, `left`, `right`, `top-left`, `top-right`, `bottom-left`, `bottom-right`\r\n- **Animations**: `bounce`, `slide-up`, `slide-down`, `slide-left`, `slide-right`, `zoom-in`, `zoom-out`, `flip`, `glow`, `spec`\r\n- **Scroll Options**: `stickyHeader`, `stickyFooter`, `scrollable`\r\n\r\n```tsx\r\n// Confirm dialog variant\r\nContent here
\r\n \r\n \r\n );\r\n}\r\n```\r\n\r\n### DatePicker Component\r\n\r\nEnhanced DatePicker with range and time selection:\r\n\r\n```tsx\r\nimport { DatePicker } from \"@sth87/shadcn-design-system/datepicker\";\r\nimport { useState } from \"react\";\r\n\r\nfunction MyComponent() {\r\n const [date, setDate] = useStateContent with custom styling
\r\n\r\n```\r\n\r\n### Variants with CVA\r\n\r\nComponents use `class-variance-authority` for variant management:\r\n\r\n```tsx\r\n\r\n```\r\n\r\n## 🔧 Development\r\n\r\n```bash\r\n# Install dependencies\r\npnpm install\r\n\r\n# Start Storybook\r\npnpm dev\r\n\r\n# Build library\r\npnpm build\r\n\r\n# Run linting\r\npnpm lint\r\n```\r\n\r\n## 📖 Documentation\r\n\r\nFor detailed documentation and interactive examples, visit our [Storybook](https://design-system-sth-kappa.vercel.app/).\r\n\r\n## 🤝 Contributing\r\n\r\nContributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details.\r\n\r\n## 📄 License\r\n\r\nMIT © Skyline\r\n\r\n## 🙏 Credits\r\n\r\nThis design system is built on top of [shadcn/ui](https://ui.shadcn.com/), enhancing it with:\r\n\r\n- Additional component variants and sizes\r\n- Enhanced animation support with Motion\r\n- Extended theming capabilities\r\n- Custom components like DatePicker with range/time support\r\n- Improved Dialog with positions, animations, and scroll options\r\n\r\nBuilt with:\r\n\r\n- [shadcn/ui](https://ui.shadcn.com/) - Base component library\r\n- [Radix UI](https://www.radix-ui.com/) - Unstyled, accessible primitives\r\n- [TailwindCSS](https://tailwindcss.com/) - Utility-first CSS framework\r\n- [Motion](https://motion.dev/) - Animation library\r\n- [date-fns](https://date-fns.org/) - Date utility library\r\n- [Lucide React](https://lucide.dev/) - Beautiful icon set\r\n- [React Day Picker](https://react-day-picker.js.org/) - Date picker component\r\n","readmeFilename":"README.md"}