admin-ui-starter-kit 0.7.0 → 0.7.1

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

@@ -0,0 +1,223 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,m as n,n as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{t as o}from"./example-BsDQngs7.js";import{d as s,n as c}from"./index-B4sKWDcN.js";import{t as l}from"./props-table-aynAz90t.js";import{t as u}from"./label-BZzl85ev.js";import{t as d}from"./text-link-BFYPeXTq.js";import{t as f}from"./input-CLQIEOQ4.js";var p=s(),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:c(`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:c(`underline underline-offset-4 decoration-2`,h[t]),children:e})}function v({children:e,...t}){return(0,p.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:n(typeof e==`string`?e:``)},...t})}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`,`pxs`,`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)(t,{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)(t,{tag:`h2`,subHeading:`A short supporting line beneath the heading.`,children:`Section title`}),(0,p.jsx)(t,{tag:`h3`,subHeading:`Centered subheading.`,align:`center`,children:`Centered`}),(0,p.jsx)(t,{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)(i,{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)(i,{type:e,children:[`type="`,e,`" — sample text`]},e)),(0,p.jsx)(`div`,{className:`rounded-md bg-foreground p-3`,children:(0,p.jsx)(i,{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)(i,{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)(i,{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)(i,{align:`left`,children:`Left aligned text`}),(0,p.jsx)(i,{align:`center`,children:`Center aligned text`}),(0,p.jsx)(i,{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)(i,{content:`Rendered via the content prop`}),(0,p.jsx)(i,{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)(i,{tag:`p`,children:`tag="p" (default)`}),(0,p.jsx)(i,{tag:`div`,children:`tag="div"`}),(0,p.jsx)(i,{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)(i,{children:[`Default `,(0,p.jsx)(g,{content:`primary`}),` highlighted text`]}),(0,p.jsxs)(i,{children:[`Variant `,(0,p.jsx)(g,{content:`success`,variant:`success`}),` highlight`]}),(0,p.jsxs)(i,{children:[`Variant `,(0,p.jsx)(g,{content:`warning`,variant:`warning`}),` highlight`]}),(0,p.jsxs)(i,{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)(i,{children:(0,p.jsx)(_,{content:`primary underline`})}),(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`success underline`,variant:`success`})}),(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`warning underline`,variant:`warning`})}),(0,p.jsx)(i,{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)(t,{tag:`h1`,subHeading:`Published 3 May 2026 by Sarah Smitha`,children:`Designing for clarity at scale`}),(0,p.jsx)(i,{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)(t,{tag:`h2`,children:`The three rules`}),(0,p.jsxs)(i,{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', 'pxs', '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)(r,{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`}),` (seven 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-MBQsz2Mn.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,s as n,t as r}from"./section-C_rLy6Zn.js";import{t as i}from"./example-BsDQngs7.js";import{d as a}from"./index-B4sKWDcN.js";import{n as o}from"./PreviewLayout-CE0fmzoc.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)(n,{children:`default`}),(0,c.jsx)(n,{variant:`secondary`,children:`secondary`}),(0,c.jsx)(n,{variant:`destructive`,children:`destructive`}),(0,c.jsx)(n,{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)(n,{variant:`secondary`,children:`draft`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(n,{children:`live`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(n,{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)(t,{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-jaEeRDe5.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./card-F8Ona144.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-CbmOEWVu.js

@@ -0,0 +1,42 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./table-DPpHEvR_.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-D4aE56cX.js

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-C_rLy6Zn.js";import{Or as s,r as c,t as l}from"./example-BsDQngs7.js";import{t as u}from"./circle-alert-DSpR2pdl.js";import{t as d}from"./clock-CZYS08d1.js";import{n as f,t as p}from"./dropzone-CJHqIcHB.js";import{t as m}from"./refresh-cw-DpfoVhbc.js";import{t as h}from"./x-C5_SzMQM.js";import{N as g,d as _,n as v}from"./index-B4sKWDcN.js";import{t as y}from"./props-table-aynAz90t.js";var b=_(),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:s,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:r,className:i,strings:o}){let s=g(x,o),l={queued:s.queued,uploading:s.uploading,done:s.done,error:s.error,cancelled:s.cancelled};return e.length===0?null:(0,b.jsx)(`ul`,{className:v(`upload-progress-list--component`,`space-y-2`,i),children:e.map(e=>{let i=S[e.status],o=i.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:v(`inline-flex size-7 shrink-0 items-center justify-center rounded-md`,i.bg,i.fg),children:(0,b.jsx)(o,{className:v(`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)(a,{weight:`medium`,className:`truncate`,children:e.name}),(0,b.jsx)(a,{size:`xs`,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:v(`h-full rounded-full transition-[width] duration-200`,i.bar),style:{width:`${u}%`}})}):(0,b.jsxs)(a,{size:`xs`,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)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":s.cancel,onClick:()=>t(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})}),e.status===`error`&&!!n&&(0,b.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":s.retry,onClick:()=>n(e.id),children:(0,b.jsx)(m,{className:`size-3.5`})}),(e.status===`done`||e.status===`error`||e.status===`cancelled`)&&!!r&&(0,b.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":s.remove,onClick:()=>r(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:r,onRemove:o,onClearAll:s,dropzone:l,className:u,strings:d,listStrings:f},m){let h=g(T,d),{completed:_,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:v(`upload-tray--component`,`flex flex-col gap-4`,u),children:[(0,b.jsx)(p,{onDrop:D,accept:l?.accept,multiple:l?.multiple,size:l?.size,disabled:l?.disabled,invalid:l?.invalid,strings:l?.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)(a,{tag:`span`,weight:`semibold`,children:h.heading}),_>0&&(0,b.jsxs)(i,{variant:`success`,children:[h.completedLabel,`: `,_]}),y>0&&(0,b.jsxs)(i,{variant:`destructive`,children:[h.failedLabel,`: `,y]}),x>0&&(0,b.jsxs)(i,{variant:`info`,children:[h.uploadingLabel,`: `,x]}),S>0&&(0,b.jsxs)(i,{variant:`secondary`,children:[h.queuedLabel,`: `,S]})]}),!!s&&(0,b.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:s,children:h.clearAll})]}),(0,b.jsx)(C,{items:e,onCancel:n,onRetry:r,onRemove:o,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)(r,{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)(l,{name:`Default`,source:I,children:(0,b.jsx)(j,{})})}),(0,b.jsxs)(o,{title:`States`,id:`states`,children:[(0,b.jsx)(l,{name:`EmptyDropzoneOnly`,source:I,children:(0,b.jsx)(M,{})}),(0,b.jsx)(l,{name:`MixedItemStates`,source:I,children:(0,b.jsx)(N,{})})]}),(0,b.jsx)(o,{title:`Realistic usage`,id:`realistic`,children:(0,b.jsx)(l,{name:`LiveSimulatedUpload`,source:I,children:(0,b.jsx)(P,{})})}),(0,b.jsx)(o,{title:`Localisation`,id:`localisation`,children:(0,b.jsx)(l,{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-layout-link-DpqFiDf-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n}from"./index-B4sKWDcN.js";var r=e(t(),1),i=n(),a=({href:e,children:t,active:n,disabled:r,external:a,rel:o,target:s,...c})=>!e||r?(0,i.jsx)(`span`,{...c,children:t}):(0,i.jsx)(`a`,{href:e,target:s??(a?`_blank`:void 0),rel:o??(a?`noopener noreferrer`:void 0),...c,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{o as n,s as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{g as n,mr as r}from"./example-BsDQngs7.js";var i=e(t(),1);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-DL6IpVQS.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{J as n,K as r,Qt as i,X as a,Yt as o,Zt as s,br as c,cr as l,fr as u,g as d,hr as f,mr as p,q as m,qt as h,vn as g,wn as _}from"./example-BsDQngs7.js";import{t as v}from"./useControlled-BHUji6Sp.js";var y=e(t(),1);function b(e){let{open:t,defaultOpen:n,onOpenChange:r,disabled:o}=e,[s,c]=v({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:l,setMounted:u,transitionStatus:p}=a(s,!0,!0),m=d(),[h,g]=y.useState(),b=h??m,x=f(e=>{let t=!s,n=i(_,e.nativeEvent);r(t,n),!n.isCanceled&&c(t)});return y.useMemo(()=>({disabled:o,handleTrigger:x,mounted:l,open:s,panelId:b,setMounted:u,setOpen:c,setPanelIdState:g,transitionStatus:p}),[o,x,l,s,b,u,c,g,p])}var x=y.createContext(void 0);function S(){let e=y.useContext(x);if(e===void 0)throw Error(u(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:a,keepMounted:c,mounted:u,onOpenChange:d,open:_,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(_),N=y.useRef(!1),[I,L]=y.useState(!1),R=y.useRef(null),z=l(t,S),B=o({mounted:u,open:_}),V=m(S,!1,!1),H=!_&&!u,U=I?`idle`:x,W=_&&(A.current||N.current),G=!_&&u&&w.current===`css-animation`&&T.height===void 0&&T.width===void 0?D.current:T,K=n&&H&&w.current!==`css-animation`,q=f((e,t=!0)=>{t&&(D.current=e),E(e)}),J=f(()=>{R.current?.(),R.current=null}),Y=f(e=>{J(),R.current=()=>{R.current=null,e()}}),X=f(()=>{_&&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;!_&&R.current&&J();let t=M(e,W);if(w.current=t,_&&x===`idle`&&A.current&&t===`css-animation`){D.current=j(e);return}if(_&&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(!_&&u&&(x===`idle`||x===`starting`)){if(A.current=!1,N.current=!1,t===`none`){q(k,!1),v(!1);return}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,_,J,q,v,Y,W,x]),r({enabled:_&&u&&U===`idle`,open:!0,ref:S,onComplete(){_&&q(k,!1)}}),y.useEffect(()=>{if(_||!u||U!==`ending`||!S.current)return;let e=new AbortController,t=-1;function n(){B.current.open||(v(!1),q(k,!1))}return t=h.request(()=>{e.signal.aborted||V(n,e.signal)}),()=>{h.cancel(t),e.abort()}},[B,u,_,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){let t=i(g,e);d(!0,t),!t.isCanceled&&(O.current=!0,b(!0))}return s(e,`beforematch`,t)},[d,b]);let Z=c||n||u||_;return{height:G.height,props:{...K?{[C.startingStyle]:``}:void 0,hidden:H,id:a},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=c(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=h.request(n);return()=>{h.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-jckozrpu.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{cr as n,dr as r}from"./example-BsDQngs7.js";import{n as i}from"./useCompositeListItem-Ce0eZtsp.js";var a=e(t(),1);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:{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()}},compositeRef:f,index:l}}export{o as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{gr as n,hr as r,mr as i}from"./example-BsDQngs7.js";import{d as a}from"./index-B4sKWDcN.js";var o=e(t(),1),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]),{ref:b,index:_}}export{h as n,u as r,m as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{g as n,gr as r,hr as i,mr as a,or as o,xr as s}from"./example-BsDQngs7.js";import{t as c}from"./LabelableContext-BdRVtvs6.js";var l=e(t(),1);function u(e={}){let{id:t,implicit:u=!1,controlRef:d}=e,{controlId:f,registerControlId:p}=c(),m=n(t),h=u?f:void 0,g=r(()=>Symbol(`labelable-control`)),_=l.useRef(!1),v=l.useRef(t!=null),y=i(()=>{!_.current||p===o||(_.current=!1,p(g.current,void 0))});return a(()=>{if(p===o)return;let e;if(u){let n=d?.current;e=s(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-KBhpVaur.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Bn as n,Ct as r,Dt as i,En as a,Et as o,Jn as s,Jt as c,Kn as l,Kt as u,Mn as d,Mt as f,Nn as p,Nt as m,On as h,Ot as g,Qt as _,Rn as v,Rt as ee,Sr as y,St as te,Tr as ne,Ut as re,Vn as ie,Wn as ae,Xt as oe,Yn as se,Yt as b,Zt as x,ar as S,br as C,cr as ce,ft as le,hr as w,ht as ue,jn as T,jt as de,kn as fe,mr as E,or as pe,qt as D,sn as me,st as O,vr as he,wn as k,wr as A,xt as ge,zn as _e}from"./example-BsDQngs7.js";import{d as ve}from"./index-B4sKWDcN.js";import{t as ye}from"./useValueChanged-B-czUWmg.js";var j=e(t(),1),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(),pe;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 z(e){return I[e]}function be(e){return e?ne(e)?e.host:be(e.parentNode):null}var B=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=be(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=>{he(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function U(e,t,n,r,{mark:i=!0}){let a=null;r?a=`inert`:n&&(a=`aria-hidden`);let o=null,s=null,c=B(t,e),l=i?H(t,V(c),new Set(c)):[],u=[],d=[];if(a){let e=P[a],n=z(a);s=n,o=e;let r=B(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=c.concat(r);H(t,V(i),new Set(i)).forEach(t=>{let r=t.getAttribute(a),i=r!==null&&r!==`false`,o=(e.get(t)||0)+1;e.set(t,o),u.push(t),o===1&&i&&n.add(t),i||t.setAttribute(a,a===`inert`?``:`true`)})}return i&&l.forEach(e=>{let t=(L.get(e)||0)+1;L.set(e,t),d.push(e),t===1&&e.setAttribute(F,``)}),R+=1,()=>{o&&u.forEach(e=>{let t=(o.get(e)||0)-1;o.set(e,t),t||(!s?.has(e)&&a&&e.removeAttribute(a),s?.delete(e))}),i&&d.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 xe(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0}=t,a=u(e[0]).body;return U(e,a,n,r,{mark:i})}var Se=ve();function Ce(e,t){let n=C(p(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 we=20,W=[];function Te(){W=W.filter(e=>e.deref()?.isConnected)}function Ee(e){Te(),e&&he(e)!==`body`&&(W.push(new WeakRef(e)),W.length>we&&(W=W.slice(-20)))}function De(){return Te(),W[W.length-1]?.deref()}function Oe(e){return e?f(e)?e:m(e)[0]||e:null}function ke(e){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!e.getAttribute(`role`)?.includes(`dialog`))return;let t=o(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return f(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),n=e.getAttribute(`tabindex`);t.length===0?n!==`0`&&(e.setAttribute(`tabindex`,`0`),e.setAttribute(`data-tabindex`,`0`)):(n!==`-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:o,disabled:s=!1,initialFocus:l=!0,returnFocus:v=!0,restoreFocus:ne=!1,modal:S=!0,closeOnFocusOut:C=!0,openInteractionType:pe=``,nextFocusableElement:D,previousFocusableElement:k,beforeContentFocusGuardRef:A,externalTree:ve,getInsideElements:ye}=e,M=`rootStore`in t?t.rootStore:t,P=M.useState(`open`),F=M.useState(`domReferenceElement`),I=M.useState(`floatingElement`),{events:L,dataRef:R}=M.context,z=w(()=>R.current.floatingContext?.nodeId),be=l===!1,B=h(F)&&be,V=b(l),H=b(v),U=b(pe),we=b(P),W=le(ve),G=ue(),K=j.useRef(!1),q=j.useRef(!1),J=j.useRef(!1),Ae=j.useRef(null),je=j.useRef(``),Y=j.useRef(``),Me=j.useRef(null),Ne=j.useRef(null),Pe=ce(Me,A,G?.beforeInsideRef),Fe=ce(Ne,G?.afterInsideRef),Ie=se(),X=se(),Le=c(),Re=G!=null,Z=a(I),Q=w((e=Z)=>e?m(e):[]),$=w(()=>ye?.().filter(e=>e!=null)??[]);j.useEffect(()=>{if(s||!S)return;function e(e){e.key===`Tab`&&d(Z,T(u(Z)))&&Q().length===0&&!B&&ie(e)}return x(u(Z),`keydown`,e)},[s,Z,S,B,Q]),j.useEffect(()=>{if(s||!P)return;let e=u(Z);function t(){J.current=!1}function n(e){let t=p(e),n=$();J.current=!(d(I,t)||d(F,t)||d(G?.portalNode,t)||n.some(e=>e===t||d(e,t))),Y.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(q.current=!0,X.start(0,()=>{q.current=!1}))}function r(){Y.current=`keyboard`}return oe(x(e,`pointerdown`,n,!0),x(e,`pointerup`,t,!0),x(e,`pointercancel`,t,!0),x(e,`keydown`,r,!0),t)},[s,I,F,Z,P,G,X,$]),j.useEffect(()=>{if(s||!C)return;let e=u(Z);function t(){q.current=!0,X.start(0,()=>{q.current=!1})}function n(e){let t=p(e);f(t)&&(Ae.current=t)}function i(t){let n=t.relatedTarget,i=t.currentTarget,o=p(t);S&&n==null&&o!=null&&d(I,o)&&Ee(o),queueMicrotask(()=>{let s=z(),c=M.context.triggerElements,l=$(),u=n?.hasAttribute(ge(`focus-guard`))&&[Me.current,Ne.current,G?.beforeInsideRef.current,G?.afterInsideRef.current,G?.beforeOutsideRef.current,G?.afterOutsideRef.current,O(k),O(D)].includes(n),f=!(d(F,n)||d(I,n)||d(n,I)||d(G?.portalNode,n)||l.some(e=>e===n||d(e,n))||n!=null&&c.hasElement(n)||c.hasMatchingElement(e=>d(e,n))||u||W&&(r(W.nodesRef.current,s).find(e=>d(e.context?.elements.floating,n)||d(e.context?.elements.domReference,n))||te(W.nodesRef.current,s).find(e=>[e.context?.elements.floating,a(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(i===F&&Z&&ke(Z),ne&&i!==F&&!ee(o)&&T(e)===e.body){if(y(Z)&&(Z.focus(),ne===`popup`)){Le.request(()=>{Z.focus()});return}let e=Q(),t=Ae.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||Z;y(n)&&n.focus()}if(R.current.insideReactTree){R.current.insideReactTree=!1;return}(B||!S)&&n&&f&&!q.current&&(B||n!==De())&&(K.current=!0,M.setOpen(!1,_(me,t)))})}function o(){J.current||(R.current.insideReactTree=!0,Ie.start(0,()=>{R.current.insideReactTree=!1}))}let c=y(F)?F:null;if(!(!I&&!c))return oe(c&&x(c,`focusout`,i),c&&x(c,`pointerdown`,t),I&&x(I,`focusin`,n),I&&x(I,`focusout`,i),I&&G&&x(I,`focusout`,o,!0))},[s,F,I,Z,S,W,G,M,C,ne,Q,B,z,R,Ie,X,Le,D,k,$]),j.useEffect(()=>{if(s||!I||!P)return;let e=Array.from(G?.portalNode?.querySelectorAll(`[${ge(`portal`)}]`)||[]),t=(W?te(W.nodesRef.current,z()):[]).find(e=>h(e.context?.elements.domReference||null))?.context?.elements.domReference,n=xe([I,...e,Me.current,Ne.current,G?.beforeOutsideRef.current,G?.afterOutsideRef.current,...$(),t,O(k),O(D),B?F:null].filter(e=>e!=null),{ariaHidden:S||B,mark:!1}),r=xe([I,...e].filter(e=>e!=null));return()=>{r(),n()}},[P,s,F,I,S,G,B,W,z,D,k,$]),E(()=>{if(!P||s||!y(Z))return;let e=u(Z),t=T(e);queueMicrotask(()=>{let n=V.current,r=typeof n==`function`?n(U.current||``):n;if(r===void 0||r===!1||d(Z,t))return;let i=null,a=()=>(i??=Q(Z),i[0]||Z),o;o=r===!0||r===null?a():O(r),o||=a();let s=d(Z,T(e));N(o,{preventScroll:o===Z,shouldFocus(){if(!we.current)return!1;if(s)return!0;let t=T(e);return!(t!==o&&d(Z,t))}})})},[s,P,Z,Q,V,U,we]),E(()=>{if(s||!Z)return;let e=u(Z),t=T(e),i=U.current==null;Ee(t);function a(e){if(e.open||(je.current=Ce(e.nativeEvent,Y.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(K.current=!0),e.reason===`outside-press`)if(e.nested)K.current=!1;else if(_e(e.nativeEvent)||n(e.nativeEvent))K.current=!1;else{let e=!1;u(Z).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?K.current=!1:K.current=!0}}L.on(`openchange`,a);function o(){let e=H.current,n=typeof e==`function`?e(je.current):e;if(n===void 0||n===!1)return null;n===null&&(n=!0);let r=F?.isConnected?F:null,a=t?.isConnected&&he(t)!==`body`?t:null,o=i?a||r:r||a;return o||=De()||null,typeof n==`boolean`?o:O(n)||o||null}return()=>{L.off(`openchange`,a);let t=T(e),n=$(),i=d(I,t)||n.some(e=>e===t||d(e,t))||W&&r(W.nodesRef.current,z(),!1).some(e=>d(e.context?.elements.floating,t)),s=H.current,c=o();queueMicrotask(()=>{let n=Oe(c),r=typeof s!=`boolean`;s&&!K.current&&y(n)&&(!(!r&&n!==t&&t!==e.body)||i)&&n.focus({preventScroll:!0}),K.current=!1})}},[s,I,Z,H,U,L,W,F,z,$]),E(()=>{if(!ae||P||!I)return;let e=T(u(I));!y(e)||!fe(e)||d(I,e)&&e.blur()},[P,I]),E(()=>{if(!(s||!G))return G.setFocusManagerState({modal:S,closeOnFocusOut:C,open:P,onOpenChange:M.setOpen,domReference:F}),()=>{G.setFocusManagerState(null)}},[s,G,S,P,M,C,F]),E(()=>{if(!(s||!Z))return ke(Z),()=>{queueMicrotask(Te)}},[s,Z]);let ze=!s&&(S?!B:!0)&&(Re||S);return(0,Se.jsxs)(j.Fragment,{children:[ze&&(0,Se.jsx)(re,{"data-type":`inside`,ref:Pe,onFocus:e=>{if(S){let e=Q();N(e[e.length-1])}else G?.portalNode&&(K.current=!1,de(e,G.portalNode)?i(F)?.focus():O(k??G.beforeOutsideRef)?.focus())}}),o,ze&&(0,Se.jsx)(re,{"data-type":`inside`,ref:Fe,onFocus:e=>{S?N(Q()[0]):G?.portalNode&&(C&&(K.current=!0),de(e,G.portalNode)?g(F)?.focus():O(D??G.afterOutsideRef)?.focus())}})]})}function K(e,t={}){let{enabled:n=!0,event:r=`click`,toggle:i=!0,ignoreMouse:a=!1,stickIfOpen:o=!0,touchOpenDelay:s=0,reason:l=k}=t,u=`rootStore`in e?e.rootStore:e,d=u.context.dataRef,f=j.useRef(void 0),m=c(),h=se(),g=j.useMemo(()=>{function e(e,t,n,r){let i=_(l,t,n);e&&r===`touch`&&s>0?h.start(s,()=>{u.setOpen(!0,i)}):u.setOpen(e,i)}function t(e,t,n){let r=d.current.openEvent,a=u.select(`domReferenceElement`)!==t;return e&&a||!e||!i?!0:r&&o?!n(r.type):!1}return{onPointerDown(e){f.current=e.pointerType},onMouseDown(n){let i=f.current,o=n.nativeEvent,s=u.select(`open`);if(n.button!==0||r===`click`||v(i,!0)&&a)return;let c=t(s,n.currentTarget,e=>e===`click`||e===`mousedown`),l=p(o);if(fe(l)){e(c,o,l,i);return}let d=n.currentTarget;m.request(()=>{e(c,o,d,i)})},onClick(n){if(r===`mousedown-only`)return;let i=f.current;if(r===`mousedown`&&i){f.current=void 0;return}v(i,!0)&&a||e(t(u.select(`open`),n.currentTarget,e=>e===`click`||e===`mousedown`||e===`keydown`||e===`keyup`),n.nativeEvent,n.currentTarget,i)},onKeyDown(){f.current=void 0}}},[d,r,a,l,u,o,i,m,h,s]);return j.useMemo(()=>n?{reference:g}:S,[n,g])}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,Se.jsx)(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})}),J={},Ae={},je=``;function Y(e){if(typeof document>`u`)return!1;let t=u(e);return C(t).innerWidth-t.documentElement.clientWidth>0}function Me(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=u(e),n=t.documentElement,r=t.body,i=A(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 c=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===c}function Ne(e){let t=u(e),n=t.documentElement,r=t.body,i=A(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 Pe(e){let t=u(e),n=t.documentElement,r=t.body,i=C(n),a=0,o=0,s=!1,c=D.create();if(ae&&(i.visualViewport?.scale??1)!==1)return()=>{};function l(){let t=i.getComputedStyle(n),c=i.getComputedStyle(r),l=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;a=n.scrollTop,o=n.scrollLeft,J={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},je=n.style.scrollBehavior,Ae={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`||c.overflowY===`scroll`,p=t.overflowX===`scroll`||c.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(c.marginTop)+parseFloat(c.marginBottom),_=parseFloat(c.marginLeft)+parseFloat(c.marginRight),v=A(n)?n:r;if(s=Me(e),s){n.style.scrollbarGutter=l,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`;return}Object.assign(n.style,{scrollbarGutter:l,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=a,r.scrollLeft=o,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`}function d(){Object.assign(n.style,J),Object.assign(r.style,Ae),s||(n.scrollTop=a,n.scrollLeft=o,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=je)}function f(){d(),c.request(l)}l();let p=x(i,`resize`,f);return()=>{c.cancel(),d(),typeof i.removeEventListener==`function`&&p()}}var Fe=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=u(e).documentElement,n=C(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=pe;return}let r=l||!Y(e);this.restore=r?Ne(e):Pe(e)}};function Ie(e=!0,t=null){E(()=>{if(e)return Fe.acquire(t)},[e,t])}var X=20;function Le(e,t,n,r){let[i,a]=j.useState(!1);E(()=>{if(!e||!t||n==null){a(!1);return}let r=u(n).documentElement.clientWidth,i=n.offsetWidth;a(r>0&&i>0&&i>=r-X)},[e,t,n]),Ie(e&&(!t||i),r)}function Re(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 Z(e,t){let{onClick:n,onPointerDown:r}=Re(w((n,r)=>{(typeof e==`function`?e():e)||t(r||(l?`touch`:``))}));return j.useMemo(()=>({onClick:n,onPointerDown:r}),[n,r])}function Q(e){let[t,n]=j.useState(null),r=Z(e,n);return ye(e,t=>{t&&!e&&n(null)}),j.useMemo(()=>({openMethod:t,triggerProps:r}),[t,r])}export{q as a,N as c,Ie as i,Z as n,K as o,Le as r,G as s,Q as t};

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

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

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{At as n,Dt as r,Mn as i,Qt as a,jt as o,kt as s,sn as c}from"./example-BsDQngs7.js";import{P as l}from"./index-B4sKWDcN.js";var u=e(t(),1),d=e(l(),1);function f(e,t){let l=u.useRef(null);function f(t){d.flushSync(()=>{e.setOpen(!1,a(c,t.nativeEvent,t.currentTarget))}),n(l.current)?.focus()}function p(n){let l=e.select(`positionerElement`);if(l&&o(n,l))e.context.beforeContentFocusGuardRef.current?.focus();else{d.flushSync(()=>{e.setOpen(!1,a(c,n.nativeEvent,n.currentTarget))});let o=s(e.context.triggerFocusTargetRef.current||t.current);for(;o!==null&&i(l,o);){let e=o;if(o=r(o),o===e)break}o?.focus()}}return{preFocusGuardRef:l,handlePreFocusGuardFocus:f,handleFocusTargetFocus:p}}export{f as t};

package/dist/showcase/assets/useValueChanged-B-czUWmg.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{hr as n,mr as r}from"./example-BsDQngs7.js";var i=e(t(),1);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-C7ORJkSr.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.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-O410ITvy.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.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-BlcUaVEY.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.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};