npm - @epilot/zenith-react - Versions diffs - 0.2.0 → 0.3.0-next.1 - Mend

@epilot/zenith-react 0.2.0 → 0.3.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/dist/components/field/field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/*\n Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n /\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n \| HTMLInputElement\n \| HTMLTextAreaElement\n \| HTMLSelectElement\n \| HTMLButtonElement\n \| null\n\nexport interface FieldContextValue {\n inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue \| null>(null)\n\nexport const useFieldContext = () => {\n const context = React.useContext(FieldContext)\n if (!context) {\n throw new Error(\"FieldInput must be used within a Field component\")\n }\n return context\n}\n\n/\n Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n /\nexport const useOptionalFieldContext = (): FieldContextValue \| null =>\n React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" \| \"highlight\" \| \"readonly\" \| \"destructive\"\n\n/* The controls a Field wraps; their `:disabled` is what makes the field disabled. /\nconst FIELD_CONTROL_SLOTS = [\"field-input\", \"field-textarea\", \"select-trigger\"]\n/* FieldLabel, and the standalone Label when a caller uses it inside a Field. /\nconst FIELD_LABEL_SLOTS = [\"field-label\", \"label\"]\nconst DISABLED_LABEL = { cursor: \"not-allowed\", opacity: 0.5 }\n\n/\n One rule per (disabled condition, label slot). Each `:has()` names a single control rather than\n * any `:disabled` descendant, so an unrelated disabled button beside an enabled control (a clear\n * button with nothing to clear) does not dim the label. One key per selector: no comma lists.\n /\nconst disabledLabelRules = () =>\n Object.fromEntries(\n [\n \"&[data-disabled]\",\n ...FIELD_CONTROL_SLOTS.map(\n (slot) => `&:has([${SLOT_ATTR}=\"${slot}\"]:disabled)`\n ),\n ].flatMap((condition) =>\n FIELD_LABEL_SLOTS.map((label) => [\n `${condition} [${SLOT_ATTR}=\"${label}\"]`,\n DISABLED_LABEL,\n ])\n )\n )\n\n/\n Password managers (1Password, NordPass) inject a button next to the control, sometimes inline. In\n * a column the injection became a new row and the field grew (#5). It is placed in a second column\n * beside the control instead, centred on the control's row, with negative block margins as deep as\n * the field's padding so a button taller than the control does not stretch the row either.\n * Recognised as an element directly after a control that is not one of Zenith's own parts.\n /\nconst BESIDE_CONTROL = {\n alignSelf: \"center\",\n marginTop: `calc(-1 ${tokens.fieldPaddingY})`,\n marginBottom: `calc(-1 * ${tokens.fieldPaddingY})`,\n}\n\n/** The parts that sit in the control's row: the controls, or a group holding one. /\nconst CONTROL_ROW_SLOTS = [...FIELD_CONTROL_SLOTS, \"field-input-group\"]\n\n/* Every part spans both columns, as it stacked before; a control takes the first column. /\nconst controlRowRules = () =>\n Object.fromEntries([\n [\"& > \", { gridColumnStart: 1, gridColumnEnd: -1 }],\n ...CONTROL_ROW_SLOTS.flatMap((slot) => [\n [\n `& > [${SLOT_ATTR}=\"${slot}\"]`,\n { gridColumnStart: 1, gridColumnEnd: 2 },\n ],\n [\n `& > [${SLOT_ATTR}=\"${slot}\"] + :not([${SLOT_ATTR}])`,\n {\n gridColumnStart: 2,\n gridColumnEnd: 3,\n marginLeft: tokens.spacingElement1,\n ...BESIDE_CONTROL,\n },\n ],\n ]),\n ])\n\nconst useStyles = makeZenithStyles({\n root: {\n ...boxModel,\n position: \"relative\",\n // A grid, not a column, so an injected button can sit beside the control (see BESIDE_CONTROL).\n // The second column is empty and zero-wide unless something is injected.\n display: \"grid\",\n gridTemplateColumns: \"minmax(0, 1fr) auto\",\n width: \"100%\",\n // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n paddingTop: tokens.fieldPaddingY,\n paddingBottom: tokens.fieldPaddingY,\n paddingLeft: tokens.fieldPaddingX,\n paddingRight: tokens.fieldPaddingX,\n // Row gap only: a column gap would narrow the control even while the second column is empty.\n rowGap: tokens.spacingElement1,\n ...shorthands.borderRadius(tokens.radiusLg),\n transitionProperty: \"all\",\n transitionDuration: \"75ms\",\n outlineOffset: \"2px\",\n outlineWidth: \"2px\",\n outlineStyle: \"none\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \"&[data-focused='true'], &[data-focus-visible]\": {\n outlineStyle: \"solid\",\n outlineColor: tokens.focusRing,\n },\n \"&[data-invalid]\": {\n backgroundColor: tokens.errorSoft,\n },\n\n // Label's disabled styling, declared here because Field owns the elements these selectors are\n // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n // See src/ancestor-selector.test.ts. The port of those rules still missed: they named the\n // `label` slot while FieldLabel emits `field-label`, and the `~` forms needed the label AFTER\n // the control, but it comes first. `:has()` reaches the control wherever it sits.\n ...disabledLabelRules(),\n ...controlRowRules(),\n },\n rootDefault: {\n backgroundColor: tokens.grayA3,\n \":hover\": {\n backgroundColor: tokens.grayA4,\n },\n },\n rootHighlight: {\n backgroundColor: tokens.accentA3,\n \":hover\": {\n backgroundColor: tokens.accentA4,\n },\n },\n rootReadonly: {\n backgroundColor: tokens.grayA3,\n },\n rootDestructive: {\n backgroundColor: tokens.errorSoft,\n \":hover\": {\n backgroundColor: tokens.errorA4,\n },\n },\n fieldSet: {\n ...boxModel,\n display: \"flex\",\n flexDirection: \"column\",\n // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n // this used before binding.\n ...shorthands.gap(tokens.fieldSetGap),\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n ...shorthands.margin(0),\n },\n fieldGroup: {\n ...boxModel,\n display: \"flex\",\n width: \"100%\",\n ...shorthands.gap(tokens.spacingElement2),\n },\n fieldGroupColumn: {\n flexDirection: \"column\",\n },\n fieldGroupRow: {\n flexDirection: \"row\",\n },\n fieldContent: {\n display: \"flex\",\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: \"0%\",\n flexDirection: \"column\",\n ...shorthands.gap(tokens.spacingElement2),\n lineHeight: \"1.375\",\n },\n label: {\n ...boxModel,\n minHeight: \"1rem\",\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n // No width: the label stretches across the field's column, so the whole label row is a hit\n // area for the control rather than only the text. Field reads as one box and is aimed at as one.\n display: \"flex\",\n ...shorthands.gap(tokens.spacingElement2),\n cursor: \"default\",\n color: tokens.grayA12,\n \"&[data-disabled]\": {\n opacity: 0.5,\n },\n },\n labelContent: {\n display: \"inline-flex\",\n alignItems: \"center\",\n ...shorthands.gap(tokens.spacingElement1),\n transitionProperty: \"opacity\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n },\n labelContentHover: {\n ...boxModel,\n width: 0,\n height: 0,\n overflowX: \"visible\",\n overflowY: \"visible\",\n opacity: 0,\n pointerEvents: \"none\",\n },\n description: {\n fontSize: tokens.textXs,\n lineHeight: \"1.5\",\n fontWeight: tokens.fontWeightNormal,\n ...shorthands.margin(0),\n \"& a\": {\n textDecorationLine: \"underline\",\n textUnderlineOffset: \"4px\",\n },\n },\n descriptionDefault: {\n color: tokens.grayA12,\n },\n descriptionHelper: {\n color: tokens.grayA11,\n },\n error: {\n color: tokens.errorOnSoft,\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n fontWeight: tokens.fontWeightNormal,\n },\n errorList: {\n ...boxModel,\n display: \"flex\",\n flexDirection: \"column\",\n ...shorthands.margin(0),\n paddingLeft: \"1.25rem\",\n listStyleType: \"disc\",\n },\n errorListItem: {\n color: tokens.errorOnSoft,\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n fontWeight: tokens.fontWeightNormal,\n marginTop: \"0.25rem\",\n marginBottom: \"0.25rem\",\n },\n input: {\n ...nativeControl,\n width: \"100%\",\n // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n // reach it; review corrected an earlier claim that it did.\n height: tokens.fieldInputHeight,\n outlineStyle: \"none\",\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n color: tokens.grayA12,\n backgroundColor: \"transparent\",\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n \"::placeholder\": {\n color: tokens.grayA8,\n },\n \":disabled\": {\n cursor: \"not-allowed\",\n },\n },\n inputGroup: {\n ...boxModel,\n display: \"flex\",\n alignItems: \"center\",\n ...shorthands.gap(tokens.spacingElement1),\n width: \"100%\",\n // Already a row, so an injected button lands beside the input; it must not stretch the row.\n [`& > [${SLOT_ATTR}=\"field-input\"] + :not([${SLOT_ATTR}])`]: BESIDE_CONTROL,\n },\n textarea: {\n ...nativeControl,\n width: \"100%\",\n outlineStyle: \"none\",\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n color: tokens.grayA12,\n backgroundColor: \"transparent\",\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n \"::placeholder\": {\n color: tokens.grayA8,\n },\n \":disabled\": {\n cursor: \"not-allowed\",\n },\n },\n resizeNone: {\n resize: \"none\",\n },\n resizeVertical: {\n resize: \"vertical\",\n },\n resizeHorizontal: {\n resize: \"horizontal\",\n },\n addon: {\n ...boxModel,\n color: tokens.grayA11,\n display: \"flex\",\n height: \"auto\",\n cursor: \"text\",\n whiteSpace: \"nowrap\",\n alignItems: \"center\",\n justifyContent: \"center\",\n ...shorthands.gap(tokens.spacingElement2),\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n fontWeight: tokens.fontWeightNormal,\n userSelect: \"none\",\n },\n addonStart: {\n order: -1,\n },\n addonEnd: {\n order: 1,\n },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n className?: string\n variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n function Field(\n {\n className,\n variant = \"default\",\n children,\n onFocusCapture,\n onBlurCapture,\n ...props\n },\n ref\n ) {\n const styles = useStyles()\n const inputRef = React.useRef<FieldInputRef>(null)\n const [isFocused, setIsFocused] = React.useState(false)\n\n const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n event\n ) => {\n setIsFocused(true)\n onFocusCapture?.(event)\n }\n\n const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n event\n ) => {\n setIsFocused(false)\n onBlurCapture?.(event)\n }\n\n const variantStyle =\n variant === \"highlight\"\n ? styles.rootHighlight\n : variant === \"readonly\"\n ? styles.rootReadonly\n : variant === \"destructive\"\n ? styles.rootDestructive\n : styles.rootDefault\n\n return (\n <FieldContext.Provider value={{ inputRef }}>\n <FieldRootBase\n ref={ref}\n role=\"group\"\n data-slot=\"field\"\n {...{ [SLOT_ATTR]: \"field\" }}\n data-focused={isFocused ? \"true\" : \"false\"}\n className={mergeClasses(styles.root, variantStyle, className)}\n onFocusCapture={handleFocusCapture}\n onBlurCapture={handleBlurCapture}\n {...props}\n >\n {children}\n </FieldRootBase>\n </FieldContext.Provider>\n )\n }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n function FieldSet({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <fieldset\n ref={ref}\n data-slot=\"field-set\"\n {...{ [SLOT_ATTR]: \"field-set\" }}\n className={mergeClasses(styles.fieldSet, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n direction?: \"column\" \| \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-group\"\n {...{ [SLOT_ATTR]: \"field-group\" }}\n className={mergeClasses(\n styles.fieldGroup,\n direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n className\n )}\n {...props}\n />\n )\n }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n function FieldContent({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-content\"\n {...{ [SLOT_ATTR]: \"field-content\" }}\n className={mergeClasses(styles.fieldContent, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldLabelProps = Omit<\n React.ComponentProps<\"label\">,\n \"className\"\n> & {\n className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n function FieldLabel({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <FieldLabelBase\n ref={ref}\n data-slot=\"field-label\"\n {...{ [SLOT_ATTR]: \"field-label\" }}\n className={mergeClasses(styles.label, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n HTMLDivElement,\n FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-label-content\"\n {...{ [SLOT_ATTR]: \"field-label-content\" }}\n className={mergeClasses(\n styles.labelContent,\n showOnHover && styles.labelContentHover,\n className\n )}\n {...props}\n />\n )\n})\n\nexport type FieldDescriptionVariant = \"default\" \| \"helper\"\n\nexport const fieldDescriptionVariants = ({\n variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n React.ComponentProps<\"p\">,\n \"className\"\n> & {\n className?: string\n variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n HTMLParagraphElement,\n FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n const styles = useStyles()\n\n const variantStyle =\n variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n return (\n <FieldDescriptionBase\n ref={ref}\n data-slot=\"field-description\"\n {...{ [SLOT_ATTR]: \"field-description\" }}\n className={mergeClasses(styles.description, variantStyle, className)}\n {...props}\n />\n )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n className?: string\n errors?: Array<{ message?: string } \| undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n function FieldError({ className, children, errors, ...props }, ref) {\n const styles = useStyles()\n\n const content = React.useMemo(() => {\n if (children) {\n return children\n }\n\n if (!errors?.length) {\n return null\n }\n\n const uniqueErrors = [\n ...new Map(errors.map((error) => [error?.message, error])).values(),\n ]\n\n if (uniqueErrors.length === 1) {\n return uniqueErrors[0]?.message\n }\n\n return (\n <ul className={styles.errorList}>\n {uniqueErrors.map(\n (error, index) =>\n error?.message && (\n <li className={styles.errorListItem} key={index}>\n {error.message}\n </li>\n )\n )}\n </ul>\n )\n }, [children, errors, styles.errorList, styles.errorListItem])\n\n if (!content) {\n return null\n }\n\n return (\n <FieldErrorBase\n ref={ref}\n role=\"alert\"\n data-slot=\"field-error\"\n {...{ [SLOT_ATTR]: \"field-error\" }}\n className={mergeClasses(styles.error, className)}\n {...props}\n >\n {content}\n </FieldErrorBase>\n )\n }\n)\n\nexport type FieldInputProps = Omit<\n React.ComponentProps<\"input\">,\n \"className\"\n> & {\n className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n function FieldInput({ className, ...props }, forwardedRef) {\n const styles = useStyles()\n const { inputRef } = useFieldContext()\n\n return (\n <FieldControlBase\n ref={(el: HTMLElement \| null) => {\n inputRef.current = el as HTMLInputElement \| null\n if (typeof forwardedRef === \"function\") {\n forwardedRef(el as HTMLInputElement)\n } else if (forwardedRef) {\n forwardedRef.current = el as HTMLInputElement \| null\n }\n }}\n data-readonly={props.readOnly}\n data-slot=\"field-input\"\n {...{ [SLOT_ATTR]: \"field-input\" }}\n className={mergeClasses(styles.input, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n HTMLDivElement,\n FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-input-group\"\n {...{ [SLOT_ATTR]: \"field-input-group\" }}\n className={mergeClasses(styles.inputGroup, className)}\n {...props}\n />\n )\n})\n\nexport type FieldTextareaResize = \"none\" \| \"vertical\" \| \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n HTMLTextAreaElement,\n FieldTextareaProps\n>(function FieldTextarea(\n { className, resize = \"none\", ...props },\n forwardedRef\n) {\n const styles = useStyles()\n const { inputRef } = useFieldContext()\n\n const resizeStyle =\n resize === \"vertical\"\n ? styles.resizeVertical\n : resize === \"horizontal\"\n ? styles.resizeHorizontal\n : styles.resizeNone\n\n return (\n <textarea\n {...props}\n ref={(el: HTMLTextAreaElement \| null) => {\n inputRef.current = el\n if (typeof forwardedRef === \"function\") {\n forwardedRef(el)\n } else if (forwardedRef) {\n forwardedRef.current = el\n }\n }}\n data-readonly={props.readOnly}\n data-slot=\"field-textarea\"\n {...{ [SLOT_ATTR]: \"field-textarea\" }}\n data-resize={resize}\n className={mergeClasses(styles.textarea, resizeStyle, className)}\n />\n )\n})\n\nexport type FieldGroupAddonAlign = \"start\" \| \"end\"\n\nexport const inputGroupAddonVariants = ({\n align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n HTMLDivElement,\n FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n role=\"group\"\n data-slot=\"input-group-addon\"\n {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n data-align={align}\n className={mergeClasses(\n styles.addon,\n align === \"end\" ? styles.addonEnd : styles.addonStart,\n className\n )}\n {...props}\n />\n )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","useFieldContext","context","useOptionalFieldContext","FIELD_CONTROL_SLOTS","FIELD_LABEL_SLOTS","DISABLED_LABEL","disabledLabelRules","slot","SLOT_ATTR","condition","label","BESIDE_CONTROL","tokens.fieldPaddingY","CONTROL_ROW_SLOTS","controlRowRules","tokens.spacingElement1","useStyles","makeZenithStyles","boxModel","tokens.fieldPaddingX","shorthands","tokens.radiusLg","tokens.focusRing","tokens.errorSoft","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorOnSoft","nativeControl","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","_a","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}
1	+ {"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/*\n Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n /\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n \| HTMLInputElement\n \| HTMLTextAreaElement\n \| HTMLSelectElement\n \| HTMLButtonElement\n \| null\n\nexport interface FieldContextValue {\n inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue \| null>(null)\n\n/\n A mounted FieldLabel: `key` is fixed for the label's lifetime and holds its place in the order;\n * `id` and `htmlFor` are what it renders now.\n /\ntype FieldLabelEntry = {\n key: string\n id: string\n htmlFor: string \| undefined\n}\n\n/\n Which label names the Field's control, kept as Field state: the mounted FieldLabels in the order\n * they first mounted, and the control's id as the control reports it.\n /\nconst FieldNamingContext = React.createContext<{\n labels: readonly FieldLabelEntry[]\n controlId: string \| undefined\n /* Adds the label at the end on its first call, then updates its entry in place. /\n setLabel: (entry: FieldLabelEntry) => void\n removeLabel: (key: string) => void\n setControlId: (id: string \| undefined) => void\n} \| null>(null)\n\n/\n @internal plumbing for parts the Field's label names besides its control: FieldComboboxList takes\n * it as its `aria-labelledby`. It is the label that names the control, the first FieldLabel whose\n * `htmlFor` is the control's id, else the first FieldLabel mounted; undefined outside a Field or\n * without one.\n /\nexport const useFieldLabelId = (): string \| undefined => {\n const naming = React.useContext(FieldNamingContext)\n if (!naming?.labels.length) return undefined\n const { labels, controlId } = naming\n const named = controlId\n ? labels.find((label) => label.htmlFor === controlId)\n : undefined\n return (named ?? labels[0]).id\n}\n\n/\n @internal the control reports its id to its Field, so the label naming it follows an id that\n * changes. FieldComboboxTrigger calls it; outside a Field it does nothing.\n /\nexport const useReportFieldControlId = (id: string \| undefined): void => {\n const setControlId = React.useContext(FieldNamingContext)?.setControlId\n useIsomorphicLayoutEffect(() => {\n if (!setControlId) return\n setControlId(id)\n return () => setControlId(undefined)\n }, [setControlId, id])\n}\n\nconst useIsomorphicLayoutEffect =\n typeof window === \"undefined\" ? React.useEffect : React.useLayoutEffect\n\nexport const useFieldContext = () => {\n const context = React.useContext(FieldContext)\n if (!context) {\n throw new Error(\"FieldInput must be used within a Field component\")\n }\n return context\n}\n\n/\n Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n /\nexport const useOptionalFieldContext = (): FieldContextValue \| null =>\n React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" \| \"highlight\" \| \"readonly\" \| \"destructive\"\n\n/* The controls a Field wraps; their `:disabled` is what makes the field disabled. /\nconst FIELD_CONTROL_SLOTS = [\"field-input\", \"field-textarea\", \"select-trigger\"]\n/* FieldLabel, and the standalone Label when a caller uses it inside a Field. /\nconst FIELD_LABEL_SLOTS = [\"field-label\", \"label\"]\nconst DISABLED_LABEL = { cursor: \"not-allowed\", opacity: 0.5 }\n\n/\n One rule per (disabled condition, label slot). Each `:has()` names a single control rather than\n * any `:disabled` descendant, so an unrelated disabled button beside an enabled control (a clear\n * button with nothing to clear) does not dim the label. One key per selector: no comma lists.\n /\nconst disabledLabelRules = () =>\n Object.fromEntries(\n [\n \"&[data-disabled]\",\n ...FIELD_CONTROL_SLOTS.map(\n (slot) => `&:has([${SLOT_ATTR}=\"${slot}\"]:disabled)`\n ),\n ].flatMap((condition) =>\n FIELD_LABEL_SLOTS.map((label) => [\n `${condition} [${SLOT_ATTR}=\"${label}\"]`,\n DISABLED_LABEL,\n ])\n )\n )\n\n/\n Password managers (1Password, NordPass) inject a button next to the control, sometimes inline. In\n * a column the injection became a new row and the field grew (#5). It is placed in a second column\n * beside the control instead, centred on the control's row, with negative block margins as deep as\n * the field's padding so a button taller than the control does not stretch the row either.\n * Recognised as an element directly after a control that is not one of Zenith's own parts.\n /\nconst BESIDE_CONTROL = {\n alignSelf: \"center\",\n marginTop: `calc(-1 ${tokens.fieldPaddingY})`,\n marginBottom: `calc(-1 * ${tokens.fieldPaddingY})`,\n}\n\n/** The parts that sit in the control's row: the controls, or a group holding one. /\nconst CONTROL_ROW_SLOTS = [...FIELD_CONTROL_SLOTS, \"field-input-group\"]\n\n/* Every part spans both columns, as it stacked before; a control takes the first column. /\nconst controlRowRules = () =>\n Object.fromEntries([\n [\"& > \", { gridColumnStart: 1, gridColumnEnd: -1 }],\n ...CONTROL_ROW_SLOTS.flatMap((slot) => [\n [\n `& > [${SLOT_ATTR}=\"${slot}\"]`,\n { gridColumnStart: 1, gridColumnEnd: 2 },\n ],\n [\n `& > [${SLOT_ATTR}=\"${slot}\"] + :not([${SLOT_ATTR}])`,\n {\n gridColumnStart: 2,\n gridColumnEnd: 3,\n marginLeft: tokens.spacingElement1,\n ...BESIDE_CONTROL,\n },\n ],\n ]),\n ])\n\nconst useStyles = makeZenithStyles({\n root: {\n ...boxModel,\n position: \"relative\",\n // A grid, not a column, so an injected button can sit beside the control (see BESIDE_CONTROL).\n // The second column is empty and zero-wide unless something is injected.\n display: \"grid\",\n gridTemplateColumns: \"minmax(0, 1fr) auto\",\n width: \"100%\",\n // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n paddingTop: tokens.fieldPaddingY,\n paddingBottom: tokens.fieldPaddingY,\n paddingLeft: tokens.fieldPaddingX,\n paddingRight: tokens.fieldPaddingX,\n // Row gap only: a column gap would narrow the control even while the second column is empty.\n rowGap: tokens.spacingElement1,\n ...shorthands.borderRadius(tokens.radiusLg),\n transitionProperty: \"all\",\n transitionDuration: \"75ms\",\n outlineOffset: \"2px\",\n outlineWidth: \"2px\",\n outlineStyle: \"none\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \"&[data-focused='true'], &[data-focus-visible]\": {\n outlineStyle: \"solid\",\n outlineColor: tokens.focusRing,\n },\n \"&[data-invalid]\": {\n backgroundColor: tokens.errorSoft,\n },\n\n // Label's disabled styling, declared here because Field owns the elements these selectors are\n // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n // See src/ancestor-selector.test.ts. The port of those rules still missed: they named the\n // `label` slot while FieldLabel emits `field-label`, and the `~` forms needed the label AFTER\n // the control, but it comes first. `:has()` reaches the control wherever it sits.\n ...disabledLabelRules(),\n ...controlRowRules(),\n },\n rootDefault: {\n backgroundColor: tokens.grayA3,\n \":hover\": {\n backgroundColor: tokens.grayA4,\n },\n },\n rootHighlight: {\n backgroundColor: tokens.accentA3,\n \":hover\": {\n backgroundColor: tokens.accentA4,\n },\n },\n rootReadonly: {\n backgroundColor: tokens.grayA3,\n },\n rootDestructive: {\n backgroundColor: tokens.errorSoft,\n \":hover\": {\n backgroundColor: tokens.errorA4,\n },\n },\n fieldSet: {\n ...boxModel,\n display: \"flex\",\n flexDirection: \"column\",\n // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n // this used before binding.\n ...shorthands.gap(tokens.fieldSetGap),\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n ...shorthands.margin(0),\n },\n fieldGroup: {\n ...boxModel,\n display: \"flex\",\n width: \"100%\",\n ...shorthands.gap(tokens.spacingElement2),\n },\n fieldGroupColumn: {\n flexDirection: \"column\",\n },\n fieldGroupRow: {\n flexDirection: \"row\",\n },\n fieldContent: {\n display: \"flex\",\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: \"0%\",\n flexDirection: \"column\",\n ...shorthands.gap(tokens.spacingElement2),\n lineHeight: \"1.375\",\n },\n label: {\n ...boxModel,\n minHeight: \"1rem\",\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n // No width: the label stretches across the field's column, so the whole label row is a hit\n // area for the control rather than only the text. Field reads as one box and is aimed at as one.\n display: \"flex\",\n ...shorthands.gap(tokens.spacingElement2),\n cursor: \"default\",\n color: tokens.grayA12,\n \"&[data-disabled]\": {\n opacity: 0.5,\n },\n },\n labelContent: {\n display: \"inline-flex\",\n alignItems: \"center\",\n ...shorthands.gap(tokens.spacingElement1),\n transitionProperty: \"opacity\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n },\n labelContentHover: {\n ...boxModel,\n width: 0,\n height: 0,\n overflowX: \"visible\",\n overflowY: \"visible\",\n opacity: 0,\n pointerEvents: \"none\",\n },\n description: {\n fontSize: tokens.textXs,\n lineHeight: \"1.5\",\n fontWeight: tokens.fontWeightNormal,\n ...shorthands.margin(0),\n \"& a\": {\n textDecorationLine: \"underline\",\n textUnderlineOffset: \"4px\",\n },\n },\n descriptionDefault: {\n color: tokens.grayA12,\n },\n descriptionHelper: {\n color: tokens.grayA11,\n },\n error: {\n color: tokens.errorOnSoft,\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n fontWeight: tokens.fontWeightNormal,\n },\n errorList: {\n ...boxModel,\n display: \"flex\",\n flexDirection: \"column\",\n ...shorthands.margin(0),\n paddingLeft: \"1.25rem\",\n listStyleType: \"disc\",\n },\n errorListItem: {\n color: tokens.errorOnSoft,\n fontSize: tokens.textXs,\n lineHeight: tokens.leadingXs,\n fontWeight: tokens.fontWeightNormal,\n marginTop: \"0.25rem\",\n marginBottom: \"0.25rem\",\n },\n input: {\n ...nativeControl,\n width: \"100%\",\n // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n // reach it; review corrected an earlier claim that it did.\n height: tokens.fieldInputHeight,\n outlineStyle: \"none\",\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n color: tokens.grayA12,\n backgroundColor: \"transparent\",\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n \"::placeholder\": {\n color: tokens.grayA8,\n },\n \":disabled\": {\n cursor: \"not-allowed\",\n },\n },\n inputGroup: {\n ...boxModel,\n display: \"flex\",\n alignItems: \"center\",\n ...shorthands.gap(tokens.spacingElement1),\n width: \"100%\",\n // Already a row, so an injected button lands beside the input; it must not stretch the row.\n [`& > [${SLOT_ATTR}=\"field-input\"] + :not([${SLOT_ATTR}])`]: BESIDE_CONTROL,\n },\n textarea: {\n ...nativeControl,\n width: \"100%\",\n outlineStyle: \"none\",\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n color: tokens.grayA12,\n backgroundColor: \"transparent\",\n ...shorthands.border(\"0\"),\n ...shorthands.padding(0),\n \"::placeholder\": {\n color: tokens.grayA8,\n },\n \":disabled\": {\n cursor: \"not-allowed\",\n },\n },\n resizeNone: {\n resize: \"none\",\n },\n resizeVertical: {\n resize: \"vertical\",\n },\n resizeHorizontal: {\n resize: \"horizontal\",\n },\n addon: {\n ...boxModel,\n color: tokens.grayA11,\n display: \"flex\",\n height: \"auto\",\n cursor: \"text\",\n whiteSpace: \"nowrap\",\n alignItems: \"center\",\n justifyContent: \"center\",\n ...shorthands.gap(tokens.spacingElement2),\n fontSize: tokens.textSm,\n lineHeight: tokens.leadingSm,\n fontWeight: tokens.fontWeightNormal,\n userSelect: \"none\",\n },\n addonStart: {\n order: -1,\n },\n addonEnd: {\n order: 1,\n },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n className?: string\n variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n function Field(\n {\n className,\n variant = \"default\",\n children,\n onFocusCapture,\n onBlurCapture,\n ...props\n },\n ref\n ) {\n const styles = useStyles()\n const inputRef = React.useRef<FieldInputRef>(null)\n const [isFocused, setIsFocused] = React.useState(false)\n const [labels, setLabels] = React.useState<readonly FieldLabelEntry[]>([])\n const [controlId, setControlId] = React.useState<string>()\n const setLabel = React.useCallback((entry: FieldLabelEntry) => {\n setLabels((current) => {\n const at = current.findIndex((label) => label.key === entry.key)\n if (at === -1) return [...current, entry]\n const { id, htmlFor } = current[at]\n if (id === entry.id && htmlFor === entry.htmlFor) return current\n const next = current.slice()\n next[at] = entry\n return next\n })\n }, [])\n const removeLabel = React.useCallback((key: string) => {\n setLabels((current) => current.filter((label) => label.key !== key))\n }, [])\n const naming = React.useMemo(\n () => ({ labels, controlId, setLabel, removeLabel, setControlId }),\n [labels, controlId, setLabel, removeLabel]\n )\n\n const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n event\n ) => {\n setIsFocused(true)\n onFocusCapture?.(event)\n }\n\n const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n event\n ) => {\n setIsFocused(false)\n onBlurCapture?.(event)\n }\n\n const variantStyle =\n variant === \"highlight\"\n ? styles.rootHighlight\n : variant === \"readonly\"\n ? styles.rootReadonly\n : variant === \"destructive\"\n ? styles.rootDestructive\n : styles.rootDefault\n\n return (\n <FieldContext.Provider value={{ inputRef }}>\n <FieldNamingContext.Provider value={naming}>\n <FieldRootBase\n ref={ref}\n role=\"group\"\n data-slot=\"field\"\n {...{ [SLOT_ATTR]: \"field\" }}\n data-focused={isFocused ? \"true\" : \"false\"}\n className={mergeClasses(styles.root, variantStyle, className)}\n onFocusCapture={handleFocusCapture}\n onBlurCapture={handleBlurCapture}\n {...props}\n >\n {children}\n </FieldRootBase>\n </FieldNamingContext.Provider>\n </FieldContext.Provider>\n )\n }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n function FieldSet({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <fieldset\n ref={ref}\n data-slot=\"field-set\"\n {...{ [SLOT_ATTR]: \"field-set\" }}\n className={mergeClasses(styles.fieldSet, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n direction?: \"column\" \| \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-group\"\n {...{ [SLOT_ATTR]: \"field-group\" }}\n className={mergeClasses(\n styles.fieldGroup,\n direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n className\n )}\n {...props}\n />\n )\n }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n function FieldContent({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-content\"\n {...{ [SLOT_ATTR]: \"field-content\" }}\n className={mergeClasses(styles.fieldContent, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldLabelProps = Omit<\n React.ComponentProps<\"label\">,\n \"className\"\n> & {\n className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n function FieldLabel({ className, id: idProp, ...props }, ref) {\n const styles = useStyles()\n const generatedId = React.useId()\n const field = React.useContext(FieldNamingContext)\n // Inside a Field the label has an id, so a part it names besides the control can point at it.\n const id = idProp ?? (field ? generatedId : undefined)\n const setLabel = field?.setLabel\n const removeLabel = field?.removeLabel\n const htmlFor = props.htmlFor\n\n // The label takes its place in the Field's order when it first mounts (keyed by its own\n // generated id, which never changes) and keeps it while its `id` or `htmlFor` changes.\n useIsomorphicLayoutEffect(() => {\n if (setLabel && id) setLabel({ key: generatedId, id, htmlFor })\n }, [setLabel, generatedId, id, htmlFor])\n // Leaves only on unmount, removing its own entry and no other.\n useIsomorphicLayoutEffect(() => {\n if (!removeLabel) return\n return () => removeLabel(generatedId)\n }, [removeLabel, generatedId])\n\n return (\n <FieldLabelBase\n ref={ref}\n id={id}\n data-slot=\"field-label\"\n {...{ [SLOT_ATTR]: \"field-label\" }}\n className={mergeClasses(styles.label, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n HTMLDivElement,\n FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-label-content\"\n {...{ [SLOT_ATTR]: \"field-label-content\" }}\n className={mergeClasses(\n styles.labelContent,\n showOnHover && styles.labelContentHover,\n className\n )}\n {...props}\n />\n )\n})\n\nexport type FieldDescriptionVariant = \"default\" \| \"helper\"\n\nexport const fieldDescriptionVariants = ({\n variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n React.ComponentProps<\"p\">,\n \"className\"\n> & {\n className?: string\n variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n HTMLParagraphElement,\n FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n const styles = useStyles()\n\n const variantStyle =\n variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n return (\n <FieldDescriptionBase\n ref={ref}\n data-slot=\"field-description\"\n {...{ [SLOT_ATTR]: \"field-description\" }}\n className={mergeClasses(styles.description, variantStyle, className)}\n {...props}\n />\n )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n className?: string\n errors?: Array<{ message?: string } \| undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n function FieldError({ className, children, errors, ...props }, ref) {\n const styles = useStyles()\n\n const content = React.useMemo(() => {\n if (children) {\n return children\n }\n\n if (!errors?.length) {\n return null\n }\n\n const uniqueErrors = [\n ...new Map(errors.map((error) => [error?.message, error])).values(),\n ]\n\n if (uniqueErrors.length === 1) {\n return uniqueErrors[0]?.message\n }\n\n return (\n <ul className={styles.errorList}>\n {uniqueErrors.map(\n (error, index) =>\n error?.message && (\n <li className={styles.errorListItem} key={index}>\n {error.message}\n </li>\n )\n )}\n </ul>\n )\n }, [children, errors, styles.errorList, styles.errorListItem])\n\n if (!content) {\n return null\n }\n\n return (\n <FieldErrorBase\n ref={ref}\n role=\"alert\"\n data-slot=\"field-error\"\n {...{ [SLOT_ATTR]: \"field-error\" }}\n className={mergeClasses(styles.error, className)}\n {...props}\n >\n {content}\n </FieldErrorBase>\n )\n }\n)\n\nexport type FieldInputProps = Omit<\n React.ComponentProps<\"input\">,\n \"className\"\n> & {\n className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n function FieldInput({ className, ...props }, forwardedRef) {\n const styles = useStyles()\n const { inputRef } = useFieldContext()\n\n return (\n <FieldControlBase\n ref={(el: HTMLElement \| null) => {\n inputRef.current = el as HTMLInputElement \| null\n if (typeof forwardedRef === \"function\") {\n forwardedRef(el as HTMLInputElement)\n } else if (forwardedRef) {\n forwardedRef.current = el as HTMLInputElement \| null\n }\n }}\n data-readonly={props.readOnly}\n data-slot=\"field-input\"\n {...{ [SLOT_ATTR]: \"field-input\" }}\n className={mergeClasses(styles.input, className)}\n {...props}\n />\n )\n }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n HTMLDivElement,\n FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n data-slot=\"field-input-group\"\n {...{ [SLOT_ATTR]: \"field-input-group\" }}\n className={mergeClasses(styles.inputGroup, className)}\n {...props}\n />\n )\n})\n\nexport type FieldTextareaResize = \"none\" \| \"vertical\" \| \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n HTMLTextAreaElement,\n FieldTextareaProps\n>(function FieldTextarea(\n { className, resize = \"none\", ...props },\n forwardedRef\n) {\n const styles = useStyles()\n const { inputRef } = useFieldContext()\n\n const resizeStyle =\n resize === \"vertical\"\n ? styles.resizeVertical\n : resize === \"horizontal\"\n ? styles.resizeHorizontal\n : styles.resizeNone\n\n return (\n <textarea\n {...props}\n ref={(el: HTMLTextAreaElement \| null) => {\n inputRef.current = el\n if (typeof forwardedRef === \"function\") {\n forwardedRef(el)\n } else if (forwardedRef) {\n forwardedRef.current = el\n }\n }}\n data-readonly={props.readOnly}\n data-slot=\"field-textarea\"\n {...{ [SLOT_ATTR]: \"field-textarea\" }}\n data-resize={resize}\n className={mergeClasses(styles.textarea, resizeStyle, className)}\n />\n )\n})\n\nexport type FieldGroupAddonAlign = \"start\" \| \"end\"\n\nexport const inputGroupAddonVariants = ({\n align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n HTMLDivElement,\n FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n const styles = useStyles()\n\n return (\n <div\n ref={ref}\n role=\"group\"\n data-slot=\"input-group-addon\"\n {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n data-align={align}\n className={mergeClasses(\n styles.addon,\n align === \"end\" ? styles.addonEnd : styles.addonStart,\n className\n )}\n {...props}\n />\n )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","FieldNamingContext","useFieldLabelId","naming","labels","controlId","label","useReportFieldControlId","id","setControlId","_a","useIsomorphicLayoutEffect","useFieldContext","context","useOptionalFieldContext","FIELD_CONTROL_SLOTS","FIELD_LABEL_SLOTS","DISABLED_LABEL","disabledLabelRules","slot","SLOT_ATTR","condition","BESIDE_CONTROL","tokens.fieldPaddingY","CONTROL_ROW_SLOTS","controlRowRules","tokens.spacingElement1","useStyles","makeZenithStyles","boxModel","tokens.fieldPaddingX","shorthands","tokens.radiusLg","tokens.focusRing","tokens.errorSoft","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorOnSoft","nativeControl","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","setLabels","setLabel","entry","current","at","htmlFor","next","removeLabel","key","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","idProp","generatedId","field","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}

package/dist/components/list/list-sortable.js CHANGED Viewed

@@ -1,95 +1,109 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import * as o from "react";
-import { useSensors as A, useSensor as D, DndContext as R, closestCenter as j, DragOverlay as G, KeyboardSensor as K, PointerSensor as P } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as V, verticalListSortingStrategy as k, useSortable as q, arrayMove as B, sortableKeyboardCoordinates as M } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
-import { useListStyles as _, ListItem as z, listContext as F, ListRoot as H, ListItemBody as L, canonicalDomDensity as J } from "./list.js";
-const Q = o.forwardRef(
-  function(n, f) {
-    const i = o.useId();
-    process.env.NODE_ENV !== "production" && n.value === void 0 && console.warn(
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import * as i from "react";
+import { useSensors as F, useSensor as O, DndContext as P, closestCenter as j, DragOverlay as G, KeyboardSensor as K, PointerSensor as T } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as _, verticalListSortingStrategy as k, useSortable as q, arrayMove as H, sortableKeyboardCoordinates as M } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
+import { useListStyles as z, ListItem as J, listContext as Q, ListRoot as U, ListItemBody as C, canonicalDomDensity as W } from "./list.js";
+const X = i.forwardRef(
+  function(e, a) {
+    const s = i.useId();
+    process.env.NODE_ENV !== "production" && e.value === void 0 && console.warn(
       "SortableList: a `ListItem` is missing a `value`. Give each item a unique `value` so it can be reordered — items without one are excluded from `onReorder`."
     );
     const {
-      attributes: r,
-      listeners: a,
-      setNodeRef: I,
-      setActivatorNodeRef: p,
-      isDragging: l,
-      isOver: d,
-      activeIndex: c,
-      overIndex: u
+      attributes: d,
+      listeners: u,
+      setNodeRef: y,
+      setActivatorNodeRef: g,
+      isDragging: v,
+      isOver: f,
+      activeIndex: m,
+      overIndex: n
     } = q({
-      id: n.value ?? i,
+      id: e.value ?? s,
       animateLayoutChanges: () => !1
-    }), e = d && !l && c !== -1 ? c < u ? "bottom" : "top" : null;
-    return /* @__PURE__ */ s(
-      L,
+    }), p = f && !v && m !== -1 ? m < n ? "bottom" : "top" : null;
+    return /* @__PURE__ */ r(
+      C,
       {
-        ref: f,
-        ...n,
-        setNodeRef: I,
-        setActivatorNodeRef: p,
-        isDragging: l,
-        dropEdge: e,
-        listeners: a,
-        attributes: r
+        ref: a,
+        ...e,
+        setNodeRef: y,
+        setActivatorNodeRef: g,
+        isDragging: v,
+        dropEdge: p,
+        listeners: u,
+        attributes: d
       }
     );
   }
-), Y = o.forwardRef(function({
-  striped: n = !1,
-  showIndex: f = !1,
-  onReorder: i,
-  density: r,
-  children: a,
-  ...I
-}, p) {
-  const l = _(), d = J(r), c = o.useId(), u = o.Children.toArray(a).filter(
-    o.isValidElement
-  ).filter((t) => t.type === z), e = u.map((t) => t.props.value).filter((t) => typeof t == "string"), [v, S] = o.useState(null), C = v ? e.indexOf(v) : -1, m = v != null ? u.find((t) => t.props.value === v) : void 0, O = A(
-    D(P, { activationConstraint: { distance: 3 } }),
+), L = { x: 0, y: 0 }, Y = (o) => {
+  const e = o.ownerDocument.createElement("div");
+  e.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;visibility:hidden", o.after(e);
+  const { left: a, top: s } = e.getBoundingClientRect();
+  return e.remove(), { x: a, y: s };
+}, Z = (o) => ({ transform: e }) => ({
+  ...e,
+  x: e.x - o.x,
+  y: e.y - o.y
+}), oe = i.forwardRef(function({
+  striped: e = !1,
+  showIndex: a = !1,
+  onReorder: s,
+  density: d,
+  children: u,
+  ...y
+}, g) {
+  const v = z(), f = W(d), m = i.useId(), n = i.useRef(null);
+  i.useImperativeHandle(g, () => n.current, []);
+  const p = i.Children.toArray(u).filter(
+    i.isValidElement
+  ).filter((t) => t.type === J), l = p.map((t) => t.props.value).filter((t) => typeof t == "string"), [x, I] = i.useState(null), [E, w] = i.useState(L), N = x ? l.indexOf(x) : -1, c = x != null ? p.find((t) => t.props.value === x) : void 0, R = F(
+    O(T, { activationConstraint: { distance: 3 } }),
     // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.
-    D(K, {
+    O(K, {
       coordinateGetter: M
     })
-  ), E = (t) => {
-    S(t.active.id);
-  }, w = (t) => {
-    S(null);
-    const { active: b, over: g } = t;
-    if (!g || b.id === g.id) return;
-    const x = e.indexOf(b.id), y = e.indexOf(g.id);
-    x === -1 || y === -1 || i == null || i(B(e, x, y));
+  ), V = (t) => {
+    I(t.active.id), w(
+      n.current ? Y(n.current) : L
+    );
+  }, A = (t) => {
+    I(null);
+    const { active: b, over: S } = t;
+    if (!S || b.id === S.id) return;
+    const h = l.indexOf(b.id), D = l.indexOf(S.id);
+    h === -1 || D === -1 || s == null || s(H(l, h, D));
   };
-  return /* @__PURE__ */ s(
-    F.Provider,
+  return /* @__PURE__ */ r(
+    Q.Provider,
     {
       value: {
-        striped: n,
-        showIndex: f,
+        striped: e,
+        showIndex: a,
         sortable: !0,
-        SortableItem: Q
+        SortableItem: X
       },
-      children: /* @__PURE__ */ N(
-        R,
+      children: /* @__PURE__ */ B(
+        P,
         {
-          id: c,
-          sensors: O,
+          id: m,
+          sensors: R,
           collisionDetection: j,
-          onDragStart: E,
-          onDragEnd: w,
-          onDragCancel: () => S(null),
+          onDragStart: V,
+          onDragEnd: A,
+          onDragCancel: () => I(null),
           children: [
-            /* @__PURE__ */ s(V, { items: e, strategy: k, children: /* @__PURE__ */ s(H, { ref: p, density: r, ...I, children: a }) }),
-            /* @__PURE__ */ s(G, { children: m ? /* @__PURE__ */ s(
-              L,
+            /* @__PURE__ */ r(_, { items: l, strategy: k, children: /* @__PURE__ */ r(U, { ref: n, density: d, ...y, children: u }) }),
+            /* @__PURE__ */ r(G, { modifiers: [Z(E)], children: c ? /* @__PURE__ */ r(
+              C,
               {
-                value: m.props.value,
-                status: m.props.status,
-                index: C,
-                className: l.dragOverlayItem,
-                ...d !== void 0 ? { "data-density": d } : {},
-                children: m.props.children
+                value: c.props.value,
+                textValue: c.props.textValue,
+                status: c.props.status,
+                index: N,
+                className: v.dragOverlayItem,
+                ...f !== void 0 ? { "data-density": f } : {},
+                children: c.props.children
               }
             ) : null })
           ]
@@ -99,6 +113,6 @@ const Q = o.forwardRef(
   );
 });
 export {
-  Y as SortableList
+  oe as SortableList
 };
 //# sourceMappingURL=list-sortable.js.map

package/dist/components/list/list-sortable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-sortable.js","sources":["../../../src/components/list/list-sortable.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n DndContext,\n DragOverlay,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n type DragStartEvent,\n} from \"@dnd-kit/core\"\nimport {\n SortableContext,\n verticalListSortingStrategy,\n arrayMove,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\"\n\nimport {\n listContext,\n ListItem,\n ListItemBody,\n ListRoot,\n canonicalDomDensity,\n useListStyles,\n type ListItemDragListeners,\n type ListItemProps,\n type ListProps,\n} from \"./list\"\n\n// ── SortableListItem ───────────────────────────────────────────────────────\n\nconst SortableListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n function SortableListItem(props, ref) {\n const fallbackId = React.useId()\n\n if (process.env.NODE_ENV !== \"production\" && props.value === undefined) {\n console.warn(\n \"SortableList: a `ListItem` is missing a `value`. \" +\n \"Give each item a unique `value` so it can be reordered — \" +\n \"items without one are excluded from `onReorder`.\"\n )\n }\n\n const {\n attributes,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n isDragging,\n isOver,\n activeIndex,\n overIndex,\n } = useSortable({\n id: props.value ?? fallbackId,\n animateLayoutChanges: () => false,\n })\n\n const dropEdge: \"top\" \| \"bottom\" \| null =\n isOver && !isDragging && activeIndex !== -1\n ? activeIndex < overIndex\n ? \"bottom\"\n : \"top\"\n : null\n\n return (\n <ListItemBody\n ref={ref}\n {...props}\n setNodeRef={setNodeRef}\n setActivatorNodeRef={setActivatorNodeRef}\n isDragging={isDragging}\n dropEdge={dropEdge}\n listeners={listeners as ListItemDragListeners \| undefined}\n attributes={attributes}\n />\n )\n }\n)\n\n// ── SortableList ───────────────────────────────────────────────────────────\n\nexport type SortableListProps = ListProps & {\n /** Called with the new order of `ListItem` values after a drag. */\n onReorder?: (values: string[]) => void\n}\n\nexport const SortableList = React.forwardRef<\n HTMLOListElement,\n SortableListProps\n>(function SortableList(\n {\n striped = false,\n showIndex = false,\n onReorder,\n density,\n children,\n ...props\n },\n ref\n) {\n const styles = useListStyles()\n const domDensity = canonicalDomDensity(density)\n // dnd-kit otherwise numbers its describedby/live-region ids from a module counter, which the\n // server and the client advance separately, so the handles' aria-describedby failed hydration.\n const dndId = React.useId()\n\n const listItems = (\n React.Children.toArray(children).filter(\n React.isValidElement\n ) as React.ReactElement<ListItemProps>[]\n ).filter((child) => child.type === ListItem)\n const values = listItems\n .map((child) => child.props.value)\n .filter((v): v is string => typeof v === \"string\")\n\n const [activeId, setActiveId] = React.useState<string \| null>(null)\n const activeIndex = activeId ? values.indexOf(activeId) : -1\n const activeItem =\n activeId != null\n ? listItems.find((child) => child.props.value === activeId)\n : undefined\n\n const sensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 3 } }),\n // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n })\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n setActiveId(event.active.id as string)\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n if (!over \|\| active.id === over.id) return\n\n const oldIndex = values.indexOf(active.id as string)\n const newIndex = values.indexOf(over.id as string)\n if (oldIndex === -1 \|\| newIndex === -1) return\n\n onReorder?.(arrayMove(values, oldIndex, newIndex))\n }\n\n return (\n <listContext.Provider\n value={{\n striped,\n showIndex,\n sortable: true,\n SortableItem: SortableListItem,\n }}\n >\n <DndContext\n id={dndId}\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext items={values} strategy={verticalListSortingStrategy}>\n <ListRoot ref={ref} density={density} {...props}>\n {children}\n </ListRoot>\n </SortableContext>\n <DragOverlay>\n {activeItem ? (\n <ListItemBody\n value={activeItem.props.value}\n status={activeItem.props.status}\n index={activeIndex}\n className={styles.dragOverlayItem}\n // Reasserted only for an EXPLICIT density: DragOverlay is an ordinary DOM sibling\n // of the `<ol>`, not a portal (dnd-kit's `PositionedOverlay` renders in place —\n // confirmed from the installed source), so an omitted/ambient density already\n // reaches it correctly through the real DOM tree with no stamp at all.\n {...(domDensity !== undefined\n ? { \"data-density\": domDensity }\n : {})}\n >\n {activeItem.props.children}\n </ListItemBody>\n ) : null}\n </DragOverlay>\n </DndContext>\n </listContext.Provider>\n )\n})\n"],"names":["SortableListItem","React","props","ref","fallbackId","attributes","listeners","setNodeRef","setActivatorNodeRef","isDragging","isOver","activeIndex","overIndex","useSortable","dropEdge","jsx","ListItemBody","SortableList","striped","showIndex","onReorder","density","children","styles","useListStyles","domDensity","canonicalDomDensity","dndId","listItems","child","ListItem","values","v","activeId","setActiveId","activeItem","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","arrayMove","listContext","jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ListRoot","DragOverlay"],"mappings":"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"}
1	+ {"version":3,"file":"list-sortable.js","sources":["../../../src/components/list/list-sortable.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n DndContext,\n DragOverlay,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n type DragStartEvent,\n type Modifier,\n} from \"@dnd-kit/core\"\nimport {\n SortableContext,\n verticalListSortingStrategy,\n arrayMove,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\"\n\nimport {\n listContext,\n ListItem,\n ListItemBody,\n ListRoot,\n canonicalDomDensity,\n useListStyles,\n type ListItemDragListeners,\n type ListItemProps,\n type ListProps,\n} from \"./list\"\n\n// ── SortableListItem ───────────────────────────────────────────────────────\n\nconst SortableListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n function SortableListItem(props, ref) {\n const fallbackId = React.useId()\n\n if (process.env.NODE_ENV !== \"production\" && props.value === undefined) {\n console.warn(\n \"SortableList: a `ListItem` is missing a `value`. \" +\n \"Give each item a unique `value` so it can be reordered — \" +\n \"items without one are excluded from `onReorder`.\"\n )\n }\n\n const {\n attributes,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n isDragging,\n isOver,\n activeIndex,\n overIndex,\n } = useSortable({\n id: props.value ?? fallbackId,\n animateLayoutChanges: () => false,\n })\n\n const dropEdge: \"top\" \| \"bottom\" \| null =\n isOver && !isDragging && activeIndex !== -1\n ? activeIndex < overIndex\n ? \"bottom\"\n : \"top\"\n : null\n\n return (\n <ListItemBody\n ref={ref}\n {...props}\n setNodeRef={setNodeRef}\n setActivatorNodeRef={setActivatorNodeRef}\n isDragging={isDragging}\n dropEdge={dropEdge}\n listeners={listeners as ListItemDragListeners \| undefined}\n attributes={attributes}\n />\n )\n }\n)\n\n// ── SortableList ───────────────────────────────────────────────────────────\n\ntype Offset = { x: number; y: number }\n\nconst NO_OFFSET: Offset = { x: 0, y: 0 }\n\n/*\n Where a fixed-position box placed beside `node` lands, which a transformed ancestor such as a Popover moves off the viewport's origin.\n /\nconst getFixedPositionOrigin = (node: Element): Offset => {\n const probe = node.ownerDocument.createElement(\"div\")\n probe.style.cssText =\n \"position:fixed;top:0;left:0;width:0;height:0;visibility:hidden\"\n node.after(probe)\n const { left, top } = probe.getBoundingClientRect()\n probe.remove()\n return { x: left, y: top }\n}\n\n/\n Moves the drag overlay back by `offset`.\n /\nconst shiftBy =\n (offset: Offset): Modifier =>\n ({ transform }) => ({\n ...transform,\n x: transform.x - offset.x,\n y: transform.y - offset.y,\n })\n\nexport type SortableListProps = ListProps & {\n /* Called with the new order of `ListItem` values after a drag. /\n onReorder?: (values: string[]) => void\n}\n\nexport const SortableList = React.forwardRef<\n HTMLOListElement,\n SortableListProps\n>(function SortableList(\n {\n striped = false,\n showIndex = false,\n onReorder,\n density,\n children,\n ...props\n },\n ref\n) {\n const styles = useListStyles()\n const domDensity = canonicalDomDensity(density)\n // dnd-kit otherwise numbers its describedby/live-region ids from a module counter, which the\n // server and the client advance separately, so the handles' aria-describedby failed hydration.\n const dndId = React.useId()\n const listRef = React.useRef<HTMLOListElement>(null)\n React.useImperativeHandle(ref, () => listRef.current as HTMLOListElement, [])\n\n const listItems = (\n React.Children.toArray(children).filter(\n React.isValidElement\n ) as React.ReactElement<ListItemProps>[]\n ).filter((child) => child.type === ListItem)\n const values = listItems\n .map((child) => child.props.value)\n .filter((v): v is string => typeof v === \"string\")\n\n const [activeId, setActiveId] = React.useState<string \| null>(null)\n const [overlayOrigin, setOverlayOrigin] = React.useState(NO_OFFSET)\n const activeIndex = activeId ? values.indexOf(activeId) : -1\n const activeItem =\n activeId != null\n ? listItems.find((child) => child.props.value === activeId)\n : undefined\n\n const sensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 3 } }),\n // Without the sortable coordinate getter each arrow press moves a fixed 25px, not one row.\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n })\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n setActiveId(event.active.id as string)\n setOverlayOrigin(\n listRef.current ? getFixedPositionOrigin(listRef.current) : NO_OFFSET\n )\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n if (!over \|\| active.id === over.id) return\n\n const oldIndex = values.indexOf(active.id as string)\n const newIndex = values.indexOf(over.id as string)\n if (oldIndex === -1 \|\| newIndex === -1) return\n\n onReorder?.(arrayMove(values, oldIndex, newIndex))\n }\n\n return (\n <listContext.Provider\n value={{\n striped,\n showIndex,\n sortable: true,\n SortableItem: SortableListItem,\n }}\n >\n <DndContext\n id={dndId}\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext items={values} strategy={verticalListSortingStrategy}>\n <ListRoot ref={listRef} density={density} {...props}>\n {children}\n </ListRoot>\n </SortableContext>\n {/ The overlay stays beside the list so density and appearance reach it through the DOM;\n under a transformed ancestor its fixed position starts from that ancestor, not the\n viewport, so it is shifted back to stay under the pointer. */}\n <DragOverlay modifiers={[shiftBy(overlayOrigin)]}>\n {activeItem ? (\n <ListItemBody\n value={activeItem.props.value}\n textValue={activeItem.props.textValue}\n status={activeItem.props.status}\n index={activeIndex}\n className={styles.dragOverlayItem}\n // Reasserted only for an EXPLICIT density: DragOverlay is an ordinary DOM sibling\n // of the `<ol>`, not a portal (dnd-kit's `PositionedOverlay` renders in place —\n // confirmed from the installed source), so an omitted/ambient density already\n // reaches it correctly through the real DOM tree with no stamp at all.\n {...(domDensity !== undefined\n ? { \"data-density\": domDensity }\n : {})}\n >\n {activeItem.props.children}\n </ListItemBody>\n ) : null}\n </DragOverlay>\n </DndContext>\n </listContext.Provider>\n )\n})\n"],"names":["SortableListItem","React","props","ref","fallbackId","attributes","listeners","setNodeRef","setActivatorNodeRef","isDragging","isOver","activeIndex","overIndex","useSortable","dropEdge","jsx","ListItemBody","NO_OFFSET","getFixedPositionOrigin","node","probe","left","top","shiftBy","offset","transform","SortableList","striped","showIndex","onReorder","density","children","styles","useListStyles","domDensity","canonicalDomDensity","dndId","listRef","listItems","child","ListItem","values","v","activeId","setActiveId","overlayOrigin","setOverlayOrigin","activeItem","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","arrayMove","listContext","jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ListRoot","DragOverlay"],"mappings":"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"}