sherick-ui 2.9.0 → 2.10.1

package/dist/esm/components/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport React, { createContext, useContext, useRef, type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { DialogDescription } from \"./DialogDescription\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogDismiss, DialogSurface, type DialogAttachment } from \"./DialogSurface\";\n\n/**\n * The viewport edge a sheet is attached to. Sides are **physical** rather than logical: the\n * contract places the sheet against that edge of the screen rather than resolving a writing\n * direction the component cannot see, so a direction-sensitive placement is the consumer's own\n * `dir`-aware arrangement rather than an inferred one.\n */\nexport type DrawerSide = Exclude<DialogAttachment, \"center\">;\n\nexport interface DrawerProps {\n  children: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  /** Base's own open-change callback, event details included. */\n  onOpenChange?: BaseDialog.Root.Props[\"onOpenChange\"];\n  /** The edge the sheet is attached to. */\n  side?: DrawerSide;\n}\n\nexport interface DrawerTriggerProps {\n  /**\n   * The element the trigger's own props are handed to — usually a Sherick `Button`. The sheet\n   * opens from whatever this renders, so the control that opens it looks like the control it is.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n  /** Adds to the rendered element. The trigger writes no visual rules of its own. */\n  className?: string;\n}\n\nexport interface DrawerContentProps {\n  children: ReactNode;\n  /** Adds to the sheet's own surface. Its shell, elevation and presence are the recipe's. */\n  className?: string;\n}\n\nexport interface DrawerHeaderProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface DrawerDescriptionProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface DrawerFooterProps {\n  children: ReactNode;\n  className?: string;\n}\n\ntype DrawerComponent = ((props: DrawerProps) => React.JSX.Element) & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n  Header: typeof DrawerHeader;\n  Description: typeof DrawerDescription;\n  Footer: typeof DrawerFooter;\n  Close: typeof DrawerClose;\n};\n\n/* Base's dialog root has no notion of an edge, so the side a sheet was given travels down to the\n   sheet's own part through context rather than through a second prop a consumer would have to\n   keep in step with the first. */\nconst SideContext = createContext<DrawerSide>(\"bottom\");\n\nconst DrawerTrigger = ({ ...props }: DrawerTriggerProps) => <BaseDialog.Trigger {...props} />;\n\n/**\n * The sheet itself: the plane behind it, the viewport, the edge-attached surface, and the\n * dismissal control every sheet carries. Base UI — through the same dialog root a `Dialog` uses —\n * owns the portal, focus trapping and restoration, document scroll locking, Escape and outside\n * dismissal; Sherick UI owns the surface and how it slides out of its edge.\n *\n * It is a `Dialog` that changed its attachment: there is no second modal system here, so a sheet\n * traps focus, restores it, locks the page and dismisses exactly as a dialog does. Use a `Dialog`\n * when the surface has no edge.\n */\nconst DrawerContent = ({ children, className }: DrawerContentProps) => {\n  const side = useContext(SideContext);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    /* Focus the reading region, so native PageDown/Space scroll the sheet before a control\n       has been visited. Base still owns initial focus and the focus trap. */\n    <DialogSurface\n      attachment={side}\n      className={cn(className)}\n      initialFocus={contentRef}\n    >\n      <DialogDismiss label=\"Close\" />\n      <div ref={contentRef} tabIndex={-1} className={cn(\"flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain outline-none\")}>\n        {children}\n      </div>\n    </DialogSurface>\n  );\n};\n\n/* A sheet is a dialog with an edge, so its title and description are the dialog's own parts rather\n   than copies that could drift from them. */\nconst DrawerHeader = ({ children, className }: DrawerHeaderProps) => (\n  <DialogHeader className={cn(className)}>{children}</DialogHeader>\n);\n\nconst DrawerDescription = ({ children, className }: DrawerDescriptionProps) => (\n  <DialogDescription className={cn(className)}>{children}</DialogDescription>\n);\n\n/* Actions stay on the sheet's own surface: no divider, no second layer. */\nconst DrawerFooter = ({ children, className }: DrawerFooterProps) => (\n  <div className={cn(\"mt-auto flex flex-wrap items-center justify-end gap-3 px-6 pb-6 pt-4 sm:px-7\", className)}>\n    {children}\n  </div>\n);\n\n/* The dismissal control as a part, for an action that closes the sheet from its own footer: Base\n   hands the close behavior to whatever the caller renders. */\nconst DrawerClose = (props: ComponentProps<typeof BaseDialog.Close>) => (\n  <BaseDialog.Close {...props} />\n);\n\n/**\n * A surface attached to one edge of the viewport: a bottom sheet, a side panel, a top drawer. It\n * is a `Dialog` with an edge rather than a second kind of modal — the same root, the same scrim,\n * the same focus trapping and restoration, the same Escape and outside dismissal, the same\n * document scroll locking and the same portal — and only the placement and the direction the\n * surface arrives from differ.\n *\n * Compose a `Drawer.Trigger` and a `Drawer.Content`; the header, description and footer parts\n * mirror a `Dialog`'s, because it is the same surface.\n */\nconst Drawer = (({ children, side = \"bottom\", ...props }: DrawerProps) => {\n  return (\n    <SideContext.Provider value={side}>\n      <BaseDialog.Root {...props}>{children}</BaseDialog.Root>\n    </SideContext.Provider>\n  );\n}) as DrawerComponent;\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.Header = DrawerHeader;\nDrawer.Description = DrawerDescription;\nDrawer.Footer = DrawerFooter;\nDrawer.Close = DrawerClose;\n\nexport default Drawer;\n"],"names":["_jsx","BaseDialog","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  type ComponentProps,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { DialogDescription } from \"./DialogDescription\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogSurface, type DialogAttachment } from \"./DialogSurface\";\nimport type { PartProps } from \"./ui.types\";\n\n/**\n * The viewport edge a sheet is attached to. Sides are **physical** rather than logical: the\n * contract places the sheet against that edge of the screen rather than resolving a writing\n * direction the component cannot see, so a direction-sensitive placement is the consumer's own\n * `dir`-aware arrangement rather than an inferred one.\n */\nexport type DrawerSide = Exclude<DialogAttachment, \"center\">;\n\nexport interface DrawerProps {\n  children: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  /** Base's own open-change callback, event details included. */\n  onOpenChange?: BaseDialog.Root.Props[\"onOpenChange\"];\n  /** The edge the sheet is attached to. */\n  side?: DrawerSide;\n  /** The accessible name of the sheet's dismissal control. Defaults to \"Close\". */\n  closeLabel?: string;\n}\n\nexport interface DrawerTriggerProps {\n  /**\n   * The element the trigger's own props are handed to — usually a Sherick `Button`. The sheet\n   * opens from whatever this renders, so the control that opens it looks like the control it is.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n  /** Adds to the rendered element. The trigger writes no visual rules of its own. */\n  className?: string;\n}\n\n/** The sheet's own surface element: the popup, which takes the rest props and the ref. */\nexport type DrawerContentProps = PartProps<\"div\">;\n\n/** The header's own `div`. */\nexport type DrawerHeaderProps = PartProps<\"div\">;\n\n/** The supporting line's own `p`. */\nexport type DrawerDescriptionProps = PartProps<\"p\">;\n\n/** The footer's own `div`. */\nexport type DrawerFooterProps = PartProps<\"div\">;\n\ntype DrawerComponent = ((props: DrawerProps) => React.JSX.Element) & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n  Header: typeof DrawerHeader;\n  Description: typeof DrawerDescription;\n  Footer: typeof DrawerFooter;\n  Close: typeof DrawerClose;\n};\n\n/* Base's dialog root has no notion of an edge, so the side a sheet was given, and the name of its\n   dismissal control, travel down to the sheet's own parts through context rather than through a second\n   prop a consumer would have to keep in step with the root. */\nconst DrawerContext = createContext<{ side: DrawerSide; closeLabel: string }>({\n  side: \"bottom\",\n  closeLabel: \"Close\",\n});\n\nconst DrawerTrigger = ({ ...props }: DrawerTriggerProps) => <BaseDialog.Trigger {...props} />;\n\n/**\n * The sheet itself: the plane behind it, the viewport, the edge-attached surface, and the\n * dismissal control every sheet carries. Base UI — through the same dialog root a `Dialog` uses —\n * owns the portal, focus trapping and restoration, document scroll locking, Escape and outside\n * dismissal; Sherick UI owns the surface and how it slides out of its edge.\n *\n * It is a `Dialog` that changed its attachment: there is no second modal system here, so a sheet\n * traps focus, restores it, locks the page and dismisses exactly as a dialog does. Use a `Dialog`\n * when the surface has no edge.\n */\nconst DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(({ children, className, ...props }, ref) => {\n  const { side, closeLabel } = useContext(DrawerContext);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    /* Focus the reading region, so native PageDown/Space scroll the sheet before a control\n       has been visited. Base still owns initial focus and the focus trap. */\n    <DialogSurface\n      {...props}\n      attachment={side}\n      className={cn(className)}\n      popupRef={ref}\n      initialFocus={contentRef}\n      closeLabel={closeLabel}\n    >\n      <div ref={contentRef} tabIndex={-1} className={cn(\"flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain [outline-style:none]\")}>\n        {children}\n      </div>\n    </DialogSurface>\n  );\n});\n\nDrawerContent.displayName = \"DrawerContent\";\n\n/* A sheet is a dialog with an edge, so its title and description are the dialog's own parts rather\n   than copies that could drift from them. */\nconst DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(({ className, ...props }, ref) => (\n  <DialogHeader {...props} ref={ref} className={cn(className)} />\n));\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nconst DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(({ className, ...props }, ref) => (\n  <DialogDescription {...props} ref={ref} className={cn(className)} />\n));\n\nDrawerDescription.displayName = \"DrawerDescription\";\n\n/* The dialog's own footer, so a sheet's actions keep the dialog's insets. Like an AlertDialog's,\n   it follows content with no padded body below it, so it opens its own space above. */\nconst DrawerFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(({ className, ...props }, ref) => (\n  <DialogFooter {...props} ref={ref} className={cn(\"pt-4\", className)} />\n));\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\n/* The dismissal control as a part, for an action that closes the sheet from its own footer: Base\n   hands the close behavior to whatever the caller renders. */\nconst DrawerClose = (props: ComponentProps<typeof BaseDialog.Close>) => (\n  <BaseDialog.Close {...props} />\n);\n\n/**\n * A surface attached to one edge of the viewport: a bottom sheet, a side panel, a top drawer. It\n * is a `Dialog` with an edge rather than a second kind of modal — the same root, the same scrim,\n * the same focus trapping and restoration, the same Escape and outside dismissal, the same\n * document scroll locking and the same portal — and only the placement and the direction the\n * surface arrives from differ.\n *\n * Compose a `Drawer.Trigger` and a `Drawer.Content`; the header, description and footer parts\n * mirror a `Dialog`'s, because it is the same surface.\n */\nconst Drawer = (({ children, side = \"bottom\", closeLabel = \"Close\", ...props }: DrawerProps) => {\n  const context = useMemo(() => ({ side, closeLabel }), [side, closeLabel]);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      <BaseDialog.Root {...props}>{children}</BaseDialog.Root>\n    </DrawerContext.Provider>\n  );\n}) as DrawerComponent;\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.Header = DrawerHeader;\nDrawer.Description = DrawerDescription;\nDrawer.Footer = DrawerFooter;\nDrawer.Close = DrawerClose;\n\nexport default Drawer;\n"],"names":["_jsx","BaseDialog"],"mappings":"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"}

package/dist/esm/components/Field.js

@@ -1,19 +1,62 @@
 'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Field as Field$1 } from '@base-ui/react/field';
-import { forwardRef } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { cn } from '../libs/utils.js';
-import { fieldLabel, fieldMessage, fieldLayout } from './ui.common.js';
+import { fieldLabel, fieldMessage, fieldLayout, density } from './ui.common.js';
+import { FieldLabel } from './FieldLabel.js';
 
+/** The height and type step a field's own box takes, so a row of fields and buttons shares one rhythm. */
+const fieldDensity = {
+    sm: density.compact,
+    md: density.normal,
+    lg: density.prominent,
+};
+/* A setting row: its label and description at the start, its control at the end, centred on the
+   block of text. The gap is the one a row of settings needs, and the text block keeps the column
+   rhythm of `fieldLayout`, so the label and its description still touch at 4px. */
+/* A setting row wraps rather than squeezing its label: when the container cannot hold a readable label
+   beside the control, the control moves to its own line, still at the end. */
+const settingRow = "flex min-w-0 w-full flex-wrap items-center justify-between gap-x-6 gap-y-2";
 /**
  * Labels and validates one form control. Base UI owns the generated IDs and the
  * `aria-describedby` / `aria-invalid` wiring; this component owns only the order and the
  * typography of label, control, description and error.
  */
-const Field = forwardRef(({ label, description, error, required, className, children, invalid, ...rootProps }, ref) => {
-    return (jsxs(Field$1.Root, { ...rootProps, ref: ref, invalid: Boolean(error) || invalid, className: cn(fieldLayout, className), children: [label && (jsxs(Field$1.Label, { className: cn(fieldLabel), children: [label, required && (jsx("span", { className: cn("ms-1 text-sherick-danger"), "aria-hidden": "true", children: "*" }))] })), children, description && (jsx(Field$1.Description, { className: cn(fieldMessage.description), children: description })), jsx(Field$1.Error, { match: error ? true : undefined, className: cn(fieldMessage.error), ...(error ? { children: error } : {}) })] }));
+const Field = forwardRef(({ label, description, error, required, orientation = "vertical", className, children, invalid, ...rootProps }, ref) => {
+    const horizontal = orientation === "horizontal";
+    const labelNode = label ? (jsx(Field$1.Label, { className: cn(fieldLabel), children: jsx(FieldLabel, { required: required, children: label }) })) : null;
+    const descriptionNode = description ? (jsx(Field$1.Description, { className: cn(fieldMessage.description), children: description })) : null;
+    /* Mounted whether or not a message was passed: without `match` this part renders whatever
+       Base's own validation reports, so `validate`/`validationMode` are usable on their own,
+       and `match` pins a caller-supplied message in its place. */
+    const errorNode = (jsx(Field$1.Error, { match: error ? true : undefined, className: cn(fieldMessage.error), ...(error ? { children: error } : {}) }));
+    return (jsx(Field$1.Root, { ...rootProps, ref: ref, invalid: Boolean(error) || invalid, className: cn(horizontal ? settingRow : fieldLayout, className), children: horizontal ? (jsxs(Fragment, { children: [jsxs("div", { className: cn(fieldLayout, "min-w-[min(12rem,100%)] flex-1"), children: [labelNode, descriptionNode, errorNode] }), jsx("div", { className: cn("ms-auto flex max-w-full shrink-0 items-center"), children: children })] })) : (jsxs(Fragment, { children: [labelNode, children, descriptionNode, errorNode] })) }));
 });
 Field.displayName = "Field";
+/*
+ * Development-only check for a Checkbox or Switch that nothing names. A control outside a `Field` has
+ * no name unless it is given `aria-label` or `aria-labelledby`, and a screen reader then announces it
+ * as an unlabelled toggle. Inside a `Field` Base wires `aria-labelledby` itself, so that is what is
+ * looked for on the mounted element, and production builds never run the check.
+ */
+const useControlNameWarning = (ref, control, namedByProps) => {
+    useEffect(() => {
+        var _a, _b;
+        if (process.env.NODE_ENV === "production" || namedByProps)
+            return;
+        const element = ref.current;
+        if (!element)
+            return;
+        const named = element.hasAttribute("aria-labelledby") ||
+            ((_b = (_a = element.labels) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 ||
+            element.closest("label") !== null;
+        if (!named) {
+            console.warn(`Sherick UI: ${control} has no accessible name. Give it an aria-label, or place it in a Field with a label.`);
+        }
+        // Checked once, when the control mounts: the name it is given is the name it keeps.
+    }, []);
+};
 
-export { Field, Field as default };
+export { Field, Field as default, fieldDensity, useControlNameWarning };
 //# sourceMappingURL=Field.js.map

package/dist/esm/components/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../src/components/Field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport React, { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { fieldLabel, fieldLayout, fieldMessage } from \"./ui.common\";\n\nexport interface FieldProps\n  extends Omit<ComponentProps<typeof BaseField.Root>, \"children\" | \"className\" | \"ref\"> {\n  /** The field's label. Base UI associates it with the control and names the group. */\n  label?: ReactNode;\n  /** Supporting copy beneath the control. */\n  description?: ReactNode;\n  /**\n   * The message shown while the field is invalid. Its presence is what makes the field invalid,\n   * so an error can never be rendered without the state that explains it. Omit it and Base UI's\n   * own validation message is shown instead.\n   */\n  error?: ReactNode;\n  /**\n   * Renders the required mark beside the label. This is presentational only: the requirement\n   * itself can only be declared by the control, so pass `required` to the control as well —\n   * every example, fixture and test in this repository does.\n   */\n  required?: boolean;\n  /** Styles the field's own column. The control inside styles itself. */\n  className?: string;\n  /**\n   * A Base-backed control that is one control: `Checkbox`, `Slider` or `NumberField`. A\n   * group of controls names itself — `RadioGroup` carries its own label — because the\n   * field's label belongs to the single control it validates.\n   */\n  children: ReactNode;\n}\n\n/**\n * Labels and validates one form control. Base UI owns the generated IDs and the\n * `aria-describedby` / `aria-invalid` wiring; this component owns only the order and the\n * typography of label, control, description and error.\n */\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(\n  (\n    { label, description, error, required, className, children, invalid, ...rootProps },\n    ref\n  ) => {\n    return (\n      <BaseField.Root\n        {...rootProps}\n        ref={ref}\n        invalid={Boolean(error) || invalid}\n        className={cn(fieldLayout, className)}\n      >\n        {label && (\n          <BaseField.Label className={cn(fieldLabel)}>\n            {label}\n            {required && (\n              <span className={cn(\"ms-1 text-sherick-danger\")} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </BaseField.Label>\n        )}\n        {children}\n        {description && (\n          <BaseField.Description className={cn(fieldMessage.description)}>\n            {description}\n          </BaseField.Description>\n        )}\n        {/* Mounted whether or not a message was passed: without `match` this part renders whatever\n            Base's own validation reports, so `validate`/`validationMode` are usable on their own,\n            and `match` pins a caller-supplied message in its place. */}\n        <BaseField.Error\n          match={error ? true : undefined}\n          className={cn(fieldMessage.error)}\n          {...(error ? { children: error } : {})}\n        />\n      </BaseField.Root>\n    );\n  }\n);\n\nField.displayName = \"Field\";\n\nexport default Field;\n"],"names":["_jsxs","BaseField","_jsx"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../src/components/Field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport React, { forwardRef, useEffect, type ComponentProps, type ReactNode, type RefObject } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { density, fieldLabel, fieldLayout, fieldMessage } from \"./ui.common\";\nimport FieldLabel from \"./FieldLabel\";\n\n/** The density a field takes: `sm` for a dense row, `md` the default and `lg` a prominent field. */\nexport type FieldSize = \"sm\" | \"md\" | \"lg\";\n\n/** The height and type step a field's own box takes, so a row of fields and buttons shares one rhythm. */\nexport const fieldDensity: Record<FieldSize, string> = {\n  sm: density.compact,\n  md: density.normal,\n  lg: density.prominent,\n};\n\n/* A setting row: its label and description at the start, its control at the end, centred on the\n   block of text. The gap is the one a row of settings needs, and the text block keeps the column\n   rhythm of `fieldLayout`, so the label and its description still touch at 4px. */\n/* A setting row wraps rather than squeezing its label: when the container cannot hold a readable label\n   beside the control, the control moves to its own line, still at the end. */\nconst settingRow = \"flex min-w-0 w-full flex-wrap items-center justify-between gap-x-6 gap-y-2\";\n\nexport interface FieldProps\n  extends Omit<ComponentProps<typeof BaseField.Root>, \"children\" | \"className\" | \"ref\"> {\n  /** The field's label. Base UI associates it with the control and names the group. */\n  label?: ReactNode;\n  /** Supporting copy beneath the control. In a horizontal field it sits beneath the label. */\n  description?: ReactNode;\n  /**\n   * The message shown while the field is invalid. Its presence is what makes the field invalid,\n   * so an error can never be rendered without the state that explains it. Omit it and Base UI's\n   * own validation message is shown instead.\n   */\n  error?: ReactNode;\n  /**\n   * Renders the required mark beside the label. This is presentational only: the requirement\n   * itself can only be declared by the control, so pass `required` to the control as well —\n   * every example, fixture and test in this repository does.\n   */\n  required?: boolean;\n  /**\n   * `vertical` stacks the label, the control, the description and the error in one column. `horizontal`\n   * is a setting row: the label and its description sit at the start and the control at the end.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Styles the field's own column. The control inside styles itself. */\n  className?: string;\n  /**\n   * A Base-backed control that is one control: `Checkbox`, `Switch`, `Slider`, `NumberField`, `Select`\n   * or `Combobox`. A group of controls names itself — `RadioGroup` carries its own label — because\n   * the field's label belongs to the single control it validates.\n   */\n  children: ReactNode;\n}\n\n/**\n * Labels and validates one form control. Base UI owns the generated IDs and the\n * `aria-describedby` / `aria-invalid` wiring; this component owns only the order and the\n * typography of label, control, description and error.\n */\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(\n  (\n    { label, description, error, required, orientation = \"vertical\", className, children, invalid, ...rootProps },\n    ref\n  ) => {\n    const horizontal = orientation === \"horizontal\";\n\n    const labelNode = label ? (\n      <BaseField.Label className={cn(fieldLabel)}>\n        <FieldLabel required={required}>{label}</FieldLabel>\n      </BaseField.Label>\n    ) : null;\n\n    const descriptionNode = description ? (\n      <BaseField.Description className={cn(fieldMessage.description)}>{description}</BaseField.Description>\n    ) : null;\n\n    /* Mounted whether or not a message was passed: without `match` this part renders whatever\n       Base's own validation reports, so `validate`/`validationMode` are usable on their own,\n       and `match` pins a caller-supplied message in its place. */\n    const errorNode = (\n      <BaseField.Error\n        match={error ? true : undefined}\n        className={cn(fieldMessage.error)}\n        {...(error ? { children: error } : {})}\n      />\n    );\n\n    return (\n      <BaseField.Root\n        {...rootProps}\n        ref={ref}\n        invalid={Boolean(error) || invalid}\n        className={cn(horizontal ? settingRow : fieldLayout, className)}\n      >\n        {horizontal ? (\n          <>\n            {/* The text block is one column, so its label, description and error keep the vertical rhythm. */}\n            <div className={cn(fieldLayout, \"min-w-[min(12rem,100%)] flex-1\")}>\n              {labelNode}\n              {descriptionNode}\n              {errorNode}\n            </div>\n            <div className={cn(\"ms-auto flex max-w-full shrink-0 items-center\")}>{children}</div>\n          </>\n        ) : (\n          <>\n            {labelNode}\n            {children}\n            {descriptionNode}\n            {errorNode}\n          </>\n        )}\n      </BaseField.Root>\n    );\n  }\n);\n\nField.displayName = \"Field\";\n\n/*\n * Development-only check for a Checkbox or Switch that nothing names. A control outside a `Field` has\n * no name unless it is given `aria-label` or `aria-labelledby`, and a screen reader then announces it\n * as an unlabelled toggle. Inside a `Field` Base wires `aria-labelledby` itself, so that is what is\n * looked for on the mounted element, and production builds never run the check.\n */\nexport const useControlNameWarning = (\n  ref: RefObject<HTMLButtonElement | null>,\n  control: \"Checkbox\" | \"Switch\",\n  namedByProps: boolean\n) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"production\" || namedByProps) return;\n    const element = ref.current;\n    if (!element) return;\n    const named =\n      element.hasAttribute(\"aria-labelledby\") ||\n      (element.labels?.length ?? 0) > 0 ||\n      element.closest(\"label\") !== null;\n    if (!named) {\n      console.warn(\n        `Sherick UI: ${control} has no accessible name. Give it an aria-label, or place it in a Field with a label.`\n      );\n    }\n    // Checked once, when the control mounts: the name it is given is the name it keeps.\n  }, []);\n};\n\nexport default Field;\n"],"names":["_jsx","BaseField","_jsxs","_Fragment"],"mappings":";;;;;;;;AAWA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,YAAY,CAAA,CAAA,CAA8B;IACrD,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO;IACnB,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;IAClB,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;;AAGvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAEmF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC8E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CA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"}

package/dist/esm/components/FieldLabel.js

@@ -0,0 +1,15 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { cn } from '../libs/utils.js';
+import { tone } from './ui.common.js';
+
+/*
+ * The words of a field's name and, when the control is required, the mark that says so. The wrapper
+ * that names the control is the caller's — Base's `Field.Label`, a `legend`, a `Slider` label — so the
+ * typography (`fieldLabel`) stays with that wrapper. The mark lives here once, and is hidden from
+ * assistive technology because the control's own `required` already announces it.
+ */
+const FieldLabel = ({ children, required = false }) => (jsxs(Fragment, { children: [children, required && (jsx("span", { className: cn("ms-1", tone.text.danger), "aria-hidden": "true", children: "*" }))] }));
+FieldLabel.displayName = "FieldLabel";
+
+export { FieldLabel, FieldLabel as default };
+//# sourceMappingURL=FieldLabel.js.map

package/dist/esm/components/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sources":["../../../src/components/FieldLabel.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { tone } from \"./ui.common\";\n\nexport interface FieldLabelProps {\n  children: ReactNode;\n  /** Adds the required mark. The control itself declares the requirement, so the mark is decorative. */\n  required?: boolean;\n}\n\n/*\n * The words of a field's name and, when the control is required, the mark that says so. The wrapper\n * that names the control is the caller's — Base's `Field.Label`, a `legend`, a `Slider` label — so the\n * typography (`fieldLabel`) stays with that wrapper. The mark lives here once, and is hidden from\n * assistive technology because the control's own `required` already announces it.\n */\nexport const FieldLabel = ({ children, required = false }: FieldLabelProps) => (\n  <>\n    {children}\n    {required && (\n      <span className={cn(\"ms-1\", tone.text.danger)} aria-hidden=\"true\">\n        *\n      </span>\n    )}\n  </>\n);\n\nFieldLabel.displayName = \"FieldLabel\";\n\nexport default FieldLabel;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;AAUA;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAmB,MACxEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,QAAQ,EACR,QAAQ,KACPC,cAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA,aAAA,EAAc,MAAM,kBAE1D,CACR,CAAA,EAAA,CACA;AAGL,UAAU,CAAC,WAAW,GAAG,YAAY;;"}

package/dist/esm/components/FileUpload.js

@@ -1,17 +1,27 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@base-ui/react/button';
 import { Field } from '@base-ui/react/field';
 import { HugeiconsIcon } from '@hugeicons/react';
-import { Upload04Icon, Image01Icon, File01Icon, Cancel01Icon, Delete02Icon } from '@hugeicons/core-free-icons';
+import { Upload04Icon, Image01Icon, File01Icon, Delete02Icon } from '@hugeicons/core-free-icons';
 import { forwardRef, useId, useRef, useState, useEffect } from 'react';
 import { cn } from '../libs/utils.js';
-import Button$1 from './Button.js';
-import { fieldLabel, iconStroke, text, state, tone, stateLayer, focusRingDrag, focusRingWithin, rim, material, shape, type, focusRingInset, density, edge, recessedTop, matteInset, fieldMessage, fieldLayout } from './ui.common.js';
-import { motionFeedback, motionInkPress } from './ui.motion.js';
+import Button from './Button.js';
+import DismissButton from './DismissButton.js';
+import { FieldLabel } from './FieldLabel.js';
+import { fieldLabel, iconStroke, text, type, state, tone, stateLayer, focusRingDrag, focusRingWithin, rim, material, shape, edge, recessedTop, matteInset, fieldMessage, fieldLayout } from './ui.common.js';
+import { motionFeedback } from './ui.motion.js';
 import { fileKey, formatBytes, resolveMaxFiles, resolveMaxSize, selectFiles } from './fileUpload.rules.js';
 
-const FileUpload = forwardRef(({ label, description, error, files, defaultFiles, onFilesChange, multiple = false, accept, maxSize, maxFiles, disabled = false, onReject, selectLabel = "Select files", removeLabel, clearLabel = "Clear files", className, ...rootProps }, forwardedRef) => {
+/* The noun follows the count through the locale's own plural rules, so "1 file" and "2 files" come from
+   the platform rather than from a test on `=== 1`. */
+const fileNoun = (count) => (new Intl.PluralRules().select(count) === "one" ? "file" : "files");
+const defaultFileUploadLabels = {
+    removedFile: (name) => `Removed ${name}.`,
+    removedFiles: (count) => `Removed ${count} ${fileNoun(count)}.`,
+    addedFiles: (count) => `Added ${count} ${fileNoun(count)}.`,
+};
+const FileUpload = forwardRef(({ label, description, error, files, defaultFiles, onFilesChange, multiple = false, accept, maxSize, maxFiles, disabled = false, onReject, selectLabel = "Select files", removeLabel, clearLabel = "Clear files", labels, className, ...rootProps }, forwardedRef) => {
+    const copy = { ...defaultFileUploadLabels, ...labels };
     const baseId = useId();
     const hintId = `${baseId}-hint`;
     const inputRef = useRef(null);
@@ -50,11 +60,11 @@ const FileUpload = forwardRef(({ label, description, error, files, defaultFiles,
         const removed = before.filter((file) => !afterKeys.has(fileKey(file)));
         const parts = [];
         if (removed.length === 1)
-            parts.push(`Removed ${removed[0].name}.`);
+            parts.push(copy.removedFile(removed[0].name));
         else if (removed.length > 1)
-            parts.push(`Removed ${removed.length} files.`);
+            parts.push(copy.removedFiles(removed.length));
         if (added > 0)
-            parts.push(`Added ${added} file${added === 1 ? "" : "s"}.`);
+            parts.push(copy.addedFiles(added));
         setAnnouncement(parts.join(" "));
         if (!focus || removed.length === 0)
             return;
@@ -182,17 +192,17 @@ const FileUpload = forwardRef(({ label, description, error, files, defaultFiles,
     ]
         .filter((part) => part !== null)
         .join(" · ");
-    return (jsxs(Field.Root, { ...rootProps, disabled: disabled, invalid: Boolean(error), className: cn(fieldLayout, className), children: [jsx(Field.Label, { className: cn(fieldLabel), children: label }), jsxs("label", { className: cn("relative z-10 flex min-w-0 flex-col items-center gap-2 px-4 py-4 text-center", shape.control, material.control, rim.dashed, !disabled && rim.dashedHover, rim.dashedDragging, motionFeedback, focusRingWithin, focusRingDrag, !disabled && state.enabled, !disabled && stateLayer.quiet, !disabled && dragging && tone.tonal.primary, disabled && state.disabled), "data-sui-drop-target": "", "data-dragging": dragging || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("span", { className: cn("inline-flex size-8 shrink-0 items-center justify-center [&>svg]:size-7", text.medium), "aria-hidden": "true", children: jsx(HugeiconsIcon, { icon: Upload04Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) }), jsxs("span", { className: cn("flex min-w-0 flex-col items-center gap-1"), children: [jsx("span", { className: cn("text-base font-semibold", text.high), children: dragging ? (multiple ? "Drop files here" : "Drop the file here") : selectLabel }), jsx("span", { className: cn("text-sm leading-5", text.medium), children: multiple ? "or drag and drop files" : "or drag and drop a file" })] }), jsx(Field.Control, { ref: forwardedRef, render: jsx("input", { ref: inputRef }), type: "file", multiple: multiple || undefined, accept: accept, "aria-describedby": hint ? hintId : undefined, onChange: handlePickerChange, className: cn("sr-only") })] }), selected.length > 0 && (jsxs("div", { className: cn("mx-4 min-w-0 overflow-hidden", shape.control, "rounded-t-none", matteInset, recessedTop), children: [jsx("ul", { role: "list", className: cn("m-0 min-w-0 list-none px-3 pt-3"), children: selected.map((file, index) => {
+    return (jsxs(Field.Root, { ...rootProps, disabled: disabled, invalid: Boolean(error), className: cn(fieldLayout, className), children: [label && (jsx(Field.Label, { className: cn(fieldLabel), children: jsx(FieldLabel, { children: label }) })), jsxs("label", { className: cn("relative z-10 flex min-w-0 flex-col items-center gap-2 px-4 py-4 text-center", shape.control, material.control, rim.dashed, !disabled && rim.dashedHover, rim.dashedDragging, motionFeedback, focusRingWithin, focusRingDrag, !disabled && state.enabled, !disabled && stateLayer.quiet, !disabled && dragging && tone.tonal.primary, disabled && state.disabled), "data-sui-drop-target": "", "data-dragging": dragging || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("span", { className: cn("inline-flex size-8 shrink-0 items-center justify-center [&>svg]:size-7", text.medium), "aria-hidden": "true", children: jsx(HugeiconsIcon, { icon: Upload04Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) }), jsxs("span", { className: cn("flex min-w-0 flex-col items-center gap-1"), children: [jsx("span", { className: cn(type.title, text.high), children: dragging ? (multiple ? "Drop files here" : "Drop the file here") : selectLabel }), jsx("span", { className: cn(type.body, text.medium), children: multiple ? "or drag and drop files" : "or drag and drop a file" })] }), jsx(Field.Control, { ref: forwardedRef, render: jsx("input", { ref: inputRef }), type: "file", multiple: multiple || undefined, accept: accept, "aria-describedby": hint ? hintId : undefined, onChange: handlePickerChange, className: cn("sr-only") })] }), selected.length > 0 && (jsxs("div", { className: cn("-mt-2 mx-4 min-w-0 overflow-hidden", shape.control, "rounded-t-none", matteInset, recessedTop), children: [jsx("ul", { role: "list", className: cn("m-0 min-w-0 list-none px-3 pt-3"), children: selected.map((file, index) => {
                             const key = fileKey(file);
                             const extension = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".") + 1) : "";
                             const fileType = (extension || file.type.split("/").pop() || "File").toUpperCase();
-                            return (jsxs("li", { className: cn("flex min-w-0 items-start gap-3 py-2 ps-3", edge.row, text.high), children: [jsx("span", { "aria-hidden": "true", className: cn("inline-flex h-11 w-5 shrink-0 items-center [&>svg]:size-5", text.medium), children: file.type.startsWith("image/") ? jsx(HugeiconsIcon, { icon: Image01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) : jsx(HugeiconsIcon, { icon: File01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) }), jsxs("span", { className: cn("flex min-w-0 flex-1 flex-col [overflow-wrap:anywhere]", type.body), children: [jsx("span", { children: file.name }), jsxs("span", { className: cn(type.supporting, text.medium), children: [formatBytes(file.size), " \u00B7 ", fileType] })] }), jsx(Button, { ref: (node) => {
+                            return (jsxs("li", { className: cn("flex min-w-0 items-start gap-3 py-2 ps-3", edge.row, text.high), children: [jsx("span", { "aria-hidden": "true", className: cn("inline-flex h-11 w-5 shrink-0 items-center [&>svg]:size-5", text.medium), children: file.type.startsWith("image/") ? jsx(HugeiconsIcon, { icon: Image01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) : jsx(HugeiconsIcon, { icon: File01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }) }), jsxs("span", { className: cn("flex min-w-0 flex-1 flex-col [overflow-wrap:anywhere]", type.body), children: [jsx("span", { children: file.name }), jsxs("span", { className: cn(type.supporting, text.medium), children: [formatBytes(file.size), " \u00B7 ", fileType] })] }), jsx(DismissButton, { ref: (node) => {
                                             if (node)
                                                 removalRefs.current.set(key, node);
                                             else
                                                 removalRefs.current.delete(key);
-                                        }, type: "button", "aria-label": removeLabel ? removeLabel(file) : `Remove ${file.name}`, disabled: disabled, onClick: () => removeFile(index), className: cn("group inline-flex shrink-0 items-center justify-center", density.target, shape.circle, text.medium, !disabled && "hover:text-sherick-ink", motionFeedback, focusRingInset, stateLayer.quiet, disabled ? state.disabled : state.enabled), children: jsx("span", { className: cn("inline-flex items-center justify-center", motionInkPress), children: jsx(HugeiconsIcon, { icon: Cancel01Icon, className: cn(iconStroke.glyph, "size-5"), "aria-hidden": "true" }) }) })] }, key));
-                        }) }), jsx("div", { className: cn("flex justify-end px-3 pb-2 pt-1"), children: jsx(Button$1, { ref: clearRef, type: "button", appearance: "text", variant: "danger", icon: jsx(HugeiconsIcon, { icon: Delete02Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }), size: "sm", disabled: disabled, onClick: clearFiles, children: clearLabel }) })] })), hint && (jsx("span", { id: hintId, className: cn(fieldMessage.description), children: hint })), description && (jsx(Field.Description, { className: cn(fieldMessage.description), children: description })), error ? (jsx(Field.Error, { match: true, className: cn(fieldMessage.error), children: error })) : null, jsxs("div", { role: "status", className: cn(rejections.length > 0 && cn("mt-2 flex flex-col gap-1", type.supporting)), children: [announcement !== "" && jsx("span", { className: cn("sr-only"), children: announcement }), rejections.length > 0 && (jsx("span", { className: cn("text-sherick-danger"), children: rejections.map((rejection) => rejection.message).join(" ") }, attempt))] })] }));
+                                        }, label: removeLabel ? removeLabel(file) : `Remove ${file.name}`, inRow: true, disabled: disabled, onClick: () => removeFile(index), className: cn(disabled ? state.disabled : undefined) })] }, key));
+                        }) }), jsx("div", { className: cn("flex justify-end px-3 pb-2 pt-1"), children: jsx(Button, { ref: clearRef, type: "button", appearance: "text", variant: "danger", icon: jsx(HugeiconsIcon, { icon: Delete02Icon, "aria-hidden": "true", className: cn(iconStroke.glyph) }), size: "sm", disabled: disabled, onClick: clearFiles, children: clearLabel }) })] })), hint && (jsx("span", { id: hintId, className: cn(fieldMessage.description), children: hint })), description && (jsx(Field.Description, { className: cn(fieldMessage.description), children: description })), error ? (jsx(Field.Error, { match: true, className: cn(fieldMessage.error), children: error })) : null, jsxs("div", { role: "status", className: cn(rejections.length > 0 ? cn("flex flex-col gap-1", type.supporting) : "absolute"), children: [announcement !== "" && jsx("span", { className: cn("sr-only"), children: announcement }), rejections.length > 0 && (jsx("span", { className: cn("text-sherick-danger"), children: rejections.map((rejection) => rejection.message).join(" ") }, attempt))] })] }));
 });
 FileUpload.displayName = "FileUpload";