@dilipod/ui 0.2.14 → 0.3.0

package/src/index.ts

@@ -68,6 +68,12 @@ export type { SelectProps } from './components/select'
 export { Checkbox } from './components/checkbox'
 export type { CheckboxProps } from './components/checkbox'
 
+export { Switch, LabeledSwitch } from './components/switch'
+export type { SwitchProps, LabeledSwitchProps } from './components/switch'
+
+export { RadioGroup, RadioGroupItem, RadioGroupOption, RadioGroupCard } from './components/radio-group'
+export type { RadioGroupOptionProps, RadioGroupCardProps } from './components/radio-group'
+
 // Navigation & Layout Components
 export {
   Accordion,
@@ -151,6 +157,16 @@ export {
 export { Divider } from './components/divider'
 export type { DividerProps } from './components/divider'
 
+// Tabs Components
+export {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  TabsListUnderline,
+  TabsTriggerUnderline,
+} from './components/tabs'
+
 // Dialog Components
 export {
   Dialog,
@@ -165,6 +181,44 @@ export {
   DialogDescription,
 } from './components/dialog'
 
+// Alert Dialog Components
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+  ConfirmDialog,
+} from './components/alert-dialog'
+export type { ConfirmDialogProps } from './components/alert-dialog'
+
+// Popover Components
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverArrow,
+} from './components/popover'
+
+// Tooltip Components
+export {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+  TooltipArrow,
+  SimpleTooltip,
+} from './components/tooltip'
+export type { SimpleTooltipProps } from './components/tooltip'
+
 // Toast Components
 export {
   ToastProvider,
@@ -181,6 +235,30 @@ export type { ToastProps, ToastActionElement } from './components/toast'
 export { Toaster } from './components/toaster'
 export { useToast, toast } from './components/use-toast'
 
+// Skeleton/Loading Components
+export { Skeleton, SkeletonText, SkeletonCard } from './components/skeleton'
+export type { SkeletonProps, SkeletonTextProps, SkeletonCardProps } from './components/skeleton'
+
+// Pagination Components
+export { Pagination, SimplePagination } from './components/pagination'
+export type { PaginationProps, SimplePaginationProps } from './components/pagination'
+
+// Step Progress Components
+export { StepProgress, StepDots } from './components/step-progress'
+export type { Step, StepProgressProps, StepDotsProps } from './components/step-progress'
+
+// Breadcrumb Components
+export { Breadcrumbs, BreadcrumbLink } from './components/breadcrumbs'
+export type { BreadcrumbItem, BreadcrumbsProps, BreadcrumbLinkProps } from './components/breadcrumbs'
+
+// Date Range Picker Components
+export { DateRangePicker, DateRangeSelect, getDateRangeFromPreset } from './components/date-range-picker'
+export type { DateRangePreset, DateRangePickerProps, DateRangeSelectProps } from './components/date-range-picker'
+
+// Settings Navigation Components
+export { SettingsNav, SettingsNavLink } from './components/settings-nav'
+export type { SettingsNavItem, SettingsNavGroup, SettingsNavProps, SettingsNavLinkProps } from './components/settings-nav'
+
 // Utilities
 export { cn } from './lib/utils'
 

package/src/styles/globals.css

@@ -1,5 +1,104 @@
 @import "tailwindcss";
 
+/* Animation keyframes for dialogs, dropdowns, popovers */
+@keyframes dialogFadeIn {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes dialogFadeOut {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.98);
+  }
+}
+
+@keyframes overlayFadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes overlayFadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+@keyframes popoverFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes popoverFadeOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+}
+
+/* Dialog overlay animations */
+[data-radix-dialog-overlay][data-state="open"] {
+  animation: overlayFadeIn 100ms ease-out;
+}
+
+[data-radix-dialog-overlay][data-state="closed"] {
+  animation: overlayFadeOut 100ms ease-in;
+}
+
+/* Dialog content animations */
+[data-radix-dialog-content][data-state="open"],
+[role="dialog"][data-state="open"] {
+  animation: dialogFadeIn 100ms ease-out;
+}
+
+[data-radix-dialog-content][data-state="closed"],
+[role="dialog"][data-state="closed"] {
+  animation: dialogFadeOut 100ms ease-in;
+}
+
+/* Dropdown menu animations */
+[data-radix-dropdown-menu-content][data-state="open"],
+[role="menu"][data-state="open"] {
+  animation: popoverFadeIn 100ms ease-out;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin, top);
+}
+
+[data-radix-dropdown-menu-content][data-state="closed"],
+[role="menu"][data-state="closed"] {
+  animation: popoverFadeOut 100ms ease-in;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin, top);
+}
+
+/* Sub-menu animations */
+[data-radix-dropdown-menu-sub-content][data-state="open"] {
+  animation: popoverFadeIn 100ms ease-out;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin, top);
+}
+
+[data-radix-dropdown-menu-sub-content][data-state="closed"] {
+  animation: popoverFadeOut 100ms ease-in;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin, top);
+}
+
 :root {
   /* ===========================================
      DILIPOD COLOR SYSTEM