sherick-ui 1.0.4 → 2.0.0

package/dist/esm/components/Drawer.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dialog } from '@base-ui/react/dialog';
+import { createContext, useContext, useRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { text } from './ui.common.js';
+import { DialogSurface, DialogDismiss } from './DialogSurface.js';
+
+/* Base's dialog root has no notion of an edge, so the side a sheet was given travels down to the
+   sheet's own part through context rather than through a second prop a consumer would have to
+   keep in step with the first. */
+const SideContext = createContext("bottom");
+const DrawerTrigger = ({ ...props }) => jsx(Dialog.Trigger, { ...props });
+/**
+ * The sheet itself: the plane behind it, the viewport, the edge-attached surface, and the
+ * dismissal control every sheet carries. Base UI — through the same dialog root a `Dialog` uses —
+ * owns the portal, focus trapping and restoration, document scroll locking, Escape and outside
+ * dismissal; Sherick UI owns the surface and how it slides out of its edge.
+ *
+ * It is a `Dialog` that changed its attachment: there is no second modal system here, so a sheet
+ * traps focus, restores it, locks the page and dismisses exactly as a dialog does. Use a `Dialog`
+ * when the surface has no edge.
+ */
+const DrawerContent = ({ children, className }) => {
+    const side = useContext(SideContext);
+    const contentRef = useRef(null);
+    return (
+    /* Focus the reading region, so native PageDown/Space scroll the sheet before a control
+       has been visited. Base still owns initial focus and the focus trap. */
+    jsxs(DialogSurface, { attachment: side, className: cn(className), initialFocus: contentRef, children: [jsx(DialogDismiss, { label: "Close" }), jsx("div", { ref: contentRef, tabIndex: -1, className: cn("flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain outline-none"), children: children })] }));
+};
+const DrawerHeader = ({ children, className }) => (jsx("div", { className: cn("pt-5 pb-2 ps-6 pe-16 sm:ps-7", className), children: jsx(Dialog.Title, { className: cn("text-xl font-semibold tracking-[-0.02em]", text.high), children: children }) }));
+const DrawerDescription = ({ children, className }) => (jsx(Dialog.Description, { className: cn("px-6 pt-2 text-sm leading-7 sm:px-7", text.medium, className), children: children }));
+/* Actions stay on the sheet's own surface: no divider, no second layer. */
+const DrawerFooter = ({ children, className }) => (jsx("div", { className: cn("mt-auto flex flex-wrap items-center justify-end gap-3 px-6 pb-6 pt-4 sm:px-7", className), children: children }));
+/* The dismissal control as a part, for an action that closes the sheet from its own footer: Base
+   hands the close behavior to whatever the caller renders. */
+const DrawerClose = (props) => (jsx(Dialog.Close, { ...props }));
+/**
+ * A surface attached to one edge of the viewport: a bottom sheet, a side panel, a top drawer. It
+ * is a `Dialog` with an edge rather than a second kind of modal — the same root, the same scrim,
+ * the same focus trapping and restoration, the same Escape and outside dismissal, the same
+ * document scroll locking and the same portal — and only the placement and the direction the
+ * surface arrives from differ.
+ *
+ * Compose a `Drawer.Trigger` and a `Drawer.Content`; the header, description and footer parts
+ * mirror a `Dialog`'s, because it is the same surface.
+ */
+const Drawer = (({ children, side = "bottom", ...props }) => {
+    return (jsx(SideContext.Provider, { value: side, children: jsx(Dialog.Root, { ...props, children: children }) }));
+});
+Drawer.Trigger = DrawerTrigger;
+Drawer.Content = DrawerContent;
+Drawer.Header = DrawerHeader;
+Drawer.Description = DrawerDescription;
+Drawer.Footer = DrawerFooter;
+Drawer.Close = DrawerClose;
+
+export { Drawer as default };
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +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 { text } from \"./ui.common\";\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\nconst DrawerHeader = ({ children, className }: DrawerHeaderProps) => (\n  <div className={cn(\"pt-5 pb-2 ps-6 pe-16 sm:ps-7\", className)}>\n    <BaseDialog.Title className={cn(\"text-xl font-semibold tracking-[-0.02em]\", text.high)}>\n      {children}\n    </BaseDialog.Title>\n  </div>\n);\n\nconst DrawerDescription = ({ children, className }: DrawerDescriptionProps) => (\n  <BaseDialog.Description\n    className={cn(\"px-6 pt-2 text-sm leading-7 sm:px-7\", text.medium, className)}\n  >\n    {children}\n  </BaseDialog.Description>\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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"}

package/dist/esm/components/Field.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field as Field$1 } from '@base-ui/react/field';
+import { forwardRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { text, fieldLayout } from './ui.common.js';
+
+/**
+ * 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("mb-2 text-sm font-medium", text.high), children: [label, required && (jsx("span", { className: cn("ms-1 text-sherick-danger"), "aria-hidden": "true", children: "*" }))] })), children, description && (jsx(Field$1.Description, { className: cn("mt-2 text-xs leading-5", text.medium), children: description })), jsx(Field$1.Error, { match: error ? true : undefined, className: cn("mt-2 text-xs leading-5 text-sherick-danger"), ...(error ? { children: error } : {}) })] }));
+});
+Field.displayName = "Field";
+
+export { Field, Field as default };
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +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 { fieldLayout, text } 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(\"mb-2 text-sm font-medium\", text.high)}>\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(\"mt-2 text-xs leading-5\", text.medium)}>\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(\"mt-2 text-xs leading-5 text-sherick-danger\")}\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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"}

package/dist/esm/components/IconButton.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '@base-ui/react/button';
+import { forwardRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { state, elevation, material, stateLayer, tone, focusRing, shape, density } from './ui.common.js';
+import { motionTactile } from './ui.motion.js';
+import { Spinner } from './Spinner.js';
+
+const IconButton = forwardRef(({ variant = "primary", appearance = "tonal", icon, className, loading = false, disabled, type = "button", ...props }, ref) => {
+    const isDisabled = disabled || loading;
+    const isTonal = appearance === "tonal";
+    const isAcrylic = appearance === "acrylic";
+    return (jsx(Button, { ...props, render: jsx("button", { ref: ref }), type: type, disabled: isDisabled, "aria-busy": loading || undefined, className: cn("inline-flex items-center justify-center p-2.5 [&>svg]:size-5", density.target, shape.circle, motionTactile, focusRing, tone.text[variant], isTonal && tone.tonal[variant], (isTonal || isAcrylic) && !isDisabled && stateLayer.tonal, appearance === "ghost" && "bg-transparent", appearance === "ghost" && !isDisabled && stateLayer.quiet, isTonal && elevation.raised, isTonal && !isDisabled && state.recess, isAcrylic && material.acrylicDense, isAcrylic && elevation.floating, isDisabled ? state.disabled : state.enabled, className), children: loading ? (jsx(Spinner, { size: "small", className: cn("size-5") })) : icon ? (jsx("span", { className: cn("inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5"), "aria-hidden": "true", children: icon })) : null }));
+});
+IconButton.displayName = "IconButton";
+
+export { IconButton as default };
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@base-ui/react/button\";\nimport React, { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  elevation,\n  focusRing,\n  material,\n  shape,\n  state,\n  stateLayer,\n  tone,\n} from \"./ui.common\";\nimport { motionTactile } from \"./ui.motion\";\nimport { Variant } from \"./ui.types\";\nimport { Spinner } from \"./Spinner\";\n\nexport type IconButtonAppearance = \"tonal\" | \"ghost\" | \"acrylic\";\n\nexport interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: Variant;\n  appearance?: IconButtonAppearance;\n  icon?: ReactNode;\n  loading?: boolean;\n}\n\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({\n    variant = \"primary\",\n    appearance = \"tonal\",\n    icon,\n    className,\n    loading = false,\n    disabled,\n    type = \"button\",\n    ...props\n  }, ref) => {\n    const isDisabled = disabled || loading;\n    const isTonal = appearance === \"tonal\";\n    const isAcrylic = appearance === \"acrylic\";\n\n    return (\n      <Button\n        {...props}\n        render={<button ref={ref} />}\n        type={type}\n        disabled={isDisabled}\n        aria-busy={loading || undefined}\n        className={cn(\n          \"inline-flex items-center justify-center p-2.5 [&>svg]:size-5\",\n          density.target,\n          shape.circle,\n          motionTactile,\n          focusRing,\n          tone.text[variant],\n          isTonal && tone.tonal[variant],\n          (isTonal || isAcrylic) && !isDisabled && stateLayer.tonal,\n          appearance === \"ghost\" && \"bg-transparent\",\n          appearance === \"ghost\" && !isDisabled && stateLayer.quiet,\n          isTonal && elevation.raised,\n          isTonal && !isDisabled && state.recess,\n          isAcrylic && material.acrylicDense,\n          isAcrylic && elevation.floating,\n          isDisabled ? state.disabled : state.enabled,\n          className\n        )}\n      >\n        {/* The mark occupies one slot at both states: a fixed 20px box, so a nested icon node cannot\n            change the mark's size and the loading spinner lands in the box the icon had. */}\n        {loading ? (\n          <Spinner size=\"small\" className={cn(\"size-5\")} />\n        ) : icon ? (\n          <span className={cn(\"inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5\")} aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n      </Button>\n    );\n  }\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/Input.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field } from '@base-ui/react/field';
+import { Input as Input$1 } from '@base-ui/react/input';
+import { forwardRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { text, state, material, focusRing, shape, density, fieldLayout } from './ui.common.js';
+import { motionFeedback } from './ui.motion.js';
+
+const Input = forwardRef(({ label, description, className, inputClassName, required, error = false, errorMessage, id, name, disabled, onValueChange, ...props }, ref) => {
+    return (jsxs(Field.Root, { className: cn(fieldLayout, className), name: name, disabled: disabled, invalid: error, children: [label && (jsxs(Field.Label, { className: cn("mb-2 text-sm font-medium", text.high), children: [label, required && jsx("span", { className: cn("ms-1 text-sherick-danger"), "aria-hidden": "true", children: "*" })] })), jsx(Input$1, { ...props, render: jsx("input", { ref: ref }), id: id, name: name, required: required, disabled: disabled, onValueChange: onValueChange, className: cn(density.normal, "min-w-0 w-full px-5 py-3", shape.control, motionFeedback, focusRing, error ? material.controlError : material.control, !disabled && (error ? state.field.errorHover : state.field.hover), !disabled && (error ? state.field.errorFocus : state.field.focus), disabled ? state.disabled : state.text, inputClassName) }), description && (jsx(Field.Description, { className: cn("mt-2 text-xs leading-5", text.medium), children: description })), errorMessage && (jsx(Field.Error, { match: error, className: cn("mt-2 text-xs leading-5 text-sherick-danger"), children: errorMessage }))] }));
+});
+Input.displayName = "Input";
+
+export { Input as default };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field } from \"@base-ui/react/field\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport React, {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  fieldLayout,\n  focusRing,\n  material,\n  shape,\n  state,\n  text,\n} from \"./ui.common\";\nimport { motionFeedback } from \"./ui.motion\";\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  inputClassName?: string;\n  /** Base's value-change callback, event details included. */\n  onValueChange?: BaseInput.Props[\"onValueChange\"];\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({\n    label,\n    description,\n    className,\n    inputClassName,\n    required,\n    error = false,\n    errorMessage,\n    id,\n    name,\n    disabled,\n    onValueChange,\n    ...props\n  }, ref) => {\n    return (\n      <Field.Root\n        className={cn(fieldLayout, className)}\n        name={name}\n        disabled={disabled}\n        invalid={error}\n      >\n        {label && (\n          <Field.Label className={cn(\"mb-2 text-sm font-medium\", text.high)}>\n            {label}\n            {required && <span className={cn(\"ms-1 text-sherick-danger\")} aria-hidden=\"true\">*</span>}\n          </Field.Label>\n        )}\n        <BaseInput\n          {...props}\n          render={<input ref={ref} />}\n          id={id}\n          name={name}\n          required={required}\n          disabled={disabled}\n          onValueChange={onValueChange}\n          className={cn(\n            density.normal,\n            \"min-w-0 w-full px-5 py-3\",\n            shape.control,\n            motionFeedback,\n            focusRing,\n            error ? material.controlError : material.control,\n            !disabled && (error ? state.field.errorHover : state.field.hover),\n            !disabled && (error ? state.field.errorFocus : state.field.focus),\n            disabled ? state.disabled : state.text,\n            inputClassName\n          )}\n        />\n        {description && (\n          <Field.Description className={cn(\"mt-2 text-xs leading-5\", text.medium)}>\n            {description}\n          </Field.Description>\n        )}\n        {errorMessage && (\n          <Field.Error\n            match={error}\n            className={cn(\"mt-2 text-xs leading-5 text-sherick-danger\")}\n          >\n            {errorMessage}\n          </Field.Error>\n        )}\n      </Field.Root>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport default Input;\n"],"names":["_jsxs","_jsx","BaseInput"],"mappings":"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"}

package/dist/esm/components/Markdown.js

@@ -0,0 +1,47 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeKatex from 'rehype-katex';
+import remarkMath from 'remark-math';
+import { cn } from '../libs/utils.js';
+import { text, edge, tone, shape } from './ui.common.js';
+import CodeBlock from './CodeBlock.js';
+
+/* Markdown sets its own type scale but takes every color, shape and rule from the
+   primitives, so dropping it into a new surface needs no visual decisions. */
+const components = {
+    h1: ({ className, ...props }) => jsx("h1", { className: cn("mb-4 mt-8 text-3xl font-semibold tracking-[-0.03em] first:mt-0", text.high, className), ...props }),
+    h2: ({ className, ...props }) => jsx("h2", { className: cn("mb-3 mt-7 text-2xl font-semibold tracking-[-0.025em] first:mt-0", text.high, className), ...props }),
+    h3: ({ className, ...props }) => jsx("h3", { className: cn("mb-2 mt-6 text-xl font-medium first:mt-0", text.high, className), ...props }),
+    p: ({ className, ...props }) => jsx("p", { className: cn("my-3 leading-7", text.high, className), ...props }),
+    a: ({ className, ...props }) => jsx("a", { className: cn("font-medium underline decoration-sherick-primary/[0.35] underline-offset-4 hover:decoration-sherick-primary", tone.text.primary, className), ...props }),
+    /* Every asymmetry a reader meets is a *writing-direction* asymmetry: a list indents from its own
+       start edge, a quote's rule is drawn on that same edge, and both follow the document rather than
+       the page. §17 states it as a rule, so nothing here may name a physical side. */
+    ul: ({ className, ...props }) => jsx("ul", { className: cn("my-4 list-disc space-y-2 ps-6", text.high, className), ...props }),
+    ol: ({ className, ...props }) => jsx("ol", { className: cn("my-4 list-decimal space-y-2 ps-6", text.high, className), ...props }),
+    li: ({ className, ...props }) => jsx("li", { className: cn("ms-1 leading-7 marker:text-sherick-primary", className), ...props }),
+    blockquote: ({ className, ...props }) => jsx("blockquote", { className: cn("my-5 px-4 py-2", shape.control, "rounded-s-none border-s-2 border-sherick-primary/[0.45]", tone.soft.primary, text.medium, className), ...props }),
+    hr: ({ className, ...props }) => jsx("hr", { className: cn("my-7 h-0 border-0 border-t", edge.rule, className), ...props }),
+    strong: ({ className, ...props }) => jsx("strong", { className: cn("font-semibold", text.high, className), ...props }),
+    /* A fenced block reaches `code` wrapped in `pre`, which would nest a second `pre`
+       inside the code surface and inherit the browser's monospace block styling. The
+       block wrapper is dropped so `CodeBlock` owns the whole treatment. */
+    pre: ({ children }) => jsx(Fragment, { children: children }),
+    table: ({ children }) => jsx("div", { className: cn("min-w-0 overflow-x-auto [overflow-wrap:normal]"), children: jsx("table", { className: cn("w-full"), children: children }) }),
+    /* Without `inline` (removed in react-markdown 9), a block is a fenced one: it carries
+       a `language-*` class or, when the fence is bare, the trailing newline markdown
+       always leaves on the last line. Anything else is an inline chip. */
+    code: ({ className, children, ...props }) => {
+        var _a;
+        const language = (_a = /language-(\w+)/.exec(className !== null && className !== void 0 ? className : "")) === null || _a === void 0 ? void 0 : _a[1];
+        const code = String(children !== null && children !== void 0 ? children : "");
+        return language !== undefined || code.endsWith("\n") ? (jsx(CodeBlock, { language: language !== null && language !== void 0 ? language : "text", children: code })) : (jsx(CodeBlock, { inline: true, className: cn(className), ...props, children: children }));
+    },
+};
+const Markdown = ({ children }) => {
+    return (jsx("div", { className: cn("min-w-0 [overflow-wrap:anywhere]"), children: jsx(ReactMarkdown, { components: components, remarkPlugins: [remarkGfm, remarkMath], rehypePlugins: [rehypeKatex], children: children }) }));
+};
+
+export { Markdown as default };
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sources":["../../../src/components/Markdown.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactMarkdown, { type Components } from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeKatex from \"rehype-katex\";\nimport remarkMath from \"remark-math\";\nimport { cn } from \"@/libs/utils\";\nimport { edge, shape, text, tone } from \"./ui.common\";\nimport CodeBlock from \"./CodeBlock\";\n\n/* Markdown sets its own type scale but takes every color, shape and rule from the\n   primitives, so dropping it into a new surface needs no visual decisions. */\nconst components: Components = {\n  h1: ({ className, ...props }) => <h1 className={cn(\"mb-4 mt-8 text-3xl font-semibold tracking-[-0.03em] first:mt-0\", text.high, className)} {...props} />,\n  h2: ({ className, ...props }) => <h2 className={cn(\"mb-3 mt-7 text-2xl font-semibold tracking-[-0.025em] first:mt-0\", text.high, className)} {...props} />,\n  h3: ({ className, ...props }) => <h3 className={cn(\"mb-2 mt-6 text-xl font-medium first:mt-0\", text.high, className)} {...props} />,\n  p: ({ className, ...props }) => <p className={cn(\"my-3 leading-7\", text.high, className)} {...props} />,\n  a: ({ className, ...props }) => <a className={cn(\"font-medium underline decoration-sherick-primary/[0.35] underline-offset-4 hover:decoration-sherick-primary\", tone.text.primary, className)} {...props} />,\n  /* Every asymmetry a reader meets is a *writing-direction* asymmetry: a list indents from its own\n     start edge, a quote's rule is drawn on that same edge, and both follow the document rather than\n     the page. §17 states it as a rule, so nothing here may name a physical side. */\n  ul: ({ className, ...props }) => <ul className={cn(\"my-4 list-disc space-y-2 ps-6\", text.high, className)} {...props} />,\n  ol: ({ className, ...props }) => <ol className={cn(\"my-4 list-decimal space-y-2 ps-6\", text.high, className)} {...props} />,\n  li: ({ className, ...props }) => <li className={cn(\"ms-1 leading-7 marker:text-sherick-primary\", className)} {...props} />,\n  blockquote: ({ className, ...props }) => <blockquote className={cn(\"my-5 px-4 py-2\", shape.control, \"rounded-s-none border-s-2 border-sherick-primary/[0.45]\", tone.soft.primary, text.medium, className)} {...props} />,\n  hr: ({ className, ...props }) => <hr className={cn(\"my-7 h-0 border-0 border-t\", edge.rule, className)} {...props} />,\n  strong: ({ className, ...props }) => <strong className={cn(\"font-semibold\", text.high, className)} {...props} />,\n  /* A fenced block reaches `code` wrapped in `pre`, which would nest a second `pre`\n     inside the code surface and inherit the browser's monospace block styling. The\n     block wrapper is dropped so `CodeBlock` owns the whole treatment. */\n  pre: ({ children }) => <>{children}</>,\n  table: ({ children }) => <div className={cn(\"min-w-0 overflow-x-auto [overflow-wrap:normal]\")}><table className={cn(\"w-full\")}>{children}</table></div>,\n  /* Without `inline` (removed in react-markdown 9), a block is a fenced one: it carries\n     a `language-*` class or, when the fence is bare, the trailing newline markdown\n     always leaves on the last line. Anything else is an inline chip. */\n  code: ({ className, children, ...props }) => {\n    const language = /language-(\\w+)/.exec(className ?? \"\")?.[1];\n    const code = String(children ?? \"\");\n    return language !== undefined || code.endsWith(\"\\n\") ? (\n      <CodeBlock language={language ?? \"text\"}>{code}</CodeBlock>\n    ) : (\n      <CodeBlock inline className={cn(className)} {...props}>{children}</CodeBlock>\n    );\n  },\n};\n\nexport interface MarkdownProps {\n  children: string;\n}\n\nconst Markdown = ({ children }: MarkdownProps) => {\n  return (\n    <div className={cn(\"min-w-0 [overflow-wrap:anywhere]\")}>\n      <ReactMarkdown\n        components={components}\n        remarkPlugins={[remarkGfm, remarkMath]}\n        rehypePlugins={[rehypeKatex]}\n      >\n        {children}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/Menu.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
+import { cn } from '../libs/utils.js';
+import Divider from './Divider.js';
+import { tone, list, overlay, stacking } from './ui.common.js';
+import { motionPresenceAnchored } from './ui.motion.js';
+
+const MenuContent = ({ children, className, side = "bottom", align = "start", sideOffset = 8, alignOffset, }) => {
+    return (jsx(Menu$1.Portal, { children: jsx(Menu$1.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, className: cn(stacking.float), children: jsx(Menu$1.Popup, { className: cn(list.sheet, "w-max min-w-44 max-w-[min(20rem,var(--available-width))] space-y-1 p-1.5", overlay.menu, motionPresenceAnchored, className), children: children }) }) }));
+};
+/* The trigger is Base's, with only the capabilities this package publishes declared above it. The
+   surface has to open from the element the caller renders, so this cannot be a Sherick `Button`:
+   it hands Base's trigger props to whatever the caller composes. */
+const MenuTrigger = ({ ...props }) => jsx(Menu$1.Trigger, { ...props });
+/* A command row: `list.command` owns its shape, motion, tone and interactive states. A
+   destructive command adds only the danger tone to its own label — the row's highlight is then
+   a restrained tint of that tone, and the sheet around it stays neutral. */
+const MenuItem = ({ variant, className, children, ...props }) => (jsx(Menu$1.Item, { ...props, className: cn(list.command, variant === "danger" && tone.text.danger, className), children: jsx("span", { className: cn("min-w-0 flex-1 truncate"), children: children }) }));
+MenuItem.displayName = "MenuItem";
+/* Base's menu separator *is* the shared Base separator, which is the component `Divider`
+   renders: the menu uses the public divider rather than re-deriving a line. The margin is the
+   menu's own spacing between parts. */
+const MenuSeparator = ({ className }) => (jsx(Divider, { className: cn("mx-3 my-1 w-auto", className) }));
+const Menu = (({ children, open, defaultOpen, onOpenChange }) => {
+    return (jsx(Menu$1.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children }));
+});
+Menu.Trigger = MenuTrigger;
+Menu.Content = MenuContent;
+Menu.Item = MenuItem;
+Menu.Separator = MenuSeparator;
+
+export { Menu as default };
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport React, { type MouseEventHandler, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport Divider from \"./Divider\";\nimport { list, overlay, stacking, tone } from \"./ui.common\";\nimport { motionPresenceAnchored } from \"./ui.motion\";\nimport type { OverlayAlign, OverlaySide, Variant } from \"./ui.types\";\n\nexport interface MenuProps {\n  children: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  /** Base's own open-change callback, event details included. */\n  onOpenChange?: BaseMenu.Root.Props[\"onOpenChange\"];\n}\n\nexport interface MenuTriggerProps {\n  /**\n   * The element the trigger's own props are handed to — usually a Sherick `Button`. The surface\n   * opens from whatever this renders, so the trigger 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 MenuContentProps {\n  children: ReactNode;\n  /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */\n  className?: string;\n  /** The edge the sheet is anchored to. Its entrance grows from whichever edge it resolves to. */\n  side?: OverlaySide;\n  align?: OverlayAlign;\n  sideOffset?: number;\n  alignOffset?: number;\n}\n\nexport interface MenuItemProps {\n  children: ReactNode;\n  /** Adds to the row's own shell. */\n  className?: string;\n  /**\n   * The action's semantic role. `danger` marks the action itself — the row's label and its\n   * highlight take the danger tone, and the popup around it stays neutral.\n   */\n  variant?: Variant;\n  /**\n   * An action that cannot be performed. It stays in the list and stays reachable by keyboard — a\n   * disabled command is still one a reader has to be able to find and be told about — but it\n   * cannot be activated, and it takes no hover or press state.\n   */\n  disabled?: boolean;\n  /** What choosing the action does. The menu closes afterwards; that is Base's contract. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n}\n\nexport interface MenuSeparatorProps {\n  className?: string;\n}\n\n/**\n * A surface of actions. Each item acts and the menu closes; nothing here holds a value, so a\n * value-selection surface is `Select` or `Combobox` rather than a menu. Base UI owns keyboard\n * navigation, typeahead, roving focus, Escape, outside dismissal and focus restoration; Sherick\n * UI owns the sheet, the row treatment and the tone an action reads in.\n *\n * This is the whole of the surface Sherick UI publishes to a consumer: the parts below accept the\n * capabilities this package supports, not the primitive's complete prop set. Composing a Base\n * primitive is how these components are built; it is not what they promise.\n */\ntype MenuComponent = ((props: MenuProps) => React.JSX.Element) & {\n  Trigger: typeof MenuTrigger;\n  Content: typeof MenuContent;\n  Item: typeof MenuItem;\n  Separator: typeof MenuSeparator;\n};\n\nconst MenuContent = ({\n  children,\n  className,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 8,\n  alignOffset,\n}: MenuContentProps) => {\n  return (\n    <BaseMenu.Portal>\n      {/* A menu is modal, which is Base's own default and the reason its positioner already lays a\n          plane over everything outside the sheet: an outside press dismisses the menu through\n          that plane without reaching the page beneath, so Sherick renders no second backdrop\n          and writes no dismissal logic of its own. */}\n      <BaseMenu.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        className={cn(stacking.float)}\n      >\n        <BaseMenu.Popup\n          className={cn(\n            list.sheet,\n            \"w-max min-w-44 max-w-[min(20rem,var(--available-width))] space-y-1 p-1.5\",\n            overlay.menu,\n            motionPresenceAnchored,\n            className\n          )}\n        >\n          {children}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n};\n\n/* The trigger is Base's, with only the capabilities this package publishes declared above it. The\n   surface has to open from the element the caller renders, so this cannot be a Sherick `Button`:\n   it hands Base's trigger props to whatever the caller composes. */\nconst MenuTrigger = ({ ...props }: MenuTriggerProps) => <BaseMenu.Trigger {...props} />;\n\n/* A command row: `list.command` owns its shape, motion, tone and interactive states. A\n   destructive command adds only the danger tone to its own label — the row's highlight is then\n   a restrained tint of that tone, and the sheet around it stays neutral. */\n\nconst MenuItem = ({ variant, className, children, ...props }: MenuItemProps) => (\n  <BaseMenu.Item\n    {...props}\n    className={cn(list.command, variant === \"danger\" && tone.text.danger, className)}\n  >\n    <span className={cn(\"min-w-0 flex-1 truncate\")}>{children}</span>\n  </BaseMenu.Item>\n);\n\nMenuItem.displayName = \"MenuItem\";\n\n/* Base's menu separator *is* the shared Base separator, which is the component `Divider`\n   renders: the menu uses the public divider rather than re-deriving a line. The margin is the\n   menu's own spacing between parts. */\nconst MenuSeparator = ({ className }: MenuSeparatorProps) => (\n  <Divider className={cn(\"mx-3 my-1 w-auto\", className)} />\n);\n\nconst Menu = (({ children, open, defaultOpen, onOpenChange }: MenuProps) => {\n  return (\n    <BaseMenu.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </BaseMenu.Root>\n  );\n}) as MenuComponent;\n\nMenu.Trigger = MenuTrigger;\nMenu.Content = MenuContent;\nMenu.Item = MenuItem;\nMenu.Separator = MenuSeparator;\n\nexport default Menu;\n"],"names":["_jsx","BaseMenu"],"mappings":"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"}

package/dist/esm/components/NavGroup.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { cn } from '../libs/utils.js';
+import NavItem from './NavItem.js';
+import { text } from './ui.common.js';
+
+/* A titled group of destinations. The group is **structure inside the surface it sits on**, not a
+   surface of its own: it brings no fill, no depth and no rim, so a navigation column reads as one
+   region rather than as a card holding cards.
+
+   The title is a section label, not a badge: it takes the same emphasis step a value takes and
+   leaves the resting rows a step below it, so the hierarchy comes from the ladder instead of from
+   small muted capitals. Its rhythm is deliberately tight — the rows are already separated by the
+   density step they hold, so the group adds only the little that makes one group read as one
+   group. Its heading level is the host document's business, so it is a prop rather than a fixed
+   level, exactly as an accordion's heading is. */
+const NavGroup = ({ title, items, activeHref, headingLevel = 3, className }) => (jsxs("div", { className: cn("flex min-w-0 flex-col gap-0.5 py-1", className), children: [React.createElement(`h${headingLevel}`, { className: cn("px-3 pb-1 text-sm font-medium", text.high) }, title), items.map((item) => (jsx(NavItem, { href: item.href, active: item.href === activeHref, children: item.label }, item.href)))] }));
+
+export { NavGroup as default };
+//# sourceMappingURL=NavGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.js","sources":["../../../src/components/NavGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport NavItem from \"./NavItem\";\nimport { text } from \"./ui.common\";\n\nexport interface NavGroupItem {\n  label: string;\n  href: string;\n}\n\n/** The heading level a group labels itself with. A navigation group owns a real heading, because\n *  that is what makes a column of destinations scannable as groups; which level it is depends on\n *  where the navigation sits in the host document, which this component cannot know. */\nexport type NavGroupHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface NavGroupProps {\n  title: string;\n  items: NavGroupItem[];\n  activeHref?: string;\n  /** The heading level the group labels itself with. Choose it from the document it is placed\n   *  in: a group under a page title is a level 2, one in a sidebar section is whatever its\n   *  neighbours are. The default matches the package's other grouped surfaces. */\n  headingLevel?: NavGroupHeadingLevel;\n  className?: string;\n}\n\n/* A titled group of destinations. The group is **structure inside the surface it sits on**, not a\n   surface of its own: it brings no fill, no depth and no rim, so a navigation column reads as one\n   region rather than as a card holding cards.\n\n   The title is a section label, not a badge: it takes the same emphasis step a value takes and\n   leaves the resting rows a step below it, so the hierarchy comes from the ladder instead of from\n   small muted capitals. Its rhythm is deliberately tight — the rows are already separated by the\n   density step they hold, so the group adds only the little that makes one group read as one\n   group. Its heading level is the host document's business, so it is a prop rather than a fixed\n   level, exactly as an accordion's heading is. */\nconst NavGroup = ({ title, items, activeHref, headingLevel = 3, className }: NavGroupProps) => (\n  <div className={cn(\"flex min-w-0 flex-col gap-0.5 py-1\", className)}>\n    {/* The heading is the group's own; the level follows the document it was placed in rather than\n        a level this component assumed. Creating the element directly is the same approach an\n        accordion heading takes, so both read the same way. */}\n    {React.createElement(`h${headingLevel}`, { className: cn(\"px-3 pb-1 text-sm font-medium\", text.high) }, title)}\n    {items.map((item) => (\n      <NavItem key={item.href} href={item.href} active={item.href === activeHref}>\n        {item.label}\n      </NavItem>\n    ))}\n  </div>\n);\n\nexport default NavGroup;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA0BA;;;;;;;;;AASkD;AAClD,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,GAAG,CAAC,EAAE,SAAS,EAAiB,MACxFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAIhE,KAAK,CAAC,aAAa,CAAC,IAAI,YAAY,CAAA,CAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,EAC7G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdC,IAAC,OAAO,EAAA,EAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,EAAA,QAAA,EACvE,IAAI,CAAC,KAAK,EAAA,EADC,IAAI,CAAC,IAAI,CAEb,CACX,CAAC,CAAA,EAAA,CACE;;"}

package/dist/esm/components/NavItem.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../libs/utils.js';
+import { stateLayer, tone, text, focusRing, shape, density } from './ui.common.js';
+import { motionTactile } from './ui.motion.js';
+
+/* A destination in a navigation list. It is a **row**, not a control the size of a field: its
+   corner is proportional to its own height, so a compact row never becomes a capsule, and it stays
+   flat — depth never announces which page you are on. Density owns the row's height, so the row
+   holds the densest step the ladder has and its own anatomy supplies only the inline padding.
+
+   The current destination is the same row holding the quietest accent tint, with its label back at
+   full ink and a touch of weight. That is deliberately quieter than an opaque accent fill, which
+   belongs to the one primary *action* in a view rather than to the page you happen to be on, and it
+   is quieter than the row-selection step a list of choices takes, because a row of destinations is
+   scanned rather than chosen. Colour is never the only carrier: the row also publishes
+   `aria-current`, which is what assistive technology reads. */
+const NavItem = ({ children, icon, className, href, active = false, ...props }) => (jsxs("a", { href: href, "aria-current": active ? "page" : undefined, className: cn("flex max-w-xs items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap px-3", density.compact, shape.row, motionTactile, focusRing, active
+        ? cn(tone.tonal.primary, text.high, "font-medium")
+        : cn(text.medium, "hover:text-sherick-ink"), stateLayer.quiet, className), ...props, children: [icon && (jsx("span", { className: cn("inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5"), "aria-hidden": "true", children: icon })), jsx("span", { className: cn("truncate"), children: children })] }));
+
+export { NavItem as default };
+//# sourceMappingURL=NavItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sources":["../../../src/components/NavItem.tsx"],"sourcesContent":["import React, { type AnchorHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { density, focusRing, shape, stateLayer, text, tone } from \"./ui.common\";\nimport { motionTactile } from \"./ui.motion\";\n\nexport interface NavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n  active?: boolean;\n}\n\n/* A destination in a navigation list. It is a **row**, not a control the size of a field: its\n   corner is proportional to its own height, so a compact row never becomes a capsule, and it stays\n   flat — depth never announces which page you are on. Density owns the row's height, so the row\n   holds the densest step the ladder has and its own anatomy supplies only the inline padding.\n\n   The current destination is the same row holding the quietest accent tint, with its label back at\n   full ink and a touch of weight. That is deliberately quieter than an opaque accent fill, which\n   belongs to the one primary *action* in a view rather than to the page you happen to be on, and it\n   is quieter than the row-selection step a list of choices takes, because a row of destinations is\n   scanned rather than chosen. Colour is never the only carrier: the row also publishes\n   `aria-current`, which is what assistive technology reads. */\nconst NavItem = ({ children, icon, className, href, active = false, ...props }: NavItemProps) => (\n  <a\n    href={href}\n    aria-current={active ? \"page\" : undefined}\n    className={cn(\n      \"flex max-w-xs items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap px-3\",\n      density.compact,\n      shape.row,\n      motionTactile,\n      focusRing,\n      active\n        ? cn(tone.tonal.primary, text.high, \"font-medium\")\n        : cn(text.medium, \"hover:text-sherick-ink\"),\n      stateLayer.quiet,\n      className\n    )}\n    {...props}\n  >\n    {icon && (\n      <span className={cn(\"inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5\")} aria-hidden=\"true\">\n        {icon}\n      </span>\n    )}\n    <span className={cn(\"truncate\")}>{children}</span>\n  </a>\n);\n\nexport default NavItem;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAYA;;;;;;;;;;AAU+D;AAC/D,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,KAAK,EAAgB,MAC1FA,IAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EAAA,cAAA,EACI,MAAM,GAAG,MAAM,GAAG,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,OAAO,CAAC,OAAO,EACf,KAAK,CAAC,GAAG,EACT,aAAa,EACb,SAAS,EACT;AACE,UAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,aAAa;UAC/C,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,wBAAwB,CAAC,EAC7C,UAAU,CAAC,KAAK,EAChB,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAER,IAAI,KACHC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,wEAAwE,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAC9G,IAAI,EAAA,CACA,CACR,EACDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,EAAA,CAAQ,CAAA,EAAA,CAChD;;"}

package/dist/esm/components/NumberField.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
+import { Minus, Plus } from 'lucide-react';
+import { forwardRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { state, stateLayer, tone, shape, density, material, focusRingWithin } from './ui.common.js';
+import { motionFeedback, motionInkPress } from './ui.motion.js';
+
+/* Base UI names each stepper itself and keeps it out of the tab order, because the input already
+   steps from the keyboard. The steppers never take a focus ring: they are not reachable by
+   `:focus-visible`. */
+const stepperClassName = cn("group inline-flex shrink-0 items-center justify-center", density.target, shape.circle, motionFeedback, tone.text.secondary, stateLayer.quiet, state.enabled, state.disabledPart);
+/* The target stays exactly where the pointer found it — a 44px target that shrank while held would
+   move the ground under a pointer that is already near its edge — and the glyph inside it takes the
+   press. */
+const stepperIconClassName = `inline-flex items-center justify-center ${motionInkPress}`;
+/**
+ * A number typed or stepped. Base UI owns parsing, stepping, clamping, spinbutton semantics and
+ * locale formatting; the ref points at the input, and the hidden form input is `inputRef`.
+ */
+const NumberField = forwardRef(({ value, defaultValue, onValueChange, onValueCommitted, min, max, step, disabled, readOnly, required, name, form, inputRef, className, inputClassName, ...inputProps }, ref) => {
+    return (jsx(NumberField$1.Root, { value: value, defaultValue: defaultValue, onValueChange: onValueChange, onValueCommitted: onValueCommitted, min: min, max: max, step: step, disabled: disabled, readOnly: readOnly, required: required, name: name, form: form, inputRef: inputRef, className: cn("min-w-0 w-full", className), children: jsxs(NumberField$1.Group, { className: ({ disabled: fieldDisabled }) => cn(
+            // The 44px targets fit the normal 48px field without inflating its density.
+            "group/field flex w-full items-center gap-1 px-1.5 py-0.5", density.normal, shape.control, motionFeedback, focusRingWithin, material.control, state.field.invalid, !fieldDisabled && state.field.hover, !fieldDisabled && state.field.focusWithin, !fieldDisabled && state.field.invalidHover, !fieldDisabled && state.field.invalidFocusWithin, fieldDisabled ? state.disabled : state.text), children: [jsx(NumberField$1.Decrement, { className: cn(stepperClassName), children: jsx("span", { className: cn(stepperIconClassName), children: jsx(Minus, { "aria-hidden": "true", className: cn("size-5") }) }) }), jsx(NumberField$1.Input, { ...inputProps, ref: ref, className: cn("min-w-0 flex-1 bg-transparent py-2 text-center text-inherit outline-none", state.text, inputClassName) }), jsx(NumberField$1.Increment, { className: cn(stepperClassName), children: jsx("span", { className: cn(stepperIconClassName), children: jsx(Plus, { "aria-hidden": "true", className: cn("size-5") }) }) })] }) }));
+});
+NumberField.displayName = "NumberField";
+
+export { NumberField, NumberField as default };
+//# sourceMappingURL=NumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../src/components/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Minus, Plus } from \"lucide-react\";\nimport React, { forwardRef, type ComponentProps, type Ref } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  focusRingWithin,\n  material,\n  shape,\n  state,\n  stateLayer,\n  tone,\n} from \"./ui.common\";\nimport { motionFeedback, motionInkPress } from \"./ui.motion\";\n\nexport interface NumberFieldProps\n  extends Omit<\n    ComponentProps<\"input\">,\n    \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\" | \"type\" | \"size\" | \"ref\"\n  > {\n  value?: number | null;\n  defaultValue?: number;\n  onValueChange?: BaseNumberField.Root.Props[\"onValueChange\"];\n  /** Fires when a change is committed — a stepper released, a value blurred into place. */\n  onValueCommitted?: BaseNumberField.Root.Props[\"onValueCommitted\"];\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  /** Identifies the field when a form is submitted. */\n  name?: string;\n  form?: string;\n  /** A ref to the hidden `<input type=\"number\">` that participates in the form. */\n  inputRef?: Ref<HTMLInputElement>;\n  /** Styles the field's own container. The text input is styled through `inputClassName`. */\n  className?: string;\n  inputClassName?: string;\n}\n\n/* Base UI names each stepper itself and keeps it out of the tab order, because the input already\n   steps from the keyboard. The steppers never take a focus ring: they are not reachable by\n   `:focus-visible`. */\nconst stepperClassName = cn(\n  \"group inline-flex shrink-0 items-center justify-center\",\n  density.target,\n  shape.circle,\n  motionFeedback,\n  tone.text.secondary,\n  stateLayer.quiet,\n  state.enabled,\n  state.disabledPart\n);\n\n/* The target stays exactly where the pointer found it — a 44px target that shrank while held would\n   move the ground under a pointer that is already near its edge — and the glyph inside it takes the\n   press. */\nconst stepperIconClassName = `inline-flex items-center justify-center ${motionInkPress}`;\n\n/**\n * A number typed or stepped. Base UI owns parsing, stepping, clamping, spinbutton semantics and\n * locale formatting; the ref points at the input, and the hidden form input is `inputRef`.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onValueChange,\n      onValueCommitted,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      required,\n      name,\n      form,\n      inputRef,\n      className,\n      inputClassName,\n      ...inputProps\n    },\n    ref\n  ) => {\n    return (\n      <BaseNumberField.Root\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={onValueChange}\n        onValueCommitted={onValueCommitted}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        name={name}\n        form={form}\n        inputRef={inputRef}\n        className={cn(\"min-w-0 w-full\", className)}\n      >\n        <BaseNumberField.Group\n          className={({ disabled: fieldDisabled }) => cn(\n            // The 44px targets fit the normal 48px field without inflating its density.\n            \"group/field flex w-full items-center gap-1 px-1.5 py-0.5\",\n            density.normal,\n            shape.control,\n            motionFeedback,\n            focusRingWithin,\n            material.control,\n            state.field.invalid,\n            !fieldDisabled && state.field.hover,\n            !fieldDisabled && state.field.focusWithin,\n            !fieldDisabled && state.field.invalidHover,\n            !fieldDisabled && state.field.invalidFocusWithin,\n            fieldDisabled ? state.disabled : state.text\n          )}\n        >\n          <BaseNumberField.Decrement className={cn(stepperClassName)}>\n            <span className={cn(stepperIconClassName)}>\n              <Minus aria-hidden=\"true\" className={cn(\"size-5\")} />\n            </span>\n          </BaseNumberField.Decrement>\n          <BaseNumberField.Input\n            {...inputProps}\n            ref={ref}\n            className={cn(\n              \"min-w-0 flex-1 bg-transparent py-2 text-center text-inherit outline-none\",\n              state.text,\n              inputClassName\n            )}\n          />\n          <BaseNumberField.Increment className={cn(stepperClassName)}>\n            <span className={cn(stepperIconClassName)}>\n              <Plus aria-hidden=\"true\" className={cn(\"size-5\")} />\n            </span>\n          </BaseNumberField.Increment>\n        </BaseNumberField.Group>\n      </BaseNumberField.Root>\n    );\n  }\n);\n\nNumberField.displayName = \"NumberField\";\n\nexport default NumberField;\n"],"names":["_jsx","BaseNumberField","_jsxs"],"mappings":"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"}

package/dist/esm/components/Popover.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { cn } from '../libs/utils.js';
+import { overlay, stacking } from './ui.common.js';
+import { motionPresenceAnchored } from './ui.motion.js';
+
+const PopoverTrigger = ({ ...props }) => jsx(Popover$1.Trigger, { ...props });
+const PopoverContent = ({ children, className, side = "bottom", align = "start", sideOffset = 8, alignOffset, }) => {
+    return (jsx(Popover$1.Portal, { children: jsx(Popover$1.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, className: cn(stacking.float), children: jsx(Popover$1.Popup, { className: cn("w-max max-w-[min(24rem,var(--available-width))] max-h-[var(--available-height)] overflow-y-auto p-5 [overflow-wrap:anywhere]", overlay.popup, motionPresenceAnchored, className), children: children }) }) }));
+};
+const Popover = (({ children, open, defaultOpen, onOpenChange }) => {
+    return (jsx(Popover$1.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children }));
+});
+Popover.Trigger = PopoverTrigger;
+Popover.Content = PopoverContent;
+
+export { Popover as default };
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport React, { type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { overlay, stacking } from \"./ui.common\";\nimport { motionPresenceAnchored } from \"./ui.motion\";\nimport type { OverlayAlign, OverlaySide } from \"./ui.types\";\n\nexport interface PopoverProps {\n  children: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  /** Base's own open-change callback, event details included. */\n  onOpenChange?: BasePopover.Root.Props[\"onOpenChange\"];\n}\n\nexport interface PopoverTriggerProps {\n  /**\n   * The element the trigger's own props are handed to — usually a Sherick `Button`. The surface\n   * opens from whatever this renders, so the trigger 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 PopoverContentProps {\n  children: ReactNode;\n  /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */\n  className?: string;\n  /** The edge the sheet is anchored to. Its entrance grows from whichever edge it resolves to. */\n  side?: OverlaySide;\n  align?: OverlayAlign;\n  sideOffset?: number;\n  alignOffset?: number;\n}\n\n/**\n * The anchored surface a control opens to show free-form content. Base UI owns the portal,\n * anchor positioning, collision handling, outside interaction, Escape and focus restoration;\n * Sherick UI owns the sheet and the geometry its entrance grows from.\n *\n * `Trigger` hands Base's trigger props to whatever the caller renders — usually a Sherick `Button`\n * through its `render` prop — so the control that opens the surface looks like the control it is.\n *\n * This is the whole of the surface Sherick UI publishes to a consumer: the parts below accept the\n * capabilities this package supports, not the primitive's complete prop set. Composing a Base\n * primitive is how this component is built; it is not what it promises.\n */\ntype PopoverComponent = ((props: PopoverProps) => React.JSX.Element) & {\n  Trigger: typeof PopoverTrigger;\n  Content: typeof PopoverContent;\n};\n\nconst PopoverTrigger = ({ ...props }: PopoverTriggerProps) => <BasePopover.Trigger {...props} />;\n\nconst PopoverContent = ({\n  children,\n  className,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 8,\n  alignOffset,\n}: PopoverContentProps) => {\n  return (\n    <BasePopover.Portal>\n      {/* The whole popup is one fixed layer: its own height beyond the viewport scrolls inside the\n          sheet, and its width is what the anchor and the viewport allow rather than a preferred\n          size the layout would have to absorb. */}\n      <BasePopover.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        className={cn(stacking.float)}\n      >\n        <BasePopover.Popup\n          className={cn(\n            \"w-max max-w-[min(24rem,var(--available-width))] max-h-[var(--available-height)] overflow-y-auto p-5 [overflow-wrap:anywhere]\",\n            overlay.popup,\n            motionPresenceAnchored,\n            className\n          )}\n        >\n          {children}\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n};\n\nconst Popover = (({ children, open, defaultOpen, onOpenChange }: PopoverProps) => {\n  return (\n    <BasePopover.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </BasePopover.Root>\n  );\n}) as PopoverComponent;\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["_jsx","BasePopover"],"mappings":";;;;;;;AAwDA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,cAAc,CAAA,CAAA,CAAG,CAAC,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,EAAuB,CAAA,CAAA,CAAA,CAAA,CAAKA,CAAAA,CAAAA,EAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,EAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAK,GAAI;AAEhG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,GAAG,CAAC,CAAA,CACtB,QAAQ,CAAA,CACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CACT,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EACf,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAG,OAAO,CAAA,CACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,GAAG,CAAC,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CACS,CAAA,CAAA,CAAA,CAAA,CAAI;AACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACED,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAIjBD,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAW,CAAC,UAAU,CAAA,CAAA,CAAA,CACrB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,IAAI,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAK,EACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CACtB,WAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAE7BD,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAW,CAAC,KAAK,CAAA,CAAA,CAAA,CAChB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,EAAE,CACX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA8H,CAAA,CAC9H,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CACtB,SAAS,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEA,QAAQ,CAAA,CAAA,CACS,CAAA,CAAA,CACG,EAAA,CACN,CAAA;AAEzB,CAAC;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAI;IAC/E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACED,CAAAA,CAAAA,EAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAW,CAAC,IAAI,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,WAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CACQ,CAAA;AAEvB,CAAC,CAAA;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc;AAChC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc;;"}

package/dist/esm/components/Progress.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { forwardRef } from 'react';
+import { cn } from '../libs/utils.js';
+import { text, tone, shape, material, elevation } from './ui.common.js';
+import { motionActivityIndeterminate } from './ui.motion.js';
+
+/**
+ * How far along a task has come. Base UI owns the `progressbar` role, the value boundaries, the
+ * percentage and the accessible text; Sherick UI owns the recessed groove, the accent fill and the
+ * sweep an unknown extent reports itself with.
+ */
+const Progress = forwardRef(({ value, variant = "primary", label, showValue = false, min, max, format, locale, getAriaValueText, className, ...rootProps }, ref) => {
+    /* Base keeps the condition that decides whether the bar is indeterminate — a value that is
+       absent or not finite — so the sweep is applied from the same reading rather than from a
+       second opinion about the value. */
+    const indeterminate = value == null || !Number.isFinite(value);
+    const showFormattedValue = showValue && !indeterminate;
+    return (jsxs(Progress$1.Root, { ...rootProps, ref: ref, value: value !== null && value !== void 0 ? value : null, min: min, max: max, format: format, locale: locale, getAriaValueText: getAriaValueText, className: cn("flex w-full flex-col gap-2", className), children: [(label || showFormattedValue) && (jsxs("div", { className: cn("flex items-baseline justify-between gap-3"), children: [label ? (jsx(Progress$1.Label, { className: cn("text-sm font-medium", text.high), children: label })) : null, showFormattedValue ? (jsx(Progress$1.Value, { className: cn("text-sm tabular-nums", text.medium) })) : null] })), jsx(Progress$1.Track, { className: cn("relative h-1.5 w-full overflow-hidden", shape.pill, 
+                /* A groove: sunk by its anatomy, at the quietest matte step, exactly like a slider's rail. */
+                elevation.recessed, material.matteQuiet), children: jsx("div", { className: cn("absolute inset-y-0 start-0 w-full", indeterminate && motionActivityIndeterminate), children: jsx(Progress$1.Indicator
+                    /* Forced colors flattens the fill into its track, so the marker is what lets the
+                       stylesheet give the one part that carries the meaning a boundary. */
+                    , { "data-sui-progress-indicator": "", className: cn(
+                        /* Placed by its own insets rather than by a height: Base writes the indicator's
+                           height inline as `inherit`, which resolves against whatever box happens to
+                           hold it — and a fill with no height paints nothing, which no class-name or
+                           width assertion can see. */
+                        "absolute inset-y-0 start-0", shape.pill, tone.strong[variant], 
+                        /* The measure itself is Base's: it writes the indicator's own width. */
+                        indeterminate ? "w-2/5" : "w-full") }) }) })] }));
+});
+Progress.displayName = "Progress";
+
+export { Progress, Progress as default };
+//# sourceMappingURL=Progress.js.map