@jameskabz/nextcraft-ui 0.6.15 → 0.7.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { CraftButton } from \"./components/craft-button\";\nexport type { CraftButtonProps } from \"./components/craft-button\";\n\nexport { GlassCard } from \"./components/glass-card\";\nexport type { GlassCardProps } from \"./components/glass-card\";\n\nexport { CraftInput } from \"./components/craft-input\";\nexport type { CraftInputProps } from \"./components/craft-input\";\n\nexport { CraftTextarea } from \"./components/craft-textarea\";\nexport type { CraftTextareaProps } from \"./components/craft-textarea\";\n\nexport { CraftSelect } from \"./components/craft-select\";\nexport type { CraftSelectProps } from \"./components/craft-select\";\n\nexport { CraftCheckbox } from \"./components/craft-checkbox\";\nexport type { CraftCheckboxProps } from \"./components/craft-checkbox\";\n\nexport { CraftSwitch } from \"./components/craft-switch\";\nexport type { CraftSwitchProps } from \"./components/craft-switch\";\n\nexport { CraftBadge } from \"./components/craft-badge\";\nexport type { CraftBadgeProps } from \"./components/craft-badge\";\n\nexport { CraftAlert } from \"./components/craft-alert\";\nexport type { CraftAlertProps } from \"./components/craft-alert\";\n\nexport { CraftErrorState } from \"./components/craft-error-state\";\nexport type { CraftErrorStateProps } from \"./components/craft-error-state\";\n\nexport { CraftLoadingState } from \"./components/craft-loading-state\";\nexport type { CraftLoadingStateProps } from \"./components/craft-loading-state\";\n\nexport { CraftCard } from \"./components/craft-card\";\nexport type { CraftCardProps } from \"./components/craft-card\";\n\nexport { CraftModal } from \"./components/craft-modal\";\nexport type { CraftModalProps } from \"./components/craft-modal\";\n\nexport { CraftDrawer } from \"./components/craft-drawer\";\nexport type { CraftDrawerProps } from \"./components/craft-drawer\";\n\nexport { CraftTabs } from \"./components/craft-tabs\";\nexport type { CraftTabsProps } from \"./components/craft-tabs\";\n\nexport { CraftTooltip } from \"./components/craft-tooltip\";\nexport type { CraftTooltipProps } from \"./components/craft-tooltip\";\n\nexport { CraftToastHost, useCraftToast } from \"./components/craft-toast\";\nexport type { CraftToast, CraftToastHostProps } from \"./components/craft-toast\";\n\nexport { CraftSkeleton } from \"./components/craft-skeleton\";\nexport type { CraftSkeletonProps } from \"./components/craft-skeleton\";\n\nexport { CraftEmptyState } from \"./components/craft-empty-state\";\nexport type { CraftEmptyStateProps } from \"./components/craft-empty-state\";\n\nexport { CraftPopover } from \"./components/craft-popover\";\nexport type { CraftPopoverProps } from \"./components/craft-popover\";\n\nexport { CraftDropdownMenu } from \"./components/craft-dropdown-menu\";\nexport type { CraftDropdownMenuProps, CraftDropdownItem } from \"./components/craft-dropdown-menu\";\n\nexport { CraftCommandPalette } from \"./components/craft-command-palette\";\nexport type { CraftCommandPaletteProps, CraftCommandItem } from \"./components/craft-command-palette\";\n\nexport { CraftLink } from \"./components/craft-link\";\nexport type { CraftLinkProps } from \"./components/craft-link\";\n\nexport { CraftStatCard } from \"./components/craft-stat-card\";\nexport type { CraftStatCardProps } from \"./components/craft-stat-card\";\n\nexport { CraftDatePicker } from \"./components/craft-date-picker\";\nexport type { CraftDatePickerProps } from \"./components/craft-date-picker\";\n\nexport { CraftIcon, CraftIconProvider } from \"./components/craft-icon\";\nexport type {\n  CraftIconProps,\n  CraftIconProviderProps,\n  CraftIconRegistry,\n} from \"./components/craft-icon\";\n\nexport { CraftNumberInput } from \"./components/craft-number-input\";\nexport type { CraftNumberInputProps } from \"./components/craft-number-input\";\n\nexport { CraftCurrencyInput } from \"./components/craft-currency-input\";\nexport type { CraftCurrencyInputProps } from \"./components/craft-currency-input\";\n\nexport { CraftForm } from \"./components/craft-form\";\nexport type { CraftFormProps } from \"./components/craft-form\";\n\nexport { CraftFormModal } from \"./components/craft-form-modal\";\nexport type { CraftFormModalProps, CraftFormModalField } from \"./components/craft-form-modal\";\n\nexport { CraftFormField } from \"./components/craft-form-field\";\nexport type { CraftFormFieldProps, CraftFormFieldOption, CraftFormFieldType } from \"./components/craft-form-field\";\n\nexport { CraftSubmitButton } from \"./components/craft-submit-button\";\nexport type { CraftSubmitButtonProps } from \"./components/craft-submit-button\";\n\nexport { CraftConfirmDialog } from \"./components/craft-confirm-dialog\";\nexport type { CraftConfirmDialogProps } from \"./components/craft-confirm-dialog\";\n\nexport { CraftCreateEditDrawer } from \"./components/craft-create-edit-drawer\";\nexport type { CraftCreateEditDrawerProps } from \"./components/craft-create-edit-drawer\";\n\nexport { CraftFilterBar } from \"./components/craft-filter-bar\";\nexport type { CraftFilterBarProps } from \"./components/craft-filter-bar\";\n\nexport { CraftTableToolbar } from \"./components/craft-table-toolbar\";\nexport type { CraftTableToolbarProps } from \"./components/craft-table-toolbar\";\n\nexport { CraftDataTable } from \"./components/craft-data-table\";\nexport type { CraftDataTableProps, CraftDataTableColumn, CraftDataTableSort } from \"./components/craft-data-table\";\n\nexport { CraftPagination } from \"./components/craft-pagination\";\nexport type { CraftPaginationProps } from \"./components/craft-pagination\";\n\nexport { AppShell } from \"./components/layout/app-shell\";\nexport type { AppShellProps } from \"./components/layout/app-shell\";\n\nexport { AppTemplate } from \"./components/layout/app-template\";\nexport type { AppTemplateProps } from \"./components/layout/app-template\";\n\nexport type {\n  LayoutConfig,\n  LayoutSidebarItem,\n  LayoutBreadcrumbItem,\n  LayoutIconName,\n} from \"./components/layout/layout-config\";\nexport { layoutConfigSchema } from \"./components/layout/layout-config\";\n\nexport { Sidebar } from \"./components/layout/sidebar\";\nexport type { SidebarProps, SidebarItem } from \"./components/layout/sidebar\";\n\nexport { TopNav } from \"./components/layout/top-nav\";\nexport type { TopNavProps } from \"./components/layout/top-nav\";\n\nexport { PageHeader } from \"./components/layout/page-header\";\nexport type { PageHeaderProps } from \"./components/layout/page-header\";\n\nexport { Breadcrumbs } from \"./components/layout/breadcrumbs\";\nexport type { BreadcrumbsProps, BreadcrumbItem } from \"./components/layout/breadcrumbs\";\n\nexport { AuthLayout } from \"./components/layout/auth-layout\";\nexport type { AuthLayoutProps } from \"./components/layout/auth-layout\";\n\nexport { Container } from \"./components/layout/container\";\nexport type { ContainerProps } from \"./components/layout/container\";\n\nexport { Grid } from \"./components/layout/grid\";\nexport type { GridProps } from \"./components/layout/grid\";\n\nexport { ThemeSwitcher } from \"./components/theme-switcher\";\nexport type { ThemeSwitcherProps } from \"./components/theme-switcher\";\n\nexport { ThemeProvider, useTheme } from \"./theme/theme-context\";\nexport type { ThemeName, ThemeMode } from \"./theme/theme-context\";\n"],"mappings":"AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAG5B,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAG5B,SAAS,kBAAkB;AAG3B,SAAS,kBAAkB;AAG3B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,oBAAoB;AAG7B,SAAS,gBAAgB,qBAAqB;AAG9C,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,oBAAoB;AAG7B,SAAS,yBAAyB;AAGlC,SAAS,2BAA2B;AAGpC,SAAS,iBAAiB;AAG1B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,WAAW,yBAAyB;AAO7C,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AAGnC,SAAS,iBAAiB;AAG1B,SAAS,sBAAsB;AAG/B,SAAS,sBAAsB;AAG/B,SAAS,yBAAyB;AAGlC,SAAS,0BAA0B;AAGnC,SAAS,6BAA6B;AAGtC,SAAS,sBAAsB;AAG/B,SAAS,yBAAyB;AAGlC,SAAS,sBAAsB;AAG/B,SAAS,uBAAuB;AAGhC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAS5B,SAAS,0BAA0B;AAEnC,SAAS,eAAe;AAGxB,SAAS,cAAc;AAGvB,SAAS,kBAAkB;AAG3B,SAAS,mBAAmB;AAG5B,SAAS,kBAAkB;AAG3B,SAAS,iBAAiB;AAG1B,SAAS,YAAY;AAGrB,SAAS,qBAAqB;AAG9B,SAAS,eAAe,gBAAgB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { CraftButton } from \"./components/craft-button\";\nexport type { CraftButtonProps } from \"./components/craft-button\";\n\nexport { GlassCard } from \"./components/glass-card\";\nexport type { GlassCardProps } from \"./components/glass-card\";\n\nexport { CraftInput } from \"./components/craft-input\";\nexport type { CraftInputProps } from \"./components/craft-input\";\n\nexport { CraftTextarea } from \"./components/craft-textarea\";\nexport type { CraftTextareaProps } from \"./components/craft-textarea\";\n\nexport { CraftSelect } from \"./components/craft-select\";\nexport type { CraftSelectProps } from \"./components/craft-select\";\n\nexport { CraftCheckbox } from \"./components/craft-checkbox\";\nexport type { CraftCheckboxProps } from \"./components/craft-checkbox\";\n\nexport { CraftSwitch } from \"./components/craft-switch\";\nexport type { CraftSwitchProps } from \"./components/craft-switch\";\n\nexport { CraftBadge } from \"./components/craft-badge\";\nexport type { CraftBadgeProps } from \"./components/craft-badge\";\n\nexport { CraftAlert } from \"./components/craft-alert\";\nexport type { CraftAlertProps } from \"./components/craft-alert\";\n\nexport { CraftErrorState } from \"./components/craft-error-state\";\nexport type { CraftErrorStateProps } from \"./components/craft-error-state\";\n\nexport { CraftLoadingState } from \"./components/craft-loading-state\";\nexport type { CraftLoadingStateProps } from \"./components/craft-loading-state\";\n\nexport { CraftCard } from \"./components/craft-card\";\nexport type { CraftCardProps } from \"./components/craft-card\";\n\nexport { CraftModal } from \"./components/craft-modal\";\nexport type { CraftModalProps } from \"./components/craft-modal\";\n\nexport { CraftDrawer } from \"./components/craft-drawer\";\nexport type { CraftDrawerProps } from \"./components/craft-drawer\";\n\nexport { CraftTabs } from \"./components/craft-tabs\";\nexport type { CraftTabsProps } from \"./components/craft-tabs\";\n\nexport { CraftTooltip } from \"./components/craft-tooltip\";\nexport type { CraftTooltipProps } from \"./components/craft-tooltip\";\n\nexport { CraftToastHost, useCraftToast } from \"./components/craft-toast\";\nexport type { CraftToast, CraftToastHostProps } from \"./components/craft-toast\";\n\nexport { CraftSkeleton } from \"./components/craft-skeleton\";\nexport type { CraftSkeletonProps } from \"./components/craft-skeleton\";\n\nexport { CraftEmptyState } from \"./components/craft-empty-state\";\nexport type { CraftEmptyStateProps } from \"./components/craft-empty-state\";\n\nexport { CraftPopover } from \"./components/craft-popover\";\nexport type { CraftPopoverProps } from \"./components/craft-popover\";\n\nexport { CraftDropdownMenu } from \"./components/craft-dropdown-menu\";\nexport type { CraftDropdownMenuProps, CraftDropdownItem } from \"./components/craft-dropdown-menu\";\n\nexport { CraftCommandPalette } from \"./components/craft-command-palette\";\nexport type { CraftCommandPaletteProps, CraftCommandItem } from \"./components/craft-command-palette\";\n\nexport { CraftLink } from \"./components/craft-link\";\nexport type { CraftLinkProps } from \"./components/craft-link\";\n\nexport { CraftStatCard } from \"./components/craft-stat-card\";\nexport type { CraftStatCardProps } from \"./components/craft-stat-card\";\n\nexport { CraftDatePicker } from \"./components/craft-date-picker\";\nexport type { CraftDatePickerProps } from \"./components/craft-date-picker\";\n\nexport { CraftIcon, CraftIconProvider } from \"./components/craft-icon\";\nexport type {\n  CraftIconProps,\n  CraftIconProviderProps,\n  CraftIconRegistry,\n} from \"./components/craft-icon\";\n\nexport { CraftNumberInput } from \"./components/craft-number-input\";\nexport type { CraftNumberInputProps } from \"./components/craft-number-input\";\n\nexport { CraftCurrencyInput } from \"./components/craft-currency-input\";\nexport type { CraftCurrencyInputProps } from \"./components/craft-currency-input\";\n\nexport { CraftForm } from \"./components/craft-form\";\nexport type { CraftFormProps } from \"./components/craft-form\";\n\nexport { CraftFormModal } from \"./components/craft-form-modal\";\nexport type { CraftFormModalProps, CraftFormModalField } from \"./components/craft-form-modal\";\n\nexport { CraftFormField } from \"./components/craft-form-field\";\nexport type { CraftFormFieldProps, CraftFormFieldOption, CraftFormFieldType } from \"./components/craft-form-field\";\n\n\nexport { CraftConfirmDialog } from \"./components/craft-confirm-dialog\";\nexport type { CraftConfirmDialogProps } from \"./components/craft-confirm-dialog\";\n\nexport { CraftCreateEditDrawer } from \"./components/craft-create-edit-drawer\";\nexport type { CraftCreateEditDrawerProps } from \"./components/craft-create-edit-drawer\";\n\nexport { CraftFilterBar } from \"./components/craft-filter-bar\";\nexport type { CraftFilterBarProps } from \"./components/craft-filter-bar\";\n\nexport { CraftTableToolbar } from \"./components/craft-table-toolbar\";\nexport type { CraftTableToolbarProps } from \"./components/craft-table-toolbar\";\n\nexport { CraftDataTable } from \"./components/craft-data-table\";\nexport type {\n  CraftDataTableProps,\n  CraftDataTableColumn,\n  CraftDataTableSort,\n  CraftDataTableAction,\n} from \"./components/craft-data-table\";\nexport { CraftDataTableHeader } from \"./components/craft-data-table-header\";\nexport type { CraftDataTableHeaderProps } from \"./components/craft-data-table-header\";\nexport { CraftDataTablePagination } from \"./components/craft-data-table-pagination\";\nexport type { CraftDataTablePaginationProps } from \"./components/craft-data-table-pagination\";\nexport { CraftLoader } from \"./components/craft-loader\";\nexport type { CraftLoaderProps } from \"./components/craft-loader\";\n\nexport { CraftPagination } from \"./components/craft-pagination\";\nexport type { CraftPaginationProps } from \"./components/craft-pagination\";\n\nexport { AppShell } from \"./components/layout/app-shell\";\nexport type { AppShellProps } from \"./components/layout/app-shell\";\n\nexport { AppTemplate } from \"./components/layout/app-template\";\nexport type { AppTemplateProps } from \"./components/layout/app-template\";\n\nexport type {\n  LayoutConfig,\n  LayoutSidebarItem,\n  LayoutBreadcrumbItem,\n  LayoutIconName,\n} from \"./components/layout/layout-config\";\nexport { layoutConfigSchema } from \"./components/layout/layout-config\";\n\nexport { Sidebar } from \"./components/layout/sidebar\";\nexport type { SidebarProps, SidebarItem } from \"./components/layout/sidebar\";\n\nexport { TopNav } from \"./components/layout/top-nav\";\nexport type { TopNavProps } from \"./components/layout/top-nav\";\n\nexport { PageHeader } from \"./components/layout/page-header\";\nexport type { PageHeaderProps } from \"./components/layout/page-header\";\n\nexport { Breadcrumbs } from \"./components/layout/breadcrumbs\";\nexport type { BreadcrumbsProps, BreadcrumbItem } from \"./components/layout/breadcrumbs\";\n\nexport { AuthLayout } from \"./components/layout/auth-layout\";\nexport type { AuthLayoutProps } from \"./components/layout/auth-layout\";\n\nexport { Container } from \"./components/layout/container\";\nexport type { ContainerProps } from \"./components/layout/container\";\n\nexport { Grid } from \"./components/layout/grid\";\nexport type { GridProps } from \"./components/layout/grid\";\n\nexport { ThemeSwitcher } from \"./components/theme-switcher\";\nexport type { ThemeSwitcherProps } from \"./components/theme-switcher\";\n\nexport { ThemeProvider, useTheme } from \"./theme/theme-context\";\nexport type { ThemeName, ThemeMode } from \"./theme/theme-context\";\n"],"mappings":"AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAG5B,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAG5B,SAAS,kBAAkB;AAG3B,SAAS,kBAAkB;AAG3B,SAAS,uBAAuB;AAGhC,SAAS,yBAAyB;AAGlC,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAG3B,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAG1B,SAAS,oBAAoB;AAG7B,SAAS,gBAAgB,qBAAqB;AAG9C,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,oBAAoB;AAG7B,SAAS,yBAAyB;AAGlC,SAAS,2BAA2B;AAGpC,SAAS,iBAAiB;AAG1B,SAAS,qBAAqB;AAG9B,SAAS,uBAAuB;AAGhC,SAAS,WAAW,yBAAyB;AAO7C,SAAS,wBAAwB;AAGjC,SAAS,0BAA0B;AAGnC,SAAS,iBAAiB;AAG1B,SAAS,sBAAsB;AAG/B,SAAS,sBAAsB;AAI/B,SAAS,0BAA0B;AAGnC,SAAS,6BAA6B;AAGtC,SAAS,sBAAsB;AAG/B,SAAS,yBAAyB;AAGlC,SAAS,sBAAsB;AAO/B,SAAS,4BAA4B;AAErC,SAAS,gCAAgC;AAEzC,SAAS,mBAAmB;AAG5B,SAAS,uBAAuB;AAGhC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAS5B,SAAS,0BAA0B;AAEnC,SAAS,eAAe;AAGxB,SAAS,cAAc;AAGvB,SAAS,kBAAkB;AAG3B,SAAS,mBAAmB;AAG5B,SAAS,kBAAkB;AAG3B,SAAS,iBAAiB;AAG1B,SAAS,YAAY;AAGrB,SAAS,qBAAqB;AAG9B,SAAS,eAAe,gBAAgB;","names":[]}

package/dist/styles.css

@@ -44,12 +44,16 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-wide: 0.025em;
+    --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
     --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
     --blur-sm: 8px;
     --blur-md: 12px;
     --blur-xl: 24px;
@@ -212,6 +216,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .visible {
+    visibility: visible;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -238,17 +245,14 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
-  .top-0\.5 {
-    top: calc(var(--spacing) * 0.5);
-  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
-  .top-10 {
-    top: calc(var(--spacing) * 10);
+  .top-12 {
+    top: calc(var(--spacing) * 12);
   }
   .top-full {
     top: 100%;
@@ -271,9 +275,6 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-0\.5 {
-    left: calc(var(--spacing) * 0.5);
-  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -295,6 +296,18 @@
   .z-50 {
     z-index: 50;
   }
+  .row-1 {
+    grid-row: 1;
+  }
+  .row-2 {
+    grid-row: 2;
+  }
+  .row-3 {
+    grid-row: 3;
+  }
+  .row-4 {
+    grid-row: 4;
+  }
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -325,6 +338,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -334,6 +350,9 @@
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
   .block {
     display: block;
   }
@@ -406,6 +425,9 @@
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
+  .w-3\/4 {
+    width: calc(3/4 * 100%);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -430,8 +452,8 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
-  .w-48 {
-    width: calc(var(--spacing) * 48);
+  .w-56 {
+    width: calc(var(--spacing) * 56);
   }
   .w-full {
     width: 100%;
@@ -466,9 +488,15 @@
   .min-w-48 {
     min-width: calc(var(--spacing) * 48);
   }
+  .min-w-full {
+    min-width: 100%;
+  }
   .flex-1 {
     flex: 1;
   }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -507,6 +535,15 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -534,12 +571,18 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -552,6 +595,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -633,12 +679,23 @@
       margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded {
+    border-radius: 0.25rem;
+  }
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
@@ -654,6 +711,9 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
@@ -709,27 +769,33 @@
   .border-\[rgb\(var\(--nc-accent-2\)\/0\.45\)\] {
     border-color: rgb(var(--nc-accent-2)/0.45);
   }
+  .border-\[rgb\(var\(--nc-accent-3\)\)\] {
+    border-color: rgb(var(--nc-accent-3));
+  }
   .border-\[rgb\(var\(--nc-accent-3\)\/0\.45\)\] {
     border-color: rgb(var(--nc-accent-3)/0.45);
   }
   .border-\[rgb\(var\(--nc-accent-3\)\/0\.65\)\] {
     border-color: rgb(var(--nc-accent-3)/0.65);
   }
+  .border-\[rgb\(var\(--nc-border\)\/0\.2\)\] {
+    border-color: rgb(var(--nc-border)/0.2);
+  }
   .border-\[rgb\(var\(--nc-border\)\/0\.3\)\] {
     border-color: rgb(var(--nc-border)/0.3);
   }
   .border-\[rgb\(var\(--nc-border\)\/0\.15\)\] {
     border-color: rgb(var(--nc-border)/0.15);
   }
+  .border-\[rgb\(var\(--nc-border\)\/0\.25\)\] {
+    border-color: rgb(var(--nc-border)/0.25);
+  }
   .border-\[rgb\(var\(--nc-border\)\/0\.35\)\] {
     border-color: rgb(var(--nc-border)/0.35);
   }
   .border-\[rgb\(var\(--nc-border\)\/0\.45\)\] {
     border-color: rgb(var(--nc-border)/0.45);
   }
-  .border-\[rgb\(var\(--nc-fg-muted\)\)\] {
-    border-color: rgb(var(--nc-fg-muted));
-  }
   .border-amber-400\/40 {
     border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -751,6 +817,9 @@
   .border-slate-300 {
     border-color: var(--color-slate-300);
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .border-white\/10 {
     border-color: color-mix(in srgb, #fff 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -790,9 +859,6 @@
   .bg-\[rgb\(var\(--nc-accent-1\)\/0\.3\)\] {
     background-color: rgb(var(--nc-accent-1)/0.3);
   }
-  .bg-\[rgb\(var\(--nc-accent-1\)\/0\.08\)\] {
-    background-color: rgb(var(--nc-accent-1)/0.08);
-  }
   .bg-\[rgb\(var\(--nc-accent-1\)\/0\.12\)\] {
     background-color: rgb(var(--nc-accent-1)/0.12);
   }
@@ -811,9 +877,15 @@
   .bg-\[rgb\(var\(--nc-accent-3\)\/0\.18\)\] {
     background-color: rgb(var(--nc-accent-3)/0.18);
   }
+  .bg-\[rgb\(var\(--nc-border\)\/0\.3\)\] {
+    background-color: rgb(var(--nc-border)/0.3);
+  }
   .bg-\[rgb\(var\(--nc-surface\)\/0\.2\)\] {
     background-color: rgb(var(--nc-surface)/0.2);
   }
+  .bg-\[rgb\(var\(--nc-surface\)\/0\.04\)\] {
+    background-color: rgb(var(--nc-surface)/0.04);
+  }
   .bg-\[rgb\(var\(--nc-surface\)\/0\.08\)\] {
     background-color: rgb(var(--nc-surface)/0.08);
   }
@@ -826,9 +898,6 @@
   .bg-\[rgb\(var\(--nc-surface\)\/1\.52\)\] {
     background-color: rgb(var(--nc-surface)/1.52);
   }
-  .bg-\[rgb\(var\(--nc-surface-muted\)\/0\.9\)\] {
-    background-color: rgb(var(--nc-surface-muted)/0.9);
-  }
   .bg-background {
     background-color: var(--background);
   }
@@ -907,6 +976,9 @@
   .bg-clip-text {
     background-clip: text;
   }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -955,11 +1027,17 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-5 {
+    padding-block: calc(var(--spacing) * 5);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-10 {
-    padding-block: calc(var(--spacing) * 10);
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
   }
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
@@ -1020,6 +1098,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1043,12 +1124,18 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   .text-\[color\:rgb\(var\(--nc-accent-1\)\)\] {
     color: rgb(var(--nc-accent-1));
   }
   .text-\[rgb\(var\(--nc-accent-1\)\)\] {
     color: rgb(var(--nc-accent-1));
   }
+  .text-\[rgb\(var\(--nc-accent-2\)\)\] {
+    color: rgb(var(--nc-accent-2));
+  }
   .text-\[rgb\(var\(--nc-accent-3\)\)\] {
     color: rgb(var(--nc-accent-3));
   }
@@ -1070,6 +1157,9 @@
   .text-amber-200 {
     color: var(--color-amber-200);
   }
+  .text-current {
+    color: currentcolor;
+  }
   .text-emerald-200 {
     color: var(--color-emerald-200);
   }
@@ -1125,6 +1215,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-25 {
+    opacity: 25%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -1134,6 +1227,9 @@
   .opacity-60 {
     opacity: 60%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -1217,6 +1313,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -1280,12 +1380,6 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .peer-checked\:translate-x-5 {
-    &:is(:where(.peer):checked ~ *) {
-      --tw-translate-x: calc(var(--spacing) * 5);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .peer-checked\:border-\[rgb\(var\(--nc-accent-1\)\)\] {
     &:is(:where(.peer):checked ~ *) {
       border-color: rgb(var(--nc-accent-1));
@@ -1301,11 +1395,6 @@
       background-color: rgb(var(--nc-accent-1)/0.25);
     }
   }
-  .peer-checked\:bg-\[rgb\(var\(--nc-surface-muted\)\)\] {
-    &:is(:where(.peer):checked ~ *) {
-      background-color: rgb(var(--nc-surface-muted));
-    }
-  }
   .peer-checked\:opacity-100 {
     &:is(:where(.peer):checked ~ *) {
       opacity: 100%;
@@ -1370,6 +1459,11 @@
       color: rgb(var(--nc-fg));
     }
   }
+  .placeholder\:text-\[rgb\(var\(--nc-fg-muted\)\)\] {
+    &::placeholder {
+      color: rgb(var(--nc-fg-muted));
+    }
+  }
   .placeholder\:text-\[rgb\(var\(--nc-fg-soft\)\)\] {
     &::placeholder {
       color: rgb(var(--nc-fg-soft));
@@ -1393,18 +1487,54 @@
       inset: calc(var(--spacing) * 0);
     }
   }
+  .before\:top-0\.5 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0.5);
+    }
+  }
+  .before\:left-0\.5 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0.5);
+    }
+  }
   .before\:-z-10 {
     &::before {
       content: var(--tw-content);
       z-index: calc(10 * -1);
     }
   }
+  .before\:h-4 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .before\:w-4 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 4);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
   .before\:rounded-xl {
     &::before {
       content: var(--tw-content);
       border-radius: var(--radius-xl);
     }
   }
+  .before\:bg-\[rgb\(var\(--nc-fg\)\/0\.92\)\] {
+    &::before {
+      content: var(--tw-content);
+      background-color: rgb(var(--nc-fg)/0.92);
+    }
+  }
   .before\:bg-linear-to-br {
     &::before {
       content: var(--tw-content);
@@ -1470,6 +1600,13 @@
       opacity: 0%;
     }
   }
+  .before\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.4\)\] {
+    &::before {
+      content: var(--tw-content);
+      --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.4));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .before\:blur-xl {
     &::before {
       content: var(--tw-content);
@@ -1477,6 +1614,14 @@
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
   }
+  .before\:transition-all {
+    &::before {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
   .before\:transition-opacity {
     &::before {
       content: var(--tw-content);
@@ -1485,6 +1630,13 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
   }
+  .before\:duration-200 {
+    &::before {
+      content: var(--tw-content);
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
   .before\:duration-300 {
     &::before {
       content: var(--tw-content);
@@ -1492,6 +1644,29 @@
       transition-duration: 300ms;
     }
   }
+  .before\:content-\[\'\'\] {
+    &::before {
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+  }
+  .peer-checked\:before\:translate-x-5 {
+    &:is(:where(.peer):checked ~ *) {
+      &::before {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .peer-checked\:before\:bg-\[rgb\(var\(--nc-fg\)\)\] {
+    &:is(:where(.peer):checked ~ *) {
+      &::before {
+        content: var(--tw-content);
+        background-color: rgb(var(--nc-fg));
+      }
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -1657,6 +1832,13 @@
       }
     }
   }
+  .hover\:text-\[rgb\(var\(--nc-accent-2\)\)\] {
+    &:hover {
+      @media (hover: hover) {
+        color: rgb(var(--nc-accent-2));
+      }
+    }
+  }
   .hover\:text-\[rgb\(var\(--nc-fg\)\)\] {
     &:hover {
       @media (hover: hover) {
@@ -1711,6 +1893,11 @@
       border-color: rgb(var(--nc-accent-1)/0.8);
     }
   }
+  .focus\:border-\[rgb\(var\(--nc-accent-3\)\)\] {
+    &:focus {
+      border-color: rgb(var(--nc-accent-3));
+    }
+  }
   .focus\:shadow-\[0_0_30px_-5px_var\(--glow-color\)\] {
     &:focus {
       --tw-shadow: 0 0 30px -5px var(--tw-shadow-color, var(--glow-color));
@@ -1739,6 +1926,11 @@
       --tw-ring-color: rgb(var(--nc-accent-1)/0.5);
     }
   }
+  .focus\:ring-\[rgb\(var\(--nc-accent-3\)\/0\.35\)\] {
+    &:focus {
+      --tw-ring-color: rgb(var(--nc-accent-3)/0.35);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
@@ -2292,6 +2484,27 @@ body {
     transform: rotate(360deg);
   }
 }
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jameskabz/nextcraft-ui",
-  "version": "0.6.15",
+  "version": "0.7.0",
   "description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
   "private": false,
   "license": "MIT",
@@ -45,19 +45,20 @@
     "test:coverage": "echo \"No coverage configured\""
   },
   "peerDependencies": {
-    "lucide-react": "^0.563.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^3.1.1",
     "next": "^16.1.4",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-hook-form": "^7.71.1",
     "tailwindcss": "^4"
   },
-  "peerDependenciesMeta": {
-    "lucide-react": {
-      "optional": true
-    }
-  },
+  "peerDependenciesMeta": {},
   "devDependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^3.1.1",
     "@tailwindcss/cli": "^4",
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
@@ -66,7 +67,6 @@
     "babel-plugin-react-compiler": "1.0.0",
     "eslint": "^9",
     "eslint-config-next": "16.1.4",
-    "lucide-react": "^0.563.0",
     "next": "16.1.4",
     "react": "19.2.3",
     "react-dom": "19.2.3",