admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/showcase/assets/typography-D_99bjSh.js

@@ -0,0 +1,223 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Tr as r,hr as i,mr as a,t as o}from"./example-BIrQab7K.js";import{n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./label-BlCKlLE-.js";import{t as d}from"./text-link-DT-nOORV.js";import{t as f}from"./input-BPDdWrB1.js";var p=c(),m={primary:`bg-primary/10 text-primary ring-primary/20`,success:`bg-success/10 text-success ring-success/20`,error:`bg-destructive/10 text-destructive ring-destructive/20`,warning:`bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning`},h={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function g({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`rounded-sm px-1.5 py-0.5 ring-1 ring-inset`,m[t]),children:e})}function _({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`underline underline-offset-4 decoration-2`,h[t]),children:e})}function v({children:e,...n}){return(0,p.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:t(typeof e==`string`?e:``)},...n})}var y=e({DangerousHTMLExample:()=>R,HeadingTags:()=>w,HeadingWithSubHeading:()=>T,HighLightExample:()=>I,LabelExample:()=>N,RealisticArticle:()=>z,TextAlignment:()=>A,TextContentAndHTML:()=>j,TextLineHeights:()=>k,TextLinkSizes:()=>F,TextLinkVariants:()=>P,TextSizes:()=>E,TextTags:()=>M,TextTypes:()=>D,TextWeights:()=>O,UnderlineExample:()=>L}),b=[`xxs`,`xs`,`sm`,`base`,`lg`,`xl`],x=[`main`,`inverse`,`secondary`,`discrete`,`error`,`success`,`primary`],S=[`regular`,`medium`,`semibold`,`bold`],C=[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`];function w(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].map(e=>(0,p.jsxs)(r,{tag:e,children:[e.toUpperCase(),` — The quick brown fox`]},e))})}function T(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-6 w-full`,children:[(0,p.jsx)(r,{tag:`h2`,subHeading:`A short supporting line beneath the heading.`,children:`Section title`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Centered subheading.`,align:`center`,children:`Centered`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Right-aligned subheading.`,align:`right`,children:`Right`})]})}function E(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:b.map(e=>(0,p.jsxs)(n,{size:e,children:[e,`: The quick brown fox jumps over the lazy dog.`]},e))})}function D(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[x.filter(e=>e!==`inverse`).map(e=>(0,p.jsxs)(n,{type:e,children:[`type="`,e,`" — sample text`]},e)),(0,p.jsx)(`div`,{className:`rounded-md bg-foreground p-3`,children:(0,p.jsx)(n,{type:`inverse`,children:`type="inverse" — on dark background`})})]})}function O(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:S.map(e=>(0,p.jsxs)(n,{weight:e,children:[`weight=`,e,` — sample text`]},e))})}function k(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:C.map(e=>(0,p.jsx)(`div`,{className:`rounded border border-dashed border-border p-2`,children:(0,p.jsxs)(n,{lineHeight:e,children:[`lineHeight="`,e,`" — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`]})},e))})}function A(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{align:`left`,children:`Left aligned text`}),(0,p.jsx)(n,{align:`center`,children:`Center aligned text`}),(0,p.jsx)(n,{align:`right`,children:`Right aligned text`})]})}function j(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{content:`Rendered via the content prop`}),(0,p.jsx)(n,{asHTML:!0,content:`<strong>Sanitised</strong> HTML — <script>alert(1)<\/script> is stripped.`})]})}function M(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{tag:`p`,children:`tag="p" (default)`}),(0,p.jsx)(n,{tag:`div`,children:`tag="div"`}),(0,p.jsx)(n,{tag:`span`,children:`tag="span" — flows inline`})]})}function N(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 w-full max-w-sm`,children:[(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-email`,children:`Email address`}),(0,p.jsx)(f,{id:`typography-email`,placeholder:`you@example.com`})]}),(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-custom-label`,className:`text-primary`,children:`Custom-coloured label`}),(0,p.jsx)(f,{id:`typography-custom-label`})]})]})}function P(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(d,{href:`#`,children:`Default link`}),(0,p.jsx)(d,{href:`#`,underline:!1,children:`Without underline`}),(0,p.jsx)(d,{href:`#`,type:`primary`,weight:`semibold`,children:`Primary semibold`}),(0,p.jsx)(d,{href:`#`,type:`error`,children:`Destructive link`}),(0,p.jsx)(d,{href:`#`,type:`success`,children:`Success link`})]})}function F(){return(0,p.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-4 w-full`,children:[(0,p.jsx)(d,{href:`#`,size:`xs`,children:`xs`}),(0,p.jsx)(d,{href:`#`,size:`sm`,children:`sm`}),(0,p.jsx)(d,{href:`#`,size:`base`,children:`base`}),(0,p.jsx)(d,{href:`#`,size:`lg`,children:`lg`}),(0,p.jsx)(d,{href:`#`,size:`xl`,children:`xl`})]})}function I(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(n,{children:[`Default `,(0,p.jsx)(g,{content:`primary`}),` highlighted text`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`success`,variant:`success`}),` highlight`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`warning`,variant:`warning`}),` highlight`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`error`,variant:`error`}),` highlight`]})]})}function L(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`primary underline`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`success underline`,variant:`success`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`warning underline`,variant:`warning`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`error underline`,variant:`error`})})]})}function R(){return(0,p.jsx)(`div`,{className:`w-full max-w-md`,children:(0,p.jsx)(v,{children:`<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; tags are stripped before render.`})})}function z(){return(0,p.jsxs)(`article`,{className:`w-full max-w-2xl space-y-4`,children:[(0,p.jsx)(r,{tag:`h1`,subHeading:`Published 3 May 2026 by Sarah Smitha`,children:`Designing for clarity at scale`}),(0,p.jsx)(n,{size:`base`,lineHeight:`relaxed`,children:`When the product surface grows past a single screen, every label, every caption, and every empty state has to pull double duty. Hierarchy stops being a nice-to-have — it becomes the whole point.`}),(0,p.jsx)(r,{tag:`h2`,children:`The three rules`}),(0,p.jsxs)(n,{lineHeight:`relaxed`,children:[`One typeface. One scale. One weight per role.`,(0,p.jsx)(d,{href:`#`,type:`primary`,className:`ml-1`,children:`Read the full essay`}),`.`]})]})}var B=`import Heading from '@/components/typography/heading';
+import { Text } from '@/components/typography/text';
+import Label from '@/components/typography/label';
+import TextLink from '@/components/typography/text-link';
+import { HighLight, Underline, DangerousHTML } from '@/components/typography/typography';
+import { Input } from '@/components/base/forms/fields';
+
+const SIZES = ['xxs', 'xs', 'sm', 'base', 'lg', 'xl'] as const;
+const TYPES = ['main', 'inverse', 'secondary', 'discrete', 'error', 'success', 'primary'] as const;
+const WEIGHTS = ['regular', 'medium', 'semibold', 'bold'] as const;
+const LINE_HEIGHTS = ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose'] as const;
+
+export function HeadingTags() {
+	return (
+		<div className="flex flex-col gap-3 w-full">
+			{(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const).map((tag) => (
+				<Heading key={tag} tag={tag}>{tag.toUpperCase()} — The quick brown fox</Heading>
+			))}
+		</div>
+	);
+}
+
+export function HeadingWithSubHeading() {
+	return (
+		<div className="flex flex-col gap-6 w-full">
+			<Heading tag="h2" subHeading="A short supporting line beneath the heading.">
+				Section title
+			</Heading>
+			<Heading tag="h3" subHeading="Centered subheading." align="center">
+				Centered
+			</Heading>
+			<Heading tag="h3" subHeading="Right-aligned subheading." align="right">
+				Right
+			</Heading>
+		</div>
+	);
+}
+
+export function TextSizes() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			{SIZES.map((size) => (
+				<Text key={size} size={size}>
+					{size}: The quick brown fox jumps over the lazy dog.
+				</Text>
+			))}
+		</div>
+	);
+}
+
+export function TextTypes() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			{TYPES.filter((t) => t !== 'inverse').map((type) => (
+				<Text key={type} type={type}>
+					type=&quot;{type}&quot; — sample text
+				</Text>
+			))}
+			<div className="rounded-md bg-foreground p-3">
+				<Text type="inverse">type=&quot;inverse&quot; — on dark background</Text>
+			</div>
+		</div>
+	);
+}
+
+export function TextWeights() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			{WEIGHTS.map((w) => (
+				<Text key={w} weight={w}>weight={w} — sample text</Text>
+			))}
+		</div>
+	);
+}
+
+export function TextLineHeights() {
+	return (
+		<div className="flex flex-col gap-3 w-full">
+			{LINE_HEIGHTS.map((lh) => (
+				<div key={lh} className="rounded border border-dashed border-border p-2">
+					<Text lineHeight={lh}>
+						lineHeight=&quot;{lh}&quot; — Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+						Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+					</Text>
+				</div>
+			))}
+		</div>
+	);
+}
+
+export function TextAlignment() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			<Text align="left">Left aligned text</Text>
+			<Text align="center">Center aligned text</Text>
+			<Text align="right">Right aligned text</Text>
+		</div>
+	);
+}
+
+export function TextContentAndHTML() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			<Text content="Rendered via the content prop" />
+			<Text asHTML content="<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; is stripped." />
+		</div>
+	);
+}
+
+export function TextTags() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			<Text tag="p">tag=&quot;p&quot; (default)</Text>
+			<Text tag="div">tag=&quot;div&quot;</Text>
+			<Text tag="span">tag=&quot;span&quot; — flows inline</Text>
+		</div>
+	);
+}
+
+export function LabelExample() {
+	return (
+		<div className="flex flex-col gap-3 w-full max-w-sm">
+			<div className="space-y-1">
+				<Label htmlFor="typography-email">Email address</Label>
+				<Input id="typography-email" placeholder="you@example.com" />
+			</div>
+			<div className="space-y-1">
+				<Label htmlFor="typography-custom-label" className="text-primary">Custom-coloured label</Label>
+				<Input id="typography-custom-label" />
+			</div>
+		</div>
+	);
+}
+
+export function TextLinkVariants() {
+	return (
+		<div className="flex flex-col gap-2 w-full">
+			<TextLink href="#">Default link</TextLink>
+			<TextLink href="#" underline={false}>Without underline</TextLink>
+			<TextLink href="#" type="primary" weight="semibold">Primary semibold</TextLink>
+			<TextLink href="#" type="error">Destructive link</TextLink>
+			<TextLink href="#" type="success">Success link</TextLink>
+		</div>
+	);
+}
+
+export function TextLinkSizes() {
+	return (
+		<div className="flex flex-wrap items-baseline gap-4 w-full">
+			<TextLink href="#" size="xs">xs</TextLink>
+			<TextLink href="#" size="sm">sm</TextLink>
+			<TextLink href="#" size="base">base</TextLink>
+			<TextLink href="#" size="lg">lg</TextLink>
+			<TextLink href="#" size="xl">xl</TextLink>
+		</div>
+	);
+}
+
+export function HighLightExample() {
+	return (
+		<div className="flex flex-col gap-2">
+			<Text>Default <HighLight content="primary" /> highlighted text</Text>
+			<Text>Variant <HighLight content="success" variant="success" /> highlight</Text>
+			<Text>Variant <HighLight content="warning" variant="warning" /> highlight</Text>
+			<Text>Variant <HighLight content="error" variant="error" /> highlight</Text>
+		</div>
+	);
+}
+
+export function UnderlineExample() {
+	return (
+		<div className="flex flex-col gap-2">
+			<Text><Underline content="primary underline" /></Text>
+			<Text><Underline content="success underline" variant="success" /></Text>
+			<Text><Underline content="warning underline" variant="warning" /></Text>
+			<Text><Underline content="error underline" variant="error" /></Text>
+		</div>
+	);
+}
+
+export function DangerousHTMLExample() {
+	return (
+		<div className="w-full max-w-md">
+			<DangerousHTML>{'<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; tags are stripped before render.'}</DangerousHTML>
+		</div>
+	);
+}
+
+export function RealisticArticle() {
+	return (
+		<article className="w-full max-w-2xl space-y-4">
+			<Heading tag="h1" subHeading="Published 3 May 2026 by Sarah Smitha">
+				Designing for clarity at scale
+			</Heading>
+			<Text size="base" lineHeight="relaxed">
+				When the product surface grows past a single screen, every label, every
+				caption, and every empty state has to pull double duty. Hierarchy stops
+				being a nice-to-have — it becomes the whole point.
+			</Text>
+			<Heading tag="h2">The three rules</Heading>
+			<Text lineHeight="relaxed">
+				One typeface. One scale. One weight per role.
+				<TextLink href="#" type="primary" className="ml-1">Read the full essay</TextLink>.
+			</Text>
+		</article>
+	);
+}
+`;function V(e){let t={code:`code`,p:`p`,pre:`pre`,...e.components};return y||U(`Examples`,!1),R||U(`Examples.DangerousHTMLExample`,!0),w||U(`Examples.HeadingTags`,!0),T||U(`Examples.HeadingWithSubHeading`,!0),I||U(`Examples.HighLightExample`,!0),N||U(`Examples.LabelExample`,!0),z||U(`Examples.RealisticArticle`,!0),A||U(`Examples.TextAlignment`,!0),j||U(`Examples.TextContentAndHTML`,!0),k||U(`Examples.TextLineHeights`,!0),F||U(`Examples.TextLinkSizes`,!0),P||U(`Examples.TextLinkVariants`,!0),E||U(`Examples.TextSizes`,!0),M||U(`Examples.TextTags`,!0),D||U(`Examples.TextTypes`,!0),O||U(`Examples.TextWeights`,!0),L||U(`Examples.UnderlineExample`,!0),(0,p.jsxs)(i,{title:`Typography`,description:`Heading, Text, Label, and TextLink — the four typography primitives every higher layer composes from.`,layer:`base`,status:`ready`,sourcePath:`src/components/typography`,children:[(0,p.jsx)(a,{title:`Overview`,id:`overview`,children:(0,p.jsxs)(t.p,{children:[`The typography layer is intentionally tiny. `,(0,p.jsx)(t.code,{children:`Heading`}),` (h1–h6, optional
+`,(0,p.jsx)(t.code,{children:`subHeading`}),`), `,(0,p.jsx)(t.code,{children:`Text`}),` (six sizes, seven types, four weights, optional `,(0,p.jsx)(t.code,{children:`asHTML`}),`),
+`,(0,p.jsx)(t.code,{children:`Label`}),` (form captions), and `,(0,p.jsx)(t.code,{children:`TextLink`}),` (anchor sibling of `,(0,p.jsx)(t.code,{children:`Text`}),`) cover every
+typographic decision in the library. Anything outside the `,(0,p.jsx)(t.code,{children:`typography/`}),` folder
+that reaches for a font-size class is doing it wrong.`]})}),(0,p.jsxs)(a,{title:`Consumer usage`,id:`usage`,children:[(0,p.jsx)(t.p,{children:`Consumers import typography from the top-level exact package entrypoint:`}),(0,p.jsx)(t.pre,{children:(0,p.jsx)(t.code,{className:`language-tsx`,children:`import { Heading, Label, Text, TextLink } from 'admin-ui-starter-kit/typography';
+`})}),(0,p.jsxs)(t.p,{children:[`Use `,(0,p.jsx)(t.code,{children:`Text`}),` for ordinary body, labels, metadata, helper copy, and inline
+messages. Omit `,(0,p.jsx)(t.code,{children:`size`}),` for normal body text so the `,(0,p.jsx)(t.code,{children:`UIProvider`}),` typography
+default can flow through; reach for `,(0,p.jsx)(t.code,{children:`size="xs" type="secondary"`}),` for secondary
+details and `,(0,p.jsx)(t.code,{children:`size="xxs" type="secondary"`}),` for dense micro labels. Use
+`,(0,p.jsx)(t.code,{children:`weight="semibold"`}),` instead of local font-weight classes.`]}),(0,p.jsxs)(t.p,{children:[`Use `,(0,p.jsx)(t.code,{children:`Heading`}),` for page or section headings, `,(0,p.jsx)(t.code,{children:`Label`}),` for form captions, and
+`,(0,p.jsx)(t.code,{children:`TextLink`}),` for inline links that need the same sizing and tone controls as
+`,(0,p.jsx)(t.code,{children:`Text`}),`. Do not hand-roll typography with raw `,(0,p.jsx)(t.code,{children:`text-sm`}),`, `,(0,p.jsx)(t.code,{children:`text-xs`}),`,
+`,(0,p.jsx)(t.code,{children:`font-semibold`}),`, or muted color utilities in consumer surfaces.`]})]}),(0,p.jsxs)(a,{title:`Heading`,id:`heading`,children:[(0,p.jsx)(o,{name:`HeadingTags`,source:B,children:(0,p.jsx)(w,{})}),(0,p.jsx)(o,{name:`HeadingWithSubHeading`,source:B,children:(0,p.jsx)(T,{})})]}),(0,p.jsx)(a,{title:`Text — sizes`,id:`text-sizes`,children:(0,p.jsx)(o,{name:`TextSizes`,source:B,children:(0,p.jsx)(E,{})})}),(0,p.jsxs)(a,{title:`Text — types & weights`,id:`text-types`,children:[(0,p.jsx)(o,{name:`TextTypes`,source:B,children:(0,p.jsx)(D,{})}),(0,p.jsx)(o,{name:`TextWeights`,source:B,children:(0,p.jsx)(O,{})})]}),(0,p.jsxs)(a,{title:`Text — layout`,id:`text-layout`,children:[(0,p.jsx)(o,{name:`TextLineHeights`,source:B,children:(0,p.jsx)(k,{})}),(0,p.jsx)(o,{name:`TextAlignment`,source:B,children:(0,p.jsx)(A,{})}),(0,p.jsx)(o,{name:`TextTags`,source:B,children:(0,p.jsx)(M,{})})]}),(0,p.jsx)(a,{title:`Text — content prop & HTML`,id:`text-html`,children:(0,p.jsx)(o,{name:`TextContentAndHTML`,source:B,children:(0,p.jsx)(j,{})})}),(0,p.jsx)(a,{title:`Label`,id:`label`,children:(0,p.jsx)(o,{name:`LabelExample`,source:B,children:(0,p.jsx)(N,{})})}),(0,p.jsxs)(a,{title:`TextLink`,id:`text-link`,children:[(0,p.jsx)(o,{name:`TextLinkVariants`,source:B,children:(0,p.jsx)(P,{})}),(0,p.jsx)(o,{name:`TextLinkSizes`,source:B,children:(0,p.jsx)(F,{})})]}),(0,p.jsxs)(a,{title:`Inline helpers — HighLight & Underline`,id:`inline-helpers`,children:[(0,p.jsxs)(t.p,{children:[`The `,(0,p.jsx)(t.code,{children:`HighLight`}),` and `,(0,p.jsx)(t.code,{children:`Underline`}),` helpers (from `,(0,p.jsx)(t.code,{children:`@/components/typography/typography`}),`)
+render small inline accents in four variants — `,(0,p.jsx)(t.code,{children:`primary`}),`, `,(0,p.jsx)(t.code,{children:`success`}),`,
+`,(0,p.jsx)(t.code,{children:`warning`}),`, `,(0,p.jsx)(t.code,{children:`error`}),`. `,(0,p.jsx)(t.code,{children:`DangerousHTML`}),` is the sanitised escape-hatch when you
+must render server-trusted HTML.`]}),(0,p.jsx)(o,{name:`HighLightExample`,source:B,children:(0,p.jsx)(I,{})}),(0,p.jsx)(o,{name:`UnderlineExample`,source:B,children:(0,p.jsx)(L,{})}),(0,p.jsx)(o,{name:`DangerousHTMLExample`,source:B,children:(0,p.jsx)(R,{})})]}),(0,p.jsx)(a,{title:`Realistic usage`,id:`realistic`,children:(0,p.jsx)(o,{name:`RealisticArticle`,source:B,children:(0,p.jsx)(z,{})})}),(0,p.jsxs)(a,{title:`API`,id:`api`,children:[(0,p.jsx)(l,{component:`Heading`}),(0,p.jsx)(l,{component:`Text`}),(0,p.jsx)(l,{component:`Label`}),(0,p.jsx)(l,{component:`TextLink`})]})]})}function H(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(V,{...e})}):V(e)}function U(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{H as default};

package/dist/showcase/assets/ui-badge-C1bu7wRu.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{br as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{s as a}from"./index-Cz4UGUT2.js";import{n as o}from"./PreviewLayout-BG1B5TzA.js";var s=e({InContext:()=>u,Variants:()=>l}),c=a();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(t,{children:`default`}),(0,c.jsx)(t,{variant:`secondary`,children:`secondary`}),(0,c.jsx)(t,{variant:`destructive`,children:`destructive`}),(0,c.jsx)(t,{variant:`outline`,children:`outline`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`secondary`,children:`draft`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{children:`live`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`destructive`,children:`expired`})]})]})})}var d=`import { Badge } from '@/components/ui/badge';
+import { Row } from '../../PreviewLayout';
+
+export function Variants() {
+	return (
+		<>
+			<Row>
+								<Badge>default</Badge>
+								<Badge variant="secondary">secondary</Badge>
+								<Badge variant="destructive">destructive</Badge>
+								<Badge variant="outline">outline</Badge>
+							</Row>
+		</>
+	);
+}
+
+export function InContext() {
+	return (
+		<>
+			<Row>
+								<span className="text-sm">Status: <Badge variant="secondary">draft</Badge></span>
+								<span className="text-sm">Status: <Badge>live</Badge></span>
+								<span className="text-sm">Status: <Badge variant="destructive">expired</Badge></span>
+							</Row>
+		</>
+	);
+}
+`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.InContext`,!0),l||m(`Examples.Variants`,!0),(0,c.jsx)(n,{title:`UI · Badge`,description:`shadcn badge primitive (no theming wrapper).`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Variants`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`InContext`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/ui-card-Ct1FFUxv.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./card-CFIG8Dgg.js";var d=e({CompactSizeSm:()=>m,Default:()=>p}),f=i();function p(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{children:[(0,f.jsxs)(a,{children:[(0,f.jsx)(c,{children:`Card title`}),(0,f.jsx)(l,{children:`A short description goes here.`})]}),(0,f.jsx)(s,{children:`Body content area.`}),(0,f.jsx)(o,{className:`text-xs text-muted-foreground`,children:`Footer note`})]})})}function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{size:`sm`,children:[(0,f.jsx)(a,{children:(0,f.jsx)(c,{children:`Compact`})}),(0,f.jsx)(s,{children:`Smaller padding & gap.`})]})})}var h=`import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card';
+
+export function Default() {
+	return (
+		<>
+			<Card>
+								<CardHeader>
+									<CardTitle>Card title</CardTitle>
+									<CardDescription>A short description goes here.</CardDescription>
+								</CardHeader>
+								<CardContent>Body content area.</CardContent>
+								<CardFooter className="text-xs text-muted-foreground">Footer note</CardFooter>
+							</Card>
+		</>
+	);
+}
+
+export function CompactSizeSm() {
+	return (
+		<>
+			<Card size="sm">
+								<CardHeader>
+									<CardTitle>Compact</CardTitle>
+								</CardHeader>
+								<CardContent>Smaller padding & gap.</CardContent>
+							</Card>
+		</>
+	);
+}
+`;function g(e){return d||v(`Examples`,!1),m||v(`Examples.CompactSizeSm`,!0),p||v(`Examples.Default`,!0),(0,f.jsx)(t,{title:`UI · Card`,description:`shadcn primitive card with header / title / description / content / footer.`,layer:`ui`,status:`ready`,children:(0,f.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(r,{name:`Default`,source:h,children:(0,f.jsx)(p,{})}),(0,f.jsx)(r,{name:`CompactSizeSm`,source:h,children:(0,f.jsx)(m,{})})]})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(g,{...e})}):g(e)}function v(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{_ as default};

package/dist/showcase/assets/ui-table-Dxu9Jjq0.js

@@ -0,0 +1,42 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./table-ClYkDRAk.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(l,{children:`Recent orders`}),(0,p.jsx)(c,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(a,{children:`Order`}),(0,p.jsx)(a,{children:`Customer`}),(0,p.jsx)(a,{children:`Amount`}),(0,p.jsx)(a,{children:`Status`})]})}),(0,p.jsxs)(s,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-001`}),(0,p.jsx)(o,{children:`Sarah Smitha`}),(0,p.jsx)(o,{children:`2,450 USD`}),(0,p.jsx)(o,{children:`Paid`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-002`}),(0,p.jsx)(o,{children:`Daniel Smith`}),(0,p.jsx)(o,{children:`370 USD`}),(0,p.jsx)(o,{children:`Pending`})]})]})]})})}var h=`import {
+	Table,
+	TableBody,
+	TableCaption,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from '@/components/ui/table';
+
+export function Default() {
+	return (
+		<>
+			<Table>
+								<TableCaption>Recent orders</TableCaption>
+								<TableHeader>
+									<TableRow>
+										<TableHead>Order</TableHead>
+										<TableHead>Customer</TableHead>
+										<TableHead>Amount</TableHead>
+										<TableHead>Status</TableHead>
+									</TableRow>
+								</TableHeader>
+								<TableBody>
+									<TableRow>
+										<TableCell>ORD-001</TableCell>
+										<TableCell>Sarah Smitha</TableCell>
+										<TableCell>2,450 USD</TableCell>
+										<TableCell>Paid</TableCell>
+									</TableRow>
+									<TableRow>
+										<TableCell>ORD-002</TableCell>
+										<TableCell>Daniel Smith</TableCell>
+										<TableCell>370 USD</TableCell>
+										<TableCell>Pending</TableCell>
+									</TableRow>
+								</TableBody>
+							</Table>
+		</>
+	);
+}
+`;function g(e){return f||v(`Examples`,!1),m||v(`Examples.Default`,!0),(0,p.jsx)(t,{title:`UI · Table`,description:`shadcn table primitive (no data layer).`,layer:`ui`,status:`ready`,children:(0,p.jsx)(n,{title:`Examples`,id:`examples`,children:(0,p.jsx)(r,{name:`Default`,source:h,children:(0,p.jsx)(m,{})})})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(g,{...e})}):g(e)}function v(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{_ as default};

package/dist/showcase/assets/upload-tray-BeOBVU1z.js

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,jr as a,mr as o,r as s,t as c,yr as l}from"./example-BIrQab7K.js";import{t as u}from"./circle-alert-ysbx8rsZ.js";import{t as d}from"./clock-DuBsP5t3.js";import{n as f,t as p}from"./dropzone-Bl7RO_Uk.js";import{t as m}from"./refresh-cw-DnxNcOMm.js";import{t as h}from"./x-BqJnRkKw.js";import{k as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";var b=v(),x={queued:`Queued`,uploading:`Uploading`,done:`Uploaded`,error:`Failed`,cancelled:`Cancelled`,cancel:`Cancel`,retry:`Retry`,remove:`Remove`},S={queued:{icon:d,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`},uploading:{icon:f,bg:`bg-primary/15`,fg:`text-primary`,bar:`bg-primary`},done:{icon:a,bg:`bg-success/15`,fg:`text-success`,bar:`bg-success`},error:{icon:u,bg:`bg-destructive/15`,fg:`text-destructive`,bar:`bg-destructive`},cancelled:{icon:h,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`}};function C({items:e,onCancel:t,onRetry:n,onRemove:i,className:a,strings:o}){let c=g(x,o),l={queued:c.queued,uploading:c.uploading,done:c.done,error:c.error,cancelled:c.cancelled};return e.length===0?null:(0,b.jsx)(`ul`,{className:_(`upload-progress-list--component`,`space-y-2`,a),children:e.map(e=>{let a=S[e.status],o=a.icon,u=e.status===`done`?100:e.status===`cancelled`||e.status===`error`?e.progress??0:Math.max(0,Math.min(100,e.progress??0)),d=e.status===`uploading`||e.status===`queued`;return(0,b.jsx)(`li`,{className:`rounded-md border border-border/60 bg-card px-3 py-2`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(`span`,{className:_(`inline-flex size-7 shrink-0 items-center justify-center rounded-md`,a.bg,a.fg),children:(0,b.jsx)(o,{className:_(`size-3.5`,e.status===`uploading`&&`animate-pulse`)})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,b.jsx)(r,{weight:`medium`,className:`truncate`,children:e.name}),(0,b.jsx)(r,{size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.size})]}),d?(0,b.jsx)(`div`,{className:`mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted`,children:(0,b.jsx)(`div`,{className:_(`h-full rounded-full transition-[width] duration-200`,a.bar),style:{width:`${u}%`}})}):(0,b.jsxs)(r,{size:`xxs`,type:e.status===`error`?`error`:`secondary`,children:[l[e.status],e.status===`error`&&!!e.error&&` — ${e.error}`]})]}),(0,b.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.status===`uploading`&&!!t&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.cancel,onClick:()=>t(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})}),e.status===`error`&&!!n&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.retry,onClick:()=>n(e.id),children:(0,b.jsx)(m,{className:`size-3.5`})}),(e.status===`done`||e.status===`error`||e.status===`cancelled`)&&!!i&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.remove,onClick:()=>i(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})})]})]})},e.id)})})}C.displayName=`UploadProgressList`;var w=t(n(),1),T={heading:`Upload progress`,completedLabel:`Completed`,failedLabel:`Failed`,uploadingLabel:`Uploading`,queuedLabel:`Queued`,clearAll:`Clear all`};function E(e){let t=0,n=0,r=0,i=0;for(let a of e)a.status===`done`?t+=1:a.status===`error`?n+=1:a.status===`uploading`?r+=1:a.status===`queued`&&(i+=1);return{completed:t,failed:n,uploading:r,queued:i}}var D=(0,w.forwardRef)(function({items:e,onAddFiles:t,onCancel:n,onRetry:i,onRemove:a,onClearAll:o,dropzone:c,className:u,strings:d,listStrings:f},m){let h=g(T,d),{completed:v,failed:y,uploading:x,queued:S}=E(e),D=(0,w.useCallback)(e=>{e.length>0&&t(e)},[t]),O=e.length>0;return(0,b.jsxs)(`div`,{ref:m,className:_(`upload-tray--component`,`flex flex-col gap-4`,u),children:[(0,b.jsx)(p,{onDrop:D,accept:c?.accept,multiple:c?.multiple,size:c?.size,disabled:c?.disabled,invalid:c?.invalid,strings:c?.strings}),!!O&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,b.jsx)(r,{tag:`span`,weight:`semibold`,children:h.heading}),v>0&&(0,b.jsxs)(l,{variant:`success`,children:[h.completedLabel,`: `,v]}),y>0&&(0,b.jsxs)(l,{variant:`destructive`,children:[h.failedLabel,`: `,y]}),x>0&&(0,b.jsxs)(l,{variant:`info`,children:[h.uploadingLabel,`: `,x]}),S>0&&(0,b.jsxs)(l,{variant:`secondary`,children:[h.queuedLabel,`: `,S]})]}),!!o&&(0,b.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:o,children:h.clearAll})]}),(0,b.jsx)(C,{items:e,onCancel:n,onRetry:i,onRemove:a,strings:f})]})]})});D.displayName=`UploadTray`;var O=e({Default:()=>j,EmptyDropzoneOnly:()=>M,LiveSimulatedUpload:()=>P,LocalisedFrench:()=>F,MixedItemStates:()=>N});function k(e){return e<1024?`${e} B`:e<1024**2?`${(e/1024).toFixed(1)} KB`:e<1024**3?`${(e/1024/1024).toFixed(1)} MB`:`${(e/1024/1024/1024).toFixed(1)} GB`}var A=[{id:`seed-1`,name:`spec.pdf`,size:`420 KB`,status:`done`,progress:100},{id:`seed-2`,name:`photo-large.png`,size:`2.4 MB`,status:`error`,progress:65,error:`Upload failed. Please try again.`},{id:`seed-3`,name:`archive.zip`,size:`8.1 MB`,status:`uploading`,progress:42}];function j(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[])})})}function M(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:[],onAddFiles:()=>{}})})}function N(){let[e,t]=(0,w.useState)(A);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:()=>{},onRetry:e=>t(t=>t.map(t=>t.id===e?{...t,status:`uploading`,progress:0,error:void 0}:t)),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:()=>t([])})})}function P(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[]),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:e.length>0?()=>t([]):void 0,dropzone:{multiple:!0,strings:{instruction:`Drag files here or click to browse`,helper:`Up to 10 MB each — images, PDFs, archives`}}})})}function F(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:A.slice(0,2),onAddFiles:()=>{},onRetry:()=>{},onRemove:()=>{},onClearAll:()=>{},strings:{heading:`Téléversements`,completedLabel:`Terminés`,failedLabel:`Échoués`,uploadingLabel:`En cours`,queuedLabel:`En attente`,clearAll:`Tout effacer`},listStrings:{queued:`En attente`,uploading:`En cours`,done:`Terminé`,error:`Échoué`,cancelled:`Annulé`,cancel:`Annuler`,retry:`Réessayer`,remove:`Supprimer`},dropzone:{strings:{instruction:`Glissez vos fichiers ou cliquez`,helper:`PDF, images, archives — 10 Mo maximum`,dragOver:`Relâchez pour téléverser`}}})})}var I=`import { useCallback, useState } from 'react';
+import {
+	UploadTray,
+	type UploadItem,
+} from '@/components/base/forms/fields';
+
+function formatBytes(bytes: number): string {
+	if (bytes < 1024) return \`\${bytes} B\`;
+	if (bytes < 1024 ** 2) return \`\${(bytes / 1024).toFixed(1)} KB\`;
+	if (bytes < 1024 ** 3) return \`\${(bytes / 1024 / 1024).toFixed(1)} MB\`;
+	return \`\${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB\`;
+}
+
+const INITIAL: UploadItem[] = [
+	{ id: 'seed-1', name: 'spec.pdf', size: '420 KB', status: 'done', progress: 100 },
+	{ id: 'seed-2', name: 'photo-large.png', size: '2.4 MB', status: 'error', progress: 65, error: 'Upload failed. Please try again.' },
+	{ id: 'seed-3', name: 'archive.zip', size: '8.1 MB', status: 'uploading', progress: 42 },
+];
+
+export function Default() {
+	const [items, setItems] = useState<UploadItem[]>([]);
+	const onAddFiles = useCallback((files: File[]) => {
+		const next: UploadItem[] = files.map((f) => ({
+			id: \`\${Date.now()}-\${f.name}\`,
+			name: f.name,
+			size: formatBytes(f.size),
+			progress: 0,
+			status: 'uploading' as const,
+		}));
+		setItems((prev) => [...prev, ...next]);
+	}, []);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray items={items} onAddFiles={onAddFiles} />
+		</div>
+	);
+}
+
+export function EmptyDropzoneOnly() {
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray items={[]} onAddFiles={() => {}} />
+		</div>
+	);
+}
+
+export function MixedItemStates() {
+	const [items, setItems] = useState<UploadItem[]>(INITIAL);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={items}
+				onAddFiles={() => {}}
+				onRetry={(id) =>
+					setItems((prev) =>
+						prev.map((it) => (it.id === id ? { ...it, status: 'uploading', progress: 0, error: undefined } : it)),
+					)
+				}
+				onRemove={(id) => setItems((prev) => prev.filter((it) => it.id !== id))}
+				onClearAll={() => setItems([])}
+			/>
+		</div>
+	);
+}
+
+export function LiveSimulatedUpload() {
+	const [items, setItems] = useState<UploadItem[]>([]);
+	const onAddFiles = useCallback((files: File[]) => {
+		const next: UploadItem[] = files.map((f) => ({
+			id: \`\${Date.now()}-\${f.name}\`,
+			name: f.name,
+			size: formatBytes(f.size),
+			progress: 0,
+			status: 'uploading' as const,
+		}));
+		setItems((prev) => [...prev, ...next]);
+	}, []);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={items}
+				onAddFiles={onAddFiles}
+				onRemove={(id) => setItems((prev) => prev.filter((it) => it.id !== id))}
+				onClearAll={items.length > 0 ? () => setItems([]) : undefined}
+				dropzone={{
+					multiple: true,
+					strings: {
+						instruction: 'Drag files here or click to browse',
+						helper: 'Up to 10 MB each — images, PDFs, archives',
+					},
+				}}
+			/>
+		</div>
+	);
+}
+
+export function LocalisedFrench() {
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={INITIAL.slice(0, 2)}
+				onAddFiles={() => {}}
+				onRetry={() => {}}
+				onRemove={() => {}}
+				onClearAll={() => {}}
+				strings={{
+					heading: 'Téléversements',
+					completedLabel: 'Terminés',
+					failedLabel: 'Échoués',
+					uploadingLabel: 'En cours',
+					queuedLabel: 'En attente',
+					clearAll: 'Tout effacer',
+				}}
+				listStrings={{
+					queued: 'En attente',
+					uploading: 'En cours',
+					done: 'Terminé',
+					error: 'Échoué',
+					cancelled: 'Annulé',
+					cancel: 'Annuler',
+					retry: 'Réessayer',
+					remove: 'Supprimer',
+				}}
+				dropzone={{
+					strings: {
+						instruction: 'Glissez vos fichiers ou cliquez',
+						helper: 'PDF, images, archives — 10 Mo maximum',
+						dragOver: 'Relâchez pour téléverser',
+					},
+				}}
+			/>
+		</div>
+	);
+}
+`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),j||z(`Examples.Default`,!0),M||z(`Examples.EmptyDropzoneOnly`,!0),P||z(`Examples.LiveSimulatedUpload`,!0),F||z(`Examples.LocalisedFrench`,!0),N||z(`Examples.MixedItemStates`,!0),(0,b.jsxs)(i,{title:`Upload tray`,description:`Drag-drop area + per-file progress rows + summary toolbar. Composes Dropzone and UploadProgressList. Framework-agnostic — the consumer drives the actual transfer.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms/fields`,children:[(0,b.jsx)(o,{title:`Overview`,id:`overview`,children:(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`UploadTray`}),` is the canonical drop-and-progress surface. The consumer owns
+the items array (status + progress) and wires `,(0,b.jsx)(t.code,{children:`onAddFiles`}),`, `,(0,b.jsx)(t.code,{children:`onRetry`}),`,
+`,(0,b.jsx)(t.code,{children:`onRemove`}),`, and `,(0,b.jsx)(t.code,{children:`onClearAll`}),` to their transfer mechanism. Every string is
+overridable via `,(0,b.jsx)(t.code,{children:`strings`}),`, `,(0,b.jsx)(t.code,{children:`listStrings`}),`, and `,(0,b.jsx)(t.code,{children:`dropzone.strings`}),`.`]})}),(0,b.jsx)(o,{title:`Default`,id:`default`,children:(0,b.jsx)(c,{name:`Default`,source:I,children:(0,b.jsx)(j,{})})}),(0,b.jsxs)(o,{title:`States`,id:`states`,children:[(0,b.jsx)(c,{name:`EmptyDropzoneOnly`,source:I,children:(0,b.jsx)(M,{})}),(0,b.jsx)(c,{name:`MixedItemStates`,source:I,children:(0,b.jsx)(N,{})})]}),(0,b.jsx)(o,{title:`Realistic usage`,id:`realistic`,children:(0,b.jsx)(c,{name:`LiveSimulatedUpload`,source:I,children:(0,b.jsx)(P,{})})}),(0,b.jsx)(o,{title:`Localisation`,id:`localisation`,children:(0,b.jsx)(c,{name:`LocalisedFrench`,source:I,children:(0,b.jsx)(F,{})})}),(0,b.jsx)(o,{title:`API`,id:`api`,children:(0,b.jsx)(y,{component:`UploadTray`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};

package/dist/showcase/assets/use-form-field-state-Sbo6tfr9.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t(),1);function r({controlledValue:e,defaultValue:t,maxLength:r,showCharacterCount:i,providedId:a,idPrefix:o=`field`,hasOnChange:s}){let c=(0,n.useId)(),l=a||`${o}${c}`,[u,d]=(0,n.useState)(t||``),f=e!==void 0,p=(f?e:u)??``,m=!!(s&&!f&&!t),h=p.length,g=r!==void 0,_=i===!1?!1:!!(i||g),v=p!==``,y=(0,n.useCallback)(e=>g&&e.length>r,[g,r]),b=(0,n.useCallback)(e=>y(e)?!1:(f||d(e),!0),[f,y]),x=(0,n.useCallback)(()=>{f||d(``)},[f]);return(0,n.useMemo)(()=>({id:l,value:p,isControlled:f,isReactHookForm:m,characterCount:h,hasCharacterLimit:g,showCount:_,hasValue:v,updateValue:b,clearValue:x,wouldExceedLimit:y}),[l,p,f,m,h,g,_,v,b,x,y])}export{r as t};

package/dist/showcase/assets/use-layout-link-BK_oEoBg.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{s as n}from"./index-Cz4UGUT2.js";var r=e(t(),1),i=n(),a=({href:e,children:t,disabled:n,external:r,rel:a,target:o,...s})=>!e||n?(0,i.jsx)(`span`,{...s,children:t}):(0,i.jsx)(`a`,{href:e,target:o??(r?`_blank`:void 0),rel:a??(r?`noopener noreferrer`:void 0),...s,children:t});function o({renderLink:e,LinkComponent:t}={}){return e||(t?({active:e,disabled:n,external:r,children:a,...o})=>n||!o.href?(0,i.jsx)(`span`,{className:o.className,children:a}):(0,i.jsx)(t,{...o,children:a}):a)}function s({renderLink:e,LinkComponent:t}={}){return(0,r.useMemo)(()=>o({renderLink:e,LinkComponent:t}),[e,t])}export{s as t};

package/dist/showcase/assets/useAnchoredPopupScrollLock-DLXArfPo.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{It as n,rr as r}from"./example-BIrQab7K.js";import{r as i}from"./useOpenInteractionType-eyZ6twES.js";var a=e(t()),o=20;function s(e,t,s,c){let[l,u]=a.useState(!1);r(()=>{if(!e||!t||s==null){u(!1);return}let r=n(s).documentElement.clientWidth,i=s.offsetWidth;u(r>0&&i>0&&i>=r-o)},[e,t,s]),i(e&&(!t||l),c)}export{s as t};

package/dist/showcase/assets/useAriaLabelledBy-etINba8U.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{g as n,rr as r}from"./example-BIrQab7K.js";var i=e(t());function a(e,t,a,s=!0,c){let[l,u]=i.useState(),d=n(c?`${c}-label`:void 0),f=e??t??l;return r(()=>{let n=e||t||!s?void 0:o(a.current,d);l!==n&&u(n)}),f}function o(e,t){let n=s(e);if(n)return!n.id&&t&&(n.id=t),n.id||void 0}function s(e){if(!e)return;let t=e.parentElement;if(t&&t.tagName===`LABEL`)return t;let n=e.id;if(n){let t=e.nextElementSibling;if(t&&t.htmlFor===n)return t}let r=e.labels;return r&&r[0]}export{a as t};

package/dist/showcase/assets/useCollapsiblePanel-BNe9r1t_.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{B as n,H as r,Ht as i,Lt as a,R as o,Vt as s,Zn as c,cr as l,g as u,ir as d,pn as f,rr as p,sn as m,tr as h,z as g,zt as _}from"./example-BIrQab7K.js";import{t as v}from"./useControlled-Cpg8gDqb.js";var y=e(t());function b(e){let{open:t,defaultOpen:n,onOpenChange:a,disabled:o}=e,[s,c]=v({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:l,setMounted:p,transitionStatus:m}=r(s,!0,!0),h=u(),[g,_]=y.useState(),b=g??h,x=d(e=>{let t=!s,n=i(f,e.nativeEvent);a(t,n),!n.isCanceled&&c(t)});return y.useMemo(()=>({disabled:o,handleTrigger:x,mounted:l,open:s,panelId:b,setMounted:p,setOpen:c,setPanelIdState:_,transitionStatus:m}),[o,x,l,s,b,p,c,_,m])}var x=y.createContext(void 0);function S(){let e=y.useContext(x);if(e===void 0)throw Error(h(15));return e}var C=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=n.startingStyle]=`startingStyle`,e[e.endingStyle=n.endingStyle]=`endingStyle`,e}({}),w=function(e){return e.panelOpen=`data-panel-open`,e}({}),T={[C.open]:``},E={[C.closed]:``},D={open(e){return e?{[w.panelOpen]:``}:null}},O={open(e){return e?T:E}},k={height:void 0,width:void 0};function A(e){let{externalRef:t,hiddenUntilFound:n,id:r,keepMounted:l,mounted:u,onOpenChange:f,open:h,setMounted:v,setOpen:b,transitionStatus:x}=e,S=y.useRef(null),w=y.useRef(null),[T,E]=y.useState(k),D=y.useRef(k),O=y.useRef(!1),A=y.useRef(h),N=y.useRef(!1),[I,L]=y.useState(!1),R=y.useRef(null),z=c(t,S),B=_({mounted:u,open:h}),V=g(S,!1,!1),H=!h&&!u,U=I?`idle`:x,W=h&&(A.current||N.current),G=!h&&u&&w.current===`css-animation`&&T.height===void 0&&T.width===void 0?D.current:T,K=n&&H&&w.current!==`css-animation`,q=d((e,t=!0)=>{t&&(D.current=e),E(e)}),J=d(()=>{R.current?.(),R.current=null}),Y=d(e=>{J(),R.current=()=>{R.current=null,e()}}),X=d(()=>{h&&u&&w.current===`css-animation`&&(N.current=!0)});p(()=>{!I||x===`starting`||L(!1)},[I,x]),y.useEffect(()=>()=>{X(),J()},[X,J]),p(()=>{let e=S.current;if(!e)return;!h&&R.current&&J();let t=M(e,W);if(w.current=t,h&&x===`idle`&&A.current&&t===`css-animation`){D.current=j(e);return}if(h&&x===`starting`){let n=O.current;if(O.current=!1,t===`none`){q(j(e)),L(!0);return}if(t===`css-transition`){let t=F(e);return q(j(e)),n?(Y(P(e,`transition-duration`,`0s`)),L(!0),t):t}if(t===`css-animation`){if(q(j(e)),!n){P(e,`animation-name`,`none`)();return}let t=P(e,`animation-name`,`none`),r=P(e,`animation-duration`,`0s`);t(),Y(r),L(!0);return}}if(!h&&u&&(x===`idle`||x===`starting`)){if(t===`none`){q(k,!1),v(!1);return}t===`css-animation`&&(A.current=!1,N.current=!1),q(j(e));return}if(x!==`ending`)return;if(t===`none`){v(!1);return}let n=j(e);if(!((n.height??0)>0||(n.width??0)>0)){v(!1);return}q(n),t===`css-animation`&&P(e,`animation-name`,`none`)()},[u,h,J,q,v,Y,W,x]),o({enabled:h&&u&&U===`idle`,open:!0,ref:S,onComplete(){h&&q(k,!1)}}),y.useEffect(()=>{if(h||!u||U!==`ending`||!S.current)return;let e=new AbortController,t=-1;function n(){B.current.open||(v(!1),q(k,!1))}return t=a.request(()=>{e.signal.aborted||V(n,e.signal)}),()=>{a.cancel(t),e.abort()}},[B,u,h,U,V,q,v]),p(()=>{let e=S.current;!e||!n||!H||e.setAttribute(`hidden`,`until-found`)},[H,n]),y.useEffect(function(){let e=S.current;if(!e)return;function t(e){O.current=!0,b(!0),f(!0,i(m,e))}return s(e,`beforematch`,t)},[f,b]);let Z=l||n||u||h;return{height:G.height,props:{...K?{[C.startingStyle]:``}:void 0,hidden:H,id:r},ref:z,shouldPreventOpenAnimation:W,shouldRender:Z,transitionStatus:U,width:G.width}}function j(e){return{height:e.scrollHeight,width:e.scrollWidth}}function M(e,t=!1){let n=l(e).getComputedStyle(e),r=(n.animationName.split(`,`).map(e=>e.trim()).some(e=>e!==``&&e!==`none`)||t)&&N(n.animationDuration),i=N(n.transitionDuration);return r&&i||i?`css-transition`:r?`css-animation`:`none`}function N(e){return e.split(`,`).map(e=>e.trim()).some(e=>e!==``&&Number.parseFloat(e)>0)}function P(e,t,n){let r=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t);return e.style.setProperty(t,n),()=>{if(r===``){e.style.removeProperty(t);return}e.style.setProperty(t,r,i)}}function F(e){let t={"justify-content":e.style.justifyContent,"align-items":e.style.alignItems,"align-content":e.style.alignContent,"justify-items":e.style.justifyItems};Object.keys(t).forEach(t=>{e.style.setProperty(t,`initial`,`important`)});function n(){Object.entries(t).forEach(([t,n])=>{if(n===``){e.style.removeProperty(t);return}e.style.setProperty(t,n)})}let r=a.request(n);return()=>{a.cancel(r),n()}}export{S as a,x as i,O as n,b as o,D as r,A as t};

package/dist/showcase/assets/useCompositeItem-CvG1CBEV.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Zn as n,er as r}from"./example-BIrQab7K.js";import{n as i}from"./useCompositeListItem-CcY0U1bY.js";var a=e(t());function o(e={}){let{highlightItemOnHover:t,highlightedIndex:o,onHighlightedIndexChange:s}=r(),{ref:c,index:l}=i(e),u=o===l,d=a.useRef(null),f=n(c,d);return{compositeProps:a.useMemo(()=>({tabIndex:u?0:-1,onFocus(){s(l)},onMouseMove(){let e=d.current;if(!t||!e)return;let n=e.hasAttribute(`disabled`)||e.ariaDisabled===`true`;!u&&!n&&e.focus()}}),[u,s,l,t]),compositeRef:f,index:l}}export{o as t};

package/dist/showcase/assets/useCompositeListItem-CcY0U1bY.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{ar as n,ir as r,rr as i}from"./example-BIrQab7K.js";import{s as a}from"./index-Cz4UGUT2.js";var o=e(t()),s=o.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});function c(){return o.useContext(s)}var l=a();function u(e){let{children:t,elementsRef:a,labelsRef:c,onMapChange:u}=e,m=r(u),h=o.useRef(0),g=n(f).current,_=n(d).current,[v,y]=o.useState(0),b=o.useRef(v),x=r((e,t)=>{_.set(e,t??null),b.current+=1,y(b.current)}),S=r(e=>{_.delete(e),b.current+=1,y(b.current)}),C=o.useMemo(()=>{let e=new Map;return Array.from(_.keys()).filter(e=>e.isConnected).sort(p).forEach((t,n)=>{let r=_.get(t)??{};e.set(t,{...r,index:n})}),e},[_,v]);i(()=>{if(typeof MutationObserver!=`function`||C.size===0)return;let e=new MutationObserver(e=>{let t=new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(b.current+=1,y(b.current))});return C.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[C]),i(()=>{b.current===v&&(a.current.length!==C.size&&(a.current.length=C.size),c&&c.current.length!==C.size&&(c.current.length=C.size),h.current=C.size),m(C)},[m,C,a,c,v]),i(()=>()=>{a.current=[]},[a]),i(()=>()=>{c&&(c.current=[])},[c]);let w=r(e=>(g.add(e),()=>{g.delete(e)}));i(()=>{g.forEach(e=>e(C))},[g,C]);let T=o.useMemo(()=>({register:x,unregister:S,subscribeMapChange:w,elementsRef:a,labelsRef:c,nextIndexRef:h}),[x,S,w,a,c,h]);return(0,l.jsx)(s.Provider,{value:T,children:t})}function d(){return new Map}function f(){return new Set}function p(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}var m=function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function h(e={}){let{label:t,metadata:n,textRef:r,indexGuessBehavior:a,index:s}=e,{register:l,unregister:u,subscribeMapChange:d,elementsRef:f,labelsRef:p,nextIndexRef:h}=c(),g=o.useRef(-1),[_,v]=o.useState(s??(a===m.GuessFromOrder?()=>{if(g.current===-1){let e=h.current;h.current+=1,g.current=e}return g.current}:-1)),y=o.useRef(null),b=o.useCallback(e=>{if(y.current=e,_!==-1&&e!==null&&(f.current[_]=e,p)){let n=t!==void 0;p.current[_]=n?t:r?.current?.textContent??e.textContent}},[_,f,p,t,r]);return i(()=>{if(s!=null)return;let e=y.current;if(e)return l(e,n),()=>{u(e)}},[s,l,u,n]),i(()=>{if(s==null)return d(e=>{let t=y.current?e.get(y.current)?.index:null;t!=null&&v(t)})},[s,d,v]),o.useMemo(()=>({ref:b,index:_}),[_,b])}export{h as n,u as r,m as t};

package/dist/showcase/assets/useControlled-Cpg8gDqb.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t());function r({controlled:e,default:t,name:r,state:i=`value`}){let{current:a}=n.useRef(e!==void 0),[o,s]=n.useState(t);return[a?e:o,n.useCallback(e=>{a||s(e)},[])]}export{r as t};

package/dist/showcase/assets/useLabelableId-Czdg4nY8.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Yn as n,ar as r,g as i,ir as a,lr as o,rr as s}from"./example-BIrQab7K.js";import{t as c}from"./LabelableContext-CDv6gSfU.js";var l=e(t());function u(e={}){let{id:t,implicit:u=!1,controlRef:d}=e,{controlId:f,registerControlId:p}=c(),m=i(t),h=u?f:void 0,g=r(()=>Symbol(`labelable-control`)),_=l.useRef(!1),v=l.useRef(t!=null),y=a(()=>{!_.current||p===n||(_.current=!1,p(g.current,void 0))});return s(()=>{if(p===n)return;let e;if(u){let n=d?.current;e=o(n)&&n.closest(`label`)!=null?t??null:h??m}else if(t!=null)v.current=!0,e=t;else if(v.current)e=m;else{y();return}if(e===void 0){y();return}_.current=!0,p(g.current,e)},[t,d,h,p,u,m,g,y]),l.useEffect(()=>y,[y]),f??m}export{u as t};

package/dist/showcase/assets/useOpenInteractionType-eyZ6twES.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{An as n,Bt as r,Dn as i,Fn as a,Ht as o,In as s,It as c,Jn as l,Ln as u,Lt as d,Nn as f,Nt as p,On as m,Q as h,Rt as g,Sn as _,Vt as v,Yn as y,Zn as b,Zt as ee,_n as te,bn as x,bt as ne,cr as S,dt as re,fr as C,ft as ie,gt as ae,hn as oe,ht as se,ir as w,kn as ce,kt as le,mt as T,or as E,ot as ue,pn as de,pr as fe,pt as pe,rr as D,rt as me,ur as O,vn as he,xn as k,xt as ge,yt as _e,zt as ve}from"./example-BIrQab7K.js";import{s as ye}from"./index-Cz4UGUT2.js";import{t as A}from"./useValueChanged-Bz3WRSDy.js";var j=e(t()),M=0;function N(e,t={}){let{preventScroll:n=!1,sync:r=!1,shouldFocus:i}=t;cancelAnimationFrame(M);function a(){i&&!i()||e?.focus({preventScroll:n})}if(r)return a(),y;let o=requestAnimationFrame(a);return M=o,()=>{M===o&&(cancelAnimationFrame(o),M=0)}}var P={inert:new WeakMap,"aria-hidden":new WeakMap},F=`data-base-ui-inert`,I={inert:new WeakSet,"aria-hidden":new WeakSet},L=new WeakMap,R=0;function be(e){return I[e]}function z(e){return e?fe(e)?e.host:z(e.parentNode):null}var B=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=z(t);return e.contains(n)?n:null}).filter(e=>e!=null),V=e=>{let t=new Set;return e.forEach(e=>{let n=e;for(;n&&!t.has(n);)t.add(n),n=n.parentNode}),t},H=(e,t,n)=>{let r=[],i=e=>{!e||n.has(e)||Array.from(e.children).forEach(e=>{E(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function xe(e,t,n,r,{mark:i=!0,markerIgnoreElements:a=[]}){let o=r?`inert`:n?`aria-hidden`:null,s=null,c=null,l=B(t,e),u=i?B(t,a):[],d=new Set(u),f=i?H(t,V(l),new Set(l)).filter(e=>!d.has(e)):[],p=[],m=[];if(o){let e=P[o],n=be(o);c=n,s=e;let r=B(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=l.concat(r);H(t,V(i),new Set(i)).forEach(t=>{let r=t.getAttribute(o),i=r!==null&&r!==`false`,a=(e.get(t)||0)+1;e.set(t,a),p.push(t),a===1&&i&&n.add(t),i||t.setAttribute(o,o===`inert`?``:`true`)})}return i&&f.forEach(e=>{let t=(L.get(e)||0)+1;L.set(e,t),m.push(e),t===1&&e.setAttribute(F,``)}),R+=1,()=>{s&&p.forEach(e=>{let t=(s.get(e)||0)-1;s.set(e,t),t||(!c?.has(e)&&o&&e.removeAttribute(o),c?.delete(e))}),i&&m.forEach(e=>{let t=(L.get(e)||0)-1;L.set(e,t),t||e.removeAttribute(F)}),--R,R||(P.inert=new WeakMap,P[`aria-hidden`]=new WeakMap,I.inert=new WeakSet,I[`aria-hidden`]=new WeakSet,L=new WeakMap)}}function Se(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0,markerIgnoreElements:a=[]}=t,o=c(e[0]).body;return xe(e,o,n,r,{mark:i,markerIgnoreElements:a})}var Ce=ye();function we(e,t){let n=S(_(e));return e instanceof n.KeyboardEvent?`keyboard`:e instanceof n.FocusEvent?t||`keyboard`:`pointerType`in e?e.pointerType||`keyboard`:`touches`in e?`touch`:e instanceof n.MouseEvent?t||(e.detail===0?`keyboard`:`mouse`):``}var U=20,W=[];function Te(){W=W.filter(e=>e.deref()?.isConnected)}function Ee(e){Te(),e&&E(e)!==`body`&&(W.push(new WeakRef(e)),W.length>U&&(W=W.slice(-20)))}function De(){return Te(),W[W.length-1]?.deref()}function Oe(e){return e?ne(e)?e:ge(e)[0]||e:null}function ke(e,t){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!t.current.includes(`floating`)&&!e.getAttribute(`role`)?.includes(`dialog`))return;let n=T(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return ne(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),r=e.getAttribute(`tabindex`);t.current.includes(`floating`)||n.length===0?r!==`0`&&e.setAttribute(`tabindex`,`0`):(r!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function G(e){let{context:t,children:i,disabled:s=!1,initialFocus:l=!0,returnFocus:d=!0,restoreFocus:f=!1,modal:y=!0,closeOnFocusOut:S=!0,openInteractionType:C=``,nextFocusableElement:T,previousFocusableElement:E,beforeContentFocusGuardRef:de,externalTree:fe,getInsideElements:ye}=e,A=`rootStore`in t?t.rootStore:t,M=A.useState(`open`),P=A.useState(`domReferenceElement`),F=A.useState(`floatingElement`),{events:I,dataRef:L}=A.context,R=w(()=>L.current.floatingContext?.nodeId),be=l===!1,z=te(P)&&be,B=j.useRef([`content`]),V=ve(l),H=ve(d),xe=ve(C),U=me(fe),W=ue(),G=j.useRef(!1),K=j.useRef(!1),q=j.useRef(!1),J=j.useRef(null),Y=j.useRef(``),X=j.useRef(``),Ae=j.useRef(null),je=j.useRef(null),Me=b(Ae,de,W?.beforeInsideRef),Ne=b(je,W?.afterInsideRef),Pe=u(),Fe=u(),Ie=g(),Le=W!=null,Z=oe(F),Q=w((e=Z)=>e?ge(e):[]),$=w(()=>ye?.().filter(e=>e!=null)??[]);j.useEffect(()=>{if(s||!y)return;function e(e){e.key===`Tab`&&k(Z,x(c(Z)))&&Q().length===0&&!z&&n(e)}return v(c(Z),`keydown`,e)},[s,Z,y,z,Q]),j.useEffect(()=>{if(s||!M)return;let e=c(Z);function t(){q.current=!1}function n(e){let t=_(e),n=$();q.current=!(k(F,t)||k(P,t)||k(W?.portalNode,t)||n.some(e=>e===t||k(e,t))),X.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(K.current=!0)}function i(){X.current=`keyboard`}return r(v(e,`pointerdown`,n,!0),v(e,`pointerup`,t,!0),v(e,`pointercancel`,t,!0),v(e,`keydown`,i,!0))},[s,F,P,Z,M,W,$]),j.useEffect(()=>{if(s||!S)return;let e=c(Z);function t(){K.current=!0,Fe.start(0,()=>{K.current=!1})}function n(e){let t=_(e);ne(t)&&(J.current=t)}function i(t){let n=t.relatedTarget,r=t.currentTarget,i=_(t);queueMicrotask(()=>{let a=R(),s=A.context.triggerElements,c=$(),l=n?.hasAttribute(re(`focus-guard`))&&[Ae.current,je.current,W?.beforeInsideRef.current,W?.afterInsideRef.current,W?.beforeOutsideRef.current,W?.afterOutsideRef.current,h(E),h(T)].includes(n),u=!(k(P,n)||k(F,n)||k(n,F)||k(W?.portalNode,n)||c.some(e=>e===n||k(e,n))||n!=null&&s.hasElement(n)||s.hasMatchingElement(e=>k(e,n))||l||U&&(pe(U.nodesRef.current,a).find(e=>k(e.context?.elements.floating,n)||k(e.context?.elements.domReference,n))||ie(U.nodesRef.current,a).find(e=>[e.context?.elements.floating,oe(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(r===P&&Z&&ke(Z,B),f&&r!==P&&!le(i)&&x(e)===e.body){if(O(Z)&&(Z.focus(),f===`popup`)){Ie.request(()=>{Z.focus()});return}let e=Q(),t=J.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||Z;O(n)&&n.focus()}if(L.current.insideReactTree){L.current.insideReactTree=!1;return}(z||!y)&&n&&u&&!K.current&&(z||n!==De())&&(G.current=!0,A.setOpen(!1,o(ee,t)))})}function a(){q.current||(L.current.insideReactTree=!0,Pe.start(0,()=>{L.current.insideReactTree=!1}))}let l=O(P)?P:null;if(!(!F&&!l))return r(l&&v(l,`focusout`,i),l&&v(l,`pointerdown`,t),F&&v(F,`focusin`,n),F&&v(F,`focusout`,i),F&&W&&v(F,`focusout`,a,!0))},[s,P,F,Z,y,U,W,A,S,f,Q,z,R,B,L,Pe,Fe,Ie,T,E,$]),j.useEffect(()=>{if(s||!F||!M)return;let e=Array.from(W?.portalNode?.querySelectorAll(`[${re(`portal`)}]`)||[]),t=(U?ie(U.nodesRef.current,R()):[]).find(e=>te(e.context?.elements.domReference||null))?.context?.elements.domReference,n=Se([F,...e,Ae.current,je.current,W?.beforeOutsideRef.current,W?.afterOutsideRef.current,...$(),t,h(E),h(T),z?P:null].filter(e=>e!=null),{ariaHidden:y||z,mark:!1}),r=Se([F,...e].filter(e=>e!=null));return()=>{r(),n()}},[M,s,P,F,y,W,z,U,R,T,E,$]),D(()=>{if(!M||s||!O(Z))return;let e=c(Z),t=x(e);queueMicrotask(()=>{let n=V.current,r=typeof n==`function`?n(xe.current||``):n;if(r===void 0||r===!1||k(Z,t))return;let i=null,a=()=>(i??=Q(Z),i[0]||Z),o;o=r===!0||r===null?a():h(r),o||=a();let s=k(Z,x(e));N(o,{preventScroll:o===Z,shouldFocus(){if(s)return!0;let t=x(e);return!(t!==o&&k(Z,t))}})})},[s,M,Z,Q,V,xe]),D(()=>{if(s||!Z)return;let e=c(Z);Ee(x(e));function t(e){if(e.open||(Y.current=we(e.nativeEvent,X.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(G.current=!0),e.reason===`outside-press`)if(e.nested)G.current=!1;else if(m(e.nativeEvent)||ce(e.nativeEvent))G.current=!1;else{let e=!1;c(Z).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?G.current=!1:G.current=!0}}I.on(`openchange`,t);function n(){let e=H.current,t=typeof e==`function`?e(Y.current):e;if(t===void 0||t===!1)return null;if(t===null&&(t=!0),typeof t==`boolean`)return P?.isConnected?P:De()||null;let n=P?.isConnected?P:De();return h(t)||n||null}return()=>{I.off(`openchange`,t);let r=x(e),i=$(),a=k(F,r)||i.some(e=>e===r||k(e,r))||U&&pe(U.nodesRef.current,R(),!1).some(e=>k(e.context?.elements.floating,r)),o=H.current,s=n();queueMicrotask(()=>{let t=Oe(s),n=typeof o!=`boolean`;o&&!G.current&&O(t)&&(!(!n&&t!==r&&r!==e.body)||a)&&t.focus({preventScroll:!0}),G.current=!1})}},[s,F,Z,H,I,U,P,R,$]),D(()=>{if(!a||M||!F)return;let e=x(c(F));!O(e)||!he(e)||k(F,e)&&e.blur()},[M,F]),D(()=>{if(!(s||!W))return W.setFocusManagerState({modal:y,closeOnFocusOut:S,open:M,onOpenChange:A.setOpen,domReference:P}),()=>{W.setFocusManagerState(null)}},[s,W,y,M,A,S,P]),D(()=>{if(!(s||!Z))return ke(Z,B),()=>{queueMicrotask(Te)}},[s,Z,B]);let Re=!s&&(y?!z:!0)&&(Le||y);return(0,Ce.jsxs)(j.Fragment,{children:[Re&&(0,Ce.jsx)(p,{"data-type":`inside`,ref:Me,onFocus:e=>{if(y){let e=Q();N(e[e.length-1])}else W?.portalNode&&(G.current=!1,_e(e,W.portalNode)?se(P)?.focus():h(E??W.beforeOutsideRef)?.focus())}}),i,Re&&(0,Ce.jsx)(p,{"data-type":`inside`,ref:Ne,onFocus:e=>{y?N(Q()[0]):W?.portalNode&&(S&&(G.current=!0),_e(e,W.portalNode)?ae(P)?.focus():h(T??W.afterOutsideRef)?.focus())}})]})}function K(e,t={}){let{enabled:n=!0,event:r=`click`,toggle:a=!0,ignoreMouse:s=!1,stickIfOpen:c=!0,touchOpenDelay:d=0,reason:f=de}=t,p=`rootStore`in e?e.rootStore:e,m=p.context.dataRef,h=j.useRef(void 0),v=g(),y=u(),b=j.useMemo(()=>{function e(e,t,n,r){let i=o(f,t,n);e&&r===`touch`&&d>0?y.start(d,()=>{p.setOpen(!0,i)}):p.setOpen(e,i)}function t(e,t,n){let r=m.current.openEvent,i=p.select(`domReferenceElement`)!==t;return e&&i||!e||!a?!0:r&&c?!n(r.type):!1}return{onPointerDown(e){h.current=e.pointerType},onMouseDown(n){let a=h.current,o=n.nativeEvent,c=p.select(`open`);if(n.button!==0||r===`click`||i(a,!0)&&s)return;let l=t(c,n.currentTarget,e=>e===`click`||e===`mousedown`),u=_(o);if(he(u)){e(l,o,u,a);return}let d=n.currentTarget;v.request(()=>{e(l,o,d,a)})},onClick(n){if(r===`mousedown-only`)return;let a=h.current;if(r===`mousedown`&&a){h.current=void 0;return}i(a,!0)&&s||e(t(p.select(`open`),n.currentTarget,e=>e===`click`||e===`mousedown`||e===`keydown`||e===`keyup`),n.nativeEvent,n.currentTarget,a)},onKeyDown(){h.current=void 0}}},[m,r,s,f,p,c,a,v,y,d]);return j.useMemo(()=>n?{reference:b}:l,[n,b])}var q=j.forwardRef(function(e,t){let{cutout:n,...r}=e,i;if(n){let e=n.getBoundingClientRect();i=`polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,${e.left}px ${e.top}px,${e.left}px ${e.bottom}px,${e.right}px ${e.bottom}px,${e.right}px ${e.top}px,${e.left}px ${e.top}px)`}return(0,Ce.jsx)(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})}),J={},Y={},X=``;function Ae(e){if(typeof document>`u`)return!1;let t=c(e);return S(t).innerWidth-t.documentElement.clientWidth>0}function je(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=c(e),n=t.documentElement,r=t.body,i=C(n)?n:r,a=i.style.overflowY,o=n.style.scrollbarGutter;n.style.scrollbarGutter=`stable`,i.style.overflowY=`scroll`;let s=i.offsetWidth;i.style.overflowY=`hidden`;let l=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===l}function Me(e){let t=c(e),n=t.documentElement,r=t.body,i=C(n)?n:r,a={overflowY:i.style.overflowY,overflowX:i.style.overflowX};return Object.assign(i.style,{overflowY:`hidden`,overflowX:`hidden`}),()=>{Object.assign(i.style,a)}}function Ne(e){let t=c(e),n=t.documentElement,r=t.body,i=S(n),o=0,s=0,l=!1,u=d.create();if(a&&(i.visualViewport?.scale??1)!==1)return()=>{};function f(){let t=i.getComputedStyle(n),a=i.getComputedStyle(r),c=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;o=n.scrollTop,s=n.scrollLeft,J={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},X=n.style.scrollBehavior,Y={position:r.style.position,height:r.style.height,width:r.style.width,boxSizing:r.style.boxSizing,overflowY:r.style.overflowY,overflowX:r.style.overflowX,scrollBehavior:r.style.scrollBehavior};let u=n.scrollHeight>n.clientHeight,d=n.scrollWidth>n.clientWidth,f=t.overflowY===`scroll`||a.overflowY===`scroll`,p=t.overflowX===`scroll`||a.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(a.marginTop)+parseFloat(a.marginBottom),_=parseFloat(a.marginLeft)+parseFloat(a.marginRight),v=C(n)?n:r;if(l=je(e),l){n.style.scrollbarGutter=c,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`;return}Object.assign(n.style,{scrollbarGutter:c,overflowY:`hidden`,overflowX:`hidden`}),(u||f)&&(n.style.overflowY=`scroll`),(d||p)&&(n.style.overflowX=`scroll`),Object.assign(r.style,{position:`relative`,height:g||h?`calc(100dvh - ${g+h}px)`:`100dvh`,width:_||m?`calc(100vw - ${_+m}px)`:`100vw`,boxSizing:`border-box`,overflow:`hidden`,scrollBehavior:`unset`}),r.scrollTop=o,r.scrollLeft=s,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`}function p(){Object.assign(n.style,J),Object.assign(r.style,Y),l||(n.scrollTop=o,n.scrollLeft=s,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=X)}function m(){p(),u.request(f)}f();let h=v(i,`resize`,m);return()=>{u.cancel(),p(),typeof i.removeEventListener==`function`&&h()}}var Pe=new class{lockCount=0;restore=null;timeoutLock=s.create();timeoutUnlock=s.create();acquire(e){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(e)),this.release}release=()=>{--this.lockCount,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(e){if(this.lockCount===0||this.restore!==null)return;let t=c(e).documentElement,n=S(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=y;return}let r=f||!Ae(e);this.restore=r?Me(e):Ne(e)}};function Fe(e=!0,t=null){D(()=>{if(e)return Pe.acquire(t)},[e,t])}function Ie(e){let t=j.useRef(``),n=j.useCallback(n=>{n.defaultPrevented||(t.current=n.pointerType,e(n,n.pointerType))},[e]);return{onClick:j.useCallback(n=>{if(n.detail===0){e(n,`keyboard`);return}`pointerType`in n?e(n,n.pointerType):e(n,t.current),t.current=``},[e]),onPointerDown:n}}function Le(e,t){let{onClick:n,onPointerDown:r}=Ie(w((n,r)=>{(typeof e==`function`?e():e)||t(r||(f?`touch`:``))}));return j.useMemo(()=>({onClick:n,onPointerDown:r}),[n,r])}function Z(e){let[t,n]=j.useState(null),r=Le(e,n);return A(e,t=>{t&&!e&&n(null)}),j.useMemo(()=>({openMethod:t,triggerProps:r}),[t,r])}export{K as a,q as i,Le as n,G as o,Fe as r,N as s,Z as t};

package/dist/showcase/assets/useRender-BAZlIYnj.js

@@ -0,0 +1 @@
+import{Gn as e}from"./example-BIrQab7K.js";function t(t){return e(t.defaultTagName??`div`,t,t)}export{t};

package/dist/showcase/assets/useTriggerFocusGuards-C2I8g7TT.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{Ht as r,Zt as i,_t as a,ht as o,vt as s,xn as c,yt as l}from"./example-BIrQab7K.js";var u=e(t()),d=e(n());function f(e,t){let n=u.useRef(null);function f(t){d.flushSync(()=>{e.setOpen(!1,r(i,t.nativeEvent,t.currentTarget))}),s(n.current)?.focus()}function p(n){let s=e.select(`positionerElement`);if(s&&l(n,s))e.context.beforeContentFocusGuardRef.current?.focus();else{d.flushSync(()=>{e.setOpen(!1,r(i,n.nativeEvent,n.currentTarget))});let l=a(e.context.triggerFocusTargetRef.current||t.current);for(;l!==null&&c(s,l);){let e=l;if(l=o(l),l===e)break}l?.focus()}}return{preFocusGuardRef:n,handlePreFocusGuardFocus:f,handleFocusTargetFocus:p}}export{f as t};

package/dist/showcase/assets/useValueChanged-Bz3WRSDy.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{ir as n,rr as r}from"./example-BIrQab7K.js";var i=e(t());function a(e,t){let a=i.useRef(e),o=n(t);r(()=>{a.current!==e&&o(a.current)},[e,o]),r(()=>{a.current=e},[e])}export{a as t};

package/dist/showcase/assets/user-Bqmz8M16.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`user`,[[`path`,{d:`M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`,key:`975kel`}],[`circle`,{cx:`12`,cy:`7`,r:`4`,key:`17ys0d`}]]);export{t};

package/dist/showcase/assets/user-plus-MMxrhI4h.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`user-plus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`19`,x2:`19`,y1:`8`,y2:`14`,key:`1bvyxn`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]);export{t};

package/dist/showcase/assets/users-ERTaffcv.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]);export{t};