@adea-ai/ui 0.117.0 → 0.118.1

package/dist/components/ui/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","notification","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Badge.\n *\n * A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n */\nexport const badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'border-border text-foreground',\n        /**\n         * Tinted status fills, for counts and states rather than actions. The\n         * word stays in `foreground` for contrast; the glyph takes the status\n         * hue, so tags of different tones read apart at a glance.\n         */\n        success: 'bg-success-subtle text-foreground [&_svg]:text-success',\n        warning: 'bg-warning-subtle text-foreground [&_svg]:text-warning',\n        destructive: 'bg-destructive-subtle text-foreground [&_svg]:text-destructive',\n        info: 'bg-info-subtle text-foreground [&_svg]:text-info',\n        subtle: 'bg-primary-subtle text-primary',\n        /**\n         * A count that asks for attention, pinned to a corner of another control\n         * (a workspace mark, a rail icon). At `sm` it is a 2xs label on whatever\n         * surface sits behind the corner, where the destructive tint all but\n         * disappears — so it takes the solid, contrast-measured action fill.\n         */\n        notification: 'bg-destructive-action text-destructive-action-foreground',\n      },\n      size: {\n        sm: 'h-4 px-1.5 text-2xs',\n        md: 'h-5 px-2 text-xs',\n        lg: 'h-6 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n  T,\n  BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n  const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"span\"\n      class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'span'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;;;;;GAMTC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;;;;;;;GAORC,cAAc;EAChB;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfd,SAAS;EACTU,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ7B,WAAW2B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGjC,aAAWkC,WAAA;EACVC,IAAE;EAAA,KAAA,WAAA;GAAA,OACK5B,GAAGC,cAAc;IAAEE,SAASqB,MAAMrB;IAASU,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}
+{"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","notification","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Badge.\n *\n * A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n */\nexport const badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'border-border text-foreground',\n        /**\n         * Tinted status fills, for counts and states rather than actions. The\n         * word stays in `foreground` for contrast; the glyph takes the status\n         * hue, so tags of different tones read apart at a glance.\n         */\n        success: 'bg-success-subtle text-foreground [&_svg]:text-success',\n        warning: 'bg-warning-subtle text-foreground [&_svg]:text-warning',\n        destructive: 'bg-destructive-subtle text-foreground [&_svg]:text-destructive',\n        info: 'bg-info-subtle text-foreground [&_svg]:text-info',\n        subtle: 'bg-primary-subtle text-primary',\n        /**\n         * A count that asks for attention, pinned to a corner of another control\n         * (a workspace mark, a rail icon). At `sm` it is a 2xs label on whatever\n         * surface sits behind the corner, where the destructive tint all but\n         * disappears — so it takes the solid, contrast-measured action fill.\n         */\n        notification: 'bg-destructive-action text-destructive-action-foreground',\n      },\n      size: {\n        sm: 'h-4 px-1.5 text-2xs',\n        md: 'h-5 px-2 text-xs',\n        lg: 'h-6 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n  T,\n  BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n  const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"span\"\n      data-slot=\"badge\"\n      class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'span'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;;;;;GAMTC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;;;;;;;GAORC,cAAc;EAChB;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfd,SAAS;EACTU,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ7B,WAAW2B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGjC,aAAWkC,WAAA;EACVC,IAAE;EAAA,aAAA;EAAA,KAAA,WAAA;GAAA,OAEK5B,GAAGC,cAAc;IAAEE,SAASqB,MAAMrB;IAASU,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}

package/dist/components/ui/breadcrumb/breadcrumb.d.ts

@@ -19,6 +19,12 @@ export type BreadcrumbLinkProps = ComponentProps<'a'> & {
     current?: boolean;
 };
 export declare function BreadcrumbLink(props: BreadcrumbLinkProps): import("solid-js").JSX.Element;
+/**
+ * The current page: the last crumb, as text rather than a link to itself, and
+ * marked `aria-current="page"`. The same element `BreadcrumbLink current`
+ * renders, for a trail whose last crumb is never a link.
+ */
+export declare function BreadcrumbPage(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
 export declare function BreadcrumbSeparator(props: ComponentProps<'li'>): import("solid-js").JSX.Element;
 export declare function BreadcrumbEllipsis(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/ui/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAWtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IACtD,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA0BxD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAc9D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAe/D"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAWtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCASzD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IACtD,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAmBxD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAU3D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAc9D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCAe/D"}

package/dist/components/ui/breadcrumb/breadcrumb.js

@@ -64,13 +64,9 @@ function BreadcrumbLink(props) {
 			return !local.current;
 		},
 		get fallback() {
-			return (() => {
-				var _el$5 = _tmpl$5();
-				spread(_el$5, mergeProps({ get ["class"]() {
-					return cn("font-medium text-foreground", local.class);
-				} }, rest), false, false);
-				return _el$5;
-			})();
+			return createComponent(BreadcrumbPage, mergeProps({ get ["class"]() {
+				return local.class;
+			} }, rest));
 		},
 		get children() {
 			var _el$4 = _tmpl$4();
@@ -81,6 +77,21 @@ function BreadcrumbLink(props) {
 		}
 	});
 }
+/**
+* The current page: the last crumb, as text rather than a link to itself, and
+* marked `aria-current="page"`. The same element `BreadcrumbLink current`
+* renders, for a trail whose last crumb is never a link.
+*/
+function BreadcrumbPage(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("font-medium text-foreground", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
+}
 function BreadcrumbSeparator(props) {
 	const [local, rest] = splitProps(props, ["class", "children"]);
 	return (() => {
@@ -104,6 +115,6 @@ function BreadcrumbEllipsis(props) {
 	})();
 }
 //#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["ChevronRight","MoreHorizontal","ComponentProps","Show","splitProps","cn","Breadcrumb","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","aria-label","class","BreadcrumbList","_el$2","_tmpl$2","BreadcrumbItem","_el$3","_tmpl$3","BreadcrumbLinkProps","current","BreadcrumbLink","_$createComponent","when","fallback","_el$5","_tmpl$5","children","_el$4","_tmpl$4","BreadcrumbSeparator","_el$6","_tmpl$6","_$insert","BreadcrumbEllipsis","_el$7","_tmpl$7","_el$8","firstChild","_$mergeProps","_$createComponent"],"sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Breadcrumb.\n *\n * The path to the current view, in a real `<nav>` wrapping an ordered list so\n * the structure is announced rather than read as loose text. The final crumb is\n * the current page and is marked `aria-current=\"page\"` instead of being a link\n * to itself.\n *\n * A long path collapses from the middle: the root says where the user started\n * and the last crumbs say what they are looking at, so those are the parts that\n * have to survive.\n */\nexport function Breadcrumb(props: ComponentProps<'nav'>) {\n  const [local, rest] = splitProps(props, ['class', 'aria-label'])\n\n  return (\n    <nav\n      data-slot=\"breadcrumb\"\n      aria-label={local['aria-label'] ?? 'Breadcrumb'}\n      class={cn('text-muted-foreground', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function BreadcrumbList(props: ComponentProps<'ol'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      class={cn('flex flex-wrap items-center gap-1.5 text-sm break-words', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function BreadcrumbItem(props: ComponentProps<'li'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      class={cn('inline-flex items-center gap-1.5', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type BreadcrumbLinkProps = ComponentProps<'a'> & {\n  /** Render as the current page rather than as a link. */\n  current?: boolean\n}\n\nexport function BreadcrumbLink(props: BreadcrumbLinkProps) {\n  const [local, rest] = splitProps(props, ['class', 'current'])\n\n  return (\n    <Show\n      when={!local.current}\n      fallback={\n        <span\n          data-slot=\"breadcrumb-page\"\n          aria-current=\"page\"\n          class={cn('font-medium text-foreground', local.class)}\n          {...(rest as ComponentProps<'span'>)}\n        />\n      }\n    >\n      <a\n        data-slot=\"breadcrumb-link\"\n        class={cn(\n          'rounded-sm transition-colors ease-out outline-none hover:text-foreground',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          local.class\n        )}\n        {...rest}\n      />\n    </Show>\n  )\n}\n\nexport function BreadcrumbSeparator(props: ComponentProps<'li'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn('[&_svg]:size-3.5', local.class)}\n      {...rest}\n    >\n      {local.children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nexport function BreadcrumbEllipsis(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn('flex size-6 items-center justify-center', local.class)}\n      {...rest}\n    >\n      <MoreHorizontal class=\"size-4\" />\n      <span class=\"visually-hidden\">More</span>\n    </span>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","names":["ChevronRight","MoreHorizontal","ComponentProps","Show","splitProps","cn","Breadcrumb","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","aria-label","class","BreadcrumbList","_el$2","_tmpl$2","BreadcrumbItem","_el$3","_tmpl$3","BreadcrumbLinkProps","current","BreadcrumbLink","_$createComponent","when","fallback","BreadcrumbPage","children","_el$4","_tmpl$4","_el$5","_tmpl$5","BreadcrumbSeparator","_el$6","_tmpl$6","_$insert","BreadcrumbEllipsis","_el$7","_tmpl$7","_el$8","firstChild","_$mergeProps","_$createComponent"],"sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Breadcrumb.\n *\n * The path to the current view, in a real `<nav>` wrapping an ordered list so\n * the structure is announced rather than read as loose text. The final crumb is\n * the current page and is marked `aria-current=\"page\"` instead of being a link\n * to itself.\n *\n * A long path collapses from the middle: the root says where the user started\n * and the last crumbs say what they are looking at, so those are the parts that\n * have to survive.\n */\nexport function Breadcrumb(props: ComponentProps<'nav'>) {\n  const [local, rest] = splitProps(props, ['class', 'aria-label'])\n\n  return (\n    <nav\n      data-slot=\"breadcrumb\"\n      aria-label={local['aria-label'] ?? 'Breadcrumb'}\n      class={cn('text-muted-foreground', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function BreadcrumbList(props: ComponentProps<'ol'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      class={cn('flex flex-wrap items-center gap-1.5 text-sm break-words', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function BreadcrumbItem(props: ComponentProps<'li'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      class={cn('inline-flex items-center gap-1.5', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type BreadcrumbLinkProps = ComponentProps<'a'> & {\n  /** Render as the current page rather than as a link. */\n  current?: boolean\n}\n\nexport function BreadcrumbLink(props: BreadcrumbLinkProps) {\n  const [local, rest] = splitProps(props, ['class', 'current'])\n\n  return (\n    <Show\n      when={!local.current}\n      fallback={<BreadcrumbPage class={local.class} {...(rest as ComponentProps<'span'>)} />}\n    >\n      <a\n        data-slot=\"breadcrumb-link\"\n        class={cn(\n          'rounded-sm transition-colors ease-out outline-none hover:text-foreground',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          local.class\n        )}\n        {...rest}\n      />\n    </Show>\n  )\n}\n\n/**\n * The current page: the last crumb, as text rather than a link to itself, and\n * marked `aria-current=\"page\"`. The same element `BreadcrumbLink current`\n * renders, for a trail whose last crumb is never a link.\n */\nexport function BreadcrumbPage(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      class={cn('font-medium text-foreground', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function BreadcrumbSeparator(props: ComponentProps<'li'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn('[&_svg]:size-3.5', local.class)}\n      {...rest}\n    >\n      {local.children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nexport function BreadcrumbEllipsis(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn('flex size-6 items-center justify-center', local.class)}\n      {...rest}\n    >\n      <MoreHorizontal class=\"size-4\" />\n      <span class=\"visually-hidden\">More</span>\n    </span>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/breadcrumb/index.d.ts

@@ -1,2 +1,2 @@
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, type BreadcrumbLinkProps, } from './breadcrumb';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbLinkProps, } from './breadcrumb';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAA"}

package/dist/components/ui/breadcrumb/index.js

@@ -1,2 +1,2 @@
-import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./breadcrumb.js";
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.js";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/ui/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAwC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGvF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;8EAmD1B,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAE7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,gBAAgB,CAC7E,CAAC,EACD,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CACF,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,kCAuBhF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAwC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGvF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;8EAmD1B,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAE7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,gBAAgB,CAC7E,CAAC,EACD,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CACF,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,kCAwBhF"}

package/dist/components/ui/button/button.js

@@ -71,6 +71,7 @@ function Button(props) {
 	return createComponent(Polymorphic, mergeProps({
 		as: "button",
 		type: "button",
+		"data-slot": "button",
 		get ["class"]() {
 			return cn(buttonVariants({
 				variant: local.variant,

package/dist/components/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","touchTarget","comfortable","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        '2xl': `${controlSize['2xl']} [&_svg]:size-6`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n        'icon-2xl': 'size-control-2xl p-0 [&_svg]:size-6',\n      },\n      /** Opt in to a stable touch target on devices with any coarse pointer. */\n      touchTarget: {\n        comfortable: 'touch-target-comfortable',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, [\n    'variant',\n    'size',\n    'touchTarget',\n    'class',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      class={cn(\n        buttonVariants({\n          variant: local.variant,\n          size: local.size,\n          touchTarget: local.touchTarget,\n        }),\n        local.class\n      )}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GACrB,OAAO,GAAGnB,YAAY,OAAM;GAK5B,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;EACd;;EAEAoB,aAAa,EACXC,aAAa,2BACf;CACF;CACAC,iBAAiB;EACfjB,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBa,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQlC,WAAWgC,OAAsB;EACrD;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGtC,aAAWuC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,KAAA,WAAA;GAAA,OACGhC,GACLC,eAAe;IACbE,SAASwB,MAAMxB;IACfS,MAAMe,MAAMf;IACZM,aAAaS,MAAMT;GACrB,CAAC,GACDS,MAAMH,KACR;EAAC;CAAA,GACII,IAAgC,CAAA;AAG3C"}
+{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","touchTarget","comfortable","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        '2xl': `${controlSize['2xl']} [&_svg]:size-6`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n        'icon-2xl': 'size-control-2xl p-0 [&_svg]:size-6',\n      },\n      /** Opt in to a stable touch target on devices with any coarse pointer. */\n      touchTarget: {\n        comfortable: 'touch-target-comfortable',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, [\n    'variant',\n    'size',\n    'touchTarget',\n    'class',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      data-slot=\"button\"\n      class={cn(\n        buttonVariants({\n          variant: local.variant,\n          size: local.size,\n          touchTarget: local.touchTarget,\n        }),\n        local.class\n      )}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GACrB,OAAO,GAAGnB,YAAY,OAAM;GAK5B,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;EACd;;EAEAoB,aAAa,EACXC,aAAa,2BACf;CACF;CACAC,iBAAiB;EACfjB,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBa,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQlC,WAAWgC,OAAsB;EACrD;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGtC,aAAWuC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,aAAA;EAAA,KAAA,WAAA;GAAA,OAEGhC,GACLC,eAAe;IACbE,SAASwB,MAAMxB;IACfS,MAAMe,MAAMf;IACZM,aAAaS,MAAMT;GACrB,CAAC,GACDS,MAAMH,KACR;EAAC;CAAA,GACII,IAAgC,CAAA;AAG3C"}

package/dist/components/ui/card/card.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentProps, JSX } from 'solid-js';
+import type { ComponentProps } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
 /**
  * Card.
  *
@@ -11,13 +12,22 @@ import type { ComponentProps, JSX } from 'solid-js';
  * The parts are separate components rather than a template because a card's
  * header, content and footer have different padding on purpose: the header and
  * footer are tight, the content breathes.
+ *
+ * `size` is the card's padding rung, so a caller never sets `p-*` or `gap-*` on
+ * a card to make it denser. `sm` tightens the card and its header, content and
+ * footer together (the parts' inline padding follows the card, so they stay
+ * aligned with each other); `flush` removes the block padding and gap for a
+ * card whose body is a list of rows or a scroll area that runs edge to edge.
  */
-export declare function Card(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardHeader(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardTitle(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardDescription(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardAction(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardContent(props: ComponentProps<'div'>): JSX.Element;
-export declare function CardFooter(props: ComponentProps<'div'>): JSX.Element;
-export type CardProps = ComponentProps<'div'> & JSX.HTMLAttributes<HTMLDivElement>;
+export declare const cardVariants: (props?: ({
+    size?: "sm" | "default" | "flush" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CardProps = ComponentProps<'div'> & VariantProps<typeof cardVariants>;
+export declare function Card(props: CardProps): import("solid-js").JSX.Element;
+export declare function CardHeader(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+export declare function CardTitle(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+export declare function CardDescription(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+export declare function CardAction(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+export declare function CardContent(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+export declare function CardFooter(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
 //# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAYhD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAKtD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASrD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS3D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAGvD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAGtD;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAItD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY;;8EAexB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAEjF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,kCAKpC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAKtD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCASrD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAS3D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAStD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAGvD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAGtD"}

package/dist/components/ui/card/card.js

@@ -1,4 +1,5 @@
 import { cn } from "../../../lib/utils.js";
+import { cva } from "../../../lib/variants.js";
 import { headingVariants } from "../typography/typography.js";
 import { mergeProps, spread, template } from "solid-js/web";
 import { splitProps } from "solid-js";
@@ -22,13 +23,30 @@ var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=card-footer>`);
 * The parts are separate components rather than a template because a card's
 * header, content and footer have different padding on purpose: the header and
 * footer are tight, the content breathes.
+*
+* `size` is the card's padding rung, so a caller never sets `p-*` or `gap-*` on
+* a card to make it denser. `sm` tightens the card and its header, content and
+* footer together (the parts' inline padding follows the card, so they stay
+* aligned with each other); `flush` removes the block padding and gap for a
+* card whose body is a list of rows or a scroll area that runs edge to edge.
 */
+var cardVariants = cva("bg-card text-card-foreground flex flex-col rounded-xl border border-border shadow-xs", {
+	variants: { size: {
+		/** 16px block padding and gap; the parts carry 16px inline padding. */
+		default: "gap-4 py-4",
+		/** 12px everywhere: a dense settings or status card. */
+		sm: "gap-3 py-3 *:data-[slot=card-content]:px-3 *:data-[slot=card-footer]:px-3 *:data-[slot=card-header]:px-3",
+		/** No block padding or gap: the card hosts a row list or a scroller. */
+		flush: "gap-0 py-0"
+	} },
+	defaultVariants: { size: "default" }
+});
 function Card(props) {
-	const [local, rest] = splitProps(props, ["class"]);
+	const [local, rest] = splitProps(props, ["class", "size"]);
 	return (() => {
 		var _el$ = _tmpl$();
 		spread(_el$, mergeProps({ get ["class"]() {
-			return cn("bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-border py-4 shadow-xs", local.class);
+			return cn(cardVariants({ size: local.size }), local.class);
 		} }, rest), false, false);
 		return _el$;
 	})();
@@ -97,6 +115,6 @@ function CardFooter(props) {
 	})();
 }
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
 
 //# sourceMappingURL=card.js.map

package/dist/components/ui/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["ComponentProps","JSX","splitProps","cn","headingVariants","Card","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","CardHeader","_el$2","_tmpl$2","CardTitle","_el$3","_tmpl$3","size","leading","CardDescription","_el$4","_tmpl$4","CardAction","_el$5","_tmpl$5","CardContent","_el$6","_tmpl$6","CardFooter","_el$7","_tmpl$7","CardProps","HTMLAttributes","HTMLDivElement","_$mergeProps"],"sources":["../../../../src/components/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { headingVariants } from '../typography'\n\n/**\n * Card.\n *\n * A surface that sits on the canvas. Every card carries its own edge — a\n * border — because in the light theme `--card` is one faint step off a white\n * `--background`, and a borderless card there all but disappears. Making the border\n * structural rather than optional is what stops one app's cards from reading\n * as floating panels and another's as nothing at all.\n *\n * The parts are separate components rather than a template because a card's\n * header, content and footer have different padding on purpose: the header and\n * footer are tight, the content breathes.\n */\nexport function Card(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card\"\n      class={cn(\n        'bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-border py-4 shadow-xs',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CardHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div data-slot=\"card-header\" class={cn('flex flex-col gap-1 px-4', local.class)} {...rest} />\n  )\n}\n\nexport function CardTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-title\"\n      class={cn(headingVariants({ size: 'card', leading: 'none' }), local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardAction(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-action\"\n      class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-content\" class={cn('px-4', local.class)} {...rest} />\n}\n\nexport function CardFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-footer\" class={cn('flex items-center px-4', local.class)} {...rest} />\n}\n\nexport type CardProps = ComponentProps<'div'> & JSX.HTMLAttributes<HTMLDivElement>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,SAAgBK,KAAKC,OAA8B;CACjD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWT,GACL,mGACAI,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBK,WAAWR,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAS,QAAAC,QAAA;EAAAL,OAAAI,OAAAH,WAAA,EAAA,KAAA,WAAA;GAAA,OACsCT,GAAG,4BAA4BI,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAO;CAAA,EAAA,CAAA;AAE7F;AAEA,SAAgBE,UAAUX,OAA8B;CACtD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAY,QAAAC,QAAA;EAAAR,OAAAO,OAAAN,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWT,GAAGC,gBAAgB;IAAEgB,MAAM;IAAQC,SAAS;GAAO,CAAC,GAAGd,MAAMM,KAAK;EAAC,EAAA,GACtEL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAU;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBI,gBAAgBhB,OAA8B;CAC5D,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAiB,QAAAC,QAAA;EAAAb,OAAAY,OAAAX,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWT,GAAG,iCAAiCI,MAAMM,KAAK;EAAC,EAAA,GACnDL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAe;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,WAAWnB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoB,QAAAC,QAAA;EAAAhB,OAAAe,OAAAd,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWT,GAAG,kEAAkEI,MAAMM,KAAK;EAAC,EAAA,GACpFL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAkB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,YAAYtB,OAA8B;CACxD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuB,QAAAC,QAAA;EAAAnB,OAAAkB,OAAAjB,WAAA,EAAA,KAAA,WAAA;GAAA,OAA4CT,GAAG,QAAQI,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAC/E;AAEA,SAAgBE,WAAWzB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQN,WAAWI,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAA0B,QAAAC,QAAA;EAAAtB,OAAAqB,OAAApB,WAAA,EAAA,KAAA,WAAA;GAAA,OAA2CT,GAAG,0BAA0BI,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAwB;CAAA,EAAA,CAAA;AAChG"}
+{"version":3,"file":"card.js","names":["ComponentProps","splitProps","cva","VariantProps","cn","headingVariants","cardVariants","variants","size","default","sm","flush","defaultVariants","CardProps","Card","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","CardHeader","_el$2","_tmpl$2","CardTitle","_el$3","_tmpl$3","leading","CardDescription","_el$4","_tmpl$4","CardAction","_el$5","_tmpl$5","CardContent","_el$6","_tmpl$6","CardFooter","_el$7","_tmpl$7","_$mergeProps"],"sources":["../../../../src/components/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\nimport { headingVariants } from '../typography'\n\n/**\n * Card.\n *\n * A surface that sits on the canvas. Every card carries its own edge — a\n * border — because in the light theme `--card` is one faint step off a white\n * `--background`, and a borderless card there all but disappears. Making the border\n * structural rather than optional is what stops one app's cards from reading\n * as floating panels and another's as nothing at all.\n *\n * The parts are separate components rather than a template because a card's\n * header, content and footer have different padding on purpose: the header and\n * footer are tight, the content breathes.\n *\n * `size` is the card's padding rung, so a caller never sets `p-*` or `gap-*` on\n * a card to make it denser. `sm` tightens the card and its header, content and\n * footer together (the parts' inline padding follows the card, so they stay\n * aligned with each other); `flush` removes the block padding and gap for a\n * card whose body is a list of rows or a scroll area that runs edge to edge.\n */\nexport const cardVariants = cva(\n  'bg-card text-card-foreground flex flex-col rounded-xl border border-border shadow-xs',\n  {\n    variants: {\n      size: {\n        /** 16px block padding and gap; the parts carry 16px inline padding. */\n        default: 'gap-4 py-4',\n        /** 12px everywhere: a dense settings or status card. */\n        sm: 'gap-3 py-3 *:data-[slot=card-content]:px-3 *:data-[slot=card-footer]:px-3 *:data-[slot=card-header]:px-3',\n        /** No block padding or gap: the card hosts a row list or a scroller. */\n        flush: 'gap-0 py-0',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n)\n\nexport type CardProps = ComponentProps<'div'> & VariantProps<typeof cardVariants>\n\nexport function Card(props: CardProps) {\n  const [local, rest] = splitProps(props, ['class', 'size'])\n  return (\n    <div data-slot=\"card\" class={cn(cardVariants({ size: local.size }), local.class)} {...rest} />\n  )\n}\n\nexport function CardHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div data-slot=\"card-header\" class={cn('flex flex-col gap-1 px-4', local.class)} {...rest} />\n  )\n}\n\nexport function CardTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-title\"\n      class={cn(headingVariants({ size: 'card', leading: 'none' }), local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardAction(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-action\"\n      class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-content\" class={cn('px-4', local.class)} {...rest} />\n}\n\nexport function CardFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-footer\" class={cn('flex items-center px-4', local.class)} {...rest} />\n}\n"],"mappings":"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"}

package/dist/components/ui/card/index.d.ts

@@ -1,2 +1,2 @@
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, } from './card';
+export { Card, cardVariants, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, } from './card';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA"}

package/dist/components/ui/card/index.js

@@ -1,2 +1,2 @@
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from "./card.js";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/components/ui/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAsF5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAuF5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}

package/dist/components/ui/checkbox/checkbox.js

@@ -35,6 +35,7 @@ function Checkbox$1(props) {
 		"aria-errormessage": local["aria-errormessage"]
 	});
 	return createComponent(Checkbox, mergeProps({
+		"data-slot": "checkbox",
 		get id() {
 			return field ? void 0 : local.id;
 		},

package/dist/components/ui/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","useFormFieldControl","cn","CheckboxProps","Omit","inputId","controlClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","field","id","_$createComponent","_$mergeProps","undefined","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","aria-busy","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { useFormFieldControl } from '#lib/form-field'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  /** ID for the hidden native checkbox input; useful with an external label. */\n  inputId?: string\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-errormessage',\n    'aria-busy',\n    'id',\n    'inputId',\n    'title',\n  ])\n  const field = useFormFieldControl('control', {\n    id: local.inputId ?? local.id,\n    'aria-label': local['aria-label'],\n    'aria-labelledby': local['aria-labelledby'],\n    'aria-describedby': local['aria-describedby'],\n    'aria-invalid': local['aria-invalid'],\n    'aria-errormessage': local['aria-errormessage'],\n  })\n\n  return (\n    <KobalteCheckbox\n      id={field ? undefined : local.id}\n      title={local.title}\n      class={cn('group/checkbox flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        id={field?.id ?? local.inputId}\n        aria-label={local['aria-label']}\n        aria-labelledby={field?.['aria-labelledby'] ?? local['aria-labelledby']}\n        aria-describedby={field?.['aria-describedby'] ?? local['aria-describedby']}\n        aria-invalid={field?.['aria-invalid'] ?? local['aria-invalid']}\n        aria-errormessage={field?.['aria-errormessage'] ?? local['aria-errormessage']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteCheckbox.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteCheckbox.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteCheckbox.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","useFormFieldControl","cn","CheckboxProps","Omit","inputId","controlClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","field","id","_$createComponent","_$mergeProps","undefined","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","aria-busy","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { useFormFieldControl } from '#lib/form-field'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  /** ID for the hidden native checkbox input; useful with an external label. */\n  inputId?: string\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-errormessage',\n    'aria-busy',\n    'id',\n    'inputId',\n    'title',\n  ])\n  const field = useFormFieldControl('control', {\n    id: local.inputId ?? local.id,\n    'aria-label': local['aria-label'],\n    'aria-labelledby': local['aria-labelledby'],\n    'aria-describedby': local['aria-describedby'],\n    'aria-invalid': local['aria-invalid'],\n    'aria-errormessage': local['aria-errormessage'],\n  })\n\n  return (\n    <KobalteCheckbox\n      data-slot=\"checkbox\"\n      id={field ? undefined : local.id}\n      title={local.title}\n      class={cn('group/checkbox flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        id={field?.id ?? local.inputId}\n        aria-label={local['aria-label']}\n        aria-labelledby={field?.['aria-labelledby'] ?? local['aria-labelledby']}\n        aria-describedby={field?.['aria-describedby'] ?? local['aria-describedby']}\n        aria-invalid={field?.['aria-invalid'] ?? local['aria-invalid']}\n        aria-errormessage={field?.['aria-errormessage'] ?? local['aria-errormessage']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteCheckbox.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteCheckbox.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteCheckbox.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAmCA,SAAgBA,WAASmB,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQf,WAAWa,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CACD,MAAMG,QAAQf,oBAAoB,WAAW;EAC3CgB,IAAIH,MAAMT,WAAWS,MAAMG;EAC3B,cAAcH,MAAM;EACpB,mBAAmBA,MAAM;EACzB,oBAAoBA,MAAM;EAC1B,gBAAgBA,MAAM;EACtB,qBAAqBA,MAAM;CAC7B,CAAC;CAED,OAAAI,gBACGvB,UAAewB,WAAA;EAAA,aAAA;EAAA,IAEdF,KAAE;GAAA,OAAED,QAAQI,KAAAA,IAAYN,MAAMG;EAAE;EAAA,IAChCI,QAAK;GAAA,OAAEP,MAAMO;EAAK;EAAA,KAAA,WAAA;GAAA,OACXnB,GAAG,2CAA2CY,MAAMQ,KAAK;EAAC;CAAA,GAC7DP,MAAI,EAAA,IAAAH,WAAA;EAAA,OAAA;GAAAM,gBAOPvB,SAAgB4B,OAAK;IAAA,IACpBN,KAAE;KAAA,OAAED,OAAOC,MAAMH,MAAMT;IAAO;IAAA,KAAA,gBAAA;KAAA,OAClBS,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdE,QAAQ,sBAAsBF,MAAM;IAAkB;IAAA,KAAA,sBAAA;KAAA,OACrDE,QAAQ,uBAAuBF,MAAM;IAAmB;IAAA,KAAA,kBAAA;KAAA,OAC5DE,QAAQ,mBAAmBF,MAAM;IAAe;IAAA,KAAA,uBAAA;KAAA,OAC3CE,QAAQ,wBAAwBF,MAAM;IAAoB;IAAA,KAAA,eAAA;KAAA,OAClEA,MAAM;IAAY;IAAA,IAC7BO,QAAK;KAAA,OAAEP,MAAMO;IAAK;GAAA,CAAA;GAAAH,gBAEnBvB,SAAgBmC,SAAO;IAAA,KAAA,WAAA;KAAA,OACf5B,GACL,kGACA,qFACA,oFACA,kGACA,oHACA,kGACA,iEACAY,MAAMR,YACR;IAAC;IAAA,IAAAM,WAAA;KAAA,OAAAM,gBAEAvB,SAAgBoC,WAAS;MAAA,SAAA;MAAA,IAAAnB,WAAA;OAAA,OACvBoB,WAAA,CAAA,CAAAlB,MAAMmB,aAAa,CAAA,CAAA,IAAAf,gBAAIrB,OAAK,EAAA,SAAA,SAAA,CAAA,IAAAqB,gBAAsBtB,OAAK,EAAA,SAAA,SAAA,CAAA;MAAkB;KAAA,CAAA;IAAA;GAAA,CAAA;GAAAoC,WAG7ElB,MAAMF,aACJE,MAAML,SAASK,MAAMH,qBAAW;IAAA,IAAAuB,OAAAC,OAAA;IAAAC,OAAAF,aAAA;KAAA,IAAAG,MAAAL,WAAA,CAAA,CAE5BlB,MAAML,KAAK;KAAA,aAAX4B,IAAA,IAAAnB,gBACEvB,SAAgB2C,OAAK;MAAA,KAAA,WAAA;OAAA,OAAQpC,GAAG,uBAAuBY,MAAMP,UAAU;MAAC;MAAA,IAAAK,WAAA;OAAA,OACtEE,MAAML;MAAK;KAAA,CAAA,IAEZ;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA2B,OAAAF,aAAA;KAAA,IAAAK,OAAAP,WAAA,CAAA,CACPlB,MAAMH,WAAW;KAAA,aAAjB4B,KAAA,IAAArB,gBACEvB,SAAgB6C,aAAW;MAAA,KAAA,WAAA;OAAA,OACnBtC,GAAG,iCAAiCY,MAAMN,gBAAgB;MAAC;MAAA,IAAAI,WAAA;OAAA,OAEjEE,MAAMH;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAuB;GAAA,EAAA,CAAA,IAER,KAAK;EAAA;CAAA,EAAA,CAAA,CAAA;AAGjB;;;;;AAMA,SAAgBO,cAAc5B,OAAqD;CACjF,MAAM,CAACC,OAAOC,QAAQf,WAAWa,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAK,gBAAQvB,SAAgB2C,OAAKnB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQjB,GAAG,uBAAuBY,MAAMQ,KAAK;CAAC,EAAA,GAAMP,IAAI,CAAA;AACvF;AAEA,SAAgB2B,oBAAoB7B,OAA2D;CAC7F,MAAM,CAACC,OAAOC,QAAQf,WAAWa,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAK,gBACGvB,SAAgB6C,aAAWrB,WAAA,EAAA,KAAA,WAAA;EAAA,OACnBjB,GAAG,iCAAiCY,MAAMQ,KAAK;CAAC,EAAA,GACnDP,IAAI,CAAA;AAGd"}

package/dist/components/ui/dialog/dialog.d.ts

@@ -40,7 +40,22 @@ export type DialogContentProps = ComponentProps<typeof KobalteDialogContent> & {
     closeButton?: JSX.Element | false;
     /** Use a 1rem inset as the positioner bounds for tall, viewport-filling surfaces. */
     positioner?: 'default' | 'inset';
+    /**
+     * The panel's maximum width. `md` (32rem) is the default and right for a
+     * confirmation or a short form; `sm` (28rem) for a single question; `lg`
+     * (42rem) for a picker or a form with two columns; `xl` (48rem) for a
+     * multi-step flow that needs a table or a preview beside its fields.
+     */
+    size?: DialogContentSize;
+};
+/** The dialog width ladder, so a caller picks a rung instead of a `max-w-*`. */
+export declare const dialogContentSizes: {
+    readonly sm: "max-w-md";
+    readonly md: "max-w-lg";
+    readonly lg: "max-w-2xl";
+    readonly xl: "max-w-3xl";
 };
+export type DialogContentSize = keyof typeof dialogContentSizes;
 export declare function DialogContent(props: DialogContentProps): JSX.Element;
 /**
  * The dialog's title block. `band` steps it onto the elevation ladder's

package/dist/components/ui/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,aAAa,EACvB,OAAO,IAAI,oBAAoB,EAC/B,OAAO,IAAI,oBAAoB,EAChC,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AA+C7D,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAChF,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACnF,CAAA;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,eAAe,EACf,eAAe,EAAE,qBAAqB,EACtC,gBAAgB,EAAE,sBAAsB,GACzC,EAAE,6BAA6B;6BA6DE,KAAK;8BA8CJ,KAAK;EA8CvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,eAEjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAEhF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,eAE9E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,eAY/E;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACjC,qFAAqF;IACrF,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CACjC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAuCtD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,eAS7E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAG5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGxF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGlF"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,aAAa,EACvB,OAAO,IAAI,oBAAoB,EAC/B,OAAO,IAAI,oBAAoB,EAChC,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AA+C7D,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAChF,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACnF,CAAA;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,eAAe,EACf,eAAe,EAAE,qBAAqB,EACtC,gBAAgB,EAAE,sBAAsB,GACzC,EAAE,6BAA6B;6BA6DE,KAAK;8BA8CJ,KAAK;EA8CvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,eAEjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAEhF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,eAE9E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,oBAAoB,CAAC,eAY/E;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACjC,qFAAqF;IACrF,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,gFAAgF;AAChF,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,kBAAkB,CAAA;AAE/D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA8CtD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,eAS7E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAG5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGxF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGlF"}

package/dist/components/ui/dialog/dialog.js

@@ -158,18 +158,26 @@ function DialogOverlay(props) {
 		return cn(overlayScrim, "data-expanded:animate-in data-expanded:fade-in-0 data-closed:animate-out data-closed:fade-out-0", local.class);
 	} }, rest));
 }
+/** The dialog width ladder, so a caller picks a rung instead of a `max-w-*`. */
+var dialogContentSizes = {
+	sm: "max-w-md",
+	md: "max-w-lg",
+	lg: "max-w-2xl",
+	xl: "max-w-3xl"
+};
 function DialogContent(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
 		"children",
 		"closeButton",
-		"positioner"
+		"positioner",
+		"size"
 	]);
 	return createComponent(Dialog.Portal, { get children() {
 		return [createComponent(DialogOverlay, {}), (() => {
 			var _el$ = _tmpl$();
 			insert(_el$, createComponent(Content, mergeProps({ get ["class"]() {
-				return cn(dialogSurface, overlayMotion, "relative grid w-full max-w-lg gap-4 p-5", local.class);
+				return cn(dialogSurface, overlayMotion, "relative grid w-full gap-4 p-5", dialogContentSizes[local.size ?? "md"], local.class);
 			} }, rest, { get children() {
 				return [memo(() => local.children), createComponent(Show, {
 					get when() {
@@ -256,6 +264,6 @@ function DialogClose(props) {
 	} }, rest));
 }
 //#endregion
-export { Dialog$1 as Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, createDialogFocusRestoration };
+export { Dialog$1 as Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, createDialogFocusRestoration, dialogContentSizes };
 
 //# sourceMappingURL=dialog.js.map