@jameskabz/nextcraft-ui 0.6.6 → 0.6.8

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/theme-context.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+    setTheme: (theme: ThemeName) => void;
+    setMode: (mode: ThemeMode) => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: ThemeName;
+    defaultMode?: ThemeMode;
+    storageKeyTheme?: string;
+    storageKeyMode?: string;
+};
+declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+export { THEME_NAMES, type ThemeMode, type ThemeName, ThemeProvider, useTheme };

package/dist/theme/theme-context.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+    setTheme: (theme: ThemeName) => void;
+    setMode: (mode: ThemeMode) => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: ThemeName;
+    defaultMode?: ThemeMode;
+    storageKeyTheme?: string;
+    storageKeyMode?: string;
+};
+declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+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/dist/utils/cn.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cn_exports = {};
+__export(cn_exports, {
+  cn: () => cn
+});
+module.exports = __toCommonJS(cn_exports);
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});
+//# sourceMappingURL=cn.cjs.map

package/dist/utils/cn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts"],"sourcesContent":["export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,MAAM,QAA0D;AAC9E,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;","names":[]}

package/dist/utils/cn.d.cts

@@ -0,0 +1,3 @@
+declare function cn(...values: Array<string | false | null | undefined>): string;
+
+export { cn };

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+declare function cn(...values: Array<string | false | null | undefined>): string;
+
+export { cn };

package/dist/utils/cn.js

@@ -0,0 +1,7 @@
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+export {
+  cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts"],"sourcesContent":["export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n"],"mappings":"AAAO,SAAS,MAAM,QAA0D;AAC9E,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jameskabz/nextcraft-ui",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
   "private": false,
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "scripts": {
     "dev": "next dev",
-    "build": "tsup && npm run build:css",
+    "build": "tsup && tsc-alias -p tsconfig.lib.json --outDir dist && npm run build:css",
     "build:css": "tailwindcss -i ./src/app/globals.css -o ./dist/styles.css",
     "lint": "eslint .",
     "typecheck": "tsc -p tsconfig.lib.json --noEmit",
@@ -72,6 +72,7 @@
     "react-dom": "19.2.3",
     "react-hook-form": "^7.71.1",
     "tailwindcss": "^4",
+    "tsc-alias": "^1.8.8",
     "tsup": "^8.5.0",
     "typescript": "^5"
   }