@jameskabz/nextcraft-ui 0.6.7 → 0.6.9

package/dist/components/craft-stat-card.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftStatTrend = "up" | "down" | "neutral";
 type CraftStatCardProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/craft-submit-button.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     tone?: ThemeName;

package/dist/components/craft-submit-button.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     tone?: ThemeName;

package/dist/components/craft-switch.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftSwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

package/dist/components/craft-switch.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftSwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {

package/dist/components/craft-table-toolbar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftTableToolbarProps = {
     title?: React.ReactNode;

package/dist/components/craft-table-toolbar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftTableToolbarProps = {
     title?: React.ReactNode;

package/dist/components/craft-tabs.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftTabsProps = {
     value?: string;

package/dist/components/craft-tabs.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftTabsProps = {
     value?: string;

package/dist/components/craft-textarea.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react/jsx-runtime';
 
 type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {

package/dist/components/craft-textarea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react/jsx-runtime';
 
 type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {

package/dist/components/craft-toast.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react';
 
 type CraftToastVariant = "info" | "success" | "warning" | "error";

package/dist/components/craft-toast.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react';
 
 type CraftToastVariant = "info" | "success" | "warning" | "error";

package/dist/components/craft-tooltip.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 
 type CraftTooltipProps = {
     content: React.ReactNode;

package/dist/components/craft-tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 
 type CraftTooltipProps = {
     content: React.ReactNode;

package/dist/components/glass-card.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import { ThemeName } from '../theme/theme-context.cjs';
 import 'react';
 
 type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/glass-card.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import { ThemeName } from '../theme/theme-context.js';
 import 'react';
 
 type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/layout/sidebar.cjs

@@ -22,6 +22,7 @@ __export(sidebar_exports, {
 });
 module.exports = __toCommonJS(sidebar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_craft_icon = require("../../components/craft-icon");
 var import_cn = require("../../utils/cn");
 function Sidebar({ className, title, items, footer, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -45,7 +46,7 @@ function Sidebar({ className, title, items, footer, ...props }) {
                 item.active ? "bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]" : "text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]"
               ),
               children: [
-                item.icon,
+                typeof item.icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_icon.CraftIcon, { name: item.icon, className: "h-4 w-4" }) : item.icon,
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })
               ]
             },

package/dist/components/layout/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layout/sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type SidebarItem = {\n  label: React.ReactNode;\n  href?: string;\n  icon?: React.ReactNode;\n  active?: boolean;\n};\n\nexport type SidebarProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  items: SidebarItem[];\n  footer?: React.ReactNode;\n};\n\nexport function Sidebar({ className, title, items, footer, ...props }: SidebarProps) {\n  return (\n    <aside\n      className={cn(\n        \"flex h-full w-full flex-col gap-6 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      {title && <div className=\"text-lg font-semibold\">{title}</div>}\n      <nav className=\"flex flex-col gap-2\">\n        {items.map((item, index) => (\n          <a\n            key={`${item.label}-${index}`}\n            href={item.href ?? \"#\"}\n            className={cn(\n              \"flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition\",\n              item.active\n                ? \"bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]\"\n                : \"text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]\"\n            )}\n          >\n            {item.icon}\n            <span>{item.label}</span>\n          </a>\n        ))}\n      </nav>\n      {footer && <div className=\"mt-auto pt-4\">{footer}</div>}\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BgB;AAxBhB,gBAAmB;AAeZ,SAAS,QAAQ,EAAE,WAAW,OAAO,OAAO,QAAQ,GAAG,MAAM,GAAiB;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBAAS,4CAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,QACxD,4CAAC,SAAI,WAAU,uBACZ,gBAAM,IAAI,CAAC,MAAM,UAAO;AA5BjC;AA6BU;AAAA,YAAC;AAAA;AAAA,cAEC,OAAM,UAAK,SAAL,YAAa;AAAA,cACnB,eAAW;AAAA,gBACT;AAAA,gBACA,KAAK,SACD,+DACA;AAAA,cACN;AAAA,cAEC;AAAA,qBAAK;AAAA,gBACN,4CAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YAVb,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAW7B;AAAA,SACD,GACH;AAAA,QACC,UAAU,4CAAC,SAAI,WAAU,gBAAgB,kBAAO;AAAA;AAAA;AAAA,EACnD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layout/sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { CraftIcon } from \"@/components/craft-icon\";\nimport { cn } from \"@/utils/cn\";\n\nexport type SidebarItem = {\n  label: React.ReactNode;\n  href?: string;\n  icon?: React.ReactNode | string;\n  active?: boolean;\n};\n\nexport type SidebarProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  items: SidebarItem[];\n  footer?: React.ReactNode;\n};\n\nexport function Sidebar({ className, title, items, footer, ...props }: SidebarProps) {\n  return (\n    <aside\n      className={cn(\n        \"flex h-full w-full flex-col gap-6 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      {title && <div className=\"text-lg font-semibold\">{title}</div>}\n      <nav className=\"flex flex-col gap-2\">\n        {items.map((item, index) => (\n          <a\n            key={`${item.label}-${index}`}\n            href={item.href ?? \"#\"}\n            className={cn(\n              \"flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition\",\n              item.active\n                ? \"bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]\"\n                : \"text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]\"\n            )}\n          >\n            {typeof item.icon === \"string\" ? (\n              <CraftIcon name={item.icon} className=\"h-4 w-4\" />\n            ) : (\n              item.icon\n            )}\n            <span>{item.label}</span>\n          </a>\n        ))}\n      </nav>\n      {footer && <div className=\"mt-auto pt-4\">{footer}</div>}\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BgB;AAzBhB,wBAA0B;AAC1B,gBAAmB;AAeZ,SAAS,QAAQ,EAAE,WAAW,OAAO,OAAO,QAAQ,GAAG,MAAM,GAAiB;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBAAS,4CAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,QACxD,4CAAC,SAAI,WAAU,uBACZ,gBAAM,IAAI,CAAC,MAAM,UAAO;AA7BjC;AA8BU;AAAA,YAAC;AAAA;AAAA,cAEC,OAAM,UAAK,SAAL,YAAa;AAAA,cACnB,eAAW;AAAA,gBACT;AAAA,gBACA,KAAK,SACD,+DACA;AAAA,cACN;AAAA,cAEC;AAAA,uBAAO,KAAK,SAAS,WACpB,4CAAC,+BAAU,MAAM,KAAK,MAAM,WAAU,WAAU,IAEhD,KAAK;AAAA,gBAEP,4CAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YAdb,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAe7B;AAAA,SACD,GACH;AAAA,QACC,UAAU,4CAAC,SAAI,WAAU,gBAAgB,kBAAO;AAAA;AAAA;AAAA,EACnD;AAEJ;","names":[]}

package/dist/components/layout/sidebar.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 type SidebarItem = {
     label: React.ReactNode;
     href?: string;
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | string;
     active?: boolean;
 };
 type SidebarProps = React.HTMLAttributes<HTMLElement> & {

package/dist/components/layout/sidebar.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 type SidebarItem = {
     label: React.ReactNode;
     href?: string;
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | string;
     active?: boolean;
 };
 type SidebarProps = React.HTMLAttributes<HTMLElement> & {

package/dist/components/layout/sidebar.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CraftIcon } from "../../components/craft-icon";
 import { cn } from "../../utils/cn";
 function Sidebar({ className, title, items, footer, ...props }) {
   return /* @__PURE__ */ jsxs(
@@ -22,7 +23,7 @@ function Sidebar({ className, title, items, footer, ...props }) {
                 item.active ? "bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]" : "text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]"
               ),
               children: [
-                item.icon,
+                typeof item.icon === "string" ? /* @__PURE__ */ jsx(CraftIcon, { name: item.icon, className: "h-4 w-4" }) : item.icon,
                 /* @__PURE__ */ jsx("span", { children: item.label })
               ]
             },

package/dist/components/layout/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layout/sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type SidebarItem = {\n  label: React.ReactNode;\n  href?: string;\n  icon?: React.ReactNode;\n  active?: boolean;\n};\n\nexport type SidebarProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  items: SidebarItem[];\n  footer?: React.ReactNode;\n};\n\nexport function Sidebar({ className, title, items, footer, ...props }: SidebarProps) {\n  return (\n    <aside\n      className={cn(\n        \"flex h-full w-full flex-col gap-6 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      {title && <div className=\"text-lg font-semibold\">{title}</div>}\n      <nav className=\"flex flex-col gap-2\">\n        {items.map((item, index) => (\n          <a\n            key={`${item.label}-${index}`}\n            href={item.href ?? \"#\"}\n            className={cn(\n              \"flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition\",\n              item.active\n                ? \"bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]\"\n                : \"text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]\"\n            )}\n          >\n            {item.icon}\n            <span>{item.label}</span>\n          </a>\n        ))}\n      </nav>\n      {footer && <div className=\"mt-auto pt-4\">{footer}</div>}\n    </aside>\n  );\n}\n"],"mappings":"AA0BgB,cAGN,YAHM;AAxBhB,SAAS,UAAU;AAeZ,SAAS,QAAQ,EAAE,WAAW,OAAO,OAAO,QAAQ,GAAG,MAAM,GAAiB;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBAAS,oBAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,QACxD,oBAAC,SAAI,WAAU,uBACZ,gBAAM,IAAI,CAAC,MAAM,UAAO;AA5BjC;AA6BU;AAAA,YAAC;AAAA;AAAA,cAEC,OAAM,UAAK,SAAL,YAAa;AAAA,cACnB,WAAW;AAAA,gBACT;AAAA,gBACA,KAAK,SACD,+DACA;AAAA,cACN;AAAA,cAEC;AAAA,qBAAK;AAAA,gBACN,oBAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YAVb,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAW7B;AAAA,SACD,GACH;AAAA,QACC,UAAU,oBAAC,SAAI,WAAU,gBAAgB,kBAAO;AAAA;AAAA;AAAA,EACnD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layout/sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { CraftIcon } from \"@/components/craft-icon\";\nimport { cn } from \"@/utils/cn\";\n\nexport type SidebarItem = {\n  label: React.ReactNode;\n  href?: string;\n  icon?: React.ReactNode | string;\n  active?: boolean;\n};\n\nexport type SidebarProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  items: SidebarItem[];\n  footer?: React.ReactNode;\n};\n\nexport function Sidebar({ className, title, items, footer, ...props }: SidebarProps) {\n  return (\n    <aside\n      className={cn(\n        \"flex h-full w-full flex-col gap-6 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-6 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      {title && <div className=\"text-lg font-semibold\">{title}</div>}\n      <nav className=\"flex flex-col gap-2\">\n        {items.map((item, index) => (\n          <a\n            key={`${item.label}-${index}`}\n            href={item.href ?? \"#\"}\n            className={cn(\n              \"flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition\",\n              item.active\n                ? \"bg-[rgb(var(--nc-accent-1)/0.25)] text-[rgb(var(--nc-fg))]\"\n                : \"text-[rgb(var(--nc-fg-muted))] hover:bg-[rgb(var(--nc-surface)/0.12)] hover:text-[rgb(var(--nc-fg))]\"\n            )}\n          >\n            {typeof item.icon === \"string\" ? (\n              <CraftIcon name={item.icon} className=\"h-4 w-4\" />\n            ) : (\n              item.icon\n            )}\n            <span>{item.label}</span>\n          </a>\n        ))}\n      </nav>\n      {footer && <div className=\"mt-auto pt-4\">{footer}</div>}\n    </aside>\n  );\n}\n"],"mappings":"AA2BgB,cAGN,YAHM;AAzBhB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAeZ,SAAS,QAAQ,EAAE,WAAW,OAAO,OAAO,QAAQ,GAAG,MAAM,GAAiB;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBAAS,oBAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,QACxD,oBAAC,SAAI,WAAU,uBACZ,gBAAM,IAAI,CAAC,MAAM,UAAO;AA7BjC;AA8BU;AAAA,YAAC;AAAA;AAAA,cAEC,OAAM,UAAK,SAAL,YAAa;AAAA,cACnB,WAAW;AAAA,gBACT;AAAA,gBACA,KAAK,SACD,+DACA;AAAA,cACN;AAAA,cAEC;AAAA,uBAAO,KAAK,SAAS,WACpB,oBAAC,aAAU,MAAM,KAAK,MAAM,WAAU,WAAU,IAEhD,KAAK;AAAA,gBAEP,oBAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YAdb,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAe7B;AAAA,SACD,GACH;AAAA,QACC,UAAU,oBAAC,SAAI,WAAU,gBAAgB,kBAAO;AAAA;AAAA;AAAA,EACnD;AAEJ;","names":[]}

package/dist/components/theme-switcher.cjs

@@ -24,7 +24,7 @@ __export(theme_switcher_exports, {
 module.exports = __toCommonJS(theme_switcher_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_cn = require("../utils/cn");
-var import_theme_context = require("@/theme/theme-context");
+var import_theme_context = require("../theme/theme-context");
 const MODE_OPTIONS = ["system", "light", "dark"];
 function ThemeSwitcher({ className, showLabels = true, ...props }) {
   const { theme, mode, setTheme, setMode } = (0, import_theme_context.useTheme)();

package/dist/components/theme-switcher.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../utils/cn";
-import { THEME_NAMES, useTheme } from "@/theme/theme-context";
+import { THEME_NAMES, useTheme } from "../theme/theme-context";
 const MODE_OPTIONS = ["system", "light", "dark"];
 function ThemeSwitcher({ className, showLabels = true, ...props }) {
   const { theme, mode, setTheme, setMode } = useTheme();

package/dist/index.d.cts

@@ -47,7 +47,7 @@ export { AuthLayout, AuthLayoutProps } from './components/layout/auth-layout.cjs
 export { Container, ContainerProps } from './components/layout/container.cjs';
 export { Grid, GridProps } from './components/layout/grid.cjs';
 export { ThemeSwitcher, ThemeSwitcherProps } from './components/theme-switcher.cjs';
-export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from './theme-context-EVI9PfKv.cjs';
+export { ThemeMode, ThemeName, ThemeProvider, useTheme } from './theme/theme-context.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'next/link';

package/dist/index.d.ts

@@ -47,7 +47,7 @@ export { AuthLayout, AuthLayoutProps } from './components/layout/auth-layout.js'
 export { Container, ContainerProps } from './components/layout/container.js';
 export { Grid, GridProps } from './components/layout/grid.js';
 export { ThemeSwitcher, ThemeSwitcherProps } from './components/theme-switcher.js';
-export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from './theme-context-EVI9PfKv.js';
+export { ThemeMode, ThemeName, ThemeProvider, useTheme } from './theme/theme-context.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'next/link';

package/dist/theme/theme-context.cjs

@@ -0,0 +1,115 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_context_exports = {};
+__export(theme_context_exports, {
+  THEME_NAMES: () => THEME_NAMES,
+  ThemeProvider: () => ThemeProvider,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(theme_context_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+const THEME_NAMES = [
+  "aurora",
+  "ember",
+  "ocean",
+  "midnight",
+  "cosmic"
+];
+const ThemeContext = React.createContext(null);
+const DEFAULT_THEME_KEY = "nextcraft-theme";
+const DEFAULT_MODE_KEY = "nextcraft-mode";
+function ThemeProvider({
+  children,
+  defaultTheme = "ocean",
+  defaultMode = "system",
+  storageKeyTheme = DEFAULT_THEME_KEY,
+  storageKeyMode = DEFAULT_MODE_KEY
+}) {
+  const [theme, setTheme] = React.useState(defaultTheme);
+  const [mode, setMode] = React.useState(defaultMode);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const storedTheme = window.localStorage.getItem(storageKeyTheme);
+      const storedMode = window.localStorage.getItem(storageKeyMode);
+      if (storedTheme) setTheme(storedTheme);
+      if (storedMode) setMode(storedMode);
+    } catch {
+    }
+  }, [storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(storageKeyTheme, theme);
+      window.localStorage.setItem(storageKeyMode, mode);
+    } catch {
+    }
+  }, [theme, mode, storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    root.dataset.ncTheme = theme;
+    if (mode !== "system") {
+      root.dataset.ncMode = mode;
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const applySystem = () => {
+      root.dataset.ncMode = mediaQuery.matches ? "dark" : "light";
+    };
+    applySystem();
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", applySystem);
+      return () => mediaQuery.removeEventListener("change", applySystem);
+    }
+    mediaQuery.addListener(applySystem);
+    return () => mediaQuery.removeListener(applySystem);
+  }, [theme, mode]);
+  const value = React.useMemo(
+    () => ({ theme, mode, setTheme, setMode }),
+    [theme, mode]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  THEME_NAMES,
+  ThemeProvider,
+  useTheme
+});
+//# sourceMappingURL=theme-context.cjs.map

package/dist/theme/theme-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/theme-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type ThemeName = \"aurora\" | \"ember\" | \"ocean\" | \"midnight\" | \"cosmic\";\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\nexport const THEME_NAMES: ThemeName[] = [\n  \"aurora\",\n  \"ember\",\n  \"ocean\",\n  \"midnight\",\n  \"cosmic\",\n];\n\ntype ThemeContextValue = {\n  theme: ThemeName;\n  mode: ThemeMode;\n  setTheme: (theme: ThemeName) => void;\n  setMode: (mode: ThemeMode) => void;\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: ThemeName;\n  defaultMode?: ThemeMode;\n  storageKeyTheme?: string;\n  storageKeyMode?: string;\n};\n\nconst DEFAULT_THEME_KEY = \"nextcraft-theme\";\nconst DEFAULT_MODE_KEY = \"nextcraft-mode\";\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"ocean\",\n  defaultMode = \"system\",\n  storageKeyTheme = DEFAULT_THEME_KEY,\n  storageKeyMode = DEFAULT_MODE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = React.useState<ThemeName>(defaultTheme);\n  const [mode, setMode] = React.useState<ThemeMode>(defaultMode);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      const storedTheme = window.localStorage.getItem(storageKeyTheme) as ThemeName | null;\n      const storedMode = window.localStorage.getItem(storageKeyMode) as ThemeMode | null;\n      if (storedTheme) setTheme(storedTheme);\n      if (storedMode) setMode(storedMode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKeyTheme, theme);\n      window.localStorage.setItem(storageKeyMode, mode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [theme, mode, storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    root.dataset.ncTheme = theme;\n\n    if (mode !== \"system\") {\n      root.dataset.ncMode = mode;\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const applySystem = () => {\n      root.dataset.ncMode = mediaQuery.matches ? \"dark\" : \"light\";\n    };\n\n    applySystem();\n\n    if (typeof mediaQuery.addEventListener === \"function\") {\n      mediaQuery.addEventListener(\"change\", applySystem);\n      return () => mediaQuery.removeEventListener(\"change\", applySystem);\n    }\n\n    mediaQuery.addListener(applySystem);\n    return () => mediaQuery.removeListener(applySystem);\n  }, [theme, mode]);\n\n  const value = React.useMemo(\n    () => ({ theme, mode, setTheme, setMode }),\n    [theme, mode]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within ThemeProvider\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkGS;AAhGT,YAAuB;AAKhB,MAAM,cAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AASA,MAAM,eAAe,MAAM,cAAwC,IAAI;AAUvE,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAElB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AACnB,GAAuB;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAoB,YAAY;AAChE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAoB,WAAW;AAE7D,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,QAAI;AACF,YAAM,cAAc,OAAO,aAAa,QAAQ,eAAe;AAC/D,YAAM,aAAa,OAAO,aAAa,QAAQ,cAAc;AAC7D,UAAI,YAAa,UAAS,WAAW;AACrC,UAAI,WAAY,SAAQ,UAAU;AAAA,IACpC,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,CAAC;AAEpC,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,QAAI;AACF,aAAO,aAAa,QAAQ,iBAAiB,KAAK;AAClD,aAAO,aAAa,QAAQ,gBAAgB,IAAI;AAAA,IAClD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,iBAAiB,cAAc,CAAC;AAEjD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,UAAU;AAEvB,QAAI,SAAS,UAAU;AACrB,WAAK,QAAQ,SAAS;AACtB;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,WAAW,8BAA8B;AACnE,UAAM,cAAc,MAAM;AACxB,WAAK,QAAQ,SAAS,WAAW,UAAU,SAAS;AAAA,IACtD;AAEA,gBAAY;AAEZ,QAAI,OAAO,WAAW,qBAAqB,YAAY;AACrD,iBAAW,iBAAiB,UAAU,WAAW;AACjD,aAAO,MAAM,WAAW,oBAAoB,UAAU,WAAW;AAAA,IACnE;AAEA,eAAW,YAAY,WAAW;AAClC,WAAO,MAAM,WAAW,eAAe,WAAW;AAAA,EACpD,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO,EAAE,OAAO,MAAM,UAAU,QAAQ;AAAA,IACxC,CAAC,OAAO,IAAI;AAAA,EACd;AAEA,SAAO,4CAAC,aAAa,UAAb,EAAsB,OAAe,UAAS;AACxD;AAEO,SAAS,WAAW;AACzB,QAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;","names":[]}

package/dist/{theme-context-EVI9PfKv.d.cts → theme/theme-context.d.cts}

@@ -3,6 +3,7 @@ import * as React from 'react';
 
 type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
 type ThemeMode = "light" | "dark" | "system";
+declare const THEME_NAMES: ThemeName[];
 type ThemeContextValue = {
     theme: ThemeName;
     mode: ThemeMode;
@@ -19,4 +20,4 @@ type ThemeProviderProps = {
 declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 
-export { type ThemeMode as T, type ThemeName as a, ThemeProvider as b, useTheme as u };
+export { THEME_NAMES, type ThemeMode, type ThemeName, ThemeProvider, useTheme };

package/dist/{theme-context-EVI9PfKv.d.ts → theme/theme-context.d.ts}

@@ -3,6 +3,7 @@ import * as React from 'react';
 
 type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
 type ThemeMode = "light" | "dark" | "system";
+declare const THEME_NAMES: ThemeName[];
 type ThemeContextValue = {
     theme: ThemeName;
     mode: ThemeMode;
@@ -19,4 +20,4 @@ type ThemeProviderProps = {
 declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 
-export { type ThemeMode as T, type ThemeName as a, ThemeProvider as b, useTheme as u };
+export { THEME_NAMES, type ThemeMode, type ThemeName, ThemeProvider, useTheme };

package/dist/theme/theme-context.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const THEME_NAMES = [
+  "aurora",
+  "ember",
+  "ocean",
+  "midnight",
+  "cosmic"
+];
+const ThemeContext = React.createContext(null);
+const DEFAULT_THEME_KEY = "nextcraft-theme";
+const DEFAULT_MODE_KEY = "nextcraft-mode";
+function ThemeProvider({
+  children,
+  defaultTheme = "ocean",
+  defaultMode = "system",
+  storageKeyTheme = DEFAULT_THEME_KEY,
+  storageKeyMode = DEFAULT_MODE_KEY
+}) {
+  const [theme, setTheme] = React.useState(defaultTheme);
+  const [mode, setMode] = React.useState(defaultMode);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const storedTheme = window.localStorage.getItem(storageKeyTheme);
+      const storedMode = window.localStorage.getItem(storageKeyMode);
+      if (storedTheme) setTheme(storedTheme);
+      if (storedMode) setMode(storedMode);
+    } catch {
+    }
+  }, [storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(storageKeyTheme, theme);
+      window.localStorage.setItem(storageKeyMode, mode);
+    } catch {
+    }
+  }, [theme, mode, storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    root.dataset.ncTheme = theme;
+    if (mode !== "system") {
+      root.dataset.ncMode = mode;
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const applySystem = () => {
+      root.dataset.ncMode = mediaQuery.matches ? "dark" : "light";
+    };
+    applySystem();
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", applySystem);
+      return () => mediaQuery.removeEventListener("change", applySystem);
+    }
+    mediaQuery.addListener(applySystem);
+    return () => mediaQuery.removeListener(applySystem);
+  }, [theme, mode]);
+  const value = React.useMemo(
+    () => ({ theme, mode, setTheme, setMode }),
+    [theme, mode]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context;
+}
+export {
+  THEME_NAMES,
+  ThemeProvider,
+  useTheme
+};
+//# sourceMappingURL=theme-context.js.map

package/dist/theme/theme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/theme-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type ThemeName = \"aurora\" | \"ember\" | \"ocean\" | \"midnight\" | \"cosmic\";\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\nexport const THEME_NAMES: ThemeName[] = [\n  \"aurora\",\n  \"ember\",\n  \"ocean\",\n  \"midnight\",\n  \"cosmic\",\n];\n\ntype ThemeContextValue = {\n  theme: ThemeName;\n  mode: ThemeMode;\n  setTheme: (theme: ThemeName) => void;\n  setMode: (mode: ThemeMode) => void;\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: ThemeName;\n  defaultMode?: ThemeMode;\n  storageKeyTheme?: string;\n  storageKeyMode?: string;\n};\n\nconst DEFAULT_THEME_KEY = \"nextcraft-theme\";\nconst DEFAULT_MODE_KEY = \"nextcraft-mode\";\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"ocean\",\n  defaultMode = \"system\",\n  storageKeyTheme = DEFAULT_THEME_KEY,\n  storageKeyMode = DEFAULT_MODE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = React.useState<ThemeName>(defaultTheme);\n  const [mode, setMode] = React.useState<ThemeMode>(defaultMode);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      const storedTheme = window.localStorage.getItem(storageKeyTheme) as ThemeName | null;\n      const storedMode = window.localStorage.getItem(storageKeyMode) as ThemeMode | null;\n      if (storedTheme) setTheme(storedTheme);\n      if (storedMode) setMode(storedMode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKeyTheme, theme);\n      window.localStorage.setItem(storageKeyMode, mode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [theme, mode, storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    root.dataset.ncTheme = theme;\n\n    if (mode !== \"system\") {\n      root.dataset.ncMode = mode;\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const applySystem = () => {\n      root.dataset.ncMode = mediaQuery.matches ? \"dark\" : \"light\";\n    };\n\n    applySystem();\n\n    if (typeof mediaQuery.addEventListener === \"function\") {\n      mediaQuery.addEventListener(\"change\", applySystem);\n      return () => mediaQuery.removeEventListener(\"change\", applySystem);\n    }\n\n    mediaQuery.addListener(applySystem);\n    return () => mediaQuery.removeListener(applySystem);\n  }, [theme, mode]);\n\n  const value = React.useMemo(\n    () => ({ theme, mode, setTheme, setMode }),\n    [theme, mode]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within ThemeProvider\");\n  }\n  return context;\n}\n"],"mappings":";AAkGS;AAhGT,YAAY,WAAW;AAKhB,MAAM,cAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AASA,MAAM,eAAe,MAAM,cAAwC,IAAI;AAUvE,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAElB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AACnB,GAAuB;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAoB,YAAY;AAChE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAoB,WAAW;AAE7D,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,QAAI;AACF,YAAM,cAAc,OAAO,aAAa,QAAQ,eAAe;AAC/D,YAAM,aAAa,OAAO,aAAa,QAAQ,cAAc;AAC7D,UAAI,YAAa,UAAS,WAAW;AACrC,UAAI,WAAY,SAAQ,UAAU;AAAA,IACpC,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,CAAC;AAEpC,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,QAAI;AACF,aAAO,aAAa,QAAQ,iBAAiB,KAAK;AAClD,aAAO,aAAa,QAAQ,gBAAgB,IAAI;AAAA,IAClD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,iBAAiB,cAAc,CAAC;AAEjD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,UAAU;AAEvB,QAAI,SAAS,UAAU;AACrB,WAAK,QAAQ,SAAS;AACtB;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,WAAW,8BAA8B;AACnE,UAAM,cAAc,MAAM;AACxB,WAAK,QAAQ,SAAS,WAAW,UAAU,SAAS;AAAA,IACtD;AAEA,gBAAY;AAEZ,QAAI,OAAO,WAAW,qBAAqB,YAAY;AACrD,iBAAW,iBAAiB,UAAU,WAAW;AACjD,aAAO,MAAM,WAAW,oBAAoB,UAAU,WAAW;AAAA,IACnE;AAEA,eAAW,YAAY,WAAW;AAClC,WAAO,MAAM,WAAW,eAAe,WAAW;AAAA,EACpD,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO,EAAE,OAAO,MAAM,UAAU,QAAQ;AAAA,IACxC,CAAC,OAAO,IAAI;AAAA,EACd;AAEA,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAe,UAAS;AACxD;AAEO,SAAS,WAAW;AACzB,QAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jameskabz/nextcraft-ui",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
   "private": false,
   "license": "MIT",