@jameskabz/nextcraft-ui 0.6.6 → 0.6.7

package/dist/components/layout/page-header.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+function PageHeader({
+  className,
+  title,
+  description,
+  actions,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-wrap items-start justify-between gap-6", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-[rgb(var(--nc-fg))]", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: actions })
+      ]
+    }
+  );
+}
+export {
+  PageHeader
+};
+//# sourceMappingURL=page-header.js.map

package/dist/components/layout/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/page-header.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type PageHeaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n};\n\nexport function PageHeader({\n  className,\n  title,\n  description,\n  actions,\n  ...props\n}: PageHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-wrap items-start justify-between gap-6\", className)}\n      {...props}\n    >\n      <div className=\"space-y-2\">\n        <h1 className=\"text-3xl font-bold text-[rgb(var(--nc-fg))]\">{title}</h1>\n        {description && <p className=\"text-[rgb(var(--nc-fg-muted))]\">{description}</p>}\n      </div>\n      {actions && <div className=\"flex flex-wrap gap-3\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":"AAsBM,SACE,KADF;AApBN,SAAS,UAAU;AAQZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oDAAoD,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UAClE,eAAe,oBAAC,OAAE,WAAU,kCAAkC,uBAAY;AAAA,WAC7E;AAAA,QACC,WAAW,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/layout/sidebar.cjs

@@ -0,0 +1,64 @@
+"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 sidebar_exports = {};
+__export(sidebar_exports, {
+  Sidebar: () => Sidebar
+});
+module.exports = __toCommonJS(sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn");
+function Sidebar({ className, title, items, footer, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "aside",
+    {
+      className: (0, import_cn.cn)(
+        "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",
+        className
+      ),
+      ...props,
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "flex flex-col gap-2", children: items.map((item, index) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "a",
+            {
+              href: (_a = item.href) != null ? _a : "#",
+              className: (0, import_cn.cn)(
+                "flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition",
+                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,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })
+              ]
+            },
+            `${item.label}-${index}`
+          );
+        }) }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-auto pt-4", children: footer })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sidebar
+});
+//# sourceMappingURL=sidebar.cjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type SidebarItem = {
+    label: React.ReactNode;
+    href?: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+};
+type SidebarProps = React.HTMLAttributes<HTMLElement> & {
+    title?: React.ReactNode;
+    items: SidebarItem[];
+    footer?: React.ReactNode;
+};
+declare function Sidebar({ className, title, items, footer, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, type SidebarItem, type SidebarProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type SidebarItem = {
+    label: React.ReactNode;
+    href?: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+};
+type SidebarProps = React.HTMLAttributes<HTMLElement> & {
+    title?: React.ReactNode;
+    items: SidebarItem[];
+    footer?: React.ReactNode;
+};
+declare function Sidebar({ className, title, items, footer, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, type SidebarItem, type SidebarProps };

package/dist/components/layout/sidebar.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+function Sidebar({ className, title, items, footer, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: cn(
+        "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",
+        className
+      ),
+      ...props,
+      children: [
+        title && /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ jsx("nav", { className: "flex flex-col gap-2", children: items.map((item, index) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: (_a = item.href) != null ? _a : "#",
+              className: cn(
+                "flex items-center gap-3 rounded-2xl px-3 py-2 text-sm transition",
+                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,
+                /* @__PURE__ */ jsx("span", { children: item.label })
+              ]
+            },
+            `${item.label}-${index}`
+          );
+        }) }),
+        footer && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4", children: footer })
+      ]
+    }
+  );
+}
+export {
+  Sidebar
+};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +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":[]}

package/dist/components/layout/top-nav.cjs

@@ -0,0 +1,49 @@
+"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 top_nav_exports = {};
+__export(top_nav_exports, {
+  TopNav: () => TopNav
+});
+module.exports = __toCommonJS(top_nav_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn");
+function TopNav({ className, title, actions, breadcrumb, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "header",
+    {
+      className: (0, import_cn.cn)(
+        "flex flex-wrap items-center justify-between gap-4 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-6 py-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+          breadcrumb,
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xl font-semibold", children: title })
+        ] }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-3", children: actions })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TopNav
+});
+//# sourceMappingURL=top-nav.cjs.map

package/dist/components/layout/top-nav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/top-nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type TopNavProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  actions?: React.ReactNode;\n  breadcrumb?: React.ReactNode;\n};\n\nexport function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps) {\n  return (\n    <header\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-6 py-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"space-y-1\">\n        {breadcrumb}\n        {title && <div className=\"text-xl font-semibold\">{title}</div>}\n      </div>\n      {actions && <div className=\"flex flex-wrap gap-3\">{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAjBN,gBAAmB;AAQZ,SAAS,OAAO,EAAE,WAAW,OAAO,SAAS,YAAY,GAAG,MAAM,GAAgB;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,aACZ;AAAA;AAAA,UACA,SAAS,4CAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,WAC1D;AAAA,QACC,WAAW,4CAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/layout/top-nav.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TopNavProps = React.HTMLAttributes<HTMLElement> & {
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumb?: React.ReactNode;
+};
+declare function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps): react_jsx_runtime.JSX.Element;
+
+export { TopNav, type TopNavProps };

package/dist/components/layout/top-nav.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TopNavProps = React.HTMLAttributes<HTMLElement> & {
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumb?: React.ReactNode;
+};
+declare function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps): react_jsx_runtime.JSX.Element;
+
+export { TopNav, type TopNavProps };

package/dist/components/layout/top-nav.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+function TopNav({ className, title, actions, breadcrumb, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-4 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-6 py-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          breadcrumb,
+          title && /* @__PURE__ */ jsx("div", { className: "text-xl font-semibold", children: title })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: actions })
+      ]
+    }
+  );
+}
+export {
+  TopNav
+};
+//# sourceMappingURL=top-nav.js.map

package/dist/components/layout/top-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/top-nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type TopNavProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  actions?: React.ReactNode;\n  breadcrumb?: React.ReactNode;\n};\n\nexport function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps) {\n  return (\n    <header\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4 rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-6 py-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"space-y-1\">\n        {breadcrumb}\n        {title && <div className=\"text-xl font-semibold\">{title}</div>}\n      </div>\n      {actions && <div className=\"flex flex-wrap gap-3\">{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":"AAmBM,SAEY,KAFZ;AAjBN,SAAS,UAAU;AAQZ,SAAS,OAAO,EAAE,WAAW,OAAO,SAAS,YAAY,GAAG,MAAM,GAAgB;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,aACZ;AAAA;AAAA,UACA,SAAS,oBAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,WAC1D;AAAA,QACC,WAAW,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/theme-switcher.cjs

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+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 theme_switcher_exports = {};
+__export(theme_switcher_exports, {
+  ThemeSwitcher: () => ThemeSwitcher
+});
+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");
+const MODE_OPTIONS = ["system", "light", "dark"];
+function ThemeSwitcher({ className, showLabels = true, ...props }) {
+  const { theme, mode, setTheme, setMode } = (0, import_theme_context.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Theme" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: theme,
+              onChange: (event) => setTheme(event.target.value),
+              children: import_theme_context.THEME_NAMES.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: name, className: "text-slate-900", children: name }, name))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Mode" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: mode,
+              onChange: (event) => setMode(event.target.value),
+              children: MODE_OPTIONS.map((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value, className: "text-slate-900", children: value }, value))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeSwitcher
+});
+//# sourceMappingURL=theme-switcher.cjs.map

package/dist/components/theme-switcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/theme-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport { THEME_NAMES, type ThemeMode, type ThemeName, useTheme } from \"@/theme/theme-context\";\n\nconst MODE_OPTIONS: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n\nexport type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {\n  showLabels?: boolean;\n};\n\nexport function ThemeSwitcher({ className, showLabels = true, ...props }: ThemeSwitcherProps) {\n  const { theme, mode, setTheme, setMode } = useTheme();\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]\",\n        className\n      )}\n      {...props}\n    >\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Theme</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={theme}\n          onChange={(event) => setTheme(event.target.value as ThemeName)}\n        >\n          {THEME_NAMES.map((name) => (\n            <option key={name} value={name} className=\"text-slate-900\">\n              {name}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Mode</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={mode}\n          onChange={(event) => setMode(event.target.value as ThemeMode)}\n        >\n          {MODE_OPTIONS.map((value) => (\n            <option key={value} value={value} className=\"text-slate-900\">\n              {value}\n            </option>\n          ))}\n        </select>\n      </label>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AApBN,gBAAmB;AACnB,2BAAsE;AAEtE,MAAM,eAA4B,CAAC,UAAU,SAAS,MAAM;AAMrD,SAAS,cAAc,EAAE,WAAW,aAAa,MAAM,GAAG,MAAM,GAAuB;AAC5F,QAAM,EAAE,OAAO,MAAM,UAAU,QAAQ,QAAI,+BAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,qDAAC,WAAM,WAAU,2BACd;AAAA,wBAAc,4CAAC,UAAK,WAAU,kCAAiC,mBAAK;AAAA,UACrE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAkB;AAAA,cAE5D,2CAAY,IAAI,CAAC,SAChB,4CAAC,YAAkB,OAAO,MAAM,WAAU,kBACvC,kBADU,IAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QACA,6CAAC,WAAM,WAAU,2BACd;AAAA,wBAAc,4CAAC,UAAK,WAAU,kCAAiC,kBAAI;AAAA,UACpE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAkB;AAAA,cAE3D,uBAAa,IAAI,CAAC,UACjB,4CAAC,YAAmB,OAAc,WAAU,kBACzC,mBADU,KAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/theme-switcher.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
+    showLabels?: boolean;
+};
+declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/components/theme-switcher.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
+    showLabels?: boolean;
+};
+declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/components/theme-switcher.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+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();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ jsx("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Theme" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: theme,
+              onChange: (event) => setTheme(event.target.value),
+              children: THEME_NAMES.map((name) => /* @__PURE__ */ jsx("option", { value: name, className: "text-slate-900", children: name }, name))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ jsx("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Mode" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: mode,
+              onChange: (event) => setMode(event.target.value),
+              children: MODE_OPTIONS.map((value) => /* @__PURE__ */ jsx("option", { value, className: "text-slate-900", children: value }, value))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ThemeSwitcher
+};
+//# sourceMappingURL=theme-switcher.js.map

package/dist/components/theme-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/theme-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport { THEME_NAMES, type ThemeMode, type ThemeName, useTheme } from \"@/theme/theme-context\";\n\nconst MODE_OPTIONS: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n\nexport type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {\n  showLabels?: boolean;\n};\n\nexport function ThemeSwitcher({ className, showLabels = true, ...props }: ThemeSwitcherProps) {\n  const { theme, mode, setTheme, setMode } = useTheme();\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]\",\n        className\n      )}\n      {...props}\n    >\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Theme</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={theme}\n          onChange={(event) => setTheme(event.target.value as ThemeName)}\n        >\n          {THEME_NAMES.map((name) => (\n            <option key={name} value={name} className=\"text-slate-900\">\n              {name}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Mode</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={mode}\n          onChange={(event) => setMode(event.target.value as ThemeMode)}\n        >\n          {MODE_OPTIONS.map((value) => (\n            <option key={value} value={value} className=\"text-slate-900\">\n              {value}\n            </option>\n          ))}\n        </select>\n      </label>\n    </div>\n  );\n}\n"],"mappings":";AAwBM,SACiB,KADjB;AApBN,SAAS,UAAU;AACnB,SAAS,aAA6C,gBAAgB;AAEtE,MAAM,eAA4B,CAAC,UAAU,SAAS,MAAM;AAMrD,SAAS,cAAc,EAAE,WAAW,aAAa,MAAM,GAAG,MAAM,GAAuB;AAC5F,QAAM,EAAE,OAAO,MAAM,UAAU,QAAQ,IAAI,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,WAAM,WAAU,2BACd;AAAA,wBAAc,oBAAC,UAAK,WAAU,kCAAiC,mBAAK;AAAA,UACrE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAkB;AAAA,cAE5D,sBAAY,IAAI,CAAC,SAChB,oBAAC,YAAkB,OAAO,MAAM,WAAU,kBACvC,kBADU,IAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QACA,qBAAC,WAAM,WAAU,2BACd;AAAA,wBAAc,oBAAC,UAAK,WAAU,kCAAiC,kBAAI;AAAA,UACpE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAkB;AAAA,cAE3D,uBAAa,IAAI,CAAC,UACjB,oBAAC,YAAmB,OAAc,WAAU,kBACzC,mBADU,KAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}