@jameskabz/nextcraft-ui 0.6.3 → 0.6.5

package/dist/components/layout/layout-config.d.cts

@@ -0,0 +1,92 @@
+type LayoutIconName = string;
+type LayoutBreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type LayoutSidebarItem = {
+    label: string;
+    href?: string;
+    icon?: LayoutIconName;
+    active?: boolean;
+};
+type LayoutConfig = {
+    sidebar?: {
+        title?: string;
+        items: LayoutSidebarItem[];
+        footerText?: string;
+    };
+    header?: {
+        title?: string;
+        breadcrumb?: LayoutBreadcrumbItem[];
+    };
+};
+declare const layoutConfigSchema: {
+    readonly $schema: "https://json-schema.org/draft/2020-12/schema";
+    readonly title: "Nextcraft UI Layout Config";
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+        readonly sidebar: {
+            readonly type: "object";
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly title: {
+                    readonly type: "string";
+                };
+                readonly footerText: {
+                    readonly type: "string";
+                };
+                readonly items: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly type: "object";
+                        readonly additionalProperties: false;
+                        readonly properties: {
+                            readonly label: {
+                                readonly type: "string";
+                            };
+                            readonly href: {
+                                readonly type: "string";
+                            };
+                            readonly icon: {
+                                readonly type: "string";
+                            };
+                            readonly active: {
+                                readonly type: "boolean";
+                            };
+                        };
+                        readonly required: readonly ["label"];
+                    };
+                };
+            };
+            readonly required: readonly ["items"];
+        };
+        readonly header: {
+            readonly type: "object";
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly title: {
+                    readonly type: "string";
+                };
+                readonly breadcrumb: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly type: "object";
+                        readonly additionalProperties: false;
+                        readonly properties: {
+                            readonly label: {
+                                readonly type: "string";
+                            };
+                            readonly href: {
+                                readonly type: "string";
+                            };
+                        };
+                        readonly required: readonly ["label"];
+                    };
+                };
+            };
+        };
+    };
+};
+
+export { type LayoutBreadcrumbItem, type LayoutConfig, type LayoutIconName, type LayoutSidebarItem, layoutConfigSchema };

package/dist/components/layout/layout-config.d.ts

@@ -0,0 +1,92 @@
+type LayoutIconName = string;
+type LayoutBreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type LayoutSidebarItem = {
+    label: string;
+    href?: string;
+    icon?: LayoutIconName;
+    active?: boolean;
+};
+type LayoutConfig = {
+    sidebar?: {
+        title?: string;
+        items: LayoutSidebarItem[];
+        footerText?: string;
+    };
+    header?: {
+        title?: string;
+        breadcrumb?: LayoutBreadcrumbItem[];
+    };
+};
+declare const layoutConfigSchema: {
+    readonly $schema: "https://json-schema.org/draft/2020-12/schema";
+    readonly title: "Nextcraft UI Layout Config";
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+        readonly sidebar: {
+            readonly type: "object";
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly title: {
+                    readonly type: "string";
+                };
+                readonly footerText: {
+                    readonly type: "string";
+                };
+                readonly items: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly type: "object";
+                        readonly additionalProperties: false;
+                        readonly properties: {
+                            readonly label: {
+                                readonly type: "string";
+                            };
+                            readonly href: {
+                                readonly type: "string";
+                            };
+                            readonly icon: {
+                                readonly type: "string";
+                            };
+                            readonly active: {
+                                readonly type: "boolean";
+                            };
+                        };
+                        readonly required: readonly ["label"];
+                    };
+                };
+            };
+            readonly required: readonly ["items"];
+        };
+        readonly header: {
+            readonly type: "object";
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly title: {
+                    readonly type: "string";
+                };
+                readonly breadcrumb: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly type: "object";
+                        readonly additionalProperties: false;
+                        readonly properties: {
+                            readonly label: {
+                                readonly type: "string";
+                            };
+                            readonly href: {
+                                readonly type: "string";
+                            };
+                        };
+                        readonly required: readonly ["label"];
+                    };
+                };
+            };
+        };
+    };
+};
+
+export { type LayoutBreadcrumbItem, type LayoutConfig, type LayoutIconName, type LayoutSidebarItem, layoutConfigSchema };

package/dist/components/layout/layout-config.js

@@ -0,0 +1,54 @@
+const layoutConfigSchema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  title: "Nextcraft UI Layout Config",
+  type: "object",
+  additionalProperties: false,
+  properties: {
+    sidebar: {
+      type: "object",
+      additionalProperties: false,
+      properties: {
+        title: { type: "string" },
+        footerText: { type: "string" },
+        items: {
+          type: "array",
+          items: {
+            type: "object",
+            additionalProperties: false,
+            properties: {
+              label: { type: "string" },
+              href: { type: "string" },
+              icon: { type: "string" },
+              active: { type: "boolean" }
+            },
+            required: ["label"]
+          }
+        }
+      },
+      required: ["items"]
+    },
+    header: {
+      type: "object",
+      additionalProperties: false,
+      properties: {
+        title: { type: "string" },
+        breadcrumb: {
+          type: "array",
+          items: {
+            type: "object",
+            additionalProperties: false,
+            properties: {
+              label: { type: "string" },
+              href: { type: "string" }
+            },
+            required: ["label"]
+          }
+        }
+      }
+    }
+  }
+};
+export {
+  layoutConfigSchema
+};
+//# sourceMappingURL=layout-config.js.map

package/dist/components/layout/layout-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/layout-config.ts"],"sourcesContent":["export type LayoutIconName = string;\n\nexport type LayoutBreadcrumbItem = {\n  label: string;\n  href?: string;\n};\n\nexport type LayoutSidebarItem = {\n  label: string;\n  href?: string;\n  icon?: LayoutIconName;\n  active?: boolean;\n};\n\nexport type LayoutConfig = {\n  sidebar?: {\n    title?: string;\n    items: LayoutSidebarItem[];\n    footerText?: string;\n  };\n  header?: {\n    title?: string;\n    breadcrumb?: LayoutBreadcrumbItem[];\n  };\n};\n\nexport const layoutConfigSchema = {\n  $schema: \"https://json-schema.org/draft/2020-12/schema\",\n  title: \"Nextcraft UI Layout Config\",\n  type: \"object\",\n  additionalProperties: false,\n  properties: {\n    sidebar: {\n      type: \"object\",\n      additionalProperties: false,\n      properties: {\n        title: { type: \"string\" },\n        footerText: { type: \"string\" },\n        items: {\n          type: \"array\",\n          items: {\n            type: \"object\",\n            additionalProperties: false,\n            properties: {\n              label: { type: \"string\" },\n              href: { type: \"string\" },\n              icon: { type: \"string\" },\n              active: { type: \"boolean\" },\n            },\n            required: [\"label\"],\n          },\n        },\n      },\n      required: [\"items\"],\n    },\n    header: {\n      type: \"object\",\n      additionalProperties: false,\n      properties: {\n        title: { type: \"string\" },\n        breadcrumb: {\n          type: \"array\",\n          items: {\n            type: \"object\",\n            additionalProperties: false,\n            properties: {\n              label: { type: \"string\" },\n              href: { type: \"string\" },\n            },\n            required: [\"label\"],\n          },\n        },\n      },\n    },\n  },\n} as const;\n"],"mappings":"AA0BO,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM;AAAA,MACN,sBAAsB;AAAA,MACtB,YAAY;AAAA,QACV,OAAO,EAAE,MAAM,SAAS;AAAA,QACxB,YAAY,EAAE,MAAM,SAAS;AAAA,QAC7B,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACL,MAAM;AAAA,YACN,sBAAsB;AAAA,YACtB,YAAY;AAAA,cACV,OAAO,EAAE,MAAM,SAAS;AAAA,cACxB,MAAM,EAAE,MAAM,SAAS;AAAA,cACvB,MAAM,EAAE,MAAM,SAAS;AAAA,cACvB,QAAQ,EAAE,MAAM,UAAU;AAAA,YAC5B;AAAA,YACA,UAAU,CAAC,OAAO;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,MACA,UAAU,CAAC,OAAO;AAAA,IACpB;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,sBAAsB;AAAA,MACtB,YAAY;AAAA,QACV,OAAO,EAAE,MAAM,SAAS;AAAA,QACxB,YAAY;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,MAAM;AAAA,YACN,sBAAsB;AAAA,YACtB,YAAY;AAAA,cACV,OAAO,EAAE,MAAM,SAAS;AAAA,cACxB,MAAM,EAAE,MAAM,SAAS;AAAA,YACzB;AAAA,YACA,UAAU,CAAC,OAAO;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,52 @@
+"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 page_header_exports = {};
+__export(page_header_exports, {
+  PageHeader: () => PageHeader
+});
+module.exports = __toCommonJS(page_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+function PageHeader({
+  className,
+  title,
+  description,
+  actions,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)("flex flex-wrap items-start justify-between gap-6", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-bold text-[rgb(var(--nc-fg))]", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: description })
+        ] }),
+        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 = {
+  PageHeader
+});
+//# sourceMappingURL=page-header.cjs.map

package/dist/components/layout/page-header.cjs.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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBM;AApBN,gBAAmB;AAQZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,oDAAoD,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,aACb;AAAA,sDAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,UAClE,eAAe,4CAAC,OAAE,WAAU,kCAAkC,uBAAY;AAAA,WAC7E;AAAA,QACC,WAAW,4CAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/layout/page-header.d.cts

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

package/dist/components/layout/page-header.d.ts

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

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":[]}