admin-ui-starter-kit 0.1.0

package/dist/_shared/buttons-BVnjQ-uE.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-Ck2qS42n.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-BVnjQ-uE.js.map

package/dist/_shared/buttons-BVnjQ-uE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-BVnjQ-uE.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-BdY6igTr.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`./ui-provider-uiQgATj1.cjs`),n=require(`../lib/utils.cjs`),r=require(`./button-DjacsNTg.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}});
+//# sourceMappingURL=buttons-BdY6igTr.cjs.map

package/dist/_shared/buttons-BdY6igTr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-BdY6igTr.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--GP1xrz_.js

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

package/dist/_shared/card-radio-group--GP1xrz_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-radio-group--GP1xrz_.js","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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t\t'focus-visible:border-ring 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]:ring-2 data-[selected=true]:ring-primary/20',\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 text-muted-foreground',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20',\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 text-muted-foreground',\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=\"medium\">\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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"}

package/dist/_shared/card-radio-group-DnQsWozr.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`),r=require(`./form-sizing--bs_xPe2.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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:ring-2 data-[selected=true]:ring-primary/20`,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 text-muted-foreground`,`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.t,{tag:`span`,weight:`medium`,children:i}),!!e.description&&(0,a.jsx)(n.t,{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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20`,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 text-muted-foreground`,`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.t,{tag:`span`,weight:`medium`,children:i}),!!e.description&&(0,a.jsx)(n.t,{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}});
+//# sourceMappingURL=card-radio-group-DnQsWozr.cjs.map

package/dist/_shared/card-radio-group-DnQsWozr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-radio-group-DnQsWozr.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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t\t'focus-visible:border-ring 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]:ring-2 data-[selected=true]:ring-primary/20',\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 text-muted-foreground',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20',\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 text-muted-foreground',\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=\"medium\">\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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"}

package/dist/_shared/chunk-D3uCBrYO.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/_shared/combobox-DBrRE1Dr.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(`./text-DBnY6fcL.cjs`),a=require(`./button-DjacsNTg.cjs`);let o=require(`react`);o=e.t(o,1);let s=require(`react/jsx-runtime`),c=require(`lucide-react`),l=require(`@base-ui/react/combobox`);var u=l.Combobox.Root;function d({className:e,...t}){return(0,s.jsx)(l.Combobox.Input,{"data-slot":`combobox-input`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-10 w-full min-w-0 rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,e),...t})}function f({className:e,children:t,...n}){return(0,s.jsxs)(l.Combobox.Trigger,{"data-slot":`combobox-trigger`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground flex h-10 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,`[&>span]:line-clamp-1`,e),...n,children:[t,(0,s.jsx)(l.Combobox.Icon,{className:`flex`,children:(0,s.jsx)(c.ChevronDownIcon,{className:`size-4 opacity-50`})})]})}function p({placeholder:e,...t}){return(0,s.jsx)(l.Combobox.Value,{"data-slot":`combobox-value`,placeholder:!!e&&(0,s.jsx)(`span`,{className:`text-muted-foreground`,children:e}),...t})}function m({className:e,...t}){return(0,s.jsx)(l.Combobox.Clear,{"data-slot":`combobox-clear`,className:r.cn(`absolute right-8 top-1/2 -translate-y-1/2 rounded-sm opacity-50 ring-offset-background transition-opacity`,`hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`disabled:pointer-events-none`,e),...t,children:(0,s.jsx)(c.XIcon,{className:`size-4`})})}var h={sm:`h-8 text-xs pl-2 pr-8`,md:`h-10 text-sm pl-3 pr-10`,lg:`h-12 text-base pl-4 pr-12`},g={sm:`pr-14`,md:`pr-16`,lg:`pr-20`},_={sm:`right-1`,md:`right-2`,lg:`right-3`},v={sm:`size-3`,md:`size-4`,lg:`size-5`};function y({className:e,showClear:t=!1,size:n=`md`,error:i,...a}){return(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(l.Combobox.Input,{"data-slot":`combobox-input`,className:r.cn(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border bg-background shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,h[n],t&&g[n],e),"aria-invalid":i||void 0,...a}),(0,s.jsxs)(`div`,{className:r.cn(`absolute top-1/2 -translate-y-1/2 flex items-center gap-1 text-muted-foreground`,_[n]),children:[!!t&&(0,s.jsx)(l.Combobox.Clear,{"data-slot":`combobox-clear`,className:`rounded-sm p-1 opacity-50 hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,s.jsx)(c.XIcon,{className:v[n]})}),(0,s.jsx)(l.Combobox.Trigger,{className:`rounded-sm p-1 hover:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,s.jsx)(c.ChevronDownIcon,{className:v[n]})})]})]})}var b=l.Combobox.Portal;function x({className:e,sideOffset:t=4,...n}){return(0,s.jsx)(l.Combobox.Positioner,{"data-slot":`combobox-positioner`,sideOffset:t,className:r.cn(`z-50 outline-none`,e),...n})}function S({className:e,...t}){return(0,s.jsx)(l.Combobox.Popup,{"data-slot":`combobox-popup`,className:r.cn(`w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]`,`overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`origin-[var(--transform-origin)]`,`data-[starting-style]:opacity-0 data-[starting-style]:scale-95`,`data-[ending-style]:opacity-0 data-[ending-style]:scale-95`,`transition-[opacity,transform] duration-150`,e),...t})}function C({className:e,...t}){return(0,s.jsx)(l.Combobox.List,{"data-slot":`combobox-list`,className:r.cn(`max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-1`,`outline-none empty:hidden`,e),...t})}var w={sm:`py-1 px-2 text-xs gap-2`,md:`py-1.5 px-2.5 text-sm gap-2`,lg:`py-2 px-3 text-base gap-2.5`},T={sm:`size-3`,md:`size-4`,lg:`size-5`};function E({className:e,children:t,size:n=`md`,...i}){return(0,s.jsxs)(l.Combobox.Item,{"data-slot":`combobox-item`,className:r.cn(`flex w-full cursor-default select-none items-center justify-between rounded-sm outline-none`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground`,w[n],e),...i,children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate`,children:t}),(0,s.jsx)(l.Combobox.ItemIndicator,{className:r.cn(`flex shrink-0 items-center justify-center text-muted-foreground`,T[n]),children:(0,s.jsx)(c.CheckIcon,{className:T[n]})})]})}function D({className:e,children:t,...n}){return(0,s.jsx)(l.Combobox.ItemIndicator,{"data-slot":`combobox-item-indicator`,className:r.cn(e),...n,children:t??(0,s.jsx)(c.CheckIcon,{className:`size-4`})})}function O({className:e,children:t,...n}){return(0,s.jsx)(l.Combobox.Empty,{"data-slot":`combobox-empty`,className:r.cn(`py-6 text-center text-sm text-muted-foreground empty:hidden`,e),...n,children:t})}function k({className:e,...t}){return(0,s.jsx)(l.Combobox.Status,{"data-slot":`combobox-status`,className:r.cn(`flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground empty:hidden`,e),...t})}function A({className:e,...t}){return(0,s.jsx)(l.Combobox.Group,{"data-slot":`combobox-group`,className:r.cn(`overflow-hidden p-1`,e),...t})}function j({className:e,...t}){return(0,s.jsx)(l.Combobox.GroupLabel,{"data-slot":`combobox-group-label`,className:r.cn(`px-2 py-1.5 text-xs font-medium text-muted-foreground`,e),...t})}var M=l.Combobox.Collection;function ee({className:e,...t}){return(0,s.jsx)(l.Combobox.Separator,{"data-slot":`combobox-separator`,className:r.cn(`-mx-1 my-1 h-px bg-muted`,e),...t})}var N={sm:`min-h-8 gap-1 px-2 py-1 text-xs`,md:`min-h-10 gap-1.5 px-3 py-2 text-sm`,lg:`min-h-12 gap-2 px-4 py-2.5 text-base`};function te({className:e,size:t=`md`,error:n,...i}){return(0,s.jsx)(l.Combobox.Chips,{"data-slot":`combobox-chips`,className:r.cn(`flex flex-wrap items-center rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15`,N[t],e),"aria-invalid":n||void 0,...i})}function P({className:e,children:t,...n}){return(0,s.jsxs)(l.Combobox.Chip,{"data-slot":`combobox-chip`,className:r.cn(`inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-xs font-medium text-secondary-foreground`,`data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground`,`focus-within:bg-primary focus-within:text-primary-foreground`,e),...n,children:[t,(0,s.jsx)(l.Combobox.ChipRemove,{className:`rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,s.jsx)(c.XIcon,{className:`size-3`})})]})}function ne({className:e,...t}){return(0,s.jsx)(l.Combobox.Input,{"data-slot":`combobox-chips-input`,className:r.cn(`min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,e),...t})}function F({className:e,...t}){return(0,s.jsx)(l.Combobox.Backdrop,{"data-slot":`combobox-backdrop`,className:r.cn(`fixed inset-0 z-50 bg-black/80`,`data-[starting-style]:opacity-0 data-[ending-style]:opacity-0`,`transition-opacity duration-150`,e),...t})}function I({className:e,...t}){return(0,s.jsx)(l.Combobox.Arrow,{"data-slot":`combobox-arrow`,className:r.cn(`fill-popover`,e),...t})}var L=l.Combobox.useFilter,R={placeholder:`Search...`,searching:`Loading...`,noResults:`No results found.`,typeToSearch:`Type at least {min} characters to search...`,typeMore:`Type {remaining} more character{s} to search...`,createNew:`Create {value}`,loadingMore:`Loading...`,apply:`Apply`,cancel:`Cancel`},z=3,B=300,V=`sm`,H=.8,re=100,U=500,W=Symbol(`enhanced-combobox-create-option`);function G(e){return typeof e==`object`&&!!e&&W in e}function K(e){if(!G(e))throw Error(`Item is not a create option`);return e[W]}function ie(e){return{[W]:e}}function q({isLoading:e,text:t,className:n}){return e?(0,s.jsxs)(`div`,{className:r.cn(`loading-more--component`,`flex items-center justify-center gap-2 py-2 text-sm text-muted-foreground`,n),role:`status`,"aria-live":`polite`,children:[(0,s.jsx)(c.Loader2,{className:`size-4 animate-spin`,"aria-hidden":`true`}),(0,s.jsx)(`span`,{children:t})]}):null}q.displayName=`LoadingMore`;function J({isLoading:e,searchValue:t,minSearchLength:n,itemCount:r,strings:i}){let a=t.trim();if(e)return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Loader2,{className:`size-4 animate-spin`}),i.searching]});if(a===``)return i.typeToSearch.includes(`{min}`)?i.typeToSearch.replace(`{min}`,String(n)):i.typeToSearch;if(a.length<n){let e=n-a.length;return i.typeMore.includes(`{remaining}`)||i.typeMore.includes(`{s}`)?i.typeMore.replace(`{remaining}`,String(e)).replace(`{s}`,e===1?``:`s`):i.typeMore}return null}J.displayName=`StatusContent`;function Y({isLoading:e,showStatus:t,showEmpty:n,searchValue:r,minSearchLength:i,items:o,groupedItems:c,createOptionItem:l,renderItemContent:u,getItemReactKey:d,getItemDisabled:f,renderGroupLabel:p,isLoadingMore:m,strings:h,size:g=`sm`,portalContainer:_,listRef:v,anchor:y,applyFooter:w}){let T=(0,s.jsx)(x,{anchor:y,className:_==null?void 0:`z-[100]`,children:(0,s.jsxs)(S,{"aria-busy":e||void 0,children:[!!t&&(0,s.jsx)(k,{children:(0,s.jsx)(J,{isLoading:e,searchValue:r,minSearchLength:i,itemCount:o.length,strings:h})}),!!n&&(0,s.jsx)(O,{children:h.noResults}),(0,s.jsx)(C,{ref:v,children:c?(0,s.jsxs)(s.Fragment,{children:[Array.from(c.entries()).map(([e,t])=>(0,s.jsxs)(A,{className:`combobox-dropdown--component`,items:t,children:[(0,s.jsx)(j,{children:typeof p==`function`?p(e):e}),(0,s.jsx)(M,{children:e=>(0,s.jsx)(E,{value:e,size:g,disabled:f?.(e),children:u(e)},d(e))})]},e)),l!=null&&(0,s.jsx)(E,{value:l,size:g,children:u(l)},d(l))]}):(0,s.jsx)(M,{children:e=>(0,s.jsx)(E,{value:e,size:g,disabled:f?.(e),children:u(e)},d(e))})}),(0,s.jsx)(q,{isLoading:!!m,text:h.loadingMore}),!!w&&(0,s.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/60 px-2 py-1.5`,children:[(0,s.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e=>{e.preventDefault(),e.stopPropagation(),w.onCancel()},children:w.cancelLabel}),(0,s.jsx)(a.t,{type:`button`,variant:`primary`,onClick:e=>{e.preventDefault(),e.stopPropagation(),w.onApply()},children:w.applyLabel})]})]})});return _?(0,s.jsx)(b,{container:_,children:T}):(0,s.jsx)(b,{children:T})}Y.displayName=`ComboboxDropdown`;var ae={sm:`text-xs mt-1`,md:`text-sm mt-1.5`,lg:`text-base mt-2`};function X({error:e,size:t,className:n}){return e?(0,s.jsx)(`p`,{className:r.cn(`error-message--component`,`text-destructive`,ae[t],n),role:`alert`,"aria-live":`polite`,children:e}):null}X.displayName=`ErrorMessage`;function Z(e){return e.replace(/[$()*+.?[\\\]^{|}]/g,`\\$&`)}function Q({text:e,highlight:t,highlightClassName:n=`bg-yellow-200 dark:bg-yellow-800 rounded-sm px-0.5`}){if(!t.trim())return e;let r=RegExp(`(${Z(t)})`,`gi`),i=e.split(r),a=0;return(0,s.jsx)(s.Fragment,{children:i.map((e,t)=>{let r=t%2==1,i=String(a);return a+=e.length,r?(0,s.jsx)(`mark`,{className:n,children:e},i):(0,s.jsx)(`span`,{children:e},i)})})}Q.displayName=`HighlightedText`;function oe({searchValue:e,onSearch:t,debounceMs:n=300,minSearchLength:r=3}){let i=(0,o.useRef)(null);(0,o.useEffect)(()=>{if(!t)return;i.current&&clearTimeout(i.current);let a=e.trim();return a.length>=r&&(i.current=setTimeout(()=>{t(a)},n)),()=>{i.current&&clearTimeout(i.current)}},[e,t,n,r])}function se({items:e,getItemGroup:t}){return(0,o.useMemo)(()=>{if(!t)return null;let n=new Map;for(let r of e){let e=t(r),i=n.get(e);i?i.push(r):n.set(e,[r])}return n},[e,t])}function ce({hasMore:e,onLoadMore:t,isLoadingMore:n}){let r=(0,o.useRef)(!1),i=(0,o.useRef)(null),a=(0,o.useCallback)(a=>{if(!e||!t||n||r.current)return;let{scrollHeight:o,scrollTop:s,clientHeight:c}=a.target;(s+c)/o>=.8&&(i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{r.current=!0,t(),setTimeout(()=>{r.current=!1},500)},100))},[e,t,n]);return(0,o.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),{handleScroll:a}}function $(e){return t.useStrings(R,e)}function le(e,t,n){let r=t.toLowerCase();return e.some(e=>n(e).toLowerCase()===r)}function ue({items:e,searchValue:t,getItemLabel:n,getItemKey:a,isLoading:l=!1,minSearchLength:u=3,strings:d,renderItem:f,onSearch:p,debounceMs:m=300,creatable:h,onCreate:g,getItemGroup:_,hasMore:v,onLoadMore:y,isLoadingMore:b,highlightMatch:x,ensuredItems:S=[]}){let C=$(d),w=a??n,T=(0,o.useRef)(null),E=t.trim();oe({searchValue:t,onSearch:p,debounceMs:m,minSearchLength:u});let{handleScroll:D}=ce({hasMore:v,onLoadMore:y,isLoadingMore:b});(0,o.useEffect)(()=>{let e=T.current;if(!(!e||!v||!y))return e.addEventListener(`scroll`,D),()=>e.removeEventListener(`scroll`,D)},[D,v,y]);let O=(0,o.useMemo)(()=>{if(S.length===0)return e;let t=[...S];return e.forEach(e=>{let n=w(e);S.some(e=>w(e)===n)||t.push(e)}),t},[e,S,w]),k=se({items:O,getItemGroup:_}),A=(0,o.useMemo)(()=>!h||!g||E.length<u?!1:!le(O,E,n),[h,g,E,u,O,n]),j=(0,o.useMemo)(()=>A?ie(E):null,[A,E]);return{strings:C,getKey:w,trimmedSearch:E,listRef:T,baseItems:O,allItems:(0,o.useMemo)(()=>j?[...O,j]:O,[O,j]),groupedItems:k,createOptionItem:j,showStatus:l||E.length<u,showEmpty:!l&&E.length>=u&&e.length===0&&!A,showCreateOption:A,renderItemContent:(0,o.useCallback)(e=>{if(G(e)){let t=K(e);return(0,s.jsxs)(`span`,{className:r.cn(`use-enhanced-combobox-core--component`,`flex items-center gap-2`),children:[(0,s.jsx)(c.PlusIcon,{className:`size-4`}),C.createNew.includes(`{value}`)?C.createNew.replace(`{value}`,t):(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,s.jsx)(`span`,{children:C.createNew}),(0,s.jsx)(i.t,{tag:`span`,weight:`medium`,children:t})]})]})}if(f)return f(e);let t=n(e);return x&&E?(0,s.jsx)(Q,{text:t,highlight:E}):t},[C.createNew,f,n,x,E]),itemToStringLabel:(0,o.useCallback)(e=>G(e)?K(e):n(e),[n]),getItemReactKey:(0,o.useCallback)(e=>G(e)?`__create__:${K(e)}`:String(w(e)),[w]),handleScroll:D}}var de={sm:`sm`,base:`md`,lg:`lg`};function fe(e,t){return e??de[t??`sm`]??`sm`}function pe({items:e,selectedValue:t,onSelectedValueChange:r,searchValue:i,onSearchValueChange:a,getItemLabel:c,getItemKey:l,isLoading:d=!1,minSearchLength:f=3,strings:p,disabled:m=!1,className:h,renderItem:g,portalContainer:_,name:v,error:b,required:x,onBlur:S,onSearch:C,debounceMs:w,creatable:T,onCreate:E,getItemGroup:D,renderGroupLabel:O,hasMore:k,onLoadMore:A,isLoadingMore:j,getItemDisabled:M,highlightMatch:ee,size:N,open:te,onOpenChange:P}){let{defaultControlSize:ne}=n.s(),F=fe(N,ne),I=ue({items:e,searchValue:i,onSearchValueChange:a,getItemLabel:c,getItemKey:l,isLoading:d,minSearchLength:f,strings:p,renderItem:g,onSearch:C,debounceMs:w,creatable:T,onCreate:E,getItemGroup:D,hasMore:k,onLoadMore:A,isLoadingMore:j,highlightMatch:ee,size:F,ensuredItems:t?[t]:[]}),[L,R]=(0,o.useState)(!1),z=(0,o.useCallback)(e=>{R(e),e||a(``),P?.(e)},[P,a]),B=L?i:t?I.itemToStringLabel(t):``,V=(0,o.useCallback)(e=>{if(e&&G(e)){let t=K(e);E?.(t);return}r(e)},[r,E]);return(0,s.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,s.jsxs)(u,{items:I.allItems,value:t,onValueChange:V,inputValue:B,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){a(``);return}a(e)},itemToStringLabel:I.itemToStringLabel,disabled:m,filter:null,name:v,required:x,open:te,onOpenChange:z,children:[(0,s.jsx)(y,{placeholder:I.strings.placeholder,showClear:!0,className:h,size:F,error:!!b,"aria-invalid":!!b,"aria-required":x,onBlur:S}),(0,s.jsx)(Y,{isLoading:d,showStatus:I.showStatus,showEmpty:I.showEmpty,searchValue:i,minSearchLength:f,items:e,groupedItems:I.groupedItems,createOptionItem:I.createOptionItem,renderItemContent:I.renderItemContent,getItemReactKey:I.getItemReactKey,getItemDisabled:M,renderGroupLabel:O,isLoadingMore:j,strings:I.strings,size:F,portalContainer:_,listRef:I.listRef})]}),(0,s.jsx)(X,{error:b,size:F})]})}function me({items:e,selectedValues:t,onSelectedValuesChange:r,searchValue:i,onSearchValueChange:a,getItemLabel:c,getItemKey:l,isLoading:d=!1,minSearchLength:f=3,strings:p,disabled:m=!1,className:h,renderItem:g,portalContainer:_,name:v,error:y,required:b,onBlur:x,onSearch:S,debounceMs:C,creatable:w,onCreate:T,getItemGroup:E,renderGroupLabel:D,hasMore:O,onLoadMore:k,isLoadingMore:A,getItemDisabled:j,highlightMatch:M,size:ee,open:N,onOpenChange:F,closeOnSelect:I=!1,applyButton:L=!1,onApply:R,onCancel:z}){let{defaultControlSize:B}=n.s(),V=fe(ee,B),H=(0,o.useRef)(null),re=l??c,[U,W]=(0,o.useState)(t),[ie,q]=(0,o.useState)(!1),J=N!==void 0,ae=J?N:ie;(0,o.useEffect)(()=>{L&&W(t)},[L,t]);let Z=(0,o.useCallback)(e=>{J||q(e),F?.(e)},[J,F]),Q=ue({items:e,searchValue:i,onSearchValueChange:a,getItemLabel:c,getItemKey:l,isLoading:d,minSearchLength:f,strings:p,renderItem:g,onSearch:S,debounceMs:C,creatable:w,onCreate:T,getItemGroup:E,hasMore:O,onLoadMore:k,isLoadingMore:A,highlightMatch:M,size:V,ensuredItems:t}),oe=(0,o.useCallback)(e=>{let t=[],n=null;for(let r of e)G(r)?n=K(r):t.push(r);n&&T?.(n);let i=t.length!==e.length||!n?t:null;i&&(L?W(i):r(i)),I&&Z(!1)},[r,T,L,I,Z]),se=(0,o.useCallback)(()=>{L&&r(U),R?.(),Z(!1)},[L,U,R,r,Z]),ce=(0,o.useCallback)(()=>{L&&W(t),z?.(),Z(!1)},[L,t,z,Z]),$=L?U:t,le=$.length>0?void 0:Q.strings.placeholder;return(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(u,{items:Q.allItems,multiple:!0,value:$,onValueChange:oe,inputValue:i,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){a(``);return}a(e)},itemToStringLabel:Q.itemToStringLabel,disabled:m,filter:null,name:v,required:b,open:ae,onOpenChange:e=>{!e&&L&&W(t),Z(e)},children:[(0,s.jsxs)(te,{ref:H,className:h,size:V,error:!!y,children:[$.map(e=>(0,s.jsx)(P,{children:c(e)},re(e))),(0,s.jsx)(ne,{placeholder:le,"aria-invalid":!!y,"aria-required":b,onBlur:x})]}),(0,s.jsx)(Y,{isLoading:d,showStatus:Q.showStatus,showEmpty:Q.showEmpty,searchValue:i,minSearchLength:f,items:e,groupedItems:Q.groupedItems,createOptionItem:Q.createOptionItem,renderItemContent:Q.renderItemContent,getItemReactKey:Q.getItemReactKey,getItemDisabled:j,renderGroupLabel:D,isLoadingMore:A,strings:Q.strings,size:V,portalContainer:_,listRef:Q.listRef,anchor:H,applyFooter:L?{applyLabel:Q.strings.apply,cancelLabel:Q.strings.cancel,onApply:se,onCancel:ce}:void 0})]}),(0,s.jsx)(X,{error:y,size:V})]})}var he=pe,ge=me;pe.displayName=`EnhancedCombobox`,me.displayName=`EnhancedComboboxMultiple`,Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,`B`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`G`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`H`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`J`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`K`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`U`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`V`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`W`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return oe}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return me}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`q`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`z`,{enumerable:!0,get:function(){return D}});
+//# sourceMappingURL=combobox-DBrRE1Dr.cjs.map