admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/_shared/breadcrumbs-Dc93fqqE.js

@@ -0,0 +1,111 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-BgnZtKR5.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronRight as a } from "lucide-react";
+//#region src/components/ui/breadcrumb.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...e
+	});
+}
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", t),
+		...n
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", t),
+		...n
+	});
+}
+function l({ asChild: n, className: i, ...a }) {
+	return /* @__PURE__ */ r(n ? t : "a", {
+		"data-slot": "breadcrumb-link",
+		className: e("hover:text-foreground transition-colors", i),
+		...a
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("text-foreground font-normal", t),
+		...n
+	});
+}
+function d({ children: t, className: n, ...i }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		className: e("[&>svg]:size-3.5", n),
+		...i,
+		children: t ?? /* @__PURE__ */ r(a, {})
+	});
+}
+//#endregion
+//#region src/components/base/navigation/breadcrumbs.tsx
+var f = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
+	return Math.abs(t).toString(36);
+}, p = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "breadcrumb", m = ({ href: e, children: t, ...n }) => /* @__PURE__ */ r("a", {
+	href: e,
+	...n,
+	children: t
+}), h = {
+	xs: {
+		item: "text-xs",
+		list: "!gap-0.5 sm:!gap-1",
+		separator: "!mx-0.5 sm:!mx-1",
+		color: "text-muted-foreground/70"
+	},
+	sm: {
+		item: "text-sm",
+		list: "!gap-1 sm:!gap-1.5",
+		separator: "!mx-1 sm:!mx-1.5",
+		color: "text-muted-foreground"
+	},
+	md: {
+		item: "text-base",
+		list: "!gap-2 sm:!gap-2.5",
+		separator: "!mx-2 sm:!mx-2.5",
+		color: "text-muted-foreground"
+	}
+};
+function g({ breadcrumbs: t, size: a = "md", className: g, renderLink: _ = m }) {
+	if (t.length === 0) return null;
+	let { item: v, list: y, separator: b, color: x } = h[a] ?? h.md;
+	return /* @__PURE__ */ r(o, {
+		className: e("breadcrumbs--component", x, g),
+		children: /* @__PURE__ */ r(s, {
+			className: e("flex flex-wrap items-center break-words", y),
+			children: t.map((a, o) => {
+				let s = o === t.length - 1, m = a.handle ?? a.href ?? `crumb-${f(p(a.label))}-${o}`;
+				return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(c, {
+					className: e(v, "font-medium"),
+					children: s || !a.href ? /* @__PURE__ */ r(u, { children: a.label }) : /* @__PURE__ */ r(l, {
+						asChild: !0,
+						children: _({
+							href: a.href,
+							children: a.label
+						})
+					})
+				}), !s && /* @__PURE__ */ r(d, { className: e(b) })] }, m);
+			})
+		})
+	});
+}
+g.displayName = "Breadcrumbs";
+//#endregion
+export { g as t };
+
+//# sourceMappingURL=breadcrumbs-Dc93fqqE.js.map

package/dist/_shared/breadcrumbs-Dc93fqqE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-Dc93fqqE.js","names":[],"sources":["../../src/components/ui/breadcrumb.tsx","../../src/components/base/navigation/breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Slot } from '@/components/ui/slot';\nimport { cn } from '@/lib/utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n\treturn (\n\t\t<nav\n\t\t\taria-label=\"breadcrumb\"\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn('inline-flex items-center gap-1.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<'a'> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : 'a';\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn('hover:text-foreground transition-colors', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn('text-foreground font-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('[&>svg]:size-3.5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('flex size-9 items-center justify-center', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n\n","/**\n * Breadcrumbs — page hierarchy trail. Last item is rendered as the current\n * page (non-link); preceding items become links when an `href` is provided.\n * Three sizes (xs / sm / md) drive font scale, list gap, and separator gap.\n */\nimport { Fragment, type ReactNode } from 'react';\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from '@/components/ui/breadcrumb';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbItemType {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\ntype BreadcrumbSize = 'xs' | 'sm' | 'md';\n\ntype BreadcrumbLinkRenderer = (props: {\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\t'aria-label'?: string;\n}) => ReactNode;\n\ntype BreadcrumbsProps = {\n\tbreadcrumbs: BreadcrumbItemType[];\n\tsize?: BreadcrumbSize;\n\tclassName?: string;\n\trenderLink?: BreadcrumbLinkRenderer;\n};\n\nconst hashString = (value: string): string => {\n\tlet hash = 0;\n\tfor (let i = 0; i < value.length; i += 1) {\n\t\thash = (hash << 5) - hash + value.charCodeAt(i);\n\t\thash |= 0;\n\t}\n\n\treturn Math.abs(hash).toString(36);\n};\n\nconst labelToKey = (label: ReactNode): string => {\n\tif (typeof label === 'string' || typeof label === 'number') return String(label);\n\treturn 'breadcrumb';\n};\n\nconst defaultRenderLink: BreadcrumbLinkRenderer = ({ href, children, ...props }) => (\n\t<a href={href} {...props}>{children}</a>\n);\n\nconst sizeConfig: Record<BreadcrumbSize, { item: string; list: string; separator: string; color: string }> = {\n\txs: {\n\t\titem: 'text-xs',\n\t\tlist: '!gap-0.5 sm:!gap-1',\n\t\tseparator: '!mx-0.5 sm:!mx-1',\n\t\tcolor: 'text-muted-foreground/70',\n\t},\n\tsm: {\n\t\titem: 'text-sm',\n\t\tlist: '!gap-1 sm:!gap-1.5',\n\t\tseparator: '!mx-1 sm:!mx-1.5',\n\t\tcolor: 'text-muted-foreground',\n\t},\n\tmd: {\n\t\titem: 'text-base',\n\t\tlist: '!gap-2 sm:!gap-2.5',\n\t\tseparator: '!mx-2 sm:!mx-2.5',\n\t\tcolor: 'text-muted-foreground',\n\t},\n};\n\nexport function Breadcrumbs({ breadcrumbs, size = 'md', className, renderLink = defaultRenderLink }: BreadcrumbsProps) {\n\tif (breadcrumbs.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst { item: itemSizeClass, list: listSpacingClass, separator: separatorSpacingClass, color: baseColorClass } =\n\t\tsizeConfig[size] ?? sizeConfig.md;\n\n\treturn (\n\t\t<Breadcrumb className={cn('breadcrumbs--component', baseColorClass, className)}>\n\t\t\t<BreadcrumbList className={cn('flex flex-wrap items-center break-words', listSpacingClass)}>\n\t\t\t\t{breadcrumbs.map((item, index) => {\n\t\t\t\t\tconst isLast = index === breadcrumbs.length - 1;\n\t\t\t\t\tconst itemKey = item.handle ?? item.href ?? `crumb-${hashString(labelToKey(item.label))}-${index}`;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={itemKey}>\n\t\t\t\t\t\t\t<BreadcrumbItem className={cn(itemSizeClass, 'font-medium')}>\n\t\t\t\t\t\t\t\t{isLast || !item.href ? (\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>{item.label}</BreadcrumbPage>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t\t\t\t\t{renderLink({ href: item.href, children: item.label })}\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator className={cn(separatorSpacingClass)} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</BreadcrumbList>\n\t\t</Breadcrumb>\n\t);\n}\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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"}

package/dist/_shared/button-2xglT7yf.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`class-variance-authority`),r=require(`@base-ui/react/button`);var i=(0,n.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/80`,outline:`border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-transparent dark:hover:bg-input/30`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50`,destructive:`bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5`,xs:`h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,icon:`size-9`,"icon-xs":`size-6 [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function a({className:n,variant:a=`default`,size:o=`default`,...s}){return(0,t.jsx)(r.Button,{"data-slot":`button`,className:e.cn(i({variant:a,size:o,className:n})),...s})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=button-2xglT7yf.cjs.map

package/dist/_shared/button-2xglT7yf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-2xglT7yf.cjs","names":[],"sources":["../../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-transparent dark:hover:bg-input/30\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n        xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":"gLAKA,IAAM,GAAA,EAAA,EAAA,KACJ,8lBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,yDACT,QACE,mKACF,UACE,kIACF,MACE,mHACF,YACE,8NACF,KAAM,kDACP,CACD,KAAM,CACJ,QACE,yFACF,GAAI,kIACJ,GAAI,mFACJ,GAAI,sFACJ,KAAM,SACN,UAAW,8CACX,UAAW,SACX,UAAW,UACZ,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CAED,SAAS,EAAO,CACd,YACA,UAAU,UACV,OAAO,UACP,GAAG,GAC2D,CAC9D,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,YAAU,SACV,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAC3D,GAAI,EACJ,CAAA"}

package/dist/_shared/button-ChCkwoOD.js

@@ -0,0 +1,176 @@
+import { useStrings as e } from "../lib/strings.js";
+import { n as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-DBR4QI9E.js";
+import { i, n as a, t as o } from "./tooltip-Cws4BiPT.js";
+import * as s from "react";
+import { useEffect as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Loader2 as f } from "lucide-react";
+//#region src/components/base/buttons/base-button.tsx
+var p = {
+	dark: {
+		solid: "bg-foreground text-background hover:bg-foreground/90",
+		outline: "border border-foreground/80 text-foreground hover:bg-foreground/8",
+		ghost: "text-foreground hover:bg-foreground/8"
+	},
+	primary: {
+		solid: "bg-primary text-primary-foreground hover:bg-primary/90",
+		outline: "border border-primary/70 text-primary hover:bg-primary/10",
+		ghost: "text-primary hover:bg-primary/10"
+	},
+	secondary: {
+		solid: "bg-foreground/8 text-foreground hover:bg-foreground/12",
+		outline: "border border-foreground/15 text-foreground hover:bg-foreground/8",
+		ghost: "text-foreground hover:bg-foreground/8"
+	},
+	light: {
+		solid: "bg-muted text-muted-foreground hover:bg-muted/80",
+		outline: "border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+		ghost: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+	},
+	error: {
+		solid: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+		outline: "border border-destructive/60 text-destructive hover:bg-destructive/10",
+		ghost: "text-destructive hover:bg-destructive/10"
+	},
+	warning: {
+		solid: "bg-warning text-warning-foreground hover:bg-warning/90",
+		outline: "border border-warning/60 text-warning hover:bg-warning/15",
+		ghost: "text-warning hover:bg-warning/15"
+	},
+	success: {
+		solid: "bg-success text-success-foreground hover:bg-success/90",
+		outline: "border border-success/60 text-success hover:bg-success/10",
+		ghost: "text-success hover:bg-success/10"
+	},
+	action: {
+		solid: "bg-info text-info-foreground hover:bg-info/90",
+		outline: "border border-info/60 text-info hover:bg-info/10",
+		ghost: "text-info hover:bg-info/10"
+	}
+}, m = s.forwardRef(({ variant: e = "primary", buttonStyle: i, size: a, fullWidth: o = !1, icon: s, iconPosition: c = "left", children: l, className: f, disabled: m, ...h }, g) => {
+	let { defaultButtonStyle: _, defaultSize: v } = t(), y = i ?? _ ?? "solid", b = a ?? v ?? "sm", x = p[e] ?? p.secondary, S = x[y] ?? x.solid ?? p.secondary.solid, C = b === "xs" || b === "icon-xs" ? 12 : b === "sm" || b === "icon-sm" ? 14 : b === "lg" || b === "icon-lg" ? 20 : 16;
+	return /* @__PURE__ */ d(r, {
+		ref: g,
+		variant: y === "outline" ? "outline" : y === "ghost" ? "ghost" : "default",
+		size: b,
+		className: n("base-button--component", S, "inline-flex items-center justify-center", s && (b === "xs" ? "gap-1" : b === "sm" ? "gap-1.5" : b === "lg" ? "gap-2.5" : "gap-2"), o && "w-full", f),
+		disabled: m,
+		...h,
+		children: [
+			!!s && c === "left" && /* @__PURE__ */ u(s, {
+				className: "opacity-80",
+				size: C,
+				"aria-hidden": "true",
+				"data-icon": "inline-start"
+			}),
+			l,
+			!!s && c === "right" && /* @__PURE__ */ u(s, {
+				className: "opacity-80",
+				size: C,
+				"aria-hidden": "true",
+				"data-icon": "inline-end"
+			})
+		]
+	});
+});
+m.displayName = "BaseButton";
+//#endregion
+//#region src/components/base/buttons/loader-button.tsx
+var h = {
+	loading: "Loading...",
+	completed: "Completed"
+}, g = s.forwardRef(({ loading: t = !1, handlesLoading: r, strings: i, loadingLabels: a, icon: o, iconPosition: s = "left", children: p, disabled: g, ..._ }, v) => {
+	let y = e(h, {
+		...a ?? {},
+		...i ?? {}
+	}), [b, x] = l(t), [, S] = l(!1);
+	c(() => {
+		t && x(!0);
+	}, [t]), c(() => {
+		r && t && x(!0);
+	}, [t, r]), c(() => {
+		let e;
+		return !t && b && (S(!0), e = setTimeout(() => {
+			x(!1), S(!1);
+		}, 300)), () => {
+			e && clearTimeout(e);
+		};
+	}, [t, b]);
+	let C = (e) => e === "xs" ? 12 : e === "sm" ? 14 : e === "lg" ? 20 : 16;
+	return /* @__PURE__ */ d(m, {
+		className: "loader-button--component",
+		..._,
+		ref: v,
+		disabled: g || b,
+		children: [
+			!!b && /* @__PURE__ */ u(f, {
+				className: "animate-spin mr-2",
+				size: C(_.size),
+				"aria-hidden": "true"
+			}),
+			!!o && s === "left" && !b && /* @__PURE__ */ u(o, {
+				className: n("opacity-60", p && "-ms-1 me-2"),
+				size: C(_.size),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ d("span", { children: [!!b && y.loading, !b && p] }),
+			!!o && s === "right" && !b && /* @__PURE__ */ u(o, {
+				className: n("opacity-60", p && "-me-1 ms-2"),
+				size: C(_.size),
+				"aria-hidden": "true"
+			})
+		]
+	});
+});
+g.displayName = "LoaderButton";
+//#endregion
+//#region src/components/base/buttons/tooltip-button.tsx
+var _ = s.forwardRef(({ withTooltip: e, ...t }, r) => /* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(i, { render: (e) => /* @__PURE__ */ u(m, {
+	...t,
+	...e,
+	ref: r,
+	className: n("tooltip-button--component", e.className, t.className)
+}) }), /* @__PURE__ */ u(a, {
+	className: "px-2 py-1 text-xs",
+	children: e
+})] }));
+_.displayName = "TooltipButton";
+//#endregion
+//#region src/components/base/buttons/button.tsx
+var v = s.forwardRef(({ href: e, withTooltip: t, loading: r, handlesLoading: i, ...a }, o) => {
+	let s = r !== void 0 || i ? t ? /* @__PURE__ */ u(_, {
+		className: "button--component",
+		ref: o,
+		withTooltip: t,
+		...a,
+		children: /* @__PURE__ */ u(g, {
+			loading: r,
+			handlesLoading: i,
+			...a
+		})
+	}) : /* @__PURE__ */ u(g, {
+		ref: o,
+		loading: r,
+		handlesLoading: i,
+		...a
+	}) : t ? /* @__PURE__ */ u(_, {
+		ref: o,
+		withTooltip: t,
+		...a
+	}) : /* @__PURE__ */ u(m, {
+		ref: o,
+		...a
+	});
+	return e ? /* @__PURE__ */ u("a", {
+		href: e,
+		className: n("inline-flex", a.fullWidth && "w-full"),
+		children: s
+	}) : s;
+});
+v.displayName = "Button";
+//#endregion
+export { m as i, _ as n, g as r, v as t };
+
+//# sourceMappingURL=button-ChCkwoOD.js.map

package/dist/_shared/button-ChCkwoOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-ChCkwoOD.js","names":[],"sources":["../../src/components/base/buttons/base-button.tsx","../../src/components/base/buttons/loader-button.tsx","../../src/components/base/buttons/tooltip-button.tsx","../../src/components/base/buttons/button.tsx"],"sourcesContent":["/**\n * BaseButton — foundational button. Wraps shadcn `Button` with a richer\n * variant × style × size matrix (variants: dark / primary / secondary / error /\n * warning / success / light / action; styles: solid / outline / ghost), plus\n * optional left/right `icon` and `fullWidth`.\n */\nimport type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n    Button as PrimitiveButton,\n    type buttonVariants\n} from '@/components/ui/button';\nimport {\n    useButtonConfig,\n    type ButtonSize as ConfiguredButtonSize,\n    type ButtonStyle as ConfiguredButtonStyle,\n} from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type ButtonVariant =\n    | 'dark'\n    | 'primary'\n    | 'secondary'\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'light'\n    | 'action';\nexport type ButtonStyle = ConfiguredButtonStyle;\nexport type ButtonSize = ConfiguredButtonSize;\nexport type IconPosition = 'left' | 'right';\n\nexport interface BaseButtonProps\n    extends Omit<\n        React.ComponentPropsWithoutRef<typeof PrimitiveButton>,\n        'children' | 'variant' | 'size'\n    >,\n        Omit<VariantProps<typeof buttonVariants>, 'variant' | 'size'> {\n    variant?: ButtonVariant;\n    buttonStyle?: ButtonStyle;\n    size?: ButtonSize;\n    fullWidth?: boolean;\n    icon?: React.ElementType | LucideIcon;\n    iconPosition?: IconPosition;\n    children: React.ReactNode;\n}\n\nconst variantStyles: Record<ButtonVariant, Record<ButtonStyle, string>> = {\n    dark: {\n        solid: 'bg-foreground text-background hover:bg-foreground/90',\n        outline: 'border border-foreground/80 text-foreground hover:bg-foreground/8',\n        ghost: 'text-foreground hover:bg-foreground/8'\n    },\n    primary: {\n        solid: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        outline: 'border border-primary/70 text-primary hover:bg-primary/10',\n        ghost: 'text-primary hover:bg-primary/10'\n    },\n    secondary: {\n        solid: 'bg-foreground/8 text-foreground hover:bg-foreground/12',\n        outline: 'border border-foreground/15 text-foreground hover:bg-foreground/8',\n        ghost: 'text-foreground hover:bg-foreground/8'\n    },\n    light: {\n        solid: 'bg-muted text-muted-foreground hover:bg-muted/80',\n        outline: 'border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n        ghost: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'\n    },\n    error: {\n        solid: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        outline: 'border border-destructive/60 text-destructive hover:bg-destructive/10',\n        ghost: 'text-destructive hover:bg-destructive/10'\n    },\n    warning: {\n        solid: 'bg-warning text-warning-foreground hover:bg-warning/90',\n        outline: 'border border-warning/60 text-warning hover:bg-warning/15',\n        ghost: 'text-warning hover:bg-warning/15'\n    },\n    success: {\n        solid: 'bg-success text-success-foreground hover:bg-success/90',\n        outline: 'border border-success/60 text-success hover:bg-success/10',\n        ghost: 'text-success hover:bg-success/10'\n    },\n    action: {\n        solid: 'bg-info text-info-foreground hover:bg-info/90',\n        outline: 'border border-info/60 text-info hover:bg-info/10',\n        ghost: 'text-info hover:bg-info/10'\n    }\n};\n\nconst BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n    (\n        {\n            variant = 'primary',\n            buttonStyle,\n            size: sizeProp,\n            fullWidth = false,\n            icon: Icon,\n            iconPosition = 'left',\n            children,\n            className,\n            disabled,\n            ...props\n        },\n        ref\n    ) => {\n        const { defaultButtonStyle, defaultSize } = useButtonConfig();\n        const resolvedButtonStyle: ButtonStyle =\n            buttonStyle ?? defaultButtonStyle ?? 'solid';\n        const size: ButtonSize = sizeProp ?? defaultSize ?? 'sm';\n        const resolvedVariantStyles =\n            variantStyles[variant] ?? variantStyles.secondary;\n        const resolvedStyleClass =\n            resolvedVariantStyles[resolvedButtonStyle] ??\n            resolvedVariantStyles.solid ??\n            variantStyles.secondary.solid;\n\n        const iconSize =\n            size === 'xs' || size === 'icon-xs'\n                ? 12\n                : size === 'sm' || size === 'icon-sm'\n                    ? 14\n                    : size === 'lg' || size === 'icon-lg'\n                        ? 20\n                        : 16;\n        const iconSpacing =\n            size === 'xs'\n                ? 'gap-1'\n                : size === 'sm'\n                    ? 'gap-1.5'\n                    : size === 'lg'\n                        ? 'gap-2.5'\n                        : 'gap-2';\n\n        const primitiveVariant =\n            resolvedButtonStyle === 'outline'\n                ? 'outline'\n                : resolvedButtonStyle === 'ghost'\n                    ? 'ghost'\n                    : 'default';\n\n        return (\n            <PrimitiveButton\n                ref={ref}\n                variant={primitiveVariant}\n                size={size}\n                className={cn('base-button--component', \n                    resolvedStyleClass,\n                    'inline-flex items-center justify-center',\n                    Icon && iconSpacing,\n                    fullWidth && 'w-full',\n                    className\n                )}\n                disabled={disabled}\n                {...props}\n            >\n                {!!Icon && iconPosition === 'left' && (\n                    <Icon\n                        className=\"opacity-80\"\n                        size={iconSize}\n                        aria-hidden=\"true\"\n                        data-icon=\"inline-start\"\n                    />\n                )}\n                {children}\n                {!!Icon && iconPosition === 'right' && (\n                    <Icon\n                        className=\"opacity-80\"\n                        size={iconSize}\n                        aria-hidden=\"true\"\n                        data-icon=\"inline-end\"\n                    />\n                )}\n            </PrimitiveButton>\n        );\n    }\n);\n\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\n","import { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { cn } from '@/lib/utils';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { BaseButton, type BaseButtonProps, type ButtonSize } from './base-button';\n\nexport interface LoaderButtonStrings {\n\tloading: string;\n\tcompleted: string;\n}\n\nexport const defaultLoaderButtonStrings: LoaderButtonStrings = {\n\tloading: 'Loading...',\n\tcompleted: 'Completed',\n};\n\n/** @deprecated Use `strings` instead. */\nexport interface LoadingLabels {\n\tloading?: string;\n\tcompleted?: string;\n}\n\nexport interface LoaderButtonProps extends BaseButtonProps {\n\tloading?: boolean;\n\thandlesLoading?: boolean;\n\tstrings?: StringsProp<LoaderButtonStrings>;\n\t/** @deprecated Use `strings` instead. */\n\tloadingLabels?: LoadingLabels;\n}\n\nconst LoaderButton = React.forwardRef<HTMLButtonElement, LoaderButtonProps>(\n\t(\n\t\t{\n\t\t\tloading = false,\n\t\t\thandlesLoading,\n\t\t\tstrings: stringsProp,\n\t\t\tloadingLabels,\n\t\t\ticon: Icon,\n\t\t\ticonPosition = 'left',\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst strings = useStrings(defaultLoaderButtonStrings, {\n\t\t\t...(loadingLabels ?? {}),\n\t\t\t...(stringsProp ?? {}),\n\t\t});\n\t\tconst [isLoading, setIsLoading] = useState(loading);\n\t\tconst [, setShowCompletedState] = useState(false);\n\n\t\tuseEffect(() => {\n\t\t\tif (loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading]);\n\n\t\tuseEffect(() => {\n\t\t\tif (handlesLoading && loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading, handlesLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\t\tif (!loading && isLoading) {\n\t\t\t\tsetShowCompletedState(true);\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\tsetShowCompletedState(false);\n\t\t\t\t}, 300);\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t\t};\n\t\t}, [loading, isLoading]);\n\n\t\tconst getIconSize = (size?: ButtonSize) => {\n\t\t\tif (size === 'xs') return 12;\n\t\t\tif (size === 'sm') return 14;\n\t\t\tif (size === 'lg') return 20;\n\t\t\treturn 16;\n\t\t};\n\n\t\treturn (\n\t\t\t<BaseButton className=\"loader-button--component\"\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || isLoading}\n\t\t\t>\n\t\t\t\t{!!isLoading && (\n     <Loader2\n\t\t\t\t\t\tclassName=\"animate-spin mr-2\"\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t\t{!!Icon && iconPosition === 'left' && !isLoading && (\n     <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', children && '-ms-1 me-2')}\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t\t<span>\n\t\t\t\t\t{!!isLoading && strings.loading}\n\t\t\t\t\t{!isLoading && children}\n\t\t\t\t</span>\n\t\t\t\t{!!Icon && iconPosition === 'right' && !isLoading && (\n     <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', children && '-me-1 ms-2')}\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t</BaseButton>\n\t\t);\n\t},\n);\n\nLoaderButton.displayName = 'LoaderButton';\n\nexport { LoaderButton };\n","import * as React from 'react';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\nexport interface TooltipButtonProps extends BaseButtonProps {\n\twithTooltip: string;\n}\n\nconst TooltipButton = React.forwardRef<HTMLButtonElement, TooltipButtonProps>(\n\t({ withTooltip, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\t// `render` merges props, but className needs manual merge.\n\n\t\t\t\t\t\t\tclassName={cn('tooltip-button--component', (triggerProps as { className?: string }).className, props.className)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<TooltipContent className=\"px-2 py-1 text-xs\">\n\t\t\t\t\t{withTooltip}\n\t\t\t\t</TooltipContent>\n\t\t\t</Tooltip>\n\t\t);\n\t},\n);\n\nTooltipButton.displayName = 'TooltipButton';\n\nexport { TooltipButton };\n","/**\n * Button — combo wrapper around BaseButton. Opts in to:\n *  - `loading` / `handlesLoading` → wraps in LoaderButton\n *  - `withTooltip` → wraps in TooltipButton\n *  - `href` → renders an `<a>` around the button\n * Mix freely; only the relevant wrappers are added.\n */\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\nimport { LoaderButton, type LoaderButtonProps } from './loader-button';\nimport { TooltipButton, type TooltipButtonProps } from './tooltip-button';\n\nexport type ButtonProps = BaseButtonProps &\n\tPartial<LoaderButtonProps & TooltipButtonProps> & {\n\t\thref?: string;\n\t};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({\n\thref,\n\twithTooltip,\n\tloading,\n\thandlesLoading,\n\t...props\n}, ref) => {\n\tconst inner = (() => {\n\t\tif (loading !== undefined || handlesLoading) {\n\t\t\tif (withTooltip) {\n\t\t\t\treturn (\n\t\t\t\t\t<TooltipButton className=\"button--component\" ref={ref} withTooltip={withTooltip} {...props}>\n\t\t\t\t\t\t<LoaderButton loading={loading} handlesLoading={handlesLoading} {...props} />\n\t\t\t\t\t</TooltipButton>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn <LoaderButton ref={ref} loading={loading} handlesLoading={handlesLoading} {...props} />;\n\t\t}\n\n\t\tif (withTooltip) {\n\t\t\treturn <TooltipButton ref={ref} withTooltip={withTooltip} {...props} />;\n\t\t}\n\n\t\treturn <BaseButton ref={ref} {...props} />;\n\t})();\n\n\tif (href) {\n\t\treturn (\n\t\t\t<a\n\t\t\t\thref={href}\n\t\t\t\tclassName={cn('inline-flex', props.fullWidth && 'w-full')}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn inner;\n});\n\nButton.displayName = 'Button';\n\nexport { Button };\n"],"mappings":"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"}

package/dist/_shared/button-D0nF99a9.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/strings.cjs`),n=require(`./ui-provider-uiQgATj1.cjs`),r=require(`../lib/utils.cjs`),i=require(`./button-2xglT7yf.cjs`),a=require(`./tooltip-DyUi-Tac.cjs`);let o=require(`react`);o=e.t(o,1);let s=require(`react/jsx-runtime`),c=require(`lucide-react`);var l={dark:{solid:`bg-foreground text-background hover:bg-foreground/90`,outline:`border border-foreground/80 text-foreground hover:bg-foreground/8`,ghost:`text-foreground hover:bg-foreground/8`},primary:{solid:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border border-primary/70 text-primary hover:bg-primary/10`,ghost:`text-primary hover:bg-primary/10`},secondary:{solid:`bg-foreground/8 text-foreground hover:bg-foreground/12`,outline:`border border-foreground/15 text-foreground hover:bg-foreground/8`,ghost:`text-foreground hover:bg-foreground/8`},light:{solid:`bg-muted text-muted-foreground hover:bg-muted/80`,outline:`border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground`,ghost:`text-muted-foreground hover:bg-accent hover:text-accent-foreground`},error:{solid:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-destructive/60 text-destructive hover:bg-destructive/10`,ghost:`text-destructive hover:bg-destructive/10`},warning:{solid:`bg-warning text-warning-foreground hover:bg-warning/90`,outline:`border border-warning/60 text-warning hover:bg-warning/15`,ghost:`text-warning hover:bg-warning/15`},success:{solid:`bg-success text-success-foreground hover:bg-success/90`,outline:`border border-success/60 text-success hover:bg-success/10`,ghost:`text-success hover:bg-success/10`},action:{solid:`bg-info text-info-foreground hover:bg-info/90`,outline:`border border-info/60 text-info hover:bg-info/10`,ghost:`text-info hover:bg-info/10`}},u=o.forwardRef(({variant:e=`primary`,buttonStyle:t,size:a,fullWidth:o=!1,icon:c,iconPosition:u=`left`,children:d,className:f,disabled:p,...m},h)=>{let{defaultButtonStyle:g,defaultSize:_}=n.n(),v=t??g??`solid`,y=a??_??`sm`,b=l[e]??l.secondary,x=b[v]??b.solid??l.secondary.solid,S=y===`xs`||y===`icon-xs`?12:y===`sm`||y===`icon-sm`?14:y===`lg`||y===`icon-lg`?20:16;return(0,s.jsxs)(i.t,{ref:h,variant:v===`outline`?`outline`:v===`ghost`?`ghost`:`default`,size:y,className:r.cn(`base-button--component`,x,`inline-flex items-center justify-center`,c&&(y===`xs`?`gap-1`:y===`sm`?`gap-1.5`:y===`lg`?`gap-2.5`:`gap-2`),o&&`w-full`,f),disabled:p,...m,children:[!!c&&u===`left`&&(0,s.jsx)(c,{className:`opacity-80`,size:S,"aria-hidden":`true`,"data-icon":`inline-start`}),d,!!c&&u===`right`&&(0,s.jsx)(c,{className:`opacity-80`,size:S,"aria-hidden":`true`,"data-icon":`inline-end`})]})});u.displayName=`BaseButton`;var d={loading:`Loading...`,completed:`Completed`},f=o.forwardRef(({loading:e=!1,handlesLoading:n,strings:i,loadingLabels:a,icon:l,iconPosition:f=`left`,children:p,disabled:m,...h},g)=>{let _=t.useStrings(d,{...a??{},...i??{}}),[v,y]=(0,o.useState)(e),[,b]=(0,o.useState)(!1);(0,o.useEffect)(()=>{e&&y(!0)},[e]),(0,o.useEffect)(()=>{n&&e&&y(!0)},[e,n]),(0,o.useEffect)(()=>{let t;return!e&&v&&(b(!0),t=setTimeout(()=>{y(!1),b(!1)},300)),()=>{t&&clearTimeout(t)}},[e,v]);let x=e=>e===`xs`?12:e===`sm`?14:e===`lg`?20:16;return(0,s.jsxs)(u,{className:`loader-button--component`,...h,ref:g,disabled:m||v,children:[!!v&&(0,s.jsx)(c.Loader2,{className:`animate-spin mr-2`,size:x(h.size),"aria-hidden":`true`}),!!l&&f===`left`&&!v&&(0,s.jsx)(l,{className:r.cn(`opacity-60`,p&&`-ms-1 me-2`),size:x(h.size),"aria-hidden":`true`}),(0,s.jsxs)(`span`,{children:[!!v&&_.loading,!v&&p]}),!!l&&f===`right`&&!v&&(0,s.jsx)(l,{className:r.cn(`opacity-60`,p&&`-me-1 ms-2`),size:x(h.size),"aria-hidden":`true`})]})});f.displayName=`LoaderButton`;var p=o.forwardRef(({withTooltip:e,...t},n)=>(0,s.jsxs)(a.t,{children:[(0,s.jsx)(a.i,{render:e=>(0,s.jsx)(u,{...t,...e,ref:n,className:r.cn(`tooltip-button--component`,e.className,t.className)})}),(0,s.jsx)(a.n,{className:`px-2 py-1 text-xs`,children:e})]}));p.displayName=`TooltipButton`;var m=o.forwardRef(({href:e,withTooltip:t,loading:n,handlesLoading:i,...a},o)=>{let c=n!==void 0||i?t?(0,s.jsx)(p,{className:`button--component`,ref:o,withTooltip:t,...a,children:(0,s.jsx)(f,{loading:n,handlesLoading:i,...a})}):(0,s.jsx)(f,{ref:o,loading:n,handlesLoading:i,...a}):t?(0,s.jsx)(p,{ref:o,withTooltip:t,...a}):(0,s.jsx)(u,{ref:o,...a});return e?(0,s.jsx)(`a`,{href:e,className:r.cn(`inline-flex`,a.fullWidth&&`w-full`),children:c}):c});m.displayName=`Button`,Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=button-D0nF99a9.cjs.map

package/dist/_shared/button-D0nF99a9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D0nF99a9.cjs","names":[],"sources":["../../src/components/base/buttons/base-button.tsx","../../src/components/base/buttons/loader-button.tsx","../../src/components/base/buttons/tooltip-button.tsx","../../src/components/base/buttons/button.tsx"],"sourcesContent":["/**\n * BaseButton — foundational button. Wraps shadcn `Button` with a richer\n * variant × style × size matrix (variants: dark / primary / secondary / error /\n * warning / success / light / action; styles: solid / outline / ghost), plus\n * optional left/right `icon` and `fullWidth`.\n */\nimport type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n    Button as PrimitiveButton,\n    type buttonVariants\n} from '@/components/ui/button';\nimport {\n    useButtonConfig,\n    type ButtonSize as ConfiguredButtonSize,\n    type ButtonStyle as ConfiguredButtonStyle,\n} from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type ButtonVariant =\n    | 'dark'\n    | 'primary'\n    | 'secondary'\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'light'\n    | 'action';\nexport type ButtonStyle = ConfiguredButtonStyle;\nexport type ButtonSize = ConfiguredButtonSize;\nexport type IconPosition = 'left' | 'right';\n\nexport interface BaseButtonProps\n    extends Omit<\n        React.ComponentPropsWithoutRef<typeof PrimitiveButton>,\n        'children' | 'variant' | 'size'\n    >,\n        Omit<VariantProps<typeof buttonVariants>, 'variant' | 'size'> {\n    variant?: ButtonVariant;\n    buttonStyle?: ButtonStyle;\n    size?: ButtonSize;\n    fullWidth?: boolean;\n    icon?: React.ElementType | LucideIcon;\n    iconPosition?: IconPosition;\n    children: React.ReactNode;\n}\n\nconst variantStyles: Record<ButtonVariant, Record<ButtonStyle, string>> = {\n    dark: {\n        solid: 'bg-foreground text-background hover:bg-foreground/90',\n        outline: 'border border-foreground/80 text-foreground hover:bg-foreground/8',\n        ghost: 'text-foreground hover:bg-foreground/8'\n    },\n    primary: {\n        solid: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        outline: 'border border-primary/70 text-primary hover:bg-primary/10',\n        ghost: 'text-primary hover:bg-primary/10'\n    },\n    secondary: {\n        solid: 'bg-foreground/8 text-foreground hover:bg-foreground/12',\n        outline: 'border border-foreground/15 text-foreground hover:bg-foreground/8',\n        ghost: 'text-foreground hover:bg-foreground/8'\n    },\n    light: {\n        solid: 'bg-muted text-muted-foreground hover:bg-muted/80',\n        outline: 'border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n        ghost: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'\n    },\n    error: {\n        solid: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        outline: 'border border-destructive/60 text-destructive hover:bg-destructive/10',\n        ghost: 'text-destructive hover:bg-destructive/10'\n    },\n    warning: {\n        solid: 'bg-warning text-warning-foreground hover:bg-warning/90',\n        outline: 'border border-warning/60 text-warning hover:bg-warning/15',\n        ghost: 'text-warning hover:bg-warning/15'\n    },\n    success: {\n        solid: 'bg-success text-success-foreground hover:bg-success/90',\n        outline: 'border border-success/60 text-success hover:bg-success/10',\n        ghost: 'text-success hover:bg-success/10'\n    },\n    action: {\n        solid: 'bg-info text-info-foreground hover:bg-info/90',\n        outline: 'border border-info/60 text-info hover:bg-info/10',\n        ghost: 'text-info hover:bg-info/10'\n    }\n};\n\nconst BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n    (\n        {\n            variant = 'primary',\n            buttonStyle,\n            size: sizeProp,\n            fullWidth = false,\n            icon: Icon,\n            iconPosition = 'left',\n            children,\n            className,\n            disabled,\n            ...props\n        },\n        ref\n    ) => {\n        const { defaultButtonStyle, defaultSize } = useButtonConfig();\n        const resolvedButtonStyle: ButtonStyle =\n            buttonStyle ?? defaultButtonStyle ?? 'solid';\n        const size: ButtonSize = sizeProp ?? defaultSize ?? 'sm';\n        const resolvedVariantStyles =\n            variantStyles[variant] ?? variantStyles.secondary;\n        const resolvedStyleClass =\n            resolvedVariantStyles[resolvedButtonStyle] ??\n            resolvedVariantStyles.solid ??\n            variantStyles.secondary.solid;\n\n        const iconSize =\n            size === 'xs' || size === 'icon-xs'\n                ? 12\n                : size === 'sm' || size === 'icon-sm'\n                    ? 14\n                    : size === 'lg' || size === 'icon-lg'\n                        ? 20\n                        : 16;\n        const iconSpacing =\n            size === 'xs'\n                ? 'gap-1'\n                : size === 'sm'\n                    ? 'gap-1.5'\n                    : size === 'lg'\n                        ? 'gap-2.5'\n                        : 'gap-2';\n\n        const primitiveVariant =\n            resolvedButtonStyle === 'outline'\n                ? 'outline'\n                : resolvedButtonStyle === 'ghost'\n                    ? 'ghost'\n                    : 'default';\n\n        return (\n            <PrimitiveButton\n                ref={ref}\n                variant={primitiveVariant}\n                size={size}\n                className={cn('base-button--component', \n                    resolvedStyleClass,\n                    'inline-flex items-center justify-center',\n                    Icon && iconSpacing,\n                    fullWidth && 'w-full',\n                    className\n                )}\n                disabled={disabled}\n                {...props}\n            >\n                {!!Icon && iconPosition === 'left' && (\n                    <Icon\n                        className=\"opacity-80\"\n                        size={iconSize}\n                        aria-hidden=\"true\"\n                        data-icon=\"inline-start\"\n                    />\n                )}\n                {children}\n                {!!Icon && iconPosition === 'right' && (\n                    <Icon\n                        className=\"opacity-80\"\n                        size={iconSize}\n                        aria-hidden=\"true\"\n                        data-icon=\"inline-end\"\n                    />\n                )}\n            </PrimitiveButton>\n        );\n    }\n);\n\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\n","import { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { cn } from '@/lib/utils';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { BaseButton, type BaseButtonProps, type ButtonSize } from './base-button';\n\nexport interface LoaderButtonStrings {\n\tloading: string;\n\tcompleted: string;\n}\n\nexport const defaultLoaderButtonStrings: LoaderButtonStrings = {\n\tloading: 'Loading...',\n\tcompleted: 'Completed',\n};\n\n/** @deprecated Use `strings` instead. */\nexport interface LoadingLabels {\n\tloading?: string;\n\tcompleted?: string;\n}\n\nexport interface LoaderButtonProps extends BaseButtonProps {\n\tloading?: boolean;\n\thandlesLoading?: boolean;\n\tstrings?: StringsProp<LoaderButtonStrings>;\n\t/** @deprecated Use `strings` instead. */\n\tloadingLabels?: LoadingLabels;\n}\n\nconst LoaderButton = React.forwardRef<HTMLButtonElement, LoaderButtonProps>(\n\t(\n\t\t{\n\t\t\tloading = false,\n\t\t\thandlesLoading,\n\t\t\tstrings: stringsProp,\n\t\t\tloadingLabels,\n\t\t\ticon: Icon,\n\t\t\ticonPosition = 'left',\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst strings = useStrings(defaultLoaderButtonStrings, {\n\t\t\t...(loadingLabels ?? {}),\n\t\t\t...(stringsProp ?? {}),\n\t\t});\n\t\tconst [isLoading, setIsLoading] = useState(loading);\n\t\tconst [, setShowCompletedState] = useState(false);\n\n\t\tuseEffect(() => {\n\t\t\tif (loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading]);\n\n\t\tuseEffect(() => {\n\t\t\tif (handlesLoading && loading) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t}\n\t\t}, [loading, handlesLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\t\tif (!loading && isLoading) {\n\t\t\t\tsetShowCompletedState(true);\n\t\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\tsetShowCompletedState(false);\n\t\t\t\t}, 300);\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t\t};\n\t\t}, [loading, isLoading]);\n\n\t\tconst getIconSize = (size?: ButtonSize) => {\n\t\t\tif (size === 'xs') return 12;\n\t\t\tif (size === 'sm') return 14;\n\t\t\tif (size === 'lg') return 20;\n\t\t\treturn 16;\n\t\t};\n\n\t\treturn (\n\t\t\t<BaseButton className=\"loader-button--component\"\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || isLoading}\n\t\t\t>\n\t\t\t\t{!!isLoading && (\n     <Loader2\n\t\t\t\t\t\tclassName=\"animate-spin mr-2\"\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t\t{!!Icon && iconPosition === 'left' && !isLoading && (\n     <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', children && '-ms-1 me-2')}\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t\t<span>\n\t\t\t\t\t{!!isLoading && strings.loading}\n\t\t\t\t\t{!isLoading && children}\n\t\t\t\t</span>\n\t\t\t\t{!!Icon && iconPosition === 'right' && !isLoading && (\n     <Icon\n\t\t\t\t\t\tclassName={cn('opacity-60', children && '-me-1 ms-2')}\n\t\t\t\t\t\tsize={getIconSize(props.size)}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n   )}\n\t\t\t</BaseButton>\n\t\t);\n\t},\n);\n\nLoaderButton.displayName = 'LoaderButton';\n\nexport { LoaderButton };\n","import * as React from 'react';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\nexport interface TooltipButtonProps extends BaseButtonProps {\n\twithTooltip: string;\n}\n\nconst TooltipButton = React.forwardRef<HTMLButtonElement, TooltipButtonProps>(\n\t({ withTooltip, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\t// `render` merges props, but className needs manual merge.\n\n\t\t\t\t\t\t\tclassName={cn('tooltip-button--component', (triggerProps as { className?: string }).className, props.className)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<TooltipContent className=\"px-2 py-1 text-xs\">\n\t\t\t\t\t{withTooltip}\n\t\t\t\t</TooltipContent>\n\t\t\t</Tooltip>\n\t\t);\n\t},\n);\n\nTooltipButton.displayName = 'TooltipButton';\n\nexport { TooltipButton };\n","/**\n * Button — combo wrapper around BaseButton. Opts in to:\n *  - `loading` / `handlesLoading` → wraps in LoaderButton\n *  - `withTooltip` → wraps in TooltipButton\n *  - `href` → renders an `<a>` around the button\n * Mix freely; only the relevant wrappers are added.\n */\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\nimport { LoaderButton, type LoaderButtonProps } from './loader-button';\nimport { TooltipButton, type TooltipButtonProps } from './tooltip-button';\n\nexport type ButtonProps = BaseButtonProps &\n\tPartial<LoaderButtonProps & TooltipButtonProps> & {\n\t\thref?: string;\n\t};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({\n\thref,\n\twithTooltip,\n\tloading,\n\thandlesLoading,\n\t...props\n}, ref) => {\n\tconst inner = (() => {\n\t\tif (loading !== undefined || handlesLoading) {\n\t\t\tif (withTooltip) {\n\t\t\t\treturn (\n\t\t\t\t\t<TooltipButton className=\"button--component\" ref={ref} withTooltip={withTooltip} {...props}>\n\t\t\t\t\t\t<LoaderButton loading={loading} handlesLoading={handlesLoading} {...props} />\n\t\t\t\t\t</TooltipButton>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn <LoaderButton ref={ref} loading={loading} handlesLoading={handlesLoading} {...props} />;\n\t\t}\n\n\t\tif (withTooltip) {\n\t\t\treturn <TooltipButton ref={ref} withTooltip={withTooltip} {...props} />;\n\t\t}\n\n\t\treturn <BaseButton ref={ref} {...props} />;\n\t})();\n\n\tif (href) {\n\t\treturn (\n\t\t\t<a\n\t\t\t\thref={href}\n\t\t\t\tclassName={cn('inline-flex', props.fullWidth && 'w-full')}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn inner;\n});\n\nButton.displayName = 'Button';\n\nexport { Button };\n"],"mappings":"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"}

package/dist/_shared/button-DBR4QI9E.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Button as r } from "@base-ui/react/button";
+//#region src/components/ui/button.tsx
+var i = n("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-transparent dark:hover:bg-input/30",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
+			xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			icon: "size-9",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: n, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ t(r, {
+		"data-slot": "button",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: n
+		})),
+		...s
+	});
+}
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=button-DBR4QI9E.js.map

package/dist/_shared/button-DBR4QI9E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DBR4QI9E.js","names":[],"sources":["../../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-transparent dark:hover:bg-input/30\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n        xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;AAKA,IAAM,IAAiB,EACrB,+lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAC2D;AAC9D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;EACJ,CAAA"}

package/dist/_shared/buttons-Bcnt1md_.js

@@ -0,0 +1,143 @@
+import { n as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { i as n } from "./button-ChCkwoOD.js";
+import * as r from "react";
+import { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ShoppingBag as s } from "lucide-react";
+//#region src/components/base/buttons/google-button.tsx
+var c = () => /* @__PURE__ */ o("svg", {
+	"aria-hidden": "true",
+	className: "h-4 w-4",
+	width: "256",
+	height: "262",
+	viewBox: "0 0 256 262",
+	xmlns: "http://www.w3.org/2000/svg",
+	preserveAspectRatio: "xMidYMid",
+	children: [
+		/* @__PURE__ */ a("path", {
+			d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",
+			fill: "#4285F4"
+		}),
+		/* @__PURE__ */ a("path", {
+			d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",
+			fill: "#34A853"
+		}),
+		/* @__PURE__ */ a("path", {
+			d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",
+			fill: "#FBBC05"
+		}),
+		/* @__PURE__ */ a("path", {
+			d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",
+			fill: "#EB4335"
+		})
+	]
+});
+function l({ children: e, className: r, type: i = "button", href: o, ...s }) {
+	let l = /* @__PURE__ */ a(n, {
+		icon: c,
+		iconPosition: "left",
+		fullWidth: !0,
+		className: t("bg-foreground text-background ring-offset-background hover:bg-foreground/85 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", r),
+		type: i,
+		...s,
+		children: e
+	});
+	return o ? /* @__PURE__ */ a("a", {
+		href: o,
+		className: t("google-button--component", "inline-flex w-full"),
+		children: l
+	}) : l;
+}
+//#endregion
+//#region src/components/base/buttons/shopify-button.tsx
+function u(e) {
+	let { resource: t, id: r, text: o, fullWidth: c, className: l, adminUrl: u } = e, d = { ...e };
+	delete d.resource, delete d.id, delete d.text, delete d.fullWidth, delete d.className, delete d.adminUrl;
+	let f = e.resource === "product_variants" ? e.productId : null;
+	return e.resource === "product_variants" && delete d.productId, /* @__PURE__ */ a("a", {
+		href: i(() => {
+			let e = (u ?? "").replace(/\/$/, "");
+			return {
+				orders: `${e}/orders/${r}`,
+				products: `${e}/products/${r}`,
+				product_variants: f ? `${e}/products/${f}/variants/${r}` : `${e}/products/${r}`,
+				customers: `${e}/customers/${r}`,
+				draft_orders: `${e}/draft_orders/${r}`,
+				collections: `${e}/collections/${r}`,
+				discounts: `${e}/discounts/${r}`
+			}[t];
+		}, [
+			u,
+			t,
+			r,
+			f
+		]),
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: `flex ${c ? "w-full" : ""}`,
+		children: /* @__PURE__ */ a(n, {
+			...d,
+			className: l,
+			icon: s,
+			iconPosition: "left",
+			children: o
+		})
+	});
+}
+u.displayName = "ShopifyButton";
+//#endregion
+//#region src/components/base/buttons/text-button.tsx
+var d = {
+	xs: "xs",
+	sm: "sm",
+	base: "default"
+}, f = {
+	xs: "xs",
+	sm: "sm",
+	default: "base",
+	lg: "base"
+}, p = {
+	xs: "text-xs h-auto px-0",
+	sm: "text-sm h-auto px-0",
+	base: "text-base h-auto px-0"
+}, m = r.forwardRef(({ className: r, type: i = "button", size: o, disabled: s, ...c }, l) => {
+	let { defaultSize: u } = e(), m = o ?? f[u ?? "sm"] ?? "xs";
+	return /* @__PURE__ */ a(n, {
+		ref: l,
+		type: i,
+		variant: "primary",
+		buttonStyle: "ghost",
+		size: d[m],
+		disabled: s,
+		className: t("text-button--component", "inline-flex items-center justify-center underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current", "text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", p[m], r),
+		...c
+	});
+});
+m.displayName = "TextButton";
+//#endregion
+//#region src/components/base/buttons/page-action-button.tsx
+var h = {
+	xs: "xs",
+	sm: "sm",
+	base: "default"
+}, g = {
+	xs: "h-7 px-2.5 text-xs",
+	sm: "h-8 px-3 text-xs",
+	base: "h-9 px-3.5 text-sm"
+}, _ = r.forwardRef(({ variant: e = "secondary", size: r, className: i, ...o }, s) => {
+	let c = e === "error" ? "error" : e, l = r ?? "sm";
+	return /* @__PURE__ */ a(n, {
+		ref: s,
+		variant: c,
+		buttonStyle: "solid",
+		size: h[l],
+		className: t("page-action-button--component", g[l], "shadow-none", i),
+		...o
+	});
+});
+_.displayName = "PageActionButton";
+//#endregion
+export { l as i, m as n, u as r, _ as t };
+
+//# sourceMappingURL=buttons-Bcnt1md_.js.map