@pathscale/ui 1.2.6 → 1.2.8

package/dist/hooks/form/index.js

@@ -1,10 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__ from "./createForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__ from "./useFieldNew.js";
-import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
-var __webpack_exports__FormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.FormContext;
-var __webpack_exports__createForm = __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__.createForm;
-var __webpack_exports__getFirstFieldError = __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError;
-var __webpack_exports__useField = __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__.useField;
-var __webpack_exports__useFormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext;
-export { __webpack_exports__FormContext as FormContext, __webpack_exports__createForm as createForm, __webpack_exports__getFirstFieldError as getFirstFieldError, __webpack_exports__useField as useField, __webpack_exports__useFormContext as useFormContext };
+export { createForm } from "./createForm.js";
+export { FormContext, useFormContext } from "./FormContext.js";
+export { useField } from "./useFieldNew.js";
+export { getFirstFieldError } from "./getFirstFieldError.js";

package/dist/hooks/form/useFieldNew.js

@@ -1,18 +1,18 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
+import { createMemo } from "solid-js";
+import { useFormContext } from "./FormContext.js";
+import { getFirstFieldError } from "./getFirstFieldError.js";
 const useField = (name)=>{
-    const form = (0, __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext)();
+    const form = useFormContext();
     const tsForm = form._tsForm;
-    const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldValue(name));
-    const meta = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldMeta(name));
-    const touched = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(meta()?.isTouched));
-    const error = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const value = createMemo(()=>tsForm.getFieldValue(name));
+    const meta = createMemo(()=>tsForm.getFieldMeta(name));
+    const touched = createMemo(()=>Boolean(meta()?.isTouched));
+    const error = createMemo(()=>{
         const m = meta();
         if (!m?.isTouched) return;
-        return (0, __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError)(m.errors ?? []);
+        return getFirstFieldError(m.errors ?? []);
     });
-    const invalid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(error()));
+    const invalid = createMemo(()=>Boolean(error()));
     const handleChange = (value)=>{
         tsForm.setFieldValue(name, value);
     };

package/dist/hooks/layout/index.js

@@ -1,3 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__ from "./useDesktop.js";
-var __webpack_exports__useDesktop = __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__.useDesktop;
-export { __webpack_exports__useDesktop as useDesktop };
+export { useDesktop } from "./useDesktop.js";

package/dist/hooks/layout/useDesktop.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import { createSignal, onCleanup, onMount } from "solid-js";
 function useDesktop(breakpoint = 1024) {
-    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [isDesktop, setIsDesktop] = createSignal(false);
     const checkIfDesktop = ()=>{
         const width = window.innerWidth;
         setIsDesktop(width >= breakpoint);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    onMount(()=>{
         checkIfDesktop();
         window.addEventListener("resize", checkIfDesktop);
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         window.removeEventListener("resize", checkIfDesktop);
     });
     return isDesktop;

package/dist/hooks/table/index.js

@@ -1,18 +1,8 @@
-import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
-var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
-var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
-var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
-var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
-var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
-var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
-var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
-var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
-var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
-export { __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
+export { useTableSorting } from "./useTableSorting.js";
+export { useTablePagination } from "./useTablePagination.js";
+export { useTableFiltering } from "./useTableFiltering.js";
+export { useTableSelection } from "./useTableSelection.js";
+export { useTableExpansion } from "./useTableExpansion.js";
+export { useTableModel } from "./useTableModel.js";
+export { toSortDescriptor, toSortingState } from "./helpers.js";
+export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition.js";

package/dist/hooks/table/useAnchoredOverlayPosition.js

@@ -1,10 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import { createEffect, createSignal, onCleanup } from "solid-js";
 const resolveNumber = (value)=>{
     if ("function" == typeof value) return value();
     return value;
 };
 const useAnchoredOverlayPosition = (options)=>{
-    const [style, setStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
+    const [style, setStyle] = createSignal({
         position: "fixed",
         top: "0px",
         left: "0px",
@@ -12,7 +12,7 @@ const useAnchoredOverlayPosition = (options)=>{
     });
     const updatePosition = ()=>{
         const anchor = options.getAnchor();
-        if (!anchor || "undefined" == typeof window) return;
+        if (!anchor || "u" < typeof window) return;
         const overlay = options.getOverlay();
         const offset = options.offset ?? 6;
         const viewportPadding = options.viewportPadding ?? 8;
@@ -39,7 +39,7 @@ const useAnchoredOverlayPosition = (options)=>{
             "z-index": options.zIndex?.toString() ?? "1300"
         });
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!options.isOpen()) return;
         requestAnimationFrame(()=>{
             updatePosition();
@@ -48,7 +48,7 @@ const useAnchoredOverlayPosition = (options)=>{
         const onViewportChange = ()=>updatePosition();
         window.addEventListener("resize", onViewportChange);
         window.addEventListener("scroll", onViewportChange, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             window.removeEventListener("resize", onViewportChange);
             window.removeEventListener("scroll", onViewportChange, true);
         });

package/dist/hooks/table/useTableExpansion.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createSignal } from "solid-js";
+import { resolveUpdater } from "./helpers.js";
 const useTableExpansion = (options = {})=>{
-    const [internalExpanded, setInternalExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialExpanded ?? {});
+    const [internalExpanded, setInternalExpanded] = createSignal(options.initialExpanded ?? {});
     const expanded = ()=>options.expanded?.() ?? internalExpanded();
     const setExpanded = (updater)=>{
         if (options.setExpanded) return void options.setExpanded(updater);
-        setInternalExpanded((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalExpanded((prev)=>resolveUpdater(prev, updater));
     };
     const collapseAll = ()=>setExpanded({});
     return {

package/dist/hooks/table/useTableFiltering.js

@@ -1,18 +1,18 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createMemo, createSignal } from "solid-js";
+import { resolveUpdater } from "./helpers.js";
 const useTableFiltering = (options = {})=>{
-    const [internalColumnFilters, setInternalColumnFilters] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialColumnFilters ?? []);
-    const [internalGlobalFilter, setInternalGlobalFilter] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialGlobalFilter ?? "");
-    const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const [internalColumnFilters, setInternalColumnFilters] = createSignal(options.initialColumnFilters ?? []);
+    const [internalGlobalFilter, setInternalGlobalFilter] = createSignal(options.initialGlobalFilter ?? "");
+    const [openFilterFor, setOpenFilterFor] = createSignal(null);
     const columnFilters = ()=>options.columnFilters?.() ?? internalColumnFilters();
     const globalFilter = ()=>options.globalFilter?.() ?? internalGlobalFilter();
     const setColumnFilters = (updater)=>{
         if (options.setColumnFilters) return void options.setColumnFilters(updater);
-        setInternalColumnFilters((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalColumnFilters((prev)=>resolveUpdater(prev, updater));
     };
     const setGlobalFilter = (updater)=>{
         if (options.setGlobalFilter) return void options.setGlobalFilter(updater);
-        setInternalGlobalFilter((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalGlobalFilter((prev)=>resolveUpdater(prev, updater));
     };
     const closeFilter = ()=>setOpenFilterFor(null);
     const toggleFilter = (columnId)=>{
@@ -49,7 +49,7 @@ const useTableFiltering = (options = {})=>{
             }
         };
     };
-    const anyFilterActive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>columnFilters().length > 0);
+    const anyFilterActive = createMemo(()=>columnFilters().length > 0);
     return {
         columnFilters,
         setColumnFilters,

package/dist/hooks/table/useTableModel.js

@@ -1,9 +1,9 @@
-import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__ from "@tanstack/solid-table";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createSolidTable, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from "@tanstack/solid-table";
+import { asAccessor } from "./helpers.js";
 const useTableModel = (options)=>{
-    const dataAccessor = (0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.asAccessor)(options.data);
-    const columnsAccessor = (0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.asAccessor)(options.columns);
-    return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
+    const dataAccessor = asAccessor(options.data);
+    const columnsAccessor = asAccessor(options.columns);
+    return createSolidTable({
         get data () {
             return dataAccessor();
         },
@@ -40,11 +40,11 @@ const useTableModel = (options)=>{
         onGlobalFilterChange: options.setGlobalFilter,
         onRowSelectionChange: options.setRowSelection,
         onExpandedChange: options.setExpanded,
-        getCoreRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getCoreRowModel)(),
-        getSortedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getSortedRowModel)(),
-        getFilteredRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getFilteredRowModel)(),
-        getPaginationRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getPaginationRowModel)(),
-        getExpandedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getExpandedRowModel)(),
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
         enableSorting: options.enableSorting,
         enableFilters: options.enableFilters,
         manualPagination: void 0 === options.enablePagination ? false : !options.enablePagination,

package/dist/hooks/table/useTablePagination.js

@@ -1,5 +1,5 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createSignal } from "solid-js";
+import { resolveUpdater } from "./helpers.js";
 const DEFAULT_PAGE_SIZE_OPTIONS = [
     10,
     25,
@@ -7,7 +7,7 @@ const DEFAULT_PAGE_SIZE_OPTIONS = [
     100
 ];
 const useTablePagination = (options = {})=>{
-    const [internalPagination, setInternalPagination] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialPagination ?? {
+    const [internalPagination, setInternalPagination] = createSignal(options.initialPagination ?? {
         pageIndex: 0,
         pageSize: 10
     });
@@ -15,7 +15,7 @@ const useTablePagination = (options = {})=>{
     const pageSizeOptions = ()=>options.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS;
     const setPagination = (updater)=>{
         if (options.setPagination) return void options.setPagination(updater);
-        setInternalPagination((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalPagination((prev)=>resolveUpdater(prev, updater));
     };
     const setPageIndex = (index)=>{
         setPagination((prev)=>({

package/dist/hooks/table/useTableSelection.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createSignal } from "solid-js";
+import { resolveUpdater } from "./helpers.js";
 const useTableSelection = (options = {})=>{
-    const [internalRowSelection, setInternalRowSelection] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialRowSelection ?? {});
+    const [internalRowSelection, setInternalRowSelection] = createSignal(options.initialRowSelection ?? {});
     const rowSelection = ()=>options.rowSelection?.() ?? internalRowSelection();
     const setRowSelection = (updater)=>{
         if (options.setRowSelection) return void options.setRowSelection(updater);
-        setInternalRowSelection((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalRowSelection((prev)=>resolveUpdater(prev, updater));
     };
     const clearSelection = ()=>setRowSelection({});
     return {

package/dist/hooks/table/useTableSorting.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import { createMemo, createSignal } from "solid-js";
+import { resolveUpdater, toSortDescriptor, toSortingState } from "./helpers.js";
 const useTableSorting = (options = {})=>{
-    const [internalSorting, setInternalSorting] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialSorting ?? []);
+    const [internalSorting, setInternalSorting] = createSignal(options.initialSorting ?? []);
     const sorting = ()=>options.sorting?.() ?? internalSorting();
     const setSorting = (updater)=>{
         if (options.setSorting) return void options.setSorting(updater);
-        setInternalSorting((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+        setInternalSorting((prev)=>resolveUpdater(prev, updater));
     };
-    const sortDescriptor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor)(sorting()));
+    const sortDescriptor = createMemo(()=>toSortDescriptor(sorting()));
     const setSortDescriptor = (descriptor)=>{
-        setSorting((0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState)(descriptor));
+        setSorting(toSortingState(descriptor));
     };
     return {
         sorting,

package/dist/index.css

@@ -1,74 +1,74 @@
-@import "./styles/base/index.css";
-@import "./styles/themes/dark.css";
-@import "./styles/themes/light.css";
-@import "./styles/icons/generated-icons.css";
-
-@theme {
-  --color-light: var(--color-zinc-100);
-  --color-dark: var(--color-zinc-900);
-
-  /* Base colors */
-  --color-primary: var(--color-primary);
-  --color-primary-content: var(--color-primary-content);
-  --color-secondary: var(--color-secondary);
-  --color-secondary-content: var(--color-secondary-content);
-  --color-accent: var(--color-accent);
-  --color-accent-content: var(--color-accent-content);
-  --color-accent-foreground: var(--color-accent-foreground);
-  --color-accent-soft: var(--color-accent-soft);
-  --color-accent-soft-foreground: var(--color-accent-soft-foreground);
-  --color-accent-soft-hover: var(--color-accent-soft-hover);
-  --color-accent-hover: var(--color-accent-hover);
-  --color-neutral: var(--color-neutral);
-  --color-neutral-content: var(--color-neutral-content);
-
-  /* Semantic colors */
-  --color-info: var(--color-info);
-  --color-info-content: var(--color-info-content);
-  --color-success: var(--color-success);
-  --color-success-content: var(--color-success-content);
-  --color-success-foreground: var(--color-success-foreground);
-  --color-success-soft: var(--color-success-soft);
-  --color-success-soft-foreground: var(--color-success-soft-foreground);
-  --color-warning: var(--color-warning);
-  --color-warning-content: var(--color-warning-content);
-  --color-warning-foreground: var(--color-warning-foreground);
-  --color-warning-soft: var(--color-warning-soft);
-  --color-warning-soft-foreground: var(--color-warning-soft-foreground);
-  --color-error: var(--color-error);
-  --color-error-content: var(--color-error-content);
-  --color-danger: var(--color-danger);
-  --color-danger-foreground: var(--color-danger-foreground);
-  --color-danger-soft: var(--color-danger-soft);
-  --color-danger-soft-foreground: var(--color-danger-soft-foreground);
-
-  /* HeroUI generic tokens */
-  --color-default: var(--color-default);
-  --color-default-foreground: var(--color-default-foreground);
-  --color-default-hover: var(--color-default-hover);
-  --color-background: var(--color-background);
-  --color-foreground: var(--color-foreground);
-
-  /* Base background colors */
-  --color-base-100: var(--color-base-100);
-  --color-base-200: var(--color-base-200);
-  --color-base-300: var(--color-base-300);
-  --color-base-content: var(--color-base-content);
-
-  /* Legacy support */
-  --color-bg-body: var(--color-base-100);
-  --color-bg-primary: var(--color-base-200);
-  --color-bg-secondary: var(--color-base-300);
-  --color-bg-tertiary: var(--color-neutral);
-  --color-bg-accent: var(--color-accent);
-  --color-bg-positive: var(--color-success);
-  --color-bg-destructive: var(--color-error);
-
-  --color-fg-body: var(--color-base-content);
-  --color-fg-primary: var(--color-base-content);
-  --color-fg-secondary: var(--color-neutral-content);
-  --color-fg-tertiary: var(--color-neutral-content);
-  --color-fg-accent: var(--color-accent-content);
-  --color-fg-positive: var(--color-success-content);
-  --color-fg-destructive: var(--color-error-content);
-}
+@import "./styles/base/index.css";
+@import "./styles/themes/dark.css";
+@import "./styles/themes/light.css";
+@import "./styles/icons/generated-icons.css";
+
+@theme {
+  --color-light: var(--color-zinc-100);
+  --color-dark: var(--color-zinc-900);
+
+  /* Base colors */
+  --color-primary: var(--color-primary);
+  --color-primary-content: var(--color-primary-content);
+  --color-secondary: var(--color-secondary);
+  --color-secondary-content: var(--color-secondary-content);
+  --color-accent: var(--color-accent);
+  --color-accent-content: var(--color-accent-content);
+  --color-accent-foreground: var(--color-accent-foreground);
+  --color-accent-soft: var(--color-accent-soft);
+  --color-accent-soft-foreground: var(--color-accent-soft-foreground);
+  --color-accent-soft-hover: var(--color-accent-soft-hover);
+  --color-accent-hover: var(--color-accent-hover);
+  --color-neutral: var(--color-neutral);
+  --color-neutral-content: var(--color-neutral-content);
+
+  /* Semantic colors */
+  --color-info: var(--color-info);
+  --color-info-content: var(--color-info-content);
+  --color-success: var(--color-success);
+  --color-success-content: var(--color-success-content);
+  --color-success-foreground: var(--color-success-foreground);
+  --color-success-soft: var(--color-success-soft);
+  --color-success-soft-foreground: var(--color-success-soft-foreground);
+  --color-warning: var(--color-warning);
+  --color-warning-content: var(--color-warning-content);
+  --color-warning-foreground: var(--color-warning-foreground);
+  --color-warning-soft: var(--color-warning-soft);
+  --color-warning-soft-foreground: var(--color-warning-soft-foreground);
+  --color-error: var(--color-error);
+  --color-error-content: var(--color-error-content);
+  --color-danger: var(--color-danger);
+  --color-danger-foreground: var(--color-danger-foreground);
+  --color-danger-soft: var(--color-danger-soft);
+  --color-danger-soft-foreground: var(--color-danger-soft-foreground);
+
+  /* HeroUI generic tokens */
+  --color-default: var(--color-default);
+  --color-default-foreground: var(--color-default-foreground);
+  --color-default-hover: var(--color-default-hover);
+  --color-background: var(--color-background);
+  --color-foreground: var(--color-foreground);
+
+  /* Base background colors */
+  --color-base-100: var(--color-base-100);
+  --color-base-200: var(--color-base-200);
+  --color-base-300: var(--color-base-300);
+  --color-base-content: var(--color-base-content);
+
+  /* Legacy support */
+  --color-bg-body: var(--color-base-100);
+  --color-bg-primary: var(--color-base-200);
+  --color-bg-secondary: var(--color-base-300);
+  --color-bg-tertiary: var(--color-neutral);
+  --color-bg-accent: var(--color-accent);
+  --color-bg-positive: var(--color-success);
+  --color-bg-destructive: var(--color-error);
+
+  --color-fg-body: var(--color-base-content);
+  --color-fg-primary: var(--color-base-content);
+  --color-fg-secondary: var(--color-neutral-content);
+  --color-fg-tertiary: var(--color-neutral-content);
+  --color-fg-accent: var(--color-accent-content);
+  --color-fg-positive: var(--color-success-content);
+  --color-fg-destructive: var(--color-error-content);
+}