sherick-ui 2.9.0 → 2.10.1

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

@@ -1 +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 PointerEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  fieldLabel,\n  fieldLayout,\n  fieldMessage,\n  focusRing,\n  focusRingWithin,\n  material,\n  rim,\n  shape,\n  state,\n  text,\n} from \"./ui.common\";\nimport { motionFeedback } from \"./ui.motion\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"prefix\"> {\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   * Text or a mark at the start of the field, such as `€` or `https://`. It is presentation only and\n   * hidden from assistive technology, so the label must carry whatever the reader needs from it.\n   */\n  prefix?: ReactNode;\n  /** Text or a mark at the end of the field, such as `tickets` or `.discord.gg`. Presentation only. */\n  suffix?: ReactNode;\n}\n\n/* An affix is supporting copy on the value's own line: quieter than the value, never smaller. */\nconst affixClassName = cn(\"shrink-0 select-none whitespace-nowrap\", text.medium);\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    prefix,\n    suffix,\n    ...props\n  }, ref) => {\n    /* A field marked invalid by its own prop and one that learns it from Base — a failed constraint,\n       or an error a `Form` reports for its name — are the same field, so both take the same ladder. */\n    const isInvalid = (valid: boolean | null) => error || valid === false;\n\n    /* With an affix, the input is the borderless part of a composite field: the box, its rim and its\n       focus ring belong to the row that holds the affixes, exactly as a Combobox's do. A press on an\n       affix or on the space around it places the caret in the input, the way a press on a label does. */\n    const focusInput = (event: PointerEvent<HTMLDivElement>) => {\n      const input = event.currentTarget.querySelector(\"input\");\n      if (!input || event.target === input || input.disabled) return;\n      event.preventDefault();\n      input.focus();\n    };\n\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(fieldLabel)}>\n            {label}\n            {required && <span className={cn(\"ms-1 text-sherick-danger\")} aria-hidden=\"true\">*</span>}\n          </Field.Label>\n        )}\n        {prefix != null || suffix != null ? (\n          <BaseInput\n            {...props}\n            ref={ref}\n            id={id}\n            name={name}\n            required={required}\n            disabled={disabled}\n            onValueChange={onValueChange}\n            className={(inputState) =>\n              cn(\n                \"min-w-0 flex-1 bg-transparent py-3 outline-none\",\n                isInvalid(inputState.valid) ? \"placeholder:text-sherick-danger\" : \"placeholder:text-sherick-ink-muted\",\n                disabled ? state.disabledDescendant : state.text,\n                inputClassName\n              )\n            }\n            render={(inputProps, inputState) => (\n              <div\n                data-invalid={isInvalid(inputState.valid) ? \"\" : undefined}\n                onPointerDown={focusInput}\n                className={cn(\n                  \"group/field flex min-w-0 w-full items-center gap-2 px-5\",\n                  density.normal,\n                  shape.control,\n                  motionFeedback,\n                  focusRingWithin,\n                  material.control,\n                  rim.field,\n                  state.field.invalid,\n                  !disabled && state.field.hover,\n                  !disabled && state.field.focusWithin,\n                  !disabled && state.field.invalidHover,\n                  !disabled && state.field.invalidFocusWithin,\n                  disabled ? state.disabled : state.text\n                )}\n              >\n                {prefix != null && <span aria-hidden=\"true\" className={cn(affixClassName)}>{prefix}</span>}\n                <input {...inputProps} />\n                {suffix != null && <span aria-hidden=\"true\" className={cn(affixClassName)}>{suffix}</span>}\n              </div>\n            )}\n          />\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={(inputState) => {\n              const invalid = isInvalid(inputState.valid);\n              return cn(\n                density.normal,\n                \"min-w-0 w-full px-5 py-3\",\n                shape.control,\n                motionFeedback,\n                focusRing,\n                invalid ? material.controlError : material.control,\n                rim.field,\n                !disabled && (invalid ? state.field.errorHover : state.field.hover),\n                !disabled && (invalid ? state.field.errorFocus : state.field.focus),\n                disabled ? state.disabled : state.text,\n                inputClassName\n              );\n            }}\n          />\n        )}\n        {description && (\n          <Field.Description className={cn(fieldMessage.description)}>\n            {description}\n          </Field.Description>\n        )}\n        {/* Mounted whether or not a message was passed, as `Field`'s is: without `match` this part\n            renders what Base reports — a failed constraint, or the error a `Form` returns for this\n            field's name — and `match` pins the caller's own message in its place. A field marked\n            invalid with no message of its own shows only its danger tray, so give an invalid\n            field a message that says how to recover. */}\n        {!(error && !errorMessage) && (\n          <Field.Error\n            match={error ? true : undefined}\n            className={cn(fieldMessage.error)}\n            {...(error ? { children: errorMessage } : {})}\n          />\n        )}\n      </Field.Root>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport default Input;\n"],"names":["_jsxs","_jsx","BaseInput"],"mappings":";;;;;;;;;AA2CA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,GAAG,CAAA,CAAE,CAAC,wCAAwC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC;AAEhF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,KAAK,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CACtB,CAAC,EACC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CACX,SAAS,CAAA,CACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,EACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CACR,KAAK,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EACZ,CAAA,CAAE,CAAA,CACF,IAAI,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CACN,MAAM,CAAA,CACN,CAAA,CAAA,CAAG,KAAK,CAAA,CACT,CAAA,CAAE,GAAG,CAAA,CAAA,CAAA,CAAA,CAAI;AACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACmG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA,CAAA,CAAqB,KAAK,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAK;AAErE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAEqG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAG,CAAC,KAAmC,CAAA,CAAA,CAAA,CAAA,CAAI;QACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,aAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC;QACxD,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ;YAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;QACxD,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAE;QACtB,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE;AACf,CAAA,CAAA,CAAA,CAAA,CAAC;AAED,CAAA,CAAA,CAAA,CAAA,QACEA,CAAAA,CAAAA,CAAAA,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA,CAAI,IACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAE,CAAC,WAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CACrC,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CACV,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAE,KAAK,CAAA,YAEb,CAAA,CAAA,CAAA,CAAA,CAAK,KACJA,CAAAA,CAAAA,CAAAA,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,IAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAE,CAAC,UAAU,CAAC,CAAA,CAAA,QAAA,CAAA,CAAA,CACnC,KAAK,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,IAAIC,CAAAA,CAAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAM,SAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0B,CAAC,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,MAAM,CAAA,iBAAS,CAAA,CAAA,CAAA,CAC7E,CACf,CAAA,CACA,MAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAI,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,IAAI,CAAA,CAAA,CAAA,CAC/BA,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAS,CAAA,CAAA,EAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAK,EACT,CAAA,CAAA,CAAG,CAAA,CAAE,GAAG,CAAA,CACR,CAAA,CAAE,EAAE,CAAA,CAAE,CAAA,CACN,IAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,EACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,QAAQ,CAAA,CAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAClB,aAAa,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAC5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CACpB,EAAE,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiD,EACjD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,UAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoC,CAAA,CACtG,QAAQ,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAG,KAAK,CAAC,CAAA,CAAA,CAAA,CAAI,EAChD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CACf,EAEH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,UAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7BF,CAAAA,CAAAA,CAAAA,2BACgB,SAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,GAAG,CAAA,CAAE,CAAA,CAAA,CAAG,SAAS,CAAA,CAC1D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CACzB,SAAS,CAAA,CAAE,CAAA,CAAE,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,CAAyD,CAAA,CACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,MAAM,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CACb,cAAc,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,EACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,OAAO,CAAA,CAChB,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CACT,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CACnB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAI,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAC9B,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAI,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CACpC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAI,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CACrC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAI,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAC3C,QAAQ,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAG,KAAK,CAAC,CAAA,CAAA,CAAA,CAAI,CACvC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,IAAI,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAIC,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAC,SAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAC,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,MAAM,CAAA,CAAA,CAAQ,EAC1FA,CAAAA,CAAAA,gBAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAI,CAAA,CACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,IAAI,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAIA,6BAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAC,SAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAC,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,MAAM,CAAA,EAAQ,CAAA,CAAA,CAAA,CACtF,CACP,CAAA,EACD,KAEFA,CAAAA,CAAAA,CAAA,CAACC,OAAS,CAAA,CAAA,CAAA,CAAA,GACJ,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CACT,MAAM,CAAA,CAAED,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAG,CAAA,CAAE,GAAG,CAAA,CAAA,CAAI,EAC3B,CAAA,CAAE,CAAA,CAAE,EAAE,CAAA,CACN,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CACV,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,QAAQ,CAAA,CAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAC5B,SAAS,CAAA,CAAE,CAAC,UAAU,CAAA,CAAA,CAAA,CAAA,CAAI;oBACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,OAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,KAAK,CAAC;oBAC3C,OAAO,CAAA,CAAE,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,MAAM,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0B,CAAA,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CACd,SAAS,CAAA,CACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,OAAO,CAAA,CAClD,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,EACT,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAG,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,GAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,KAAK,CAAC,CAAA,CACnE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,EACnE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,QAAQ,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CACtC,cAAc,CACf;AACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,EACD,CACH,CAAA,CACA,WAAW,CAAA,CAAA,CAAA,CAAA,CACVA,CAAAA,CAAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,GAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,WAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACvD,WAAW,CAAA,CAAA,CACM,CACrB,CAAA,CAMA,EAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAA,CAAA,CAAA,CAAA,CACxBA,CAAAA,CAAAA,EAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,SAAS,CAAA,CAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,EAAA,CAAA,CAAA,CAAA,CAC5B,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAG,CAAA,CAAE,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAG,EAAE,CAAC,CAAA,EAC7C,CACH,CAAA,EAAA,CACU,CAAA;AAEjB,CAAC,CAAA;AAGH,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO;;"}
+{"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 PointerEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  fieldLabel,\n  fieldLayout,\n  fieldMessage,\n  focusRing,\n  focusRingWithin,\n  material,\n  rim,\n  shape,\n  state,\n  text,\n} from \"./ui.common\";\nimport { motionFeedback } from \"./ui.motion\";\nimport FieldLabel from \"./FieldLabel\";\nimport { fieldDensity, type FieldSize } from \"./Field\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"prefix\" | \"size\"> {\n  label?: ReactNode;\n  description?: ReactNode;\n  /**\n   * Marks the field invalid. A message is shown beneath it, so a `ReactNode` here is both the flag and\n   * its message. `true` marks the field without one, and `errorMessage` supplies the message.\n   */\n  error?: ReactNode;\n  /** The message for `error={true}`. A message passed as `error` takes its place. */\n  errorMessage?: ReactNode;\n  inputClassName?: string;\n  /** Base's value-change callback, event details included. */\n  onValueChange?: BaseInput.Props[\"onValueChange\"];\n  /**\n   * Text or a mark at the start of the field, such as `€` or `https://`. It is presentation only and\n   * hidden from assistive technology, so the label must carry whatever the reader needs from it.\n   */\n  prefix?: ReactNode;\n  /** Text or a mark at the end of the field, such as `tickets` or `.discord.gg`. Presentation only. */\n  suffix?: ReactNode;\n  /**\n   * The field's density: `sm` for a dense filter row, `md` (the default) or `lg`. A number is the\n   * native `size` attribute of the input, as it always was.\n   */\n  size?: FieldSize | number;\n}\n\n/* An affix is supporting copy on the value's own line: quieter than the value, never smaller. */\nconst affixClassName = cn(\"shrink-0 select-none whitespace-nowrap\", text.medium);\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({\n    label,\n    description,\n    className,\n    inputClassName,\n    required,\n    error,\n    errorMessage,\n    id,\n    name,\n    disabled,\n    onValueChange,\n    prefix,\n    suffix,\n    size,\n    ...props\n  }, ref) => {\n    /* An `error` that is a message, or a flag with the message beside it: both mark the field invalid. */\n    const invalidByProp = Boolean(error);\n    const errorText = typeof error === \"boolean\" || error == null ? errorMessage : error;\n    const fieldSize: FieldSize = typeof size === \"string\" ? size : \"md\";\n    const nativeSize = typeof size === \"number\" ? size : undefined;\n    /* A compact field keeps its 40px height with a 20px line, so its vertical padding steps down with it. */\n    const padding = fieldSize === \"sm\" ? \"py-2\" : \"py-3\";\n\n    /* A field marked invalid by its own prop and one that learns it from Base — a failed constraint,\n       or an error a `Form` reports for its name — are the same field, so both take the same ladder. */\n    const isInvalid = (valid: boolean | null) => invalidByProp || valid === false;\n\n    /* With an affix, the input is the borderless part of a composite field: the box, its rim and its\n       focus ring belong to the row that holds the affixes, exactly as a Combobox's do. A press on an\n       affix or on the space around it places the caret in the input, the way a press on a label does. */\n    const focusInput = (event: PointerEvent<HTMLDivElement>) => {\n      const input = event.currentTarget.querySelector(\"input\");\n      if (!input || event.target === input || input.disabled) return;\n      event.preventDefault();\n      input.focus();\n    };\n\n    return (\n      <Field.Root\n        className={cn(fieldLayout, className)}\n        name={name}\n        disabled={disabled}\n        invalid={invalidByProp}\n      >\n        {label && (\n          <Field.Label className={cn(fieldLabel)}>\n            <FieldLabel required={required}>{label}</FieldLabel>\n          </Field.Label>\n        )}\n        {prefix != null || suffix != null ? (\n          <BaseInput\n            {...props}\n            ref={ref}\n            id={id}\n            name={name}\n            required={required}\n            disabled={disabled}\n            size={nativeSize}\n            onValueChange={onValueChange}\n            className={(inputState) =>\n              cn(\n                `min-w-0 flex-1 bg-transparent ${padding} [outline-style:none]`,\n                isInvalid(inputState.valid) ? \"placeholder:text-sherick-danger\" : \"placeholder:text-sherick-ink-muted\",\n                disabled ? state.disabledDescendant : state.text,\n                inputClassName\n              )\n            }\n            render={(inputProps, inputState) => (\n              <div\n                data-invalid={isInvalid(inputState.valid) ? \"\" : undefined}\n                onPointerDown={focusInput}\n                className={cn(\n                  \"group/field flex min-w-0 w-full items-center gap-2 px-5\",\n                  fieldDensity[fieldSize],\n                  shape.control,\n                  motionFeedback,\n                  focusRingWithin,\n                  material.control,\n                  rim.field,\n                  state.field.invalid,\n                  !disabled && state.field.hover,\n                  !disabled && state.field.focusWithin,\n                  !disabled && state.field.invalidHover,\n                  !disabled && state.field.invalidFocusWithin,\n                  disabled ? state.disabled : state.text\n                )}\n              >\n                {prefix != null && <span aria-hidden=\"true\" className={cn(affixClassName)}>{prefix}</span>}\n                <input {...inputProps} />\n                {suffix != null && <span aria-hidden=\"true\" className={cn(affixClassName)}>{suffix}</span>}\n              </div>\n            )}\n          />\n        ) : (\n          <BaseInput\n            {...props}\n            render={<input ref={ref} />}\n            id={id}\n            name={name}\n            required={required}\n            disabled={disabled}\n            size={nativeSize}\n            onValueChange={onValueChange}\n            className={(inputState) => {\n              const invalid = isInvalid(inputState.valid);\n              return cn(\n                fieldDensity[fieldSize],\n                `min-w-0 w-full px-5 ${padding}`,\n                shape.control,\n                motionFeedback,\n                focusRing,\n                invalid ? material.controlError : material.control,\n                rim.field,\n                !disabled && (invalid ? state.field.errorHover : state.field.hover),\n                !disabled && (invalid ? state.field.errorFocus : state.field.focus),\n                disabled ? state.disabled : state.text,\n                inputClassName\n              );\n            }}\n          />\n        )}\n        {description && (\n          <Field.Description className={cn(fieldMessage.description)}>\n            {description}\n          </Field.Description>\n        )}\n        {/* Mounted whether or not a message was passed, as `Field`'s is: without `match` this part\n            renders what Base reports — a failed constraint, or the error a `Form` returns for this\n            field's name — and `match` pins the caller's own message in its place. A field marked\n            invalid with no message of its own shows only its danger tray, so give an invalid\n            field a message that says how to recover. */}\n        {!(invalidByProp && !errorText) && (\n          <Field.Error\n            match={invalidByProp ? true : undefined}\n            className={cn(fieldMessage.error)}\n            {...(invalidByProp ? { children: errorText } : {})}\n          />\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

@@ -5,7 +5,8 @@ import rehypeKatex from 'rehype-katex';
 import remarkMath from 'remark-math';
 import { cn } from '../libs/utils.js';
 import { text, edge, richText, tone } from './ui.common.js';
-import CodeBlock from './CodeBlock.js';
+import CodeBlock, { InlineCode } from './CodeBlock.js';
+import ScrollRegion from './scroll-region.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. */
@@ -29,15 +30,17 @@ const components = {
        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 }) }),
+    /* A wide table scrolls inside its own region, which is named and reachable by keyboard only while it
+       overflows (§19). A markdown table has no caption of its own, so the region is named for what it is. */
+    table: ({ children }) => (jsx(ScrollRegion, { label: "Table", className: cn("min-w-0 [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 }) => {
+    code: ({ className, children }) => {
         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 }));
+        return language !== undefined || code.endsWith("\n") ? (jsx(CodeBlock, { language: language !== null && language !== void 0 ? language : "text", children: code })) : (jsx(InlineCode, { className: cn(className), children: children }));
     },
 };
 const Markdown = ({ children }) => {

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

@@ -1 +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, richText, 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 underline-offset-4\", richText.linkUnderline, 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  /* A quote is content emphasis, not a surface: an accent rule and the supporting tone, no fill. */\n  blockquote: ({ className, ...props }) => <blockquote className={cn(\"my-5 border-s-2 py-1 ps-4\", richText.quoteRule, 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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"}
+{"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, richText, text, tone } from \"./ui.common\";\nimport CodeBlock, { InlineCode } from \"./CodeBlock\";\nimport ScrollRegion from \"./scroll-region\";\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 underline-offset-4\", richText.linkUnderline, 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  /* A quote is content emphasis, not a surface: an accent rule and the supporting tone, no fill. */\n  blockquote: ({ className, ...props }) => <blockquote className={cn(\"my-5 border-s-2 py-1 ps-4\", richText.quoteRule, 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  /* A wide table scrolls inside its own region, which is named and reachable by keyboard only while it\n     overflows (§19). A markdown table has no caption of its own, so the region is named for what it is. */\n  table: ({ children }) => (\n    <ScrollRegion label=\"Table\" className={cn(\"min-w-0 [overflow-wrap:normal]\")}>\n      <table className={cn(\"w-full\")}>{children}</table>\n    </ScrollRegion>\n  ),\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 }) => {\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      <InlineCode className={cn(className)}>{children}</InlineCode>\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

@@ -1,13 +1,15 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } 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 { text, list, type, tone, 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", overlay.menu, motionPresenceAnchored, className), children: children }) }) }));
+/* The popup takes the rest props, so an `id` or an `aria-label` names the menu for a reader who
+   cannot see a heading. */
+const MenuContent = ({ children, className, side = "bottom", align = "start", sideOffset = 8, alignOffset, ...props }) => {
+    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, { ...props, className: cn(list.sheet, "w-max min-w-44 max-w-[min(20rem,var(--available-width))] space-y-1 p-1", 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`:
@@ -15,9 +17,19 @@ const MenuContent = ({ children, className, side = "bottom", align = "start", si
 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 }) }));
+   a restrained tint of that tone, and the sheet around it stays neutral. The icon and the shortcut
+   take the same anatomy as a palette command, so a menu and a palette read the same. */
+const MenuItem = ({ variant, className, children, icon, shortcut, render, ...props }) => (jsxs(Menu$1.Item, { ...props, render: render, className: cn(list.command, variant === "danger" && tone.text.danger, className), children: [icon !== undefined ? (
+        /* A danger row's mark takes the row's own tone, so the mark and the label say the same thing. */
+        jsx("span", { "aria-hidden": "true", className: cn(list.commandIcon, variant !== "danger" && text.medium), children: icon })) : null, jsx("span", { className: cn("min-w-0 flex-1 truncate"), children: children }), shortcut !== undefined ? (jsx("span", { className: cn("ms-3 shrink-0 font-sherick-mono", type.caption, text.medium), children: shortcut })) : null] }));
 MenuItem.displayName = "MenuItem";
+/* A group is the menu's own structure: its rows sit together under one label, and the label is the
+   group's name for assistive technology. */
+const MenuGroup = ({ className, ...props }) => (jsx(Menu$1.Group, { ...props, className: cn("space-y-1", className) }));
+MenuGroup.displayName = "MenuGroup";
+/* The label is the command-list heading recipe, so a group's heading in a menu and in a palette match. */
+const MenuLabel = ({ className, ...props }) => (jsx(Menu$1.GroupLabel, { ...props, className: cn(list.groupLabel, className) }));
+MenuLabel.displayName = "MenuLabel";
 /* 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. */
@@ -29,6 +41,8 @@ Menu.Trigger = MenuTrigger;
 Menu.Content = MenuContent;
 Menu.Item = MenuItem;
 Menu.Separator = MenuSeparator;
+Menu.Group = MenuGroup;
+Menu.Label = MenuLabel;
 
 export { Menu as default };
 //# sourceMappingURL=Menu.js.map

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

@@ -1 +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\",\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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"}
+{"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, text, tone, type } from \"./ui.common\";\nimport { motionPresenceAnchored } from \"./ui.motion\";\nimport type { OverlayAlign, OverlaySide, PartProps, 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 extends Omit<PartProps<\"div\">, \"children\" | \"className\"> {\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  /** The row's leading mark. It takes the command icon's slot, beside the label. */\n  icon?: ReactNode;\n  /** The gesture that runs this action elsewhere. It is a hint, and the menu registers no shortcut. */\n  shortcut?: ReactNode;\n  /**\n   * Renders the row as another element, such as a link. Base hands the row's own attributes and its\n   * handlers to that element, so the row keeps its menu behaviour.\n   */\n  render?: ReactElement;\n}\n\nexport interface MenuSeparatorProps {\n  className?: string;\n}\n\n/** A group of rows, announced under its label. */\nexport type MenuGroupProps = PartProps<\"div\">;\n\n/** The heading of a group. Base names the group from it, so it is read as the group begins. */\nexport type MenuLabelProps = PartProps<\"div\">;\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  Group: typeof MenuGroup;\n  Label: typeof MenuLabel;\n};\n\n/* The popup takes the rest props, so an `id` or an `aria-label` names the menu for a reader who\n   cannot see a heading. */\nconst MenuContent = ({\n  children,\n  className,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 8,\n  alignOffset,\n  ...props\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          {...props}\n          className={cn(\n            list.sheet,\n            \"w-max min-w-44 max-w-[min(20rem,var(--available-width))] space-y-1 p-1\",\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. The icon and the shortcut\n   take the same anatomy as a palette command, so a menu and a palette read the same. */\n\nconst MenuItem = ({ variant, className, children, icon, shortcut, render, ...props }: MenuItemProps) => (\n  <BaseMenu.Item\n    {...props}\n    render={render}\n    className={cn(list.command, variant === \"danger\" && tone.text.danger, className)}\n  >\n    {icon !== undefined ? (\n      /* A danger row's mark takes the row's own tone, so the mark and the label say the same thing. */\n      <span aria-hidden=\"true\" className={cn(list.commandIcon, variant !== \"danger\" && text.medium)}>\n        {icon}\n      </span>\n    ) : null}\n    <span className={cn(\"min-w-0 flex-1 truncate\")}>{children}</span>\n    {shortcut !== undefined ? (\n      <span className={cn(\"ms-3 shrink-0 font-sherick-mono\", type.caption, text.medium)}>{shortcut}</span>\n    ) : null}\n  </BaseMenu.Item>\n);\n\nMenuItem.displayName = \"MenuItem\";\n\n/* A group is the menu's own structure: its rows sit together under one label, and the label is the\n   group's name for assistive technology. */\nconst MenuGroup = ({ className, ...props }: MenuGroupProps) => (\n  <BaseMenu.Group {...props} className={cn(\"space-y-1\", className)} />\n);\n\nMenuGroup.displayName = \"MenuGroup\";\n\n/* The label is the command-list heading recipe, so a group's heading in a menu and in a palette match. */\nconst MenuLabel = ({ className, ...props }: MenuLabelProps) => (\n  <BaseMenu.GroupLabel {...props} className={cn(list.groupLabel, className)} />\n);\n\nMenuLabel.displayName = \"MenuLabel\";\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;\nMenu.Group = MenuGroup;\nMenu.Label = MenuLabel;\n\nexport default Menu;\n"],"names":["_jsx","BaseMenu","_jsxs"],"mappings":"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"}

package/dist/esm/components/NavGroup.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { cn } from '../libs/utils.js';
-import NavItem from './NavItem.js';
+import NavItem, { navItemAttributes } from './NavItem.js';
 import { text, type } from './ui.common.js';
 
 /* A titled group of destinations. The group is **structure inside the surface it sits on**, not a
@@ -14,7 +14,13 @@ import { text, type } from './ui.common.js';
    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 font-medium", type.caption, text.medium) }, title), items.map((item) => (jsx(NavItem, { href: item.href, active: item.href === activeHref, children: item.label }, item.href)))] }));
+const NavGroup = ({ title, items, activeHref, headingLevel = 3, renderLink, 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 font-medium", type.caption, text.medium) }, title), items.map((item) => {
+            const active = item.href === activeHref;
+            if (item.render === undefined && renderLink) {
+                return (jsx(React.Fragment, { children: renderLink(item, { ...navItemAttributes(active), href: item.href, children: item.label }) }, item.href));
+            }
+            return (jsx(NavItem, { href: item.href, active: active, render: item.render, children: item.label }, item.href));
+        })] }));
 
 export { NavGroup as default };
 //# sourceMappingURL=NavGroup.js.map

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

@@ -1 +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, type } 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 font-medium\", type.caption, text.medium) }, 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,aAIhE,KAAK,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EACrH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdC,GAAA,CAAC,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;;"}
+{"version":3,"file":"NavGroup.js","sources":["../../../src/components/NavGroup.tsx"],"sourcesContent":["import React, { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport NavItem, { navItemAttributes } from \"./NavItem\";\nimport { text, type } from \"./ui.common\";\n\nexport interface NavGroupItem {\n  label: string;\n  href: string;\n  /** The element this destination renders as, such as a router link. It takes precedence over `renderLink`. */\n  render?: ReactElement;\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  /**\n   * Renders each destination as the caller's own link, such as a router link. It receives the item and the\n   * row's attributes — the destination, the current marker, the shared classes and the label — the same way\n   * `Breadcrumb` does. An item's own `render` takes precedence over it.\n   */\n  renderLink?: (item: NavGroupItem, props: AnchorHTMLAttributes<HTMLAnchorElement>) => ReactNode;\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, renderLink, 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 font-medium\", type.caption, text.medium) }, title)}\n    {items.map((item) => {\n      const active = item.href === activeHref;\n\n      if (item.render === undefined && renderLink) {\n        return (\n          <React.Fragment key={item.href}>\n            {renderLink(item, { ...navItemAttributes(active), href: item.href, children: item.label })}\n          </React.Fragment>\n        );\n      }\n\n      return (\n        <NavItem key={item.href} href={item.href} active={active} render={item.render}>\n          {item.label}\n        </NavItem>\n      );\n    })}\n  </div>\n);\n\nexport default NavGroup;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAkCA;;;;;;;;;AASkD;AAClD,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAiB,MACpGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAIhE,KAAK,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EACrH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AAClB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,UAAU;YAEvC,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,UAAU,EAAE;AAC3C,gBAAA,QACEC,GAAA,CAAC,KAAK,CAAC,QAAQ,cACZ,UAAU,CAAC,IAAI,EAAE,EAAE,GAAG,iBAAiB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IADvE,IAAI,CAAC,IAAI,CAEb;YAErB;AAEA,YAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,QAAA,EAC1E,IAAI,CAAC,KAAK,EAAA,EADC,IAAI,CAAC,IAAI,CAEb;QAEd,CAAC,CAAC,CAAA,EAAA,CACE;;"}

package/dist/esm/components/NavItem.js

@@ -1,8 +1,17 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cloneElement } from 'react';
 import { cn } from '../libs/utils.js';
-import { iconSlot, stateLayer, currentDestination, text, focusRing, shape, density } from './ui.common.js';
+import { iconSlot, stateLayer, currentDestination, state, focusRing, shape, density } from './ui.common.js';
 import { motionFeedback } from './ui.motion.js';
 
+/* The row's classes and current marker, shared with `NavGroup`'s `renderLink` so a consumer's own link
+   reads exactly like a row this component renders. The row takes its container's width and wraps its
+   label, so a long destination never clips; only a compact value slot truncates (§19). */
+const navItemAttributes = (active, className) => ({
+    "aria-current": active ? "page" : undefined,
+    className: cn("flex w-full min-w-0 items-center gap-2 px-3", density.compact, shape.row, motionFeedback, focusRing, active ? currentDestination.row : state.quietInk, stateLayer.quiet, className),
+});
 /* 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
@@ -14,9 +23,24 @@ import { motionFeedback } from './ui.motion.js';
    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, motionFeedback, focusRing, active
-        ? currentDestination.row
-        : cn(text.medium, "hover:text-sherick-ink"), stateLayer.quiet, className), ...props, children: [icon && (jsx("span", { className: cn(iconSlot.compact), "aria-hidden": "true", children: icon })), jsx("span", { className: cn("truncate"), children: children })] }));
+const NavItem = ({ children, icon, className, href, active = false, render, ...props }) => {
+    var _a;
+    const row = {
+        href,
+        ...navItemAttributes(active, className),
+        children: (jsxs(Fragment, { children: [icon && (jsx("span", { className: cn(iconSlot.compact), "aria-hidden": "true", children: icon })), jsx("span", { className: cn("min-w-0 [overflow-wrap:anywhere]"), children: children })] })),
+        ...props,
+    };
+    if (render === undefined)
+        return jsx("a", { ...row });
+    /* The row's props go onto the caller's element through the same merge Base UI's render prop uses: the
+       classes join, the handlers chain, and the element's own props win where they conflict. */
+    const element = render;
+    return cloneElement(element, {
+        ...mergeProps(row, element.props),
+        children: (_a = element.props.children) !== null && _a !== void 0 ? _a : row.children,
+    });
+};
 
-export { NavItem as default };
+export { NavItem as default, navItemAttributes };
 //# sourceMappingURL=NavItem.js.map

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

@@ -1 +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 { currentDestination, density, focusRing, iconSlot, shape, stateLayer, text } from \"./ui.common\";\nimport { motionFeedback } 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      motionFeedback,\n      focusRing,\n      active\n        ? currentDestination.row\n        : cn(text.medium, \"hover:text-sherick-ink\"),\n      stateLayer.quiet,\n      className\n    )}\n    {...props}\n  >\n    {icon && (\n      <span className={cn(iconSlot.compact)} 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,cAAc,EACd,SAAS,EACT;UACI,kBAAkB,CAAC;UACnB,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,wBAAwB,CAAC,EAC7C,UAAU,CAAC,KAAK,EAChB,SAAS,CACV,EAAA,GACG,KAAK,aAER,IAAI,KACHC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,iBAAc,MAAM,EAAA,QAAA,EACtD,IAAI,EAAA,CACA,CACR,EACDA,cAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,EAAA,CAAQ,CAAA,EAAA,CAChD;;"}
+{"version":3,"file":"NavItem.js","sources":["../../../src/components/NavItem.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport React, { cloneElement, type AnchorHTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { currentDestination, density, focusRing, iconSlot, shape, state, stateLayer } from \"./ui.common\";\nimport { motionFeedback } from \"./ui.motion\";\n\nexport interface NavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n  active?: boolean;\n  /**\n   * The element the row renders as, such as a router link. The row's classes, its current marker and its\n   * own props are merged onto it, so the link is the row and keeps its own navigation.\n   */\n  render?: ReactElement;\n}\n\n/* The row's classes and current marker, shared with `NavGroup`'s `renderLink` so a consumer's own link\n   reads exactly like a row this component renders. The row takes its container's width and wraps its\n   label, so a long destination never clips; only a compact value slot truncates (§19). */\nexport const navItemAttributes = (active: boolean, className?: string) => ({\n  \"aria-current\": active ? (\"page\" as const) : undefined,\n  className: cn(\n    \"flex w-full min-w-0 items-center gap-2 px-3\",\n    density.compact,\n    shape.row,\n    motionFeedback,\n    focusRing,\n    active ? currentDestination.row : state.quietInk,\n    stateLayer.quiet,\n    className\n  ),\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, render, ...props }: NavItemProps) => {\n  const row: AnchorHTMLAttributes<HTMLAnchorElement> = {\n    href,\n    ...navItemAttributes(active, className),\n    children: (\n      <>\n        {icon && (\n          <span className={cn(iconSlot.compact)} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <span className={cn(\"min-w-0 [overflow-wrap:anywhere]\")}>{children}</span>\n      </>\n    ),\n    ...props,\n  };\n\n  if (render === undefined) return <a {...row} />;\n\n  /* The row's props go onto the caller's element through the same merge Base UI's render prop uses: the\n     classes join, the handlers chain, and the element's own props win where they conflict. */\n  const element = render as ReactElement<AnchorHTMLAttributes<HTMLAnchorElement>>;\n  return cloneElement(element, {\n    ...mergeProps<\"a\">(row, element.props),\n    children: element.props.children ?? row.children,\n  });\n};\n\nexport default NavItem;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAkBA;;AAE0F;AACnF,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,SAAkB,MAAM;IACzE,cAAc,EAAE,MAAM,GAAI,MAAgB,GAAG,SAAS;AACtD,IAAA,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,OAAO,CAAC,OAAO,EACf,KAAK,CAAC,GAAG,EACT,cAAc,EACd,SAAS,EACT,MAAM,GAAG,kBAAkB,CAAC,GAAG,GAAG,KAAK,CAAC,QAAQ,EAChD,UAAU,CAAC,KAAK,EAChB,SAAS,CACV;AACF,CAAA;AAED;;;;;;;;;;AAU+D;AAC/D,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgB,KAAI;;AACtG,IAAA,MAAM,GAAG,GAA4C;QACnD,IAAI;AACJ,QAAA,GAAG,iBAAiB,CAAC,MAAM,EAAE,SAAS,CAAC;AACvC,QAAA,QAAQ,GACNA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,IAAI,KACHC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EACtD,IAAI,EAAA,CACA,CACR,EACDA,cAAM,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,IACzE,CACJ;AACD,QAAA,GAAG,KAAK;KACT;IAED,IAAI,MAAM,KAAK,SAAS;QAAE,OAAOA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,GAAG,EAAA,CAAI;AAE/C;AAC4F;IAC5F,MAAM,OAAO,GAAG,MAA+D;IAC/E,OAAO,YAAY,CAAC,OAAO,EAAE;AAC3B,QAAA,GAAG,UAAU,CAAM,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;QACtC,QAAQ,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,GAAG,CAAC,QAAQ;AACjD,KAAA,CAAC;AACJ;;"}

package/dist/esm/components/NumberField.js

@@ -5,8 +5,9 @@ import { HugeiconsIcon } from '@hugeicons/react';
 import { MinusSignIcon, PlusSignIcon } from '@hugeicons/core-free-icons';
 import { forwardRef } from 'react';
 import { cn } from '../libs/utils.js';
-import { state, stateLayer, tone, shape, density, text, iconStroke, type, rim, material, focusRingWithin } from './ui.common.js';
+import { state, stateLayer, tone, shape, density, text, iconStroke, rim, material, focusRingWithin } from './ui.common.js';
 import { motionFeedback, motionInkPress } from './ui.motion.js';
+import { fieldDensity } from './Field.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
@@ -23,7 +24,7 @@ const affixClassName = cn("shrink-0 select-none whitespace-nowrap", text.medium)
  * 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, format, locale, prefix, suffix, disabled, readOnly, required, name, form, inputRef, className, inputClassName, ...inputProps }, ref) => {
+const NumberField = forwardRef(({ value, defaultValue, onValueChange, onValueCommitted, min, max, step, format, locale, prefix, suffix, disabled, readOnly, required, name, form, inputRef, size = "md", className, fieldClassName, inputClassName, ...inputProps }, ref) => {
     const hasAffix = prefix != null || suffix != null;
     /* The band around a sized value is not part of the input, so a press on a unit or on the space
        beside it would otherwise land on nothing. It is handed to the input the way a press on a
@@ -36,20 +37,20 @@ const NumberField = forwardRef(({ value, defaultValue, onValueChange, onValueCom
         valueInput.focus();
     };
     return (jsx(NumberField$1.Root, { value: value, defaultValue: defaultValue, onValueChange: onValueChange, onValueCommitted: onValueCommitted, min: min, max: max, step: step, format: format, locale: locale, 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, inside its rim, without inflating its density.
-            "group/field flex w-full items-center gap-1 px-1.5", density.normal, shape.control, motionFeedback, focusRingWithin, material.control, rim.field, 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(HugeiconsIcon, { icon: MinusSignIcon, "aria-hidden": "true", className: cn(iconStroke.glyph, "size-5") }) }) }), hasAffix ? (
+            // The 44px targets fit the field's own height, inside its rim, without inflating its density.
+            "group/field flex w-full items-center gap-1 px-1.5", fieldDensity[size], shape.control, motionFeedback, focusRingWithin, material.control, rim.field, state.field.invalid, !fieldDisabled && state.field.hover, !fieldDisabled && state.field.focusWithin, !fieldDisabled && state.field.invalidHover, !fieldDisabled && state.field.invalidFocusWithin, fieldDisabled ? state.disabled : state.text, fieldClassName), children: [jsx(NumberField$1.Decrement, { className: cn(stepperClassName), children: jsx("span", { className: cn(stepperIconClassName), children: jsx(HugeiconsIcon, { icon: MinusSignIcon, "aria-hidden": "true", className: cn(iconStroke.glyph, "size-5") }) }) }), hasAffix ? (
                 /* The value and its units are one centred figure, so the input is exactly as wide as the
                    text it holds: a hidden copy of that text sizes the cell both share, and the units sit
                    against it on either side. The rest of the band still belongs to the input — a press
                    anywhere in it, units included, places the caret in the value. */
-                jsxs("div", { className: cn("flex min-w-0 flex-1 cursor-text items-center justify-center gap-1.5 self-stretch"), onPointerDown: focusValue, children: [prefix != null && jsx("span", { "aria-hidden": "true", className: cn(affixClassName), children: prefix }), jsx(NumberField$1.Input, { ...inputProps, ref: ref, className: cn("absolute inset-0 min-w-0 w-full bg-transparent py-2 text-center text-inherit outline-none", type.numeric, state.text, inputClassName), render: (props) => {
+                jsxs("div", { className: cn("flex min-w-0 flex-1 cursor-text items-center justify-center gap-1.5 self-stretch"), onPointerDown: focusValue, children: [prefix != null && jsx("span", { "aria-hidden": "true", className: cn(affixClassName), children: prefix }), jsx(NumberField$1.Input, { ...inputProps, ref: ref, className: cn("absolute inset-0 min-w-0 w-full bg-transparent py-2 text-center text-inherit [outline-style:none]", "tabular-nums", state.text, inputClassName), render: (props) => {
                                 var _a;
                                 return (
                                 /* The input lies over its own sizer rather than beside it: a text input keeps an
                                    intrinsic width of several characters however small its `size`, and only the
                                    text should decide how wide the value is. */
-                                jsxs("span", { className: cn("relative inline-block min-w-[1ch] max-w-full"), children: [jsx("span", { "aria-hidden": "true", className: cn("invisible block overflow-hidden whitespace-pre py-2", type.numeric), children: String((_a = props.value) !== null && _a !== void 0 ? _a : "") || props.placeholder || " " }), jsx("input", { ...props, size: 1 })] }));
-                            } }), suffix != null && jsx("span", { "aria-hidden": "true", className: cn(affixClassName), children: suffix })] })) : (jsx(NumberField$1.Input, { ...inputProps, ref: ref, className: cn("min-w-0 flex-1 bg-transparent py-2 text-center text-inherit outline-none", type.numeric, state.text, inputClassName) })), jsx(NumberField$1.Increment, { className: cn(stepperClassName), children: jsx("span", { className: cn(stepperIconClassName), children: jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": "true", className: cn(iconStroke.glyph, "size-5") }) }) })] }) }));
+                                jsxs("span", { className: cn("relative inline-block min-w-[1ch] max-w-full"), children: [jsx("span", { "aria-hidden": "true", className: cn("invisible block overflow-hidden whitespace-pre py-2 tabular-nums"), children: String((_a = props.value) !== null && _a !== void 0 ? _a : "") || props.placeholder || " " }), jsx("input", { ...props, size: 1 })] }));
+                            } }), suffix != null && jsx("span", { "aria-hidden": "true", className: cn(affixClassName), children: suffix })] })) : (jsx(NumberField$1.Input, { ...inputProps, ref: ref, className: cn("min-w-0 flex-1 bg-transparent py-2 text-center text-inherit [outline-style:none]", "tabular-nums", state.text, inputClassName) })), jsx(NumberField$1.Increment, { className: cn(stepperClassName), children: jsx("span", { className: cn(stepperIconClassName), children: jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": "true", className: cn(iconStroke.glyph, "size-5") }) }) })] }) }));
 });
 NumberField.displayName = "NumberField";