admin-ui-starter-kit 0.6.5 → 0.6.6

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"}