npm - admin-ui-starter-kit - Versions diffs - 0.4.5 → 0.6.1 - Mend

admin-ui-starter-kit 0.4.5 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/_shared/button-BGKY8UY0.js DELETED Viewed

@@ -1,173 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { n as t } from "./ui-provider-C8Ot88lS.js";
-import { cn as n } from "../lib/utils.js";
-import { t as r } from "./button-DlqryxqA.js";
-import { i, n as a, t as o } from "./tooltip-CLr_sPX8.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/70 text-warning-foreground hover:bg-warning/20",
-		ghost: "text-warning-foreground hover:bg-warning/20"
-	},
-	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" ? 16 : 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 rounded-radius", s && (b === "xs" ? "gap-1" : b === "sm" ? "gap-2" : b === "lg" ? "gap-2.5" : "gap-2"), o && "w-full", f),
-		disabled: m,
-		...h,
-		children: [
-			!!s && c === "left" && /* @__PURE__ */ u(s, {
-				size: C,
-				"aria-hidden": "true"
-			}),
-			l,
-			!!s && c === "right" && /* @__PURE__ */ u(s, {
-				size: C,
-				"aria-hidden": "true"
-			})
-		]
-	});
-});
-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: (i) => /* @__PURE__ */ u(m, {
-	...t,
-	...i,
-	"aria-label": t["aria-label"] ?? e,
-	ref: r,
-	className: n("tooltip-button--component", i.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-BGKY8UY0.js.map

package/dist/_shared/button-BGKY8UY0.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button-BGKY8UY0.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/70 text-warning-foreground hover:bg-warning/20',\n ghost: 'text-warning-foreground hover:bg-warning/20'\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 ? 16\n : size === 'lg' || size === 'icon-lg'\n ? 20\n : 16;\n const iconSpacing =\n size === 'xs'\n ? 'gap-1'\n : size === 'sm'\n ? 'gap-2'\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 rounded-radius',\n Icon && iconSpacing,\n fullWidth && 'w-full',\n className\n )}\n disabled={disabled}\n {...props}\n >\n {!!Icon && iconPosition === 'left' && (\n <Icon\n size={iconSize}\n aria-hidden=\"true\"\n />\n )}\n {children}\n {!!Icon && iconPosition === 'right' && (\n <Icon\n size={iconSize}\n aria-hidden=\"true\"\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\taria-label={props['aria-label'] ?? withTooltip}\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-BI347RlM.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-BF4m2cR0.cjs"),r=require("../lib/utils.cjs"),i=require("./button-DEFoa7-c.cjs"),a=require("./tooltip-mvxZV_Lu.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/70 text-warning-foreground hover:bg-warning/20`,ghost:`text-warning-foreground hover:bg-warning/20`},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`?16: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 rounded-radius`,c&&(y===`xs`?`gap-1`:y===`sm`?`gap-2`:y===`lg`?`gap-2.5`:`gap-2`),o&&`w-full`,f),disabled:p,...m,children:[!!c&&u===`left`&&(0,s.jsx)(c,{size:S,"aria-hidden":`true`}),d,!!c&&u===`right`&&(0,s.jsx)(c,{size:S,"aria-hidden":`true`})]})});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:i=>(0,s.jsx)(u,{...t,...i,"aria-label":t[`aria-label`]??e,ref:n,className:r.cn(`tooltip-button--component`,i.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}});
2	- //# sourceMappingURL=button-BI347RlM.cjs.map

package/dist/_shared/button-BI347RlM.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button-BI347RlM.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/70 text-warning-foreground hover:bg-warning/20',\n ghost: 'text-warning-foreground hover:bg-warning/20'\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 ? 16\n : size === 'lg' || size === 'icon-lg'\n ? 20\n : 16;\n const iconSpacing =\n size === 'xs'\n ? 'gap-1'\n : size === 'sm'\n ? 'gap-2'\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 rounded-radius',\n Icon && iconSpacing,\n fullWidth && 'w-full',\n className\n )}\n disabled={disabled}\n {...props}\n >\n {!!Icon && iconPosition === 'left' && (\n <Icon\n size={iconSize}\n aria-hidden=\"true\"\n />\n )}\n {children}\n {!!Icon && iconPosition === 'right' && (\n <Icon\n size={iconSize}\n aria-hidden=\"true\"\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\taria-label={props['aria-label'] ?? withTooltip}\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/buttons-PL-TGJ32.js DELETED Viewed

@@ -1,143 +0,0 @@
-import { n as e } from "./ui-provider-C8Ot88lS.js";
-import { cn as t } from "../lib/utils.js";
-import { i as n } from "./button-BGKY8UY0.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-PL-TGJ32.js.map

package/dist/_shared/buttons-PL-TGJ32.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"buttons-PL-TGJ32.js","names":[],"sources":["../../src/components/base/buttons/google-button.tsx","../../src/components/base/buttons/shopify-button.tsx","../../src/components/base/buttons/text-button.tsx","../../src/components/base/buttons/page-action-button.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\ntype GoogleButtonProps = Omit<BaseButtonProps, 'icon' | 'iconPosition' | 'fullWidth'> & {\n\thref?: string;\n};\n\n// Google brand mark — colors are dictated by Google's brand guidelines and\n// must not be themed. Do not replace with semantic tokens.\nconst GoogleIcon = () => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\tclassName=\"h-4 w-4\"\n\t\twidth=\"256\"\n\t\theight=\"262\"\n\t\tviewBox=\"0 0 256 262\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tpreserveAspectRatio=\"xMidYMid\"\n\t>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#4285F4\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#34A853\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#FBBC05\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#EB4335\"\n\t\t/>\n\t</svg>\n);\n\nfunction GoogleButton({ children, className, type = 'button', href, ...props }: GoogleButtonProps) {\n\tconst button = (\n\t\t<BaseButton\n\t\t\ticon={GoogleIcon}\n\t\t\ticonPosition=\"left\"\n\t\t\tfullWidth\n\t\t\tclassName={cn(\n\t\t\t\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',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\ttype={type}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</BaseButton>\n\t);\n\n\tif (href) {\n\t\treturn (\n\t\t\t<a href={href} className={cn('google-button--component', 'inline-flex w-full')}>\n\t\t\t\t{button}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn button;\n}\n\nexport { GoogleButton };\n","import { useMemo } from 'react';\nimport { ShoppingBag } from 'lucide-react';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\ntype ShopifyResource =\n\t| 'orders'\n\t| 'products'\n\t| 'product_variants'\n\t| 'customers'\n\t| 'draft_orders'\n\t| 'collections'\n\t| 'discounts';\n\ntype ShopifyButtonProps =\n\t| (Omit<BaseButtonProps, 'children'> & {\n\t\t\tresource: Exclude<ShopifyResource, 'product_variants'>;\n\t\t\tid: string | number;\n\t\t\ttext: string;\n\t\t\tadminUrl?: string;\n\t\t})\n\t| (Omit<BaseButtonProps, 'children'> & {\n\t\t\tresource: 'product_variants';\n\t\t\tproductId: string | number;\n\t\t\tid: string | number;\n\t\t\ttext: string;\n\t\t\tadminUrl?: string;\n\t\t});\n\nexport function ShopifyButton(props: ShopifyButtonProps) {\n\tconst { resource, id, text, fullWidth, className, adminUrl } = props;\n\tconst buttonProps = { ...props };\n\tdelete (buttonProps as Partial<typeof props>).resource;\n\tdelete (buttonProps as Partial<typeof props>).id;\n\tdelete (buttonProps as Partial<typeof props>).text;\n\tdelete (buttonProps as Partial<typeof props>).fullWidth;\n\tdelete (buttonProps as Partial<typeof props>).className;\n\tdelete (buttonProps as { adminUrl?: string }).adminUrl;\n\n\tconst productId = props.resource === 'product_variants' ? props.productId : null;\n\tif (props.resource === 'product_variants') {\n\t\tdelete (buttonProps as { productId?: unknown }).productId;\n\t}\n\n\tconst href = useMemo(() => {\n\t\tconst base = (adminUrl ?? '').replace(/\\/$/, '');\n\t\tconst map: Record<ShopifyResource, string> = {\n\t\t\torders: `${base}/orders/${id}`,\n\t\t\tproducts: `${base}/products/${id}`,\n\t\t\tproduct_variants: productId ? `${base}/products/${productId}/variants/${id}` : `${base}/products/${id}`,\n\t\t\tcustomers: `${base}/customers/${id}`,\n\t\t\tdraft_orders: `${base}/draft_orders/${id}`,\n\t\t\tcollections: `${base}/collections/${id}`,\n\t\t\tdiscounts: `${base}/discounts/${id}`,\n\t\t};\n\t\treturn map[resource];\n\t}, [adminUrl, resource, id, productId]);\n\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t\tclassName={`flex ${fullWidth ? 'w-full' : ''}`}\n\t\t>\n\t\t\t<BaseButton\n\t\t\t\t{...buttonProps}\n\t\t\t\tclassName={className}\n\t\t\t\ticon={ShoppingBag}\n\t\t\t\ticonPosition=\"left\"\n\t\t\t>\n\t\t\t\t{text}\n\t\t\t</BaseButton>\n\t\t</a>\n\t);\n}\n\nexport default ShopifyButton;\n\nShopifyButton.displayName = 'ShopifyButton';\n","/**\n * TextButton — link-styled button (underline, primary tint, no padding).\n *\n * Wraps `BaseButton` with `variant=\"primary\" buttonStyle=\"ghost\"`. Sizes map\n * 1:1 onto BaseButton's `xs | sm | default` so the `<UIProvider button>`\n * resolution chain reaches through unchanged. Pass `size` only when you\n * intentionally pin against the provider default; otherwise let\n * `useButtonConfig().defaultSize` flow through.\n */\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { useButtonConfig } from '@/lib/ui-provider';\nimport { BaseButton } from './base-button';\n\ntype TextButtonSize = 'xs' | 'sm' | 'base';\n\nconst baseButtonSizeMap: Record<TextButtonSize, 'xs' | 'sm' | 'default'> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tbase: 'default',\n};\n\nconst providerSizeMap: Record<string, TextButtonSize> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tdefault: 'base',\n\tlg: 'base',\n};\n\nconst sizeClasses: Record<TextButtonSize, string> = {\n\txs: 'text-xs h-auto px-0',\n\tsm: 'text-sm h-auto px-0',\n\tbase: 'text-base h-auto px-0',\n};\n\nexport type TextButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {\n\tsize?: TextButtonSize;\n\tchildren: React.ReactNode;\n};\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n\t({ className, type = 'button', size, disabled, ...props }, ref) => {\n\t\tconst { defaultSize: providerDefault } = useButtonConfig();\n\t\tconst resolvedSize: TextButtonSize =\n\t\t\tsize ?? providerSizeMap[providerDefault ?? 'sm'] ?? 'xs';\n\t\treturn (\n\t\t\t<BaseButton\n\t\t\t\tref={ref}\n\t\t\t\ttype={type}\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize={baseButtonSizeMap[resolvedSize]}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn('text-button--component', \n\t\t\t\t\t'inline-flex items-center justify-center underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current',\n\t\t\t\t\t'text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t'disabled:pointer-events-none disabled:opacity-50',\n\t\t\t\t\tsizeClasses[resolvedSize],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nTextButton.displayName = 'TextButton';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type ButtonStyle, type ButtonVariant } from './base-button';\n\nexport type PageActionButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'error';\n\ntype PageActionButtonSize = 'xs' | 'sm' | 'base';\nconst baseButtonSizeMap: Record<PageActionButtonSize, 'xs' | 'sm' | 'default'> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tbase: 'default',\n};\n\nexport type PageActionButtonProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof BaseButton>,\n\t'variant' | 'buttonStyle' | 'size'\n> & {\n\tvariant?: PageActionButtonVariant;\n\tsize?: PageActionButtonSize;\n};\n\nconst sizeClasses: Record<PageActionButtonSize, string> = {\n\txs: 'h-7 px-2.5 text-xs',\n\tsm: 'h-8 px-3 text-xs',\n\tbase: 'h-9 px-3.5 text-sm',\n};\n\nexport const PageActionButton = React.forwardRef<\n\tHTMLButtonElement,\n\tPageActionButtonProps\n>(({ variant = 'secondary', size, className, ...props }, ref) => {\n\tconst resolvedVariant: ButtonVariant = variant === 'error' ? 'error' : variant;\n\tconst resolvedStyle: ButtonStyle = 'solid';\n\tconst resolvedSize: PageActionButtonSize = size ?? 'sm';\n\n\treturn (\n\t\t<BaseButton\n\t\t\tref={ref}\n\t\t\tvariant={resolvedVariant}\n\t\t\tbuttonStyle={resolvedStyle}\n\t\t\tsize={baseButtonSizeMap[resolvedSize]}\n\t\t\tclassName={cn('page-action-button--component', sizeClasses[resolvedSize], 'shadow-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nPageActionButton.displayName = 'PageActionButton';\n"],"mappings":"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"}

package/dist/_shared/buttons-kVvSD_oI.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const e=require("./chunk-CMqjfN_6.cjs"),t=require("./ui-provider-BF4m2cR0.cjs"),n=require("../lib/utils.cjs"),r=require("./button-BI347RlM.cjs");let i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("lucide-react");var s=()=>(0,a.jsxs)(`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:[(0,a.jsx)(`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`}),(0,a.jsx)(`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`}),(0,a.jsx)(`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`}),(0,a.jsx)(`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 c({children:e,className:t,type:i=`button`,href:o,...c}){let l=(0,a.jsx)(r.i,{icon:s,iconPosition:`left`,fullWidth:!0,className:n.cn(`bg-foreground text-background ring-offset-background hover:bg-foreground/85 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,t),type:i,...c,children:e});return o?(0,a.jsx)(`a`,{href:o,className:n.cn(`google-button--component`,`inline-flex w-full`),children:l}):l}function l(e){let{resource:t,id:n,text:s,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,(0,a.jsx)(`a`,{href:(0,i.useMemo)(()=>{let e=(u??``).replace(/\/$/,``);return{orders:`${e}/orders/${n}`,products:`${e}/products/${n}`,product_variants:f?`${e}/products/${f}/variants/${n}`:`${e}/products/${n}`,customers:`${e}/customers/${n}`,draft_orders:`${e}/draft_orders/${n}`,collections:`${e}/collections/${n}`,discounts:`${e}/discounts/${n}`}[t]},[u,t,n,f]),target:`_blank`,rel:`noopener noreferrer`,className:`flex ${c?`w-full`:``}`,children:(0,a.jsx)(r.i,{...d,className:l,icon:o.ShoppingBag,iconPosition:`left`,children:s})})}l.displayName=`ShopifyButton`;var u={xs:`xs`,sm:`sm`,base:`default`},d={xs:`xs`,sm:`sm`,default:`base`,lg:`base`},f={xs:`text-xs h-auto px-0`,sm:`text-sm h-auto px-0`,base:`text-base h-auto px-0`},p=i.forwardRef(({className:e,type:i=`button`,size:o,disabled:s,...c},l)=>{let{defaultSize:p}=t.n(),m=o??d[p??`sm`]??`xs`;return(0,a.jsx)(r.i,{ref:l,type:i,variant:`primary`,buttonStyle:`ghost`,size:u[m],disabled:s,className:n.cn(`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`,f[m],e),...c})});p.displayName=`TextButton`;var m={xs:`xs`,sm:`sm`,base:`default`},h={xs:`h-7 px-2.5 text-xs`,sm:`h-8 px-3 text-xs`,base:`h-9 px-3.5 text-sm`},g=i.forwardRef(({variant:e=`secondary`,size:t,className:i,...o},s)=>{let c=e===`error`?`error`:e,l=t??`sm`;return(0,a.jsx)(r.i,{ref:s,variant:c,buttonStyle:`solid`,size:m[l],className:n.cn(`page-action-button--component`,h[l],`shadow-none`,i),...o})});g.displayName=`PageActionButton`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
2	- //# sourceMappingURL=buttons-kVvSD_oI.cjs.map

package/dist/_shared/buttons-kVvSD_oI.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"buttons-kVvSD_oI.cjs","names":[],"sources":["../../src/components/base/buttons/google-button.tsx","../../src/components/base/buttons/shopify-button.tsx","../../src/components/base/buttons/text-button.tsx","../../src/components/base/buttons/page-action-button.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\ntype GoogleButtonProps = Omit<BaseButtonProps, 'icon' | 'iconPosition' | 'fullWidth'> & {\n\thref?: string;\n};\n\n// Google brand mark — colors are dictated by Google's brand guidelines and\n// must not be themed. Do not replace with semantic tokens.\nconst GoogleIcon = () => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\tclassName=\"h-4 w-4\"\n\t\twidth=\"256\"\n\t\theight=\"262\"\n\t\tviewBox=\"0 0 256 262\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tpreserveAspectRatio=\"xMidYMid\"\n\t>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#4285F4\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#34A853\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#FBBC05\"\n\t\t/>\n\t\t<path\n\t\t\td=\"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\"\n\t\t\tfill=\"#EB4335\"\n\t\t/>\n\t</svg>\n);\n\nfunction GoogleButton({ children, className, type = 'button', href, ...props }: GoogleButtonProps) {\n\tconst button = (\n\t\t<BaseButton\n\t\t\ticon={GoogleIcon}\n\t\t\ticonPosition=\"left\"\n\t\t\tfullWidth\n\t\t\tclassName={cn(\n\t\t\t\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',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\ttype={type}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</BaseButton>\n\t);\n\n\tif (href) {\n\t\treturn (\n\t\t\t<a href={href} className={cn('google-button--component', 'inline-flex w-full')}>\n\t\t\t\t{button}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn button;\n}\n\nexport { GoogleButton };\n","import { useMemo } from 'react';\nimport { ShoppingBag } from 'lucide-react';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\ntype ShopifyResource =\n\t| 'orders'\n\t| 'products'\n\t| 'product_variants'\n\t| 'customers'\n\t| 'draft_orders'\n\t| 'collections'\n\t| 'discounts';\n\ntype ShopifyButtonProps =\n\t| (Omit<BaseButtonProps, 'children'> & {\n\t\t\tresource: Exclude<ShopifyResource, 'product_variants'>;\n\t\t\tid: string | number;\n\t\t\ttext: string;\n\t\t\tadminUrl?: string;\n\t\t})\n\t| (Omit<BaseButtonProps, 'children'> & {\n\t\t\tresource: 'product_variants';\n\t\t\tproductId: string | number;\n\t\t\tid: string | number;\n\t\t\ttext: string;\n\t\t\tadminUrl?: string;\n\t\t});\n\nexport function ShopifyButton(props: ShopifyButtonProps) {\n\tconst { resource, id, text, fullWidth, className, adminUrl } = props;\n\tconst buttonProps = { ...props };\n\tdelete (buttonProps as Partial<typeof props>).resource;\n\tdelete (buttonProps as Partial<typeof props>).id;\n\tdelete (buttonProps as Partial<typeof props>).text;\n\tdelete (buttonProps as Partial<typeof props>).fullWidth;\n\tdelete (buttonProps as Partial<typeof props>).className;\n\tdelete (buttonProps as { adminUrl?: string }).adminUrl;\n\n\tconst productId = props.resource === 'product_variants' ? props.productId : null;\n\tif (props.resource === 'product_variants') {\n\t\tdelete (buttonProps as { productId?: unknown }).productId;\n\t}\n\n\tconst href = useMemo(() => {\n\t\tconst base = (adminUrl ?? '').replace(/\\/$/, '');\n\t\tconst map: Record<ShopifyResource, string> = {\n\t\t\torders: `${base}/orders/${id}`,\n\t\t\tproducts: `${base}/products/${id}`,\n\t\t\tproduct_variants: productId ? `${base}/products/${productId}/variants/${id}` : `${base}/products/${id}`,\n\t\t\tcustomers: `${base}/customers/${id}`,\n\t\t\tdraft_orders: `${base}/draft_orders/${id}`,\n\t\t\tcollections: `${base}/collections/${id}`,\n\t\t\tdiscounts: `${base}/discounts/${id}`,\n\t\t};\n\t\treturn map[resource];\n\t}, [adminUrl, resource, id, productId]);\n\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t\tclassName={`flex ${fullWidth ? 'w-full' : ''}`}\n\t\t>\n\t\t\t<BaseButton\n\t\t\t\t{...buttonProps}\n\t\t\t\tclassName={className}\n\t\t\t\ticon={ShoppingBag}\n\t\t\t\ticonPosition=\"left\"\n\t\t\t>\n\t\t\t\t{text}\n\t\t\t</BaseButton>\n\t\t</a>\n\t);\n}\n\nexport default ShopifyButton;\n\nShopifyButton.displayName = 'ShopifyButton';\n","/**\n * TextButton — link-styled button (underline, primary tint, no padding).\n *\n * Wraps `BaseButton` with `variant=\"primary\" buttonStyle=\"ghost\"`. Sizes map\n * 1:1 onto BaseButton's `xs | sm | default` so the `<UIProvider button>`\n * resolution chain reaches through unchanged. Pass `size` only when you\n * intentionally pin against the provider default; otherwise let\n * `useButtonConfig().defaultSize` flow through.\n */\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { useButtonConfig } from '@/lib/ui-provider';\nimport { BaseButton } from './base-button';\n\ntype TextButtonSize = 'xs' | 'sm' | 'base';\n\nconst baseButtonSizeMap: Record<TextButtonSize, 'xs' | 'sm' | 'default'> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tbase: 'default',\n};\n\nconst providerSizeMap: Record<string, TextButtonSize> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tdefault: 'base',\n\tlg: 'base',\n};\n\nconst sizeClasses: Record<TextButtonSize, string> = {\n\txs: 'text-xs h-auto px-0',\n\tsm: 'text-sm h-auto px-0',\n\tbase: 'text-base h-auto px-0',\n};\n\nexport type TextButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {\n\tsize?: TextButtonSize;\n\tchildren: React.ReactNode;\n};\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n\t({ className, type = 'button', size, disabled, ...props }, ref) => {\n\t\tconst { defaultSize: providerDefault } = useButtonConfig();\n\t\tconst resolvedSize: TextButtonSize =\n\t\t\tsize ?? providerSizeMap[providerDefault ?? 'sm'] ?? 'xs';\n\t\treturn (\n\t\t\t<BaseButton\n\t\t\t\tref={ref}\n\t\t\t\ttype={type}\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize={baseButtonSizeMap[resolvedSize]}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn('text-button--component', \n\t\t\t\t\t'inline-flex items-center justify-center underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current',\n\t\t\t\t\t'text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t'disabled:pointer-events-none disabled:opacity-50',\n\t\t\t\t\tsizeClasses[resolvedSize],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nTextButton.displayName = 'TextButton';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { BaseButton, type ButtonStyle, type ButtonVariant } from './base-button';\n\nexport type PageActionButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'error';\n\ntype PageActionButtonSize = 'xs' | 'sm' | 'base';\nconst baseButtonSizeMap: Record<PageActionButtonSize, 'xs' | 'sm' | 'default'> = {\n\txs: 'xs',\n\tsm: 'sm',\n\tbase: 'default',\n};\n\nexport type PageActionButtonProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof BaseButton>,\n\t'variant' | 'buttonStyle' | 'size'\n> & {\n\tvariant?: PageActionButtonVariant;\n\tsize?: PageActionButtonSize;\n};\n\nconst sizeClasses: Record<PageActionButtonSize, string> = {\n\txs: 'h-7 px-2.5 text-xs',\n\tsm: 'h-8 px-3 text-xs',\n\tbase: 'h-9 px-3.5 text-sm',\n};\n\nexport const PageActionButton = React.forwardRef<\n\tHTMLButtonElement,\n\tPageActionButtonProps\n>(({ variant = 'secondary', size, className, ...props }, ref) => {\n\tconst resolvedVariant: ButtonVariant = variant === 'error' ? 'error' : variant;\n\tconst resolvedStyle: ButtonStyle = 'solid';\n\tconst resolvedSize: PageActionButtonSize = size ?? 'sm';\n\n\treturn (\n\t\t<BaseButton\n\t\t\tref={ref}\n\t\t\tvariant={resolvedVariant}\n\t\t\tbuttonStyle={resolvedStyle}\n\t\t\tsize={baseButtonSizeMap[resolvedSize]}\n\t\t\tclassName={cn('page-action-button--component', sizeClasses[resolvedSize], 'shadow-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nPageActionButton.displayName = 'PageActionButton';\n"],"mappings":"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"}

package/dist/_shared/card-radio-group-Bna2uZs1.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const e=require("./ui-provider-BF4m2cR0.cjs"),t=require("../lib/utils.cjs"),n=require("./heading-0DYCOrgC.cjs"),r=require("./form-sizing-aVwVuF-w.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("@base-ui/react/radio"),c=require("@base-ui/react/radio-group");var l={sm:{padding:`p-3`,iconBox:`h-7 w-7`,iconSize:`size-3.5`,gap:`gap-1`},base:{padding:`p-4`,iconBox:`h-8 w-8`,iconSize:`size-4`,gap:`gap-1.5`},lg:{padding:`p-5`,iconBox:`h-10 w-10`,iconSize:`size-5`,gap:`gap-2`}},u={sm:`h-7 px-2.5 text-xs`,base:`h-8 px-3 text-xs`,lg:`h-9 px-4 text-sm`},d={sm:`px-3 py-2`,base:`px-4 py-3`,lg:`px-5 py-3.5`},f={1:`grid grid-cols-1 gap-2`,2:`grid grid-cols-1 gap-2 sm:grid-cols-2`,3:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3`,4:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4`};function p({options:s,value:c,defaultValue:u,onChange:d,name:p,columns:m=3,invalid:h,disabled:g,size:_,className:v}){let{defaultControlSize:y}=e.s(),b=r.i(_,y),x=c!==void 0,[S,C]=(0,i.useState)(u??[]),w=(0,i.useMemo)(()=>x?c??[]:S,[S,x,c]),T=l[b],E=(0,i.useCallback)(e=>{if(g\|\|s.find(t=>t.value===e)?.disabled)return;let t=w.includes(e)?w.filter(t=>t!==e):[...w,e];x\|\|C(t),d?.(t)},[g,s,w,x,d]);return(0,a.jsx)(`div`,{className:t.cn(`card-checkbox-group--component`,f[m],v),role:`group`,"aria-invalid":h\|\|void 0,"aria-disabled":g\|\|void 0,children:s.map(e=>{let r=e.icon,i=e.label??e.title,s=w.includes(e.value),c=g\|\|e.disabled,l=!!p&&s;return(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(`input`,{type:`hidden`,name:p?`${p}[]`:void 0,value:e.value,"aria-hidden":`true`,hidden:!0,disabled:!l}),(0,a.jsxs)(`button`,{type:`button`,"aria-pressed":s,"aria-invalid":h\|\|void 0,onClick:()=>E(e.value),disabled:c,"data-selected":s,className:t.cn(`group relative flex w-full flex-col items-start text-start outline-none cursor-pointer`,`rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-border hover:border-foreground/20 hover:bg-muted/30`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]`,T.padding,T.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,a.jsx)(o.CircleCheck,{className:t.cn(`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`,!s&&`hidden`)}),!!r&&(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted`,`group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary`,T.iconBox),children:(0,a.jsx)(r,{className:T.iconSize})}),(0,a.jsx)(n.n,{tag:`span`,weight:`medium`,children:i}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:e.description})]})]},e.value)})})}p.displayName=`CardCheckboxGroup`;var m={1:`grid grid-cols-1 gap-2`,2:`grid grid-cols-1 gap-2 sm:grid-cols-2`,3:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3`,4:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4`};function h({options:u,value:d,defaultValue:f,onChange:p,name:h,columns:g=3,invalid:_,disabled:v,size:y,className:b}){let{defaultControlSize:x}=e.s(),S=l[r.i(y,x)],C=(0,i.useMemo)(()=>t.cn(m[g],b),[g,b]);return(0,a.jsx)(c.RadioGroup,{value:d,defaultValue:f,onValueChange:e=>e&&p?.(e),name:h,disabled:v,"aria-invalid":_\|\|void 0,className:t.cn(`card-radio-group--component`,C),children:u.map(e=>{let r=e.icon,i=e.label??e.title;return(0,a.jsxs)(s.Radio.Root,{value:e.value,disabled:v\|\|e.disabled,"aria-invalid":_\|\|void 0,className:t.cn(`relative group flex flex-col text-start outline-none cursor-pointer`,`rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-border hover:border-foreground/20 hover:bg-muted/30`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[checked]:border-primary data-[checked]:bg-primary/[0.04]`,S.padding,S.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,a.jsx)(s.Radio.Indicator,{render:(0,a.jsx)(o.CircleCheck,{className:`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`})}),!!r&&(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted`,`group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary`,S.iconBox),children:(0,a.jsx)(r,{className:S.iconSize})}),(0,a.jsx)(n.n,{tag:`span`,weight:`semibold`,children:i}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:e.description})]},e.value)})})}var g=(0,i.memo)(h);g.displayName=`CardRadioGroup`,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 d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
2	- //# sourceMappingURL=card-radio-group-Bna2uZs1.cjs.map

package/dist/_shared/card-radio-group-Bna2uZs1.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"card-radio-group-Bna2uZs1.cjs","names":[],"sources":["../../src/components/base/forms/fields/choice-types.ts","../../src/components/base/forms/fields/card-checkbox-group.tsx","../../src/components/base/forms/fields/card-radio-group.tsx"],"sourcesContent":["/**\n * Shared types for choice-style form fields (CardRadio, CardCheckbox,\n * ListRadio, PillRadio). Each variant exports its own `Option` type that\n * extends `ChoiceOptionBase`, so consumers see one consistent option shape\n * across the family.\n *\n * Sizes follow the global convention (`sm | base | lg`); CardRadio and\n * CardCheckbox additionally accept `size` to drive padding, icon size, and\n * type scale.\n */\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ChoiceSize = 'sm' | 'base' | 'lg';\n\nexport interface ChoiceOptionBase<TValue extends string = string> {\n\tvalue: TValue;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: ComponentType<{ className?: string }>;\n\tdisabled?: boolean;\n}\n\nexport interface ChoiceGroupBaseProps {\n\t/** Form field name (also used for hidden inputs and aria grouping). */\n\tname?: string;\n\t/** Disable the entire group. */\n\tdisabled?: boolean;\n\t/** Show error styling. */\n\tinvalid?: boolean;\n\t/** Density / control size. Default `'sm'` (resolves through `useFormsConfig().defaultControlSize`). */\n\tsize?: ChoiceSize;\n\tclassName?: string;\n}\n\n/**\n * Padding / icon-size token map shared across CardRadio + CardCheckbox so the\n * two variants line up visually when placed side-by-side.\n */\nexport const choiceCardSizeTokens: Record<\n\tChoiceSize,\n\t{ padding: string; iconBox: string; iconSize: string; gap: string }\n> = {\n\tsm: { padding: 'p-3', iconBox: 'h-7 w-7', iconSize: 'size-3.5', gap: 'gap-1' },\n\tbase: { padding: 'p-4', iconBox: 'h-8 w-8', iconSize: 'size-4', gap: 'gap-1.5' },\n\tlg: { padding: 'p-5', iconBox: 'h-10 w-10', iconSize: 'size-5', gap: 'gap-2' },\n};\n\n/**\n * Pill height / horizontal padding tokens. Shared across PillRadioGroup\n * and any future toggle-bar variant so they stack cleanly.\n */\nexport const choicePillSizeTokens: Record<ChoiceSize, string> = {\n\tsm: 'h-7 px-2.5 text-xs',\n\tbase: 'h-8 px-3 text-xs',\n\tlg: 'h-9 px-4 text-sm',\n};\n\n/**\n * Row padding tokens for ListRadio and any future inline list variant.\n */\nexport const choiceListSizeTokens: Record<ChoiceSize, string> = {\n\tsm: 'px-3 py-2',\n\tbase: 'px-4 py-3',\n\tlg: 'px-5 py-3.5',\n};\n","/**\n * CardCheckboxGroup — multi-select group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon.\n * Use for a small set of feature flags / preferences where each option\n * benefits from extra context that a flat checkbox list can't carry.\n *\n * Pairs with `CardRadioGroup` (single-select). Both share spacing tokens\n * from `./choice-types` so they line up when used side-by-side.\n */\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { resolveFormControlSize } from '../form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardCheckboxOption extends Omit<ChoiceOptionBase, 'label'> {\n\tlabel?: ChoiceOptionBase['label'];\n\t/** @deprecated Use `label` instead. */\n\ttitle?: string;\n\ticon?: LucideIcon;\n}\n\nexport interface CardCheckboxGroupProps extends ChoiceGroupBaseProps {\n\toptions: CardCheckboxOption[];\n\tvalue?: string[];\n\tdefaultValue?: string[];\n\tonChange?: (values: string[]) => void;\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nconst GRID_COLS: Record<NonNullable<CardCheckboxGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-2',\n\t2: 'grid grid-cols-1 gap-2 sm:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4',\n};\n\nexport function CardCheckboxGroup({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardCheckboxGroupProps) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n\tconst isControlled = value !== undefined;\n\tconst [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n\tconst selected = useMemo(\n\t\t() => (isControlled ? value ?? [] : internal),\n\t\t[internal, isControlled, value],\n\t);\n\tconst tokens = choiceCardSizeTokens[size];\n\n\tconst toggle = useCallback(\n\t\t(val: string) => {\n\t\t\tif (disabled) return;\n\t\t\tif (options.find((o) => o.value === val)?.disabled) return;\n\t\t\tconst exists = selected.includes(val);\n\t\t\tconst next = exists ? selected.filter((v) => v !== val) : [...selected, val];\n\t\t\tif (!isControlled) setInternal(next);\n\t\t\tonChange?.(next);\n\t\t},\n\t\t[disabled, options, selected, isControlled, onChange],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('card-checkbox-group--component', GRID_COLS[columns], className)}\n\t\t\trole=\"group\"\n\t\t\taria-invalid={invalid || undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t>\n\t\t\t{options.map((option) => {\n\t\t\t\tconst Icon = option.icon;\n\t\t\t\tconst optionLabel = option.label ?? option.title;\n\t\t\t\tconst isSelected = selected.includes(option.value);\n\t\t\t\tconst isDisabled = disabled || option.disabled;\n\t\t\t\tconst shouldIncludeHidden = Boolean(name) && isSelected;\n\t\t\t\tconst nameAttr = name ? `${name}[]` : undefined;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={option.value} className=\"relative\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\t\t\tname={nameAttr}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\tdisabled={!shouldIncludeHidden}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={isSelected}\n\t\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\t\tonClick={() => toggle(option.value)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tdata-selected={isSelected}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'group relative flex w-full flex-col items-start text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t\t'rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-border hover:border-foreground/20 hover:bg-muted/30',\n\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t\t'data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]',\n\t\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20',\n\t\t\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CircleCheck\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground',\n\t\t\t\t\t\t\t\t\t!isSelected && 'hidden',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted',\n\t\t\t\t\t\t\t\t\t\t'group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary',\n\t\t\t\t\t\t\t\t\t\ttokens.iconBox,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nCardCheckboxGroup.displayName = 'CardCheckboxGroup';\n","/**\n * CardRadioGroup — single-select radio group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon. Built\n * on `@base-ui/react/radio` for accessibility (keyboard navigation, focus\n * management, native form participation).\n *\n * Pairs with `CardCheckboxGroup` (multi-select). Shares spacing tokens from\n * `./choice-types`.\n */\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { resolveFormControlSize } from '../form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardRadioOption extends Omit<ChoiceOptionBase, 'label'> {\n\tlabel?: ChoiceOptionBase['label'];\n\t/** @deprecated Use `label` instead. */\n\ttitle?: string;\n\ticon?: LucideIcon;\n}\n\nexport interface CardRadioGroupProps extends ChoiceGroupBaseProps {\n\toptions: CardRadioOption[];\n\tvalue?: string;\n\tdefaultValue?: string;\n\tonChange?: (value: string) => void;\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nconst GRID_COLS: Record<NonNullable<CardRadioGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-2',\n\t2: 'grid grid-cols-1 gap-2 sm:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4',\n};\n\nfunction CardRadioGroupImpl({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardRadioGroupProps) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n\tconst tokens = choiceCardSizeTokens[size];\n\tconst gridClassName = useMemo(() => cn(GRID_COLS[columns], className), [columns, className]);\n\n\treturn (\n\t\t<RadioGroupPrimitive\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={(val) => val && onChange?.(val)}\n\t\t\tname={name}\n\t\t\tdisabled={disabled}\n\t\t\taria-invalid={invalid || undefined}\n\t\t\tclassName={cn('card-radio-group--component', gridClassName)}\n\t\t>\n\t\t\t{options.map((option) => {\n\t\t\t\tconst Icon = option.icon;\n\t\t\t\tconst optionLabel = option.label ?? option.title;\n\t\t\t\treturn (\n\t\t\t\t\t<RadioPrimitive.Root\n\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'relative group flex flex-col text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t'rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-border hover:border-foreground/20 hover:bg-muted/30',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:bg-primary/[0.04]',\n\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20',\n\t\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioPrimitive.Indicator\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<CircleCheck className=\"absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted',\n\t\t\t\t\t\t\t\t\t'group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary',\n\t\t\t\t\t\t\t\t\ttokens.iconBox,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RadioPrimitive.Root>\n\t\t\t\t);\n\t\t\t})}\n\t\t</RadioGroupPrimitive>\n\t);\n}\n\nexport const CardRadioGroup = memo(CardRadioGroupImpl);\nCardRadioGroup.displayName = 'CardRadioGroup';\n"],"mappings":"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"}