@jameskabz/nextcraft-ui 0.6.6 → 0.6.7

package/dist/components/glass-card.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const intensityClasses = {
+  subtle: "backdrop-blur-md bg-opacity-50",
+  medium: "backdrop-blur-xl bg-opacity-70",
+  strong: "backdrop-blur-2xl bg-opacity-90"
+};
+function GlassCard({
+  className,
+  tone,
+  intensity = "medium",
+  bordered = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]",
+        "shadow-[0_8px_32px_rgba(0,0,0,0.3)]",
+        "transition-all duration-300",
+        "hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]",
+        intensityClasses[intensity],
+        "bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]",
+        "border-[rgb(var(--nc-accent-1)/0.3)]",
+        bordered ? "border-2" : "border-0",
+        "before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
+    }
+  );
+}
+export {
+  GlassCard
+};
+//# sourceMappingURL=glass-card.js.map

package/dist/components/glass-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/glass-card.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n  intensity?: \"subtle\" | \"medium\" | \"strong\";\n  bordered?: boolean;\n};\n\nconst intensityClasses: Record<NonNullable<GlassCardProps[\"intensity\"]>, string> = {\n  subtle: \"backdrop-blur-md bg-opacity-50\",\n  medium: \"backdrop-blur-xl bg-opacity-70\",\n  strong: \"backdrop-blur-2xl bg-opacity-90\",\n};\n\nexport function GlassCard({\n  className,\n  tone,\n  intensity = \"medium\",\n  bordered = true,\n  children,\n  ...props\n}: GlassCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]\",\n        \"shadow-[0_8px_32px_rgba(0,0,0,0.3)]\",\n        \"transition-all duration-300\",\n        \"hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]\",\n        intensityClasses[intensity],\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]\",\n        \"border-[rgb(var(--nc-accent-1)/0.3)]\",\n        bordered ? \"border-2\" : \"border-0\",\n        \"before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":"AAwCM;AAxCN,SAAS,UAAU;AASnB,MAAM,mBAA6E;AAAA,EACjF,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB,SAAS;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,WAAW,aAAa;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA;AAAA,EAC3C;AAEJ;","names":[]}

package/dist/components/layout/app-shell.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 app_shell_exports = {};
+__export(app_shell_exports, {
+  AppShell: () => AppShell
+});
+module.exports = __toCommonJS(app_shell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn");
+function AppShell({ className, sidebar, topNav, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "grid min-h-screen grid-cols-1 gap-6 bg-background p-6 lg:grid-cols-[260px_1fr]",
+        className
+      ),
+      ...props,
+      children: [
+        sidebar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-3rem)] lg:overflow-y-auto", children: sidebar }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+          topNav && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:sticky lg:top-6 lg:z-20", children: topNav }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "flex-1", children })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppShell
+});
+//# sourceMappingURL=app-shell.cjs.map

package/dist/components/layout/app-shell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/app-shell.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {\n  sidebar?: React.ReactNode;\n  topNav?: React.ReactNode;\n};\n\nexport function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps) {\n  return (\n    <div\n      className={cn(\n        \"grid min-h-screen grid-cols-1 gap-6 bg-background p-6 lg:grid-cols-[260px_1fr]\",\n        className\n      )}\n      {...props}\n    >\n      {sidebar && (\n        <div className=\"h-full lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-3rem)] lg:overflow-y-auto\">\n          {sidebar}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-6\">\n        {topNav && <div className=\"lg:sticky lg:top-6 lg:z-20\">{topNav}</div>}\n        <main className=\"flex-1\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBQ;AAjBR,gBAAmB;AAOZ,SAAS,SAAS,EAAE,WAAW,SAAS,QAAQ,UAAU,GAAG,MAAM,GAAkB;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBACC,4CAAC,SAAI,WAAU,0FACZ,mBACH;AAAA,QAEF,6CAAC,SAAI,WAAU,uBACZ;AAAA,oBAAU,4CAAC,SAAI,WAAU,8BAA8B,kBAAO;AAAA,UAC/D,4CAAC,UAAK,WAAU,UAAU,UAAS;AAAA,WACrC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/layout/app-shell.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {
+    sidebar?: React.ReactNode;
+    topNav?: React.ReactNode;
+};
+declare function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps };

package/dist/components/layout/app-shell.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {
+    sidebar?: React.ReactNode;
+    topNav?: React.ReactNode;
+};
+declare function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps };

package/dist/components/layout/app-shell.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+function AppShell({ className, sidebar, topNav, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid min-h-screen grid-cols-1 gap-6 bg-background p-6 lg:grid-cols-[260px_1fr]",
+        className
+      ),
+      ...props,
+      children: [
+        sidebar && /* @__PURE__ */ jsx("div", { className: "h-full lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-3rem)] lg:overflow-y-auto", children: sidebar }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          topNav && /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-6 lg:z-20", children: topNav }),
+          /* @__PURE__ */ jsx("main", { className: "flex-1", children })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AppShell
+};
+//# sourceMappingURL=app-shell.js.map

package/dist/components/layout/app-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/app-shell.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {\n  sidebar?: React.ReactNode;\n  topNav?: React.ReactNode;\n};\n\nexport function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps) {\n  return (\n    <div\n      className={cn(\n        \"grid min-h-screen grid-cols-1 gap-6 bg-background p-6 lg:grid-cols-[260px_1fr]\",\n        className\n      )}\n      {...props}\n    >\n      {sidebar && (\n        <div className=\"h-full lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-3rem)] lg:overflow-y-auto\">\n          {sidebar}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-6\">\n        {topNav && <div className=\"lg:sticky lg:top-6 lg:z-20\">{topNav}</div>}\n        <main className=\"flex-1\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmBQ,cAIF,YAJE;AAjBR,SAAS,UAAU;AAOZ,SAAS,SAAS,EAAE,WAAW,SAAS,QAAQ,UAAU,GAAG,MAAM,GAAkB;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBACC,oBAAC,SAAI,WAAU,0FACZ,mBACH;AAAA,QAEF,qBAAC,SAAI,WAAU,uBACZ;AAAA,oBAAU,oBAAC,SAAI,WAAU,8BAA8B,kBAAO;AAAA,UAC/D,oBAAC,UAAK,WAAU,UAAU,UAAS;AAAA,WACrC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/layout/app-template.cjs

@@ -0,0 +1,104 @@
+"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 app_template_exports = {};
+__export(app_template_exports, {
+  AppTemplate: () => AppTemplate
+});
+module.exports = __toCommonJS(app_template_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_app_shell = require("./app-shell");
+var import_craft_icon = require("../../components/craft-icon");
+var import_breadcrumbs = require("./breadcrumbs");
+var import_sidebar = require("./sidebar");
+var import_top_nav = require("./top-nav");
+function AppTemplate({
+  config,
+  headerActions,
+  headerBreadcrumb,
+  sidebarFooter,
+  resolveIcon,
+  icons,
+  activePath,
+  getActivePath,
+  lucideFallback = true,
+  children
+}) {
+  const sidebarConfig = config.sidebar;
+  const headerConfig = config.header;
+  const resolvedActivePath = activePath != null ? activePath : getActivePath == null ? void 0 : getActivePath();
+  const buildIcon = React.useCallback(
+    (name) => {
+      if (!name) return void 0;
+      if (resolveIcon) return resolveIcon(name);
+      if (icons == null ? void 0 : icons[name]) return icons[name];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_icon.CraftIcon, { name, useLucide: lucideFallback });
+    },
+    [icons, lucideFallback, resolveIcon]
+  );
+  const sidebarItems = sidebarConfig ? sidebarConfig.items.map((item) => {
+    var _a;
+    return {
+      label: item.label,
+      href: item.href,
+      active: (_a = item.active) != null ? _a : resolvedActivePath && item.href ? item.href === resolvedActivePath : false,
+      icon: buildIcon(item.icon)
+    };
+  }) : null;
+  const breadcrumbNode = headerBreadcrumb != null ? headerBreadcrumb : (headerConfig == null ? void 0 : headerConfig.breadcrumb) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumbs.Breadcrumbs, { items: headerConfig.breadcrumb }) : null;
+  const sidebarFooterNode = sidebarFooter != null ? sidebarFooter : (sidebarConfig == null ? void 0 : sidebarConfig.footerText) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: sidebarConfig.footerText }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_app_shell.AppShell,
+    {
+      sidebar: sidebarConfig && sidebarItems ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_sidebar.Sidebar,
+        {
+          title: sidebarConfig.title,
+          items: sidebarItems,
+          footer: sidebarFooterNode
+        }
+      ) : void 0,
+      topNav: headerConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_top_nav.TopNav,
+        {
+          title: headerConfig.title,
+          breadcrumb: breadcrumbNode,
+          actions: headerActions
+        }
+      ) : void 0,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppTemplate
+});
+//# sourceMappingURL=app-template.cjs.map

package/dist/components/layout/app-template.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/app-template.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { AppShell } from \"./app-shell\";\nimport { CraftIcon } from \"@/components/craft-icon\";\nimport { Breadcrumbs } from \"./breadcrumbs\";\nimport { Sidebar, type SidebarItem } from \"./sidebar\";\nimport { TopNav } from \"./top-nav\";\nimport type { LayoutConfig, LayoutSidebarItem } from \"./layout-config\";\n\nexport type AppTemplateProps = {\n  config: LayoutConfig;\n  headerActions?: React.ReactNode;\n  headerBreadcrumb?: React.ReactNode;\n  sidebarFooter?: React.ReactNode;\n  resolveIcon?: (name: string) => React.ReactNode;\n  icons?: Record<string, React.ReactNode>;\n  activePath?: string;\n  getActivePath?: () => string | undefined;\n  lucideFallback?: boolean;\n  children: React.ReactNode;\n};\n\nexport function AppTemplate({\n  config,\n  headerActions,\n  headerBreadcrumb,\n  sidebarFooter,\n  resolveIcon,\n  icons,\n  activePath,\n  getActivePath,\n  lucideFallback = true,\n  children,\n}: AppTemplateProps) {\n  const sidebarConfig = config.sidebar;\n  const headerConfig = config.header;\n\n  const resolvedActivePath = activePath ?? getActivePath?.();\n\n  const buildIcon = React.useCallback(\n    (name?: string) => {\n      if (!name) return undefined;\n      if (resolveIcon) return resolveIcon(name);\n      if (icons?.[name]) return icons[name];\n      return <CraftIcon name={name} useLucide={lucideFallback} />;\n    },\n    [icons, lucideFallback, resolveIcon]\n  );\n\n  const sidebarItems: SidebarItem[] | null = sidebarConfig\n    ? sidebarConfig.items.map((item: LayoutSidebarItem) => ({\n        label: item.label,\n        href: item.href,\n        active:\n          item.active ??\n          (resolvedActivePath && item.href\n            ? item.href === resolvedActivePath\n            : false),\n        icon: buildIcon(item.icon),\n      }))\n    : null;\n\n  const breadcrumbNode =\n    headerBreadcrumb ??\n    (headerConfig?.breadcrumb ? (\n      <Breadcrumbs items={headerConfig.breadcrumb} />\n    ) : null);\n\n  const sidebarFooterNode =\n    sidebarFooter ??\n    (sidebarConfig?.footerText ? (\n      <div className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">\n        {sidebarConfig.footerText}\n      </div>\n    ) : null);\n\n  return (\n    <AppShell\n      sidebar={\n        sidebarConfig && sidebarItems ? (\n          <Sidebar\n            title={sidebarConfig.title}\n            items={sidebarItems}\n            footer={sidebarFooterNode}\n          />\n        ) : undefined\n      }\n      topNav={\n        headerConfig ? (\n          <TopNav\n            title={headerConfig.title}\n            breadcrumb={breadcrumbNode}\n            actions={headerActions}\n          />\n        ) : undefined\n      }\n    >\n      {children}\n    </AppShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Ca;AA5Cb,YAAuB;AAEvB,uBAAyB;AACzB,wBAA0B;AAC1B,yBAA4B;AAC5B,qBAA0C;AAC1C,qBAAuB;AAgBhB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,GAAqB;AACnB,QAAM,gBAAgB,OAAO;AAC7B,QAAM,eAAe,OAAO;AAE5B,QAAM,qBAAqB,kCAAc;AAEzC,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,SAAkB;AACjB,UAAI,CAAC,KAAM,QAAO;AAClB,UAAI,YAAa,QAAO,YAAY,IAAI;AACxC,UAAI,+BAAQ,MAAO,QAAO,MAAM,IAAI;AACpC,aAAO,4CAAC,+BAAU,MAAY,WAAW,gBAAgB;AAAA,IAC3D;AAAA,IACA,CAAC,OAAO,gBAAgB,WAAW;AAAA,EACrC;AAEA,QAAM,eAAqC,gBACvC,cAAc,MAAM,IAAI,CAAC,SAAyB;AApDxD;AAoD4D;AAAA,MACpD,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,SACE,UAAK,WAAL,YACC,sBAAsB,KAAK,OACxB,KAAK,SAAS,qBACd;AAAA,MACN,MAAM,UAAU,KAAK,IAAI;AAAA,IAC3B;AAAA,GAAE,IACF;AAEJ,QAAM,iBACJ,+CACC,6CAAc,cACb,4CAAC,kCAAY,OAAO,aAAa,YAAY,IAC3C;AAEN,QAAM,oBACJ,yCACC,+CAAe,cACd,4CAAC,SAAI,WAAU,0CACZ,wBAAc,YACjB,IACE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SACE,iBAAiB,eACf;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,cAAc;AAAA,UACrB,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACV,IACE;AAAA,MAEN,QACE,eACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,aAAa;AAAA,UACpB,YAAY;AAAA,UACZ,SAAS;AAAA;AAAA,MACX,IACE;AAAA,MAGL;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/layout/app-template.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { LayoutConfig } from './layout-config.cjs';
+
+type AppTemplateProps = {
+    config: LayoutConfig;
+    headerActions?: React.ReactNode;
+    headerBreadcrumb?: React.ReactNode;
+    sidebarFooter?: React.ReactNode;
+    resolveIcon?: (name: string) => React.ReactNode;
+    icons?: Record<string, React.ReactNode>;
+    activePath?: string;
+    getActivePath?: () => string | undefined;
+    lucideFallback?: boolean;
+    children: React.ReactNode;
+};
+declare function AppTemplate({ config, headerActions, headerBreadcrumb, sidebarFooter, resolveIcon, icons, activePath, getActivePath, lucideFallback, children, }: AppTemplateProps): react_jsx_runtime.JSX.Element;
+
+export { AppTemplate, type AppTemplateProps };

package/dist/components/layout/app-template.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { LayoutConfig } from './layout-config.js';
+
+type AppTemplateProps = {
+    config: LayoutConfig;
+    headerActions?: React.ReactNode;
+    headerBreadcrumb?: React.ReactNode;
+    sidebarFooter?: React.ReactNode;
+    resolveIcon?: (name: string) => React.ReactNode;
+    icons?: Record<string, React.ReactNode>;
+    activePath?: string;
+    getActivePath?: () => string | undefined;
+    lucideFallback?: boolean;
+    children: React.ReactNode;
+};
+declare function AppTemplate({ config, headerActions, headerBreadcrumb, sidebarFooter, resolveIcon, icons, activePath, getActivePath, lucideFallback, children, }: AppTemplateProps): react_jsx_runtime.JSX.Element;
+
+export { AppTemplate, type AppTemplateProps };

package/dist/components/layout/app-template.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { AppShell } from "./app-shell";
+import { CraftIcon } from "../../components/craft-icon";
+import { Breadcrumbs } from "./breadcrumbs";
+import { Sidebar } from "./sidebar";
+import { TopNav } from "./top-nav";
+function AppTemplate({
+  config,
+  headerActions,
+  headerBreadcrumb,
+  sidebarFooter,
+  resolveIcon,
+  icons,
+  activePath,
+  getActivePath,
+  lucideFallback = true,
+  children
+}) {
+  const sidebarConfig = config.sidebar;
+  const headerConfig = config.header;
+  const resolvedActivePath = activePath != null ? activePath : getActivePath == null ? void 0 : getActivePath();
+  const buildIcon = React.useCallback(
+    (name) => {
+      if (!name) return void 0;
+      if (resolveIcon) return resolveIcon(name);
+      if (icons == null ? void 0 : icons[name]) return icons[name];
+      return /* @__PURE__ */ jsx(CraftIcon, { name, useLucide: lucideFallback });
+    },
+    [icons, lucideFallback, resolveIcon]
+  );
+  const sidebarItems = sidebarConfig ? sidebarConfig.items.map((item) => {
+    var _a;
+    return {
+      label: item.label,
+      href: item.href,
+      active: (_a = item.active) != null ? _a : resolvedActivePath && item.href ? item.href === resolvedActivePath : false,
+      icon: buildIcon(item.icon)
+    };
+  }) : null;
+  const breadcrumbNode = headerBreadcrumb != null ? headerBreadcrumb : (headerConfig == null ? void 0 : headerConfig.breadcrumb) ? /* @__PURE__ */ jsx(Breadcrumbs, { items: headerConfig.breadcrumb }) : null;
+  const sidebarFooterNode = sidebarFooter != null ? sidebarFooter : (sidebarConfig == null ? void 0 : sidebarConfig.footerText) ? /* @__PURE__ */ jsx("div", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: sidebarConfig.footerText }) : null;
+  return /* @__PURE__ */ jsx(
+    AppShell,
+    {
+      sidebar: sidebarConfig && sidebarItems ? /* @__PURE__ */ jsx(
+        Sidebar,
+        {
+          title: sidebarConfig.title,
+          items: sidebarItems,
+          footer: sidebarFooterNode
+        }
+      ) : void 0,
+      topNav: headerConfig ? /* @__PURE__ */ jsx(
+        TopNav,
+        {
+          title: headerConfig.title,
+          breadcrumb: breadcrumbNode,
+          actions: headerActions
+        }
+      ) : void 0,
+      children
+    }
+  );
+}
+export {
+  AppTemplate
+};
+//# sourceMappingURL=app-template.js.map

package/dist/components/layout/app-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/app-template.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { AppShell } from \"./app-shell\";\nimport { CraftIcon } from \"@/components/craft-icon\";\nimport { Breadcrumbs } from \"./breadcrumbs\";\nimport { Sidebar, type SidebarItem } from \"./sidebar\";\nimport { TopNav } from \"./top-nav\";\nimport type { LayoutConfig, LayoutSidebarItem } from \"./layout-config\";\n\nexport type AppTemplateProps = {\n  config: LayoutConfig;\n  headerActions?: React.ReactNode;\n  headerBreadcrumb?: React.ReactNode;\n  sidebarFooter?: React.ReactNode;\n  resolveIcon?: (name: string) => React.ReactNode;\n  icons?: Record<string, React.ReactNode>;\n  activePath?: string;\n  getActivePath?: () => string | undefined;\n  lucideFallback?: boolean;\n  children: React.ReactNode;\n};\n\nexport function AppTemplate({\n  config,\n  headerActions,\n  headerBreadcrumb,\n  sidebarFooter,\n  resolveIcon,\n  icons,\n  activePath,\n  getActivePath,\n  lucideFallback = true,\n  children,\n}: AppTemplateProps) {\n  const sidebarConfig = config.sidebar;\n  const headerConfig = config.header;\n\n  const resolvedActivePath = activePath ?? getActivePath?.();\n\n  const buildIcon = React.useCallback(\n    (name?: string) => {\n      if (!name) return undefined;\n      if (resolveIcon) return resolveIcon(name);\n      if (icons?.[name]) return icons[name];\n      return <CraftIcon name={name} useLucide={lucideFallback} />;\n    },\n    [icons, lucideFallback, resolveIcon]\n  );\n\n  const sidebarItems: SidebarItem[] | null = sidebarConfig\n    ? sidebarConfig.items.map((item: LayoutSidebarItem) => ({\n        label: item.label,\n        href: item.href,\n        active:\n          item.active ??\n          (resolvedActivePath && item.href\n            ? item.href === resolvedActivePath\n            : false),\n        icon: buildIcon(item.icon),\n      }))\n    : null;\n\n  const breadcrumbNode =\n    headerBreadcrumb ??\n    (headerConfig?.breadcrumb ? (\n      <Breadcrumbs items={headerConfig.breadcrumb} />\n    ) : null);\n\n  const sidebarFooterNode =\n    sidebarFooter ??\n    (sidebarConfig?.footerText ? (\n      <div className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">\n        {sidebarConfig.footerText}\n      </div>\n    ) : null);\n\n  return (\n    <AppShell\n      sidebar={\n        sidebarConfig && sidebarItems ? (\n          <Sidebar\n            title={sidebarConfig.title}\n            items={sidebarItems}\n            footer={sidebarFooterNode}\n          />\n        ) : undefined\n      }\n      topNav={\n        headerConfig ? (\n          <TopNav\n            title={headerConfig.title}\n            breadcrumb={breadcrumbNode}\n            actions={headerActions}\n          />\n        ) : undefined\n      }\n    >\n      {children}\n    </AppShell>\n  );\n}\n"],"mappings":";AA8Ca;AA5Cb,YAAY,WAAW;AAEvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,eAAiC;AAC1C,SAAS,cAAc;AAgBhB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,GAAqB;AACnB,QAAM,gBAAgB,OAAO;AAC7B,QAAM,eAAe,OAAO;AAE5B,QAAM,qBAAqB,kCAAc;AAEzC,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,SAAkB;AACjB,UAAI,CAAC,KAAM,QAAO;AAClB,UAAI,YAAa,QAAO,YAAY,IAAI;AACxC,UAAI,+BAAQ,MAAO,QAAO,MAAM,IAAI;AACpC,aAAO,oBAAC,aAAU,MAAY,WAAW,gBAAgB;AAAA,IAC3D;AAAA,IACA,CAAC,OAAO,gBAAgB,WAAW;AAAA,EACrC;AAEA,QAAM,eAAqC,gBACvC,cAAc,MAAM,IAAI,CAAC,SAAyB;AApDxD;AAoD4D;AAAA,MACpD,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,SACE,UAAK,WAAL,YACC,sBAAsB,KAAK,OACxB,KAAK,SAAS,qBACd;AAAA,MACN,MAAM,UAAU,KAAK,IAAI;AAAA,IAC3B;AAAA,GAAE,IACF;AAEJ,QAAM,iBACJ,+CACC,6CAAc,cACb,oBAAC,eAAY,OAAO,aAAa,YAAY,IAC3C;AAEN,QAAM,oBACJ,yCACC,+CAAe,cACd,oBAAC,SAAI,WAAU,0CACZ,wBAAc,YACjB,IACE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SACE,iBAAiB,eACf;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,cAAc;AAAA,UACrB,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACV,IACE;AAAA,MAEN,QACE,eACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,aAAa;AAAA,UACpB,YAAY;AAAA,UACZ,SAAS;AAAA;AAAA,MACX,IACE;AAAA,MAGL;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/layout/auth-layout.cjs

@@ -0,0 +1,65 @@
+"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 auth_layout_exports = {};
+__export(auth_layout_exports, {
+  AuthLayout: () => AuthLayout
+});
+module.exports = __toCommonJS(auth_layout_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn");
+function AuthLayout({
+  className,
+  title,
+  description,
+  footer,
+  graphic,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "grid min-h-screen grid-cols-1 bg-background",
+        "lg:grid-cols-[1.1fr_0.9fr]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col justify-center px-6 py-16 sm:px-12", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-md space-y-6", children: [
+          (title || description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            title && /* @__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 })
+          ] }),
+          children,
+          footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: footer })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden items-center justify-center border-l border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-12 text-[rgb(var(--nc-fg))] lg:flex", children: graphic != null ? graphic : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-sm space-y-4 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-semibold", children: "Crafted experiences" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Build authentication flows that feel premium and cohesive." })
+        ] }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthLayout
+});
+//# sourceMappingURL=auth-layout.cjs.map

package/dist/components/layout/auth-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/auth-layout.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type AuthLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  footer?: React.ReactNode;\n  graphic?: React.ReactNode;\n};\n\nexport function AuthLayout({\n  className,\n  title,\n  description,\n  footer,\n  graphic,\n  children,\n  ...props\n}: AuthLayoutProps) {\n  return (\n    <div\n      className={cn(\n        \"grid min-h-screen grid-cols-1 bg-background\",\n        \"lg:grid-cols-[1.1fr_0.9fr]\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex flex-col justify-center px-6 py-16 sm:px-12\">\n        <div className=\"mx-auto w-full max-w-md space-y-6\">\n          {(title || description) && (\n            <div className=\"space-y-2\">\n              {title && <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          )}\n          {children}\n          {footer && <div className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">{footer}</div>}\n        </div>\n      </div>\n      <div className=\"hidden items-center justify-center border-l border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-12 text-[rgb(var(--nc-fg))] lg:flex\">\n        {graphic ?? (\n          <div className=\"max-w-sm space-y-4 text-center\">\n            <h2 className=\"text-2xl font-semibold\">Crafted experiences</h2>\n            <p className=\"text-[rgb(var(--nc-fg-muted))]\">\n              Build authentication flows that feel premium and cohesive.\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCY;AA9BZ,gBAAmB;AASZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,oDAAC,SAAI,WAAU,oDACb,uDAAC,SAAI,WAAU,qCACX;AAAA,oBAAS,gBACT,6CAAC,SAAI,WAAU,aACZ;AAAA,qBAAS,4CAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,YAC5E,eAAe,4CAAC,OAAE,WAAU,kCAAkC,uBAAY;AAAA,aAC7E;AAAA,UAED;AAAA,UACA,UAAU,4CAAC,SAAI,WAAU,0CAA0C,kBAAO;AAAA,WAC7E,GACF;AAAA,QACA,4CAAC,SAAI,WAAU,yJACZ,sCACC,6CAAC,SAAI,WAAU,kCACb;AAAA,sDAAC,QAAG,WAAU,0BAAyB,iCAAmB;AAAA,UAC1D,4CAAC,OAAE,WAAU,kCAAiC,wEAE9C;AAAA,WACF,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+function AuthLayout({
+  className,
+  title,
+  description,
+  footer,
+  graphic,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid min-h-screen grid-cols-1 bg-background",
+        "lg:grid-cols-[1.1fr_0.9fr]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center px-6 py-16 sm:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-md space-y-6", children: [
+          (title || description) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            title && /* @__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 })
+          ] }),
+          children,
+          footer && /* @__PURE__ */ jsx("div", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: footer })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "hidden items-center justify-center border-l border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-12 text-[rgb(var(--nc-fg))] lg:flex", children: graphic != null ? graphic : /* @__PURE__ */ jsxs("div", { className: "max-w-sm space-y-4 text-center", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: "Crafted experiences" }),
+          /* @__PURE__ */ jsx("p", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Build authentication flows that feel premium and cohesive." })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  AuthLayout
+};
+//# sourceMappingURL=auth-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/auth-layout.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type AuthLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  footer?: React.ReactNode;\n  graphic?: React.ReactNode;\n};\n\nexport function AuthLayout({\n  className,\n  title,\n  description,\n  footer,\n  graphic,\n  children,\n  ...props\n}: AuthLayoutProps) {\n  return (\n    <div\n      className={cn(\n        \"grid min-h-screen grid-cols-1 bg-background\",\n        \"lg:grid-cols-[1.1fr_0.9fr]\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex flex-col justify-center px-6 py-16 sm:px-12\">\n        <div className=\"mx-auto w-full max-w-md space-y-6\">\n          {(title || description) && (\n            <div className=\"space-y-2\">\n              {title && <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          )}\n          {children}\n          {footer && <div className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">{footer}</div>}\n        </div>\n      </div>\n      <div className=\"hidden items-center justify-center border-l border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-12 text-[rgb(var(--nc-fg))] lg:flex\">\n        {graphic ?? (\n          <div className=\"max-w-sm space-y-4 text-center\">\n            <h2 className=\"text-2xl font-semibold\">Crafted experiences</h2>\n            <p className=\"text-[rgb(var(--nc-fg-muted))]\">\n              Build authentication flows that feel premium and cohesive.\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAgCY,SACY,KADZ;AA9BZ,SAAS,UAAU;AASZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,oDACb,+BAAC,SAAI,WAAU,qCACX;AAAA,oBAAS,gBACT,qBAAC,SAAI,WAAU,aACZ;AAAA,qBAAS,oBAAC,QAAG,WAAU,+CAA+C,iBAAM;AAAA,YAC5E,eAAe,oBAAC,OAAE,WAAU,kCAAkC,uBAAY;AAAA,aAC7E;AAAA,UAED;AAAA,UACA,UAAU,oBAAC,SAAI,WAAU,0CAA0C,kBAAO;AAAA,WAC7E,GACF;AAAA,QACA,oBAAC,SAAI,WAAU,yJACZ,sCACC,qBAAC,SAAI,WAAU,kCACb;AAAA,8BAAC,QAAG,WAAU,0BAAyB,iCAAmB;AAAA,UAC1D,oBAAC,OAAE,WAAU,kCAAiC,wEAE9C;AAAA,WACF,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/layout/breadcrumbs.cjs

@@ -0,0 +1,39 @@
+"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 breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumbs: () => Breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn");
+function Breadcrumbs({ className, items, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: (0, import_cn.cn)("flex items-center text-sm text-[rgb(var(--nc-fg-muted))]", className), ...props, children: items.map((item, index) => {
+    const content = item.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: item.href, className: "transition hover:text-[rgb(var(--nc-fg))]", children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg))]", children: item.label });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center", children: [
+      content,
+      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mx-2 text-[rgb(var(--nc-fg-soft))]", children: "/" })
+    ] }, `${item.label}-${index}`);
+  }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumbs
+});
+//# sourceMappingURL=breadcrumbs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type BreadcrumbItem = {\n  label: React.ReactNode;\n  href?: string;\n};\n\nexport type BreadcrumbsProps = React.HTMLAttributes<HTMLElement> & {\n  items: BreadcrumbItem[];\n};\n\nexport function Breadcrumbs({ className, items, ...props }: BreadcrumbsProps) {\n  return (\n    <nav className={cn(\"flex items-center text-sm text-[rgb(var(--nc-fg-muted))]\", className)} {...props}>\n      {items.map((item, index) => {\n        const content = item.href ? (\n          <a href={item.href} className=\"transition hover:text-[rgb(var(--nc-fg))]\">\n            {item.label}\n          </a>\n        ) : (\n          <span className=\"text-[rgb(var(--nc-fg))]\">{item.label}</span>\n        );\n\n        return (\n          <span key={`${item.label}-${index}`} className=\"flex items-center\">\n            {content}\n            {index < items.length - 1 && (\n              <span className=\"mx-2 text-[rgb(var(--nc-fg-soft))]\">/</span>\n            )}\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBU;AAhBV,gBAAmB;AAWZ,SAAS,YAAY,EAAE,WAAW,OAAO,GAAG,MAAM,GAAqB;AAC5E,SACE,4CAAC,SAAI,eAAW,cAAG,4DAA4D,SAAS,GAAI,GAAG,OAC5F,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,UAAU,KAAK,OACnB,4CAAC,OAAE,MAAM,KAAK,MAAM,WAAU,6CAC3B,eAAK,OACR,IAEA,4CAAC,UAAK,WAAU,4BAA4B,eAAK,OAAM;AAGzD,WACE,6CAAC,UAAoC,WAAU,qBAC5C;AAAA;AAAA,MACA,QAAQ,MAAM,SAAS,KACtB,4CAAC,UAAK,WAAU,sCAAqC,eAAC;AAAA,SAH/C,GAAG,KAAK,KAAK,IAAI,KAAK,EAKjC;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type BreadcrumbItem = {
+    label: React.ReactNode;
+    href?: string;
+};
+type BreadcrumbsProps = React.HTMLAttributes<HTMLElement> & {
+    items: BreadcrumbItem[];
+};
+declare function Breadcrumbs({ className, items, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+export { type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type BreadcrumbItem = {
+    label: React.ReactNode;
+    href?: string;
+};
+type BreadcrumbsProps = React.HTMLAttributes<HTMLElement> & {
+    items: BreadcrumbItem[];
+};
+declare function Breadcrumbs({ className, items, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+export { type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps };