@k3-tech/react-kit 0.0.64 → 0.0.66

package/dist/kit/builder/data-table/components/DataTable.d.ts

@@ -15,7 +15,13 @@ export interface DataTableProps<TData, TValue> {
     rowCount?: number;
     pagination?: boolean;
     paginationState?: PaginationState;
+    /** @deprecated */
     paginationVariant?: 'full' | 'compact';
+    paginationShowPageInfo?: boolean;
+    paginationShowSelectedRowInfo?: boolean;
+    paginationShowRowsPerPageSelection?: boolean;
+    paginationShowFirstAndLastPageButton?: boolean;
+    paginationWrapperClassName?: string;
     onPaginationChange?: (newState: PaginationState) => void;
     columnVisibility?: boolean;
     columnVisibilityState?: VisibilityState;
@@ -42,5 +48,5 @@ export interface DataTableProps<TData, TValue> {
      */
     CustomHeaderComponent?: () => React.ReactNode;
 }
-export declare function DataTable<TData, TValue>({ columns, data, loading, sorting, sortingState, onSortingChange, columnFilters, columnFiltersState, onColumnFiltersChange, rowCount, pagination, paginationVariant, onPaginationChange, paginationState, columnVisibility, columnVisibilityState, onColumnVisibilityChange, onTable, className, emptyText, formFilterForm, formFilters, formFilterValues, onFormFilterChange, selectable, actions, batchActions, showStandardActions, onRefresh, onRowClick, filterWrapper, filterTitle, filterShowActionsSeparator, CustomHeaderComponent, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, sorting, sortingState, onSortingChange, columnFilters, columnFiltersState, onColumnFiltersChange, rowCount, pagination, paginationShowPageInfo, paginationShowSelectedRowInfo, paginationShowRowsPerPageSelection, paginationShowFirstAndLastPageButton, paginationWrapperClassName, onPaginationChange, paginationState, columnVisibility, columnVisibilityState, onColumnVisibilityChange, onTable, className, emptyText, formFilterForm, formFilters, formFilterValues, onFormFilterChange, selectable, actions, batchActions, showStandardActions, onRefresh, onRowClick, filterWrapper, filterTitle, filterShowActionsSeparator, CustomHeaderComponent, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/kit/builder/data-table/components/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/kit/builder/data-table/components/DataTablePagination.d.ts

@@ -1,7 +1,13 @@
 import { Table } from '@tanstack/react-table';
 export interface DataTablePaginationProps<TData> {
     table: Table<TData>;
+    /** @deprecated */
     paginationVariant?: 'full' | 'compact';
+    showPageInfo?: boolean;
+    showSelectedRowInfo?: boolean;
+    showRowsPerPageSelection?: boolean;
+    showFirstAndLastPageButton?: boolean;
+    wrapperClassName?: string;
 }
-export declare function DataTablePagination<TData>({ table, paginationVariant, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTablePagination<TData>({ table, showPageInfo, showSelectedRowInfo, showRowsPerPageSelection, showFirstAndLastPageButton, wrapperClassName, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataTablePagination.d.ts.map

package/dist/kit/builder/data-table/components/DataTablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAgBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,iBAA0B,GAC3B,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA2FjC"}
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAiBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,YAAmB,EACnB,mBAA0B,EAC1B,wBAA+B,EAC/B,0BAAiC,EACjC,gBAAgB,GACjB,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAmGjC"}

package/dist/kit/layouts/admin/components/AdminLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../../../src/kit/layouts/admin/components/AdminLayout.tsx"],"names":[],"mappings":"AA+BA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEhE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,CAAC;AAwNF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CAmBlB"}
+{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../../../src/kit/layouts/admin/components/AdminLayout.tsx"],"names":[],"mappings":"AA+BA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEhE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,CAAC;AAwOF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CAmBlB"}

package/dist/kit/themes/base.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer base {
   * {
     border-color: oklch(var(--border));

package/dist/kit/themes/clean-slate.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @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 {
@@ -2102,6 +2102,10 @@
     background-color: var(--color-bg);
   }
 
+  .bg-\[\#30A4A1\] {
+    background-color: #30a4a1;
+  }
+
   .bg-accent {
     background-color: var(--accent);
   }
@@ -2248,17 +2252,7 @@
     background-color: var(--popover);
   }
 
-  .bg-primary, .bg-primary\/10 {
-    background-color: var(--primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-primary\/10 {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
-
-  .bg-primary\/20 {
+  .bg-primary, .bg-primary\/20 {
     background-color: var(--primary);
   }
 
@@ -2284,6 +2278,16 @@
     background-color: var(--sidebar-border);
   }
 
+  .bg-sidebar-primary\/10 {
+    background-color: var(--sidebar-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sidebar-primary\/10 {
+      background-color: color-mix(in oklab, var(--sidebar-primary) 10%, transparent);
+    }
+  }
+
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -2308,6 +2312,16 @@
     background-color: var(--color-white);
   }
 
+  .bg-white\/20 {
+    background-color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/20 {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -2733,6 +2747,14 @@
     }
   }
 
+  .text-sidebar-primary {
+    color: var(--sidebar-primary);
+  }
+
+  .text-sidebar-primary-foreground {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .text-teal-600 {
     color: var(--color-teal-600);
   }
@@ -3843,14 +3865,14 @@
     }
   }
 
-  .data-\[active\=true\]\:bg-primary[data-active="true"] {
-    background-color: var(--primary);
-  }
-
   .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
     background-color: var(--sidebar-accent);
   }
 
+  .data-\[active\=true\]\:bg-sidebar-primary[data-active="true"] {
+    background-color: var(--sidebar-primary);
+  }
+
   .data-\[active\=true\]\:font-medium[data-active="true"] {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3860,14 +3882,14 @@
     color: var(--accent-foreground);
   }
 
-  .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
-    color: var(--primary-foreground);
-  }
-
   .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
     color: var(--sidebar-accent-foreground);
   }
 
+  .data-\[active\=true\]\:text-sidebar-primary-foreground[data-active="true"] {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);

package/dist/kit/themes/default.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @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 {
@@ -2105,6 +2105,10 @@
     background-color: var(--color-bg);
   }
 
+  .bg-\[\#30A4A1\] {
+    background-color: #30a4a1;
+  }
+
   .bg-accent {
     background-color: var(--accent);
   }
@@ -2251,17 +2255,7 @@
     background-color: var(--popover);
   }
 
-  .bg-primary, .bg-primary\/10 {
-    background-color: var(--primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-primary\/10 {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
-
-  .bg-primary\/20 {
+  .bg-primary, .bg-primary\/20 {
     background-color: var(--primary);
   }
 
@@ -2287,6 +2281,16 @@
     background-color: var(--sidebar-border);
   }
 
+  .bg-sidebar-primary\/10 {
+    background-color: var(--sidebar-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sidebar-primary\/10 {
+      background-color: color-mix(in oklab, var(--sidebar-primary) 10%, transparent);
+    }
+  }
+
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -2311,6 +2315,16 @@
     background-color: var(--color-white);
   }
 
+  .bg-white\/20 {
+    background-color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/20 {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -2740,6 +2754,14 @@
     }
   }
 
+  .text-sidebar-primary {
+    color: var(--sidebar-primary);
+  }
+
+  .text-sidebar-primary-foreground {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .text-teal-600 {
     color: var(--color-teal-600);
   }
@@ -3850,14 +3872,14 @@
     }
   }
 
-  .data-\[active\=true\]\:bg-primary[data-active="true"] {
-    background-color: var(--primary);
-  }
-
   .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
     background-color: var(--sidebar-accent);
   }
 
+  .data-\[active\=true\]\:bg-sidebar-primary[data-active="true"] {
+    background-color: var(--sidebar-primary);
+  }
+
   .data-\[active\=true\]\:font-medium[data-active="true"] {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3867,14 +3889,14 @@
     color: var(--accent-foreground);
   }
 
-  .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
-    color: var(--primary-foreground);
-  }
-
   .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
     color: var(--sidebar-accent-foreground);
   }
 
+  .data-\[active\=true\]\:text-sidebar-primary-foreground[data-active="true"] {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
@@ -5748,19 +5770,19 @@
   --card-foreground: oklch(14.08% .0044 285.823);
   --popover: oklch(100% 0 0);
   --popover-foreground: oklch(14.08% .0044 285.823);
-  --primary: oklch(52.34% .1347 144.167);
+  --primary: #1976f2;
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(96.74% .0013 286.375);
   --secondary-foreground: oklch(14.08% .0044 285.823);
   --muted: oklch(96.74% .0013 286.375);
   --muted-foreground: oklch(55.17% .0138 285.939);
-  --accent: oklch(95.71% .021 147.636);
-  --accent-foreground: oklch(42.54% .1159 144.308);
-  --destructive: oklch(63.68% .2078 25.3313);
+  --accent: #e0f2f1;
+  --accent-foreground: #0d9488;
+  --destructive: #e84c3d;
   --destructive-foreground: oklch(100% 0 0);
-  --border: oklch(91.97% .004 286.32);
+  --border: #e5e7eb;
   --input: oklch(100% 0 0);
-  --ring: oklch(52.34% .1347 144.167);
+  --ring: #1976f2;
   --chart-1: oklch(52.34% .1347 144.167);
   --chart-2: oklch(67.31% .1624 144.208);
   --chart-3: oklch(64.23% .1467 133.015);
@@ -5768,12 +5790,12 @@
   --chart-5: oklch(82.53% .1181 129.001);
   --sidebar: oklch(98.51% 0 0);
   --sidebar-foreground: oklch(55.17% .0138 285.939);
-  --sidebar-primary: oklch(52.34% .1347 144.167);
+  --sidebar-primary: #0d9488;
   --sidebar-primary-foreground: oklch(100% 0 0);
-  --sidebar-accent: oklch(95.71% .021 147.636);
-  --sidebar-accent-foreground: oklch(42.54% .1159 144.308);
-  --sidebar-border: oklch(91.97% .004 286.32);
-  --sidebar-ring: oklch(52.34% .1347 144.167);
+  --sidebar-accent: #e0f2f1;
+  --sidebar-accent-foreground: #0d9488;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #0d9488;
   --radius: .5rem;
   --shadow-2xs: 0px 4px 8px 0px #00000008;
   --shadow-xs: 0px 4px 8px 0px #00000008;
@@ -5804,19 +5826,19 @@
   --card-foreground: oklch(98.51% 0 0);
   --popover: oklch(21.03% .0059 285.885);
   --popover-foreground: oklch(98.51% 0 0);
-  --primary: oklch(67.31% .1624 144.208);
-  --primary-foreground: oklch(19.82% .0381 143.973);
+  --primary: #2196f3;
+  --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(27.39% .0055 286.033);
   --secondary-foreground: oklch(98.51% 0 0);
   --muted: oklch(27.39% .0055 286.033);
   --muted-foreground: oklch(71.18% .0129 286.067);
-  --accent: oklch(34.38% .0368 161.91);
-  --accent-foreground: oklch(83.53% .0266 175.427);
-  --destructive: oklch(39.58% .1331 25.723);
+  --accent: #134e4a;
+  --accent-foreground: #5eead4;
+  --destructive: #e84c3d;
   --destructive-foreground: oklch(94.78% .023 17.5647);
   --border: oklch(27.39% .0055 286.033);
   --input: oklch(27.39% .0055 286.033);
-  --ring: oklch(67.31% .1624 144.208);
+  --ring: #2196f3;
   --chart-1: oklch(67.31% .1624 144.208);
   --chart-2: oklch(75.36% .1626 130.502);
   --chart-3: oklch(85.55% .1766 114.846);
@@ -5824,12 +5846,12 @@
   --chart-5: oklch(77.03% .1741 64.0539);
   --sidebar: oklch(21.03% .0059 285.885);
   --sidebar-foreground: oklch(71.18% .0129 286.067);
-  --sidebar-primary: oklch(67.31% .1624 144.208);
-  --sidebar-primary-foreground: oklch(19.82% .0381 143.973);
-  --sidebar-accent: oklch(34.38% .0368 161.91);
-  --sidebar-accent-foreground: oklch(83.53% .0266 175.427);
+  --sidebar-primary: #0d9488;
+  --sidebar-primary-foreground: oklch(100% 0 0);
+  --sidebar-accent: #134e4a;
+  --sidebar-accent-foreground: #5eead4;
   --sidebar-border: oklch(27.39% .0055 286.033);
-  --sidebar-ring: oklch(67.31% .1624 144.208);
+  --sidebar-ring: #0d9488;
   --radius: .5rem;
   --shadow-2xs: 0px 2px 4px 0px #0000000d;
   --shadow-xs: 0px 2px 4px 0px #0000000d;

package/dist/kit/themes/minimal-modern.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @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 {
@@ -2102,6 +2102,10 @@
     background-color: var(--color-bg);
   }
 
+  .bg-\[\#30A4A1\] {
+    background-color: #30a4a1;
+  }
+
   .bg-accent {
     background-color: var(--accent);
   }
@@ -2248,17 +2252,7 @@
     background-color: var(--popover);
   }
 
-  .bg-primary, .bg-primary\/10 {
-    background-color: var(--primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-primary\/10 {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
-
-  .bg-primary\/20 {
+  .bg-primary, .bg-primary\/20 {
     background-color: var(--primary);
   }
 
@@ -2284,6 +2278,16 @@
     background-color: var(--sidebar-border);
   }
 
+  .bg-sidebar-primary\/10 {
+    background-color: var(--sidebar-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sidebar-primary\/10 {
+      background-color: color-mix(in oklab, var(--sidebar-primary) 10%, transparent);
+    }
+  }
+
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -2308,6 +2312,16 @@
     background-color: var(--color-white);
   }
 
+  .bg-white\/20 {
+    background-color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/20 {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -2733,6 +2747,14 @@
     }
   }
 
+  .text-sidebar-primary {
+    color: var(--sidebar-primary);
+  }
+
+  .text-sidebar-primary-foreground {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .text-teal-600 {
     color: var(--color-teal-600);
   }
@@ -3843,14 +3865,14 @@
     }
   }
 
-  .data-\[active\=true\]\:bg-primary[data-active="true"] {
-    background-color: var(--primary);
-  }
-
   .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
     background-color: var(--sidebar-accent);
   }
 
+  .data-\[active\=true\]\:bg-sidebar-primary[data-active="true"] {
+    background-color: var(--sidebar-primary);
+  }
+
   .data-\[active\=true\]\:font-medium[data-active="true"] {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3860,14 +3882,14 @@
     color: var(--accent-foreground);
   }
 
-  .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
-    color: var(--primary-foreground);
-  }
-
   .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
     color: var(--sidebar-accent-foreground);
   }
 
+  .data-\[active\=true\]\:text-sidebar-primary-foreground[data-active="true"] {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);

package/dist/kit/themes/spotify.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @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 {
@@ -2102,6 +2102,10 @@
     background-color: var(--color-bg);
   }
 
+  .bg-\[\#30A4A1\] {
+    background-color: #30a4a1;
+  }
+
   .bg-accent {
     background-color: var(--accent);
   }
@@ -2248,17 +2252,7 @@
     background-color: var(--popover);
   }
 
-  .bg-primary, .bg-primary\/10 {
-    background-color: var(--primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-primary\/10 {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
-
-  .bg-primary\/20 {
+  .bg-primary, .bg-primary\/20 {
     background-color: var(--primary);
   }
 
@@ -2284,6 +2278,16 @@
     background-color: var(--sidebar-border);
   }
 
+  .bg-sidebar-primary\/10 {
+    background-color: var(--sidebar-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sidebar-primary\/10 {
+      background-color: color-mix(in oklab, var(--sidebar-primary) 10%, transparent);
+    }
+  }
+
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -2308,6 +2312,16 @@
     background-color: var(--color-white);
   }
 
+  .bg-white\/20 {
+    background-color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/20 {
+      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -2733,6 +2747,14 @@
     }
   }
 
+  .text-sidebar-primary {
+    color: var(--sidebar-primary);
+  }
+
+  .text-sidebar-primary-foreground {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .text-teal-600 {
     color: var(--color-teal-600);
   }
@@ -3843,14 +3865,14 @@
     }
   }
 
-  .data-\[active\=true\]\:bg-primary[data-active="true"] {
-    background-color: var(--primary);
-  }
-
   .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
     background-color: var(--sidebar-accent);
   }
 
+  .data-\[active\=true\]\:bg-sidebar-primary[data-active="true"] {
+    background-color: var(--sidebar-primary);
+  }
+
   .data-\[active\=true\]\:font-medium[data-active="true"] {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3860,14 +3882,14 @@
     color: var(--accent-foreground);
   }
 
-  .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
-    color: var(--primary-foreground);
-  }
-
   .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
     color: var(--sidebar-accent-foreground);
   }
 
+  .data-\[active\=true\]\:text-sidebar-primary-foreground[data-active="true"] {
+    color: var(--sidebar-primary-foreground);
+  }
+
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);

package/dist/shadcn/ui/form.d.ts

@@ -2,7 +2,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 import * as React from 'react';
 import type * as LabelPrimitive from '@radix-ui/react-label';
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => import("react").JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;

package/dist/shadcn/ui/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/shadcn/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,sNAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/shadcn/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-tech/react-kit",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -92,4 +92,4 @@
     "tailwindcss": "^4.1.12",
     "tw-animate-css": "^1.3.7"
   }
-}
+}