admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/_shared/containers-CLBmhGfs.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/containers/content-container.tsx
+var n = {
+	narrow: "max-w-[1040px] mx-auto",
+	default: "",
+	large: "max-w-screen-2xl mx-auto",
+	wide: "max-w-screen-2xl mx-auto",
+	full: ""
+}, r = {
+	none: "p-0",
+	sm: "p-4 md:p-5",
+	default: "p-5 md:p-7",
+	lg: "p-6 md:p-8"
+};
+function i({ children: i, as: a = "div", width: o = "default", padding: s = "default", bare: c = !1, className: l, innerClassName: u, ...d }) {
+	let f = n[o], p = r[s];
+	return c ? /* @__PURE__ */ t(a, {
+		className: e("w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full", f, l),
+		...d,
+		children: i
+	}) : /* @__PURE__ */ t(a, {
+		className: e("w-full flex-1 relative overflow-hidden @container/main h-full", l),
+		...d,
+		children: /* @__PURE__ */ t("div", {
+			className: e("flex min-h-full flex-1 flex-col gap-6 rounded-xl", f, p, u),
+			children: i
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/containers/section.tsx
+var a = {
+	tight: "space-y-3",
+	default: "space-y-5",
+	loose: "space-y-8"
+};
+function o({ children: n, as: r = "section", density: i = "default", className: o, ...s }) {
+	return /* @__PURE__ */ t(r, {
+		className: e(a[i], o),
+		...s,
+		children: n
+	});
+}
+//#endregion
+export { i as n, o as t };
+
+//# sourceMappingURL=containers-CLBmhGfs.js.map

package/dist/_shared/containers-CLBmhGfs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-CLBmhGfs.js","names":[],"sources":["../../src/components/layout/containers/content-container.tsx","../../src/components/layout/containers/section.tsx"],"sourcesContent":["/**\n * Container — page-level content wrapper.\n *\n * Wraps the page body in a flexbox column with consistent padding and an\n * optional max-width clamp. Use as the outer wrapper inside a `<Page>`, or\n * standalone for content panes that need a centered, padded surface.\n *\n * `bare` skips the padded inner column for edge-to-edge children, while\n * `innerClassName` customizes the clamped column without affecting the outer\n * scroll/container-query wrapper.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { ContainerProps } from './containers.types';\n\nconst WIDTH_CLASS: Record<NonNullable<ContainerProps['width']>, string> = {\n\tnarrow: 'max-w-[1040px] mx-auto',\n\tdefault: '',\n\tlarge: 'max-w-screen-2xl mx-auto',\n\twide: 'max-w-screen-2xl mx-auto',\n\tfull: '',\n};\n\nconst PADDING_CLASS: Record<NonNullable<ContainerProps['padding']>, string> = {\n\tnone: 'p-0',\n\tsm: 'p-4 md:p-5',\n\tdefault: 'p-5 md:p-7',\n\tlg: 'p-6 md:p-8',\n};\n\nexport function Container({\n\tchildren,\n\tas: Component = 'div',\n\twidth = 'default',\n\tpadding = 'default',\n\tbare = false,\n\tclassName,\n\tinnerClassName,\n\t...props\n}: ContainerProps) {\n\tconst widthClass = WIDTH_CLASS[width];\n\tconst paddingClass = PADDING_CLASS[padding];\n\n\tif (bare) {\n\t\treturn (\n\t\t\t<Component\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Component>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={cn(\n\t\t\t\t'w-full flex-1 relative overflow-hidden @container/main h-full',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex min-h-full flex-1 flex-col gap-6 rounded-xl',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tpaddingClass,\n\t\t\t\t\tinnerClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</Component>\n\t);\n}\n","/**\n * Section — vertical-spaced wrapper for grouping content blocks inside a page.\n *\n * Use between cards or content groups when you want a consistent vertical\n * rhythm without nesting another `Container`. Three densities scale the\n * top/bottom spacing.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\nconst DENSITY_CLASS: Record<NonNullable<SectionProps['density']>, string> = {\n\ttight: 'space-y-3',\n\tdefault: 'space-y-5',\n\tloose: 'space-y-8',\n};\n\nexport function Section({\n\tchildren,\n\tas: Component = 'section',\n\tdensity = 'default',\n\tclassName,\n\t...props\n}: SectionProps) {\n\treturn (\n\t\t<Component className={cn(DENSITY_CLASS[density], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n}\n"],"mappings":";;;AAeA,IAAM,IAAoE;CACzE,QAAQ;CACR,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAwE;CAC7E,MAAM;CACN,IAAI;CACJ,SAAS;CACT,IAAI;AACL;AAEA,SAAgB,EAAU,EACzB,aACA,IAAI,IAAY,OAChB,WAAQ,WACR,aAAU,WACV,UAAO,IACP,cACA,mBACA,GAAG,KACe;CAClB,IAAM,IAAa,EAAY,IACzB,IAAe,EAAc;CAiBnC,OAfI,IAEF,kBAAC,GAAD;EACC,WAAW,EACV,iFACA,GACA,CACD;EACA,GAAI;EAEH;CACS,CAAA,IAKZ,kBAAC,GAAD;EACC,WAAW,EACV,iEACA,CACD;EACA,GAAI;YAEJ,kBAAC,OAAD;GACC,WAAW,EACV,oDACA,GACA,GACA,CACD;GAEC;EACG,CAAA;CACK,CAAA;AAEb;;;ACnEA,IAAM,IAAsE;CAC3E,OAAO;CACP,SAAS;CACT,OAAO;AACR;AAEA,SAAgB,EAAQ,EACvB,aACA,IAAI,IAAY,WAChB,aAAU,WACV,cACA,GAAG,KACa;CAChB,OACC,kBAAC,GAAD;EAAW,WAAW,EAAG,EAAc,IAAU,CAAS;EAAG,GAAI;EAC/D;CACS,CAAA;AAEb"}

package/dist/_shared/copyable-BgFdERqs.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../lib/utils.js";
+import { s as t } from "./typography-CzFVA1w1.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Check as a, Copy as o } from "lucide-react";
+import { toast as s } from "sonner";
+//#region src/components/base/copyable/copyable.tsx
+function c({ value: c, displayValue: l, mono: u = !1, truncate: d = !1, className: f, contentClassName: p, successMessage: m = "Copied to clipboard" }) {
+	let [h, g] = n(!1), _ = async () => {
+		try {
+			await navigator.clipboard.writeText(c), g(!0), s.success(m), setTimeout(() => g(!1), 2e3);
+		} catch {
+			s.error("Failed to copy");
+		}
+	}, v = l !== void 0 && typeof l != "string";
+	return /* @__PURE__ */ i("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: _,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _());
+		},
+		className: e("copyable--component", "group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted", f),
+		children: [v ? l : /* @__PURE__ */ r(t, {
+			tag: "span",
+			className: e(u && "font-mono", d && "max-w-[300px] truncate", p),
+			children: l ?? c
+		}), /* @__PURE__ */ r("span", {
+			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+			children: h ? /* @__PURE__ */ r(a, { className: "size-3.5 text-success" }) : /* @__PURE__ */ r(o, { className: "size-3.5" })
+		})]
+	});
+}
+c.displayName = "Copyable";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=copyable-BgFdERqs.js.map

package/dist/_shared/copyable-BgFdERqs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-BgFdERqs.js","names":[],"sources":["../../src/components/base/copyable/copyable.tsx"],"sourcesContent":["import { Check, Copy } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { toast } from 'sonner';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CopyableProps {\n\t/** The value to copy to clipboard */\n\tvalue: string;\n\t/** Optional display content (if different from value). Can be a string or ReactNode */\n\tdisplayValue?: ReactNode;\n\t/** Use monospace font (only applies when displayValue is not a ReactNode) */\n\tmono?: boolean;\n\t/** Truncate with ellipsis (only applies when displayValue is not a ReactNode) */\n\ttruncate?: boolean;\n\t/** Additional className for the container */\n\tclassName?: string;\n\t/**ClassName for the display content wrapper */\n\tcontentClassName?: string;\n\t/** Success message shown in toast */\n\tsuccessMessage?: string;\n}\n\nexport function Copyable({\n\tvalue,\n\tdisplayValue,\n\tmono = false,\n\ttruncate = false,\n\tclassName,\n\tcontentClassName,\n\tsuccessMessage = 'Copied to clipboard',\n}: CopyableProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\ttoast.success(successMessage);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch {\n\t\t\ttoast.error('Failed to copy');\n\t\t}\n\t};\n\n\t// Check if displayValue is a ReactNode (not a string)\n\tconst isReactNode = displayValue !== undefined && typeof displayValue !== 'string';\n\n\treturn (\n\t\t<span\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={handleCopy}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvoid handleCopy();\n\t\t\t\t}\n\t\t\t}}\n\t\t\tclassName={cn('copyable--component', \n\t\t\t\t'group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{isReactNode ? (\n\t\t\t\tdisplayValue\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmono && 'font-mono',\n\t\t\t\t\t\ttruncate && 'max-w-[300px] truncate',\n\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{displayValue ?? value}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<span className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\">\n\t\t\t\t{copied ? (\n\t\t\t\t\t<Check className=\"size-3.5 text-success\" />\n\t\t\t\t) : (\n\t\t\t\t\t<Copy className=\"size-3.5\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nexport type { CopyableProps };\n\nCopyable.displayName = 'Copyable';\n"],"mappings":";;;;;;;AAyBA,SAAgB,EAAS,EACxB,UACA,iBACA,UAAO,IACP,cAAW,IACX,cACA,qBACA,oBAAiB,yBACA;CACjB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GAEpC,IAAa,YAAY;EAC9B,IAAI;GAIH,AAHA,MAAM,UAAU,UAAU,UAAU,CAAK,GACzC,EAAU,EAAI,GACd,EAAM,QAAQ,CAAc,GAC5B,iBAAiB,EAAU,EAAK,GAAG,GAAI;EACxC,QAAQ;GACP,EAAM,MAAM,gBAAgB;EAC7B;CACD,GAGM,IAAc,MAAiB,KAAA,KAAa,OAAO,KAAiB;CAE1E,OACC,kBAAC,QAAD;EACC,MAAK;EACL,UAAU;EACV,SAAS;EACT,YAAY,MAAM;GACjB,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAClC,EAAE,eAAe,GACjB,EAAgB;EAElB;EACA,WAAW,EAAG,uBACb,6GACA,CACD;YAbD,CAeE,IACA,IAEA,kBAAC,GAAD;GACC,KAAI;GACJ,WAAW,EACV,KAAQ,aACR,KAAY,0BACZ,CACD;aAEC,KAAgB;EACZ,CAAA,GAEP,kBAAC,QAAD;GAAM,WAAU;aACd,IACA,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,IAE1C,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAExB,CAAA,CACD;;AAER;AAIA,EAAS,cAAc"}

package/dist/_shared/copyable-Ce8rmE-V.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs"),t=require("./typography-GtkgK9QX.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("lucide-react"),a=require("sonner");function o({value:o,displayValue:s,mono:c=!1,truncate:l=!1,className:u,contentClassName:d,successMessage:f=`Copied to clipboard`}){let[p,m]=(0,n.useState)(!1),h=async()=>{try{await navigator.clipboard.writeText(o),m(!0),a.toast.success(f),setTimeout(()=>m(!1),2e3)}catch{a.toast.error(`Failed to copy`)}},g=s!==void 0&&typeof s!=`string`;return(0,r.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:h,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),h())},className:e.cn(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,u),children:[g?s:(0,r.jsx)(t.s,{tag:`span`,className:e.cn(c&&`font-mono`,l&&`max-w-[300px] truncate`,d),children:s??o}),(0,r.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:p?(0,r.jsx)(i.Check,{className:`size-3.5 text-success`}):(0,r.jsx)(i.Copy,{className:`size-3.5`})})]})}o.displayName=`Copyable`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=copyable-Ce8rmE-V.cjs.map

package/dist/_shared/copyable-Ce8rmE-V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-Ce8rmE-V.cjs","names":[],"sources":["../../src/components/base/copyable/copyable.tsx"],"sourcesContent":["import { Check, Copy } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { toast } from 'sonner';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CopyableProps {\n\t/** The value to copy to clipboard */\n\tvalue: string;\n\t/** Optional display content (if different from value). Can be a string or ReactNode */\n\tdisplayValue?: ReactNode;\n\t/** Use monospace font (only applies when displayValue is not a ReactNode) */\n\tmono?: boolean;\n\t/** Truncate with ellipsis (only applies when displayValue is not a ReactNode) */\n\ttruncate?: boolean;\n\t/** Additional className for the container */\n\tclassName?: string;\n\t/**ClassName for the display content wrapper */\n\tcontentClassName?: string;\n\t/** Success message shown in toast */\n\tsuccessMessage?: string;\n}\n\nexport function Copyable({\n\tvalue,\n\tdisplayValue,\n\tmono = false,\n\ttruncate = false,\n\tclassName,\n\tcontentClassName,\n\tsuccessMessage = 'Copied to clipboard',\n}: CopyableProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\ttoast.success(successMessage);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch {\n\t\t\ttoast.error('Failed to copy');\n\t\t}\n\t};\n\n\t// Check if displayValue is a ReactNode (not a string)\n\tconst isReactNode = displayValue !== undefined && typeof displayValue !== 'string';\n\n\treturn (\n\t\t<span\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={handleCopy}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvoid handleCopy();\n\t\t\t\t}\n\t\t\t}}\n\t\t\tclassName={cn('copyable--component', \n\t\t\t\t'group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{isReactNode ? (\n\t\t\t\tdisplayValue\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmono && 'font-mono',\n\t\t\t\t\t\ttruncate && 'max-w-[300px] truncate',\n\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{displayValue ?? value}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<span className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\">\n\t\t\t\t{copied ? (\n\t\t\t\t\t<Check className=\"size-3.5 text-success\" />\n\t\t\t\t) : (\n\t\t\t\t\t<Copy className=\"size-3.5\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nexport type { CopyableProps };\n\nCopyable.displayName = 'Copyable';\n"],"mappings":"+KAyBA,SAAgB,EAAS,CACxB,QACA,eACA,OAAO,GACP,WAAW,GACX,YACA,mBACA,iBAAiB,uBACA,CACjB,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAK,EAEpC,EAAa,SAAY,CAC9B,GAAI,CACH,MAAM,UAAU,UAAU,UAAU,CAAK,EACzC,EAAU,EAAI,EACd,EAAA,MAAM,QAAQ,CAAc,EAC5B,eAAiB,EAAU,EAAK,EAAG,GAAI,CACxC,MAAQ,CACP,EAAA,MAAM,MAAM,gBAAgB,CAC7B,CACD,EAGM,EAAc,IAAiB,IAAA,IAAa,OAAO,GAAiB,SAE1E,OACC,EAAA,EAAA,MAAC,OAAD,CACC,KAAK,SACL,SAAU,EACV,QAAS,EACT,UAAY,GAAM,EACb,EAAE,MAAQ,SAAW,EAAE,MAAQ,OAClC,EAAE,eAAe,EACjB,EAAgB,EAElB,EACA,UAAW,EAAA,GAAG,sBACb,4GACA,CACD,WAbD,CAeE,EACA,GAEA,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,IAAI,OACJ,UAAW,EAAA,GACV,GAAQ,YACR,GAAY,yBACZ,CACD,WAEC,GAAgB,CACZ,CAAA,GAEP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACd,GACA,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,uBAAyB,CAAA,GAE1C,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,UAAY,CAAA,CAExB,CAAA,CACD,GAER,CAIA,EAAS,YAAc"}