npm - silver-ui - Versions diffs - 0.7.3 → 0.8.1 - Mend

silver-ui 0.7.3 → 0.8.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 (706) hide show

package/dist/{chunk-J242UTPO.cjs → chunk-BLKZDVFG.cjs} RENAMED Viewed

@@ -1,11 +1,12 @@
+'use client';
 'use strict';
-var chunkYQIDUJW2_cjs = require('./chunk-YQIDUJW2.cjs');
+var chunkCKERNLXH_cjs = require('./chunk-CKERNLXH.cjs');
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -48,7 +49,7 @@ function TextInput({
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
-  const inputGroup = chunkYQIDUJW2_cjs.useInputGroup();
+  const inputGroup = chunkCKERNLXH_cjs.useInputGroup();
   const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;
   const size = inputGroup?.size ?? sizeProp;
   const effectiveStatusType = status?.type ?? inputGroup?.statusType;
@@ -99,7 +100,7 @@ function TextInput({
           }
         ),
         hasClear && value !== "" && !effectiveDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWOVSJHY6_cjs.Button,
+          chunkHW7GODZJ_cjs.Button,
           {
             icon: lucideReact.X,
             isIconOnly: true,
@@ -110,7 +111,7 @@ function TextInput({
           }
         ) : null,
         endContent,
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size: "sm" }) : null,
         status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
       ]
     }
@@ -119,7 +120,7 @@ function TextInput({
     return inputWrapper;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       className,
       description,
@@ -127,7 +128,7 @@ function TextInput({
       inputId,
       isDisabled,
       isLabelHidden,
-      ...chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired),
+      ...chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired),
       label,
       labelIcon,
       labelTooltip,
@@ -140,5 +141,5 @@ function TextInput({
 TextInput.displayName = "TextInput";
 exports.TextInput = TextInput;
-//# sourceMappingURL=chunk-J242UTPO.cjs.map
-//# sourceMappingURL=chunk-J242UTPO.cjs.map
+//# sourceMappingURL=chunk-BLKZDVFG.cjs.map
+//# sourceMappingURL=chunk-BLKZDVFG.cjs.map

package/dist/chunk-BLKZDVFG.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"names":["useId","isReactNode","getStatusMessageID","getDescribedBy","useInputGroup","jsxs","cx","inputRecipe","jsx","inputStyles","Icon","Button","X","Spinner","getStatusIcon","Field","getNecessity"],"mappings":"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","file":"chunk-BLKZDVFG.cjs","sourcesContent":["'use client';\n\nimport {X} from 'lucide-react';\nimport {\n useId,\n type ChangeEvent,\n type CSSProperties,\n type FocusEvent,\n type KeyboardEvent,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n Field,\n getNecessity,\n type FieldNecessity,\n type InputSize,\n type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n getDescribedBy,\n getStatusIcon,\n getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {useInputGroup} from 'components/InputGroup';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type TextInputType = 'email' | 'password' | 'text';\n\nexport type TextInputProps = {\n /**\n * HTML autocomplete hint for the browser.\n */\n autoComplete?: string;\n /**\n * Additional CSS class names applied to the input wrapper.\n */\n className?: string;\n /**\n * Test ID applied to the input element.\n */\n 'data-testid'?: string;\n /**\n * Supporting text rendered below the label.\n */\n description?: ReactNode;\n /**\n * Content rendered after the input, before the status icon.\n */\n endContent?: ReactNode;\n /**\n * Whether to focus the input on mount.\n * @default false\n */\n hasAutoFocus?: boolean;\n /**\n * Whether to show a clear button when the input has a value.\n * @default false\n */\n hasClear?: boolean;\n /**\n * HTML name attribute.\n */\n htmlName?: string;\n /**\n * Whether the input is disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Whether the input is loading.\n * @default false\n */\n isLoading?: boolean;\n /**\n * Field label.\n */\n label: string;\n /**\n * Icon shown before the label.\n */\n labelIcon?: IconComponent;\n /**\n * Tooltip shown beside the label.\n */\n labelTooltip?: ReactNode;\n /**\n * Called when the input loses focus.\n */\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Called with the next string value.\n */\n onChange: (\n value: string,\n event: ChangeEvent<HTMLInputElement> | null,\n ) => void;\n /**\n * Called when Enter is pressed.\n */\n onEnter?: () => void;\n /**\n * Called when the input gains focus.\n */\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Keyboard event handler for the input.\n */\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n /**\n * Placeholder text.\n */\n placeholder?: string;\n /**\n * Ref forwarded to the input element.\n */\n ref?: Ref<HTMLInputElement>;\n /**\n * Visual size.\n */\n size?: InputSize;\n /**\n * Icon shown before the input.\n */\n startIcon?: IconComponent;\n /**\n * Status displayed on the field.\n */\n status?: InputStatus;\n /**\n * Inline styles applied to the wrapper.\n */\n style?: CSSProperties;\n /**\n * HTML input type.\n */\n type?: TextInputType;\n /**\n * Controlled input value.\n */\n value: string;\n} & FieldNecessity;\n\n/**\n * Single-line text input field.\n */\nexport function TextInput({\n autoComplete,\n label,\n value,\n onChange,\n onBlur,\n onFocus,\n type = 'text',\n size: sizeProp = 'md',\n placeholder,\n description,\n endContent,\n isLabelHidden = false,\n isOptional,\n isRequired,\n isDisabled = false,\n isLoading = false,\n hasClear = false,\n hasAutoFocus = false,\n htmlName,\n status,\n labelIcon,\n labelTooltip,\n startIcon,\n onEnter,\n onKeyDown,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: TextInputProps): React.JSX.Element {\n const inputId = useId();\n const descriptionID = isReactNode(description)\n ? `${inputId}-description`\n : undefined;\n const statusMessageID = getStatusMessageID(inputId, status);\n const describedBy = getDescribedBy(descriptionID, statusMessageID);\n const inputGroup = useInputGroup();\n const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;\n const size = inputGroup?.size ?? sizeProp;\n const effectiveStatusType = status?.type ?? inputGroup?.statusType;\n\n const inputWrapper = (\n <div\n className={cx(\n inputRecipe({\n size,\n status: effectiveStatusType,\n isDisabled: effectiveDisabled,\n }),\n inputGroup != null ? className : undefined,\n )}\n style={inputGroup != null ? style : undefined}>\n {startIcon != null ? (\n <span className={inputStyles.iconSlot}>\n <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n </span>\n ) : null}\n <input\n aria-busy={isLoading || undefined}\n aria-describedby={describedBy}\n aria-invalid={status?.type === 'error' || undefined}\n aria-label={inputGroup != null ? label : undefined}\n aria-required={isRequired ?? undefined}\n autoComplete={autoComplete}\n // eslint-disable-next-line jsx-a11y-x/no-autofocus\n autoFocus={hasAutoFocus}\n className={inputStyles.control}\n data-autofocus={hasAutoFocus || undefined}\n data-testid={dataTestId}\n disabled={effectiveDisabled}\n id={inputId}\n name={htmlName}\n onBlur={onBlur}\n onChange={event => onChange(event.target.value, event)}\n onFocus={onFocus}\n onKeyDown={event => {\n if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n onEnter?.();\n }\n onKeyDown?.(event);\n }}\n placeholder={placeholder}\n ref={ref}\n required={isRequired ?? undefined}\n type={type}\n value={value}\n />\n {hasClear && value !== '' && !effectiveDisabled ? (\n <Button\n icon={X}\n isIconOnly\n label={`Clear ${label}`}\n onClick={() => onChange('', null)}\n size=\"sm\"\n variant=\"ghost\"\n />\n ) : null}\n {endContent}\n {isLoading ? <Spinner size=\"sm\" /> : null}\n {status != null ? (\n <span className={inputStyles.iconSlot}>\n {getStatusIcon(status.type)}\n </span>\n ) : null}\n </div>\n );\n\n if (inputGroup != null) {\n return inputWrapper;\n }\n\n return (\n <Field\n className={className}\n description={description}\n descriptionID={descriptionID}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n {...getNecessity(isOptional, isRequired)}\n label={label}\n labelIcon={labelIcon}\n labelTooltip={labelTooltip}\n status={\n status == null ? undefined : {...status, messageID: statusMessageID}\n }\n style={style}>\n {inputWrapper}\n </Field>\n );\n}\n\nTextInput.displayName = 'TextInput';\n"]}

package/dist/{chunk-QQCEGAUQ.cjs → chunk-BQMIYEFC.cjs} RENAMED Viewed

@@ -1,11 +1,12 @@
+'use client';
 'use strict';
-var chunkYQIDUJW2_cjs = require('./chunk-YQIDUJW2.cjs');
+var chunkCKERNLXH_cjs = require('./chunk-CKERNLXH.cjs');
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -84,7 +85,7 @@ function NumberInput({
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
-  const inputGroup = chunkYQIDUJW2_cjs.useInputGroup();
+  const inputGroup = chunkCKERNLXH_cjs.useInputGroup();
   const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;
   const size = inputGroup?.size ?? sizeProp;
   const effectiveStatusType = status?.type ?? inputGroup?.statusType;
@@ -95,7 +96,7 @@ function NumberInput({
     }
     return value == null ? "" : String(value);
   }, [pendingInput, value]);
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired);
   const inputWrapper = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -169,7 +170,7 @@ function NumberInput({
         ),
         units != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.units, children: units }) : null,
         hasClear === true && value != null && !effectiveDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWOVSJHY6_cjs.Button,
+          chunkHW7GODZJ_cjs.Button,
           {
             icon: lucideReact.X,
             isIconOnly: true,
@@ -180,7 +181,7 @@ function NumberInput({
           }
         ) : null,
         endContent,
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size: "sm" }) : null,
         status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
       ]
     }
@@ -189,7 +190,7 @@ function NumberInput({
     return inputWrapper;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       className,
       description,
@@ -210,5 +211,5 @@ function NumberInput({
 NumberInput.displayName = "NumberInput";
 exports.NumberInput = NumberInput;
-//# sourceMappingURL=chunk-QQCEGAUQ.cjs.map
-//# sourceMappingURL=chunk-QQCEGAUQ.cjs.map
+//# sourceMappingURL=chunk-BQMIYEFC.cjs.map
+//# sourceMappingURL=chunk-BQMIYEFC.cjs.map

package/dist/chunk-BQMIYEFC.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/NumberInput/NumberInput.tsx"],"names":["css","useId","isReactNode","getStatusMessageID","getDescribedBy","useInputGroup","useState","useMemo","getNecessity","jsxs","cx","inputRecipe","jsx","inputStyles","Icon","Button","X","Spinner","getStatusIcon","Field"],"mappings":"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","file":"chunk-BQMIYEFC.cjs","sourcesContent":["'use client';\n\nimport {X} from 'lucide-react';\nimport {\n useId,\n useMemo,\n useState,\n type ChangeEvent,\n type CSSProperties,\n type FocusEvent,\n type KeyboardEvent,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n Field,\n getNecessity,\n type FieldNecessity,\n type InputSize,\n type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n getDescribedBy,\n getStatusIcon,\n getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {useInputGroup} from 'components/InputGroup';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\ntype NumberInputBaseProps = {\n /**\n * HTML autocomplete attribute value.\n */\n autoComplete?: string;\n /**\n * Additional CSS class names applied to the input wrapper.\n */\n className?: string;\n /**\n * Test ID applied to the input element.\n */\n 'data-testid'?: string;\n /**\n * Supporting text displayed below the label.\n */\n description?: ReactNode;\n /**\n * Content rendered after the input, before the status icon.\n */\n endContent?: ReactNode;\n /**\n * Whether to focus the input on mount.\n * @default false\n */\n hasAutoFocus?: boolean;\n /**\n * HTML name attribute.\n */\n htmlName?: string;\n /**\n * Whether the input is disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to restrict input to integer values only.\n * @default false\n */\n isIntegerOnly?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Whether the input is in a loading state.\n * @default false\n */\n isLoading?: boolean;\n /**\n * Field label.\n */\n label: string;\n /**\n * Icon rendered beside the label.\n */\n labelIcon?: IconComponent;\n /**\n * Tooltip content shown next to the label.\n */\n labelTooltip?: ReactNode;\n /**\n * Maximum allowed value.\n */\n max?: number | null;\n /**\n * Minimum allowed value.\n */\n min?: number | null;\n /**\n * Called when the input loses focus.\n */\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Called when Enter is pressed.\n */\n onEnter?: () => void;\n /**\n * Called when the input receives focus.\n */\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n /**\n * Keyboard event handler for the input.\n */\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n /**\n * Placeholder text.\n */\n placeholder?: string;\n /**\n * Ref forwarded to the input element.\n */\n ref?: Ref<HTMLInputElement>;\n /**\n * Visual size.\n * @default 'md'\n */\n size?: InputSize;\n /**\n * Icon shown before the input.\n */\n startIcon?: IconComponent;\n /**\n * Validation status displayed below the input.\n */\n status?: InputStatus;\n /**\n * Step increment for the number input.\n */\n step?: number | null;\n /**\n * Inline styles applied to the input wrapper.\n */\n style?: CSSProperties;\n /**\n * Unit label displayed after the input value.\n */\n units?: string | null;\n /**\n * Controlled numeric value.\n */\n value: number | null;\n} & FieldNecessity;\n\ntype NumberInputNonClearableProps = NumberInputBaseProps & {\n /**\n * Whether to show a clear button.\n */\n hasClear?: false;\n /**\n * Called when the numeric value changes.\n */\n onChange: (value: number) => void;\n};\n\ntype NumberInputClearableProps = NumberInputBaseProps & {\n /**\n * Whether to show a clear button.\n */\n hasClear: true;\n /**\n * Called when the numeric value changes or is cleared.\n */\n onChange: (value: number | null) => void;\n};\n\nexport type NumberInputProps =\n | NumberInputClearableProps\n | NumberInputNonClearableProps;\n\nconst styles = {\n units: css({\n color: 'fg.muted',\n fontFamily: 'body',\n fontSize: 'sm',\n }),\n} as const;\n\nfunction parseNumberInput(\n input: string,\n options: {isIntegerOnly: boolean},\n): number | null {\n const trimmed = input.trim();\n if (trimmed === '' || trimmed === '-') {\n return null;\n }\n const number = Number(trimmed);\n if (!Number.isFinite(number)) {\n return null;\n }\n if (options.isIntegerOnly && !Number.isInteger(number)) {\n return null;\n }\n return number;\n}\n\nfunction clampValue(\n value: number,\n min?: number | null,\n max?: number | null,\n): number {\n let clamped = value;\n if (min != null && clamped < min) {\n clamped = min;\n }\n if (max != null && clamped > max) {\n clamped = max;\n }\n return clamped;\n}\n\n/**\n * Numeric input field with optional min/max bounds and step control.\n */\nexport function NumberInput({\n label,\n value,\n onChange,\n size: sizeProp = 'md',\n description,\n endContent,\n isLabelHidden = false,\n isOptional,\n isRequired,\n isDisabled = false,\n isIntegerOnly = false,\n isLoading = false,\n hasClear,\n hasAutoFocus = false,\n htmlName,\n autoComplete,\n min,\n max,\n step,\n units,\n status,\n labelIcon,\n labelTooltip,\n startIcon,\n placeholder,\n onFocus,\n onBlur,\n onEnter,\n onKeyDown,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: NumberInputProps): React.JSX.Element {\n const inputId = useId();\n const descriptionID = isReactNode(description)\n ? `${inputId}-description`\n : undefined;\n const statusMessageID = getStatusMessageID(inputId, status);\n const describedBy = getDescribedBy(descriptionID, statusMessageID);\n const inputGroup = useInputGroup();\n const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;\n const size = inputGroup?.size ?? sizeProp;\n const effectiveStatusType = status?.type ?? inputGroup?.statusType;\n const [pendingInput, setPendingInput] = useState<string | null>(null);\n const displayValue = useMemo(() => {\n if (pendingInput != null) {\n return pendingInput;\n }\n return value == null ? '' : String(value);\n }, [pendingInput, value]);\n\n const necessity = getNecessity(isOptional, isRequired);\n\n const inputWrapper = (\n <div\n className={cx(\n inputRecipe({\n size,\n status: effectiveStatusType,\n isDisabled: effectiveDisabled,\n }),\n inputGroup != null ? className : undefined,\n )}\n style={inputGroup != null ? style : undefined}>\n {startIcon != null ? (\n <span className={inputStyles.iconSlot}>\n <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n </span>\n ) : null}\n <input\n aria-busy={isLoading || undefined}\n aria-describedby={describedBy}\n aria-invalid={status?.type === 'error' || undefined}\n aria-label={inputGroup != null ? label : undefined}\n aria-required={isRequired ?? undefined}\n autoComplete={autoComplete}\n // eslint-disable-next-line jsx-a11y-x/no-autofocus\n autoFocus={hasAutoFocus}\n className={inputStyles.control}\n data-autofocus={hasAutoFocus || undefined}\n data-testid={dataTestId}\n disabled={effectiveDisabled}\n id={inputId}\n max={max ?? undefined}\n min={min ?? undefined}\n name={htmlName}\n onBlur={event => {\n if (pendingInput != null) {\n const parsed = parseNumberInput(pendingInput, {isIntegerOnly});\n if (parsed != null) {\n const clamped = clampValue(parsed, min, max);\n if (clamped !== value) {\n onChange(clamped);\n }\n }\n setPendingInput(null);\n }\n onBlur?.(event);\n }}\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.target.value;\n setPendingInput(nextValue);\n const parsed = parseNumberInput(nextValue, {isIntegerOnly});\n if (parsed != null) {\n const clamped = clampValue(parsed, min, max);\n if (clamped !== value) {\n onChange(clamped);\n }\n }\n }}\n onFocus={onFocus}\n onKeyDown={event => {\n if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n onEnter?.();\n }\n onKeyDown?.(event);\n }}\n placeholder={placeholder}\n ref={ref}\n required={isRequired ?? undefined}\n step={step ?? undefined}\n type=\"number\"\n value={displayValue}\n />\n {units != null ? <span className={styles.units}>{units}</span> : null}\n {hasClear === true && value != null && !effectiveDisabled ? (\n <Button\n icon={X}\n isIconOnly\n label={`Clear ${label}`}\n onClick={() => onChange(null)}\n size=\"sm\"\n variant=\"ghost\"\n />\n ) : null}\n {endContent}\n {isLoading ? <Spinner size=\"sm\" /> : null}\n {status != null ? (\n <span className={inputStyles.iconSlot}>\n {getStatusIcon(status.type)}\n </span>\n ) : null}\n </div>\n );\n\n if (inputGroup != null) {\n return inputWrapper;\n }\n\n return (\n <Field\n className={className}\n description={description}\n descriptionID={descriptionID}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n {...necessity}\n label={label}\n labelIcon={labelIcon}\n labelTooltip={labelTooltip}\n status={\n status == null ? undefined : {...status, messageID: statusMessageID}\n }\n style={style}>\n {inputWrapper}\n </Field>\n );\n}\n\nNumberInput.displayName = 'NumberInput';\n"]}

package/dist/{chunk-2N3PIXZ5.cjs → chunk-CDN7FN6R.cjs} RENAMED Viewed

@@ -1,7 +1,8 @@
+'use client';
 'use strict';
-var chunkZW2ZOEYM_cjs = require('./chunk-ZW2ZOEYM.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkOAEVUPAL_cjs = require('./chunk-OAEVUPAL.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
@@ -80,9 +81,9 @@ function CheckboxGroup({
     }),
     [handleItemChange, htmlName, isDisabled, orientation, selectedValues, size]
   );
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       className,
       "data-testid": dataTestId,
@@ -136,7 +137,7 @@ function CheckboxGroupItem({
   const isDisabled = context.isDisabled || isItemDisabled;
   const isChecked = context.selectedValues.has(value);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkZW2ZOEYM_cjs.CheckboxInput,
+    chunkOAEVUPAL_cjs.CheckboxInput,
     {
       className,
       "data-testid": dataTestId,
@@ -161,5 +162,5 @@ CheckboxGroupItem.displayName = "CheckboxGroupItem";
 exports.CheckboxGroup = CheckboxGroup;
 exports.CheckboxGroupItem = CheckboxGroupItem;
-//# sourceMappingURL=chunk-2N3PIXZ5.cjs.map
-//# sourceMappingURL=chunk-2N3PIXZ5.cjs.map
+//# sourceMappingURL=chunk-CDN7FN6R.cjs.map
+//# sourceMappingURL=chunk-CDN7FN6R.cjs.map

package/dist/chunk-CDN7FN6R.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/CheckboxGroup/CheckboxGroup.recipe.ts","../src/components/CheckboxGroup/CheckboxGroupContext.tsx","../src/components/CheckboxGroup/CheckboxGroup.tsx","../src/components/CheckboxGroup/CheckboxGroupItem.tsx"],"names":["cva","createContext","useId","isReactNode","getStatusMessageID","getDescribedBy","useCallback","useMemo","getNecessity","jsx","Field","use","CheckboxInput"],"mappings":"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","file":"chunk-CDN7FN6R.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const checkboxGroupRecipe = cva({\n base: {\n display: 'flex',\n },\n variants: {\n orientation: {\n vertical: {\n flexDirection: 'column',\n gap: '0.5',\n },\n horizontal: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n columnGap: '4',\n rowGap: '0',\n },\n },\n },\n defaultVariants: {\n orientation: 'vertical',\n },\n});\n\nexport type CheckboxGroupVariants = RecipeVariantProps<\n typeof checkboxGroupRecipe\n>;\n","'use client';\n\nimport {createContext} from 'react';\nimport type {CheckboxInputSize} from 'components/CheckboxInput';\n\nexport type CheckboxGroupOrientation = 'horizontal' | 'vertical';\nexport type CheckboxGroupSize = CheckboxInputSize;\n\nexport interface CheckboxGroupContextValue {\n htmlName?: string;\n isDisabled: boolean;\n onChange: (value: string, isChecked: boolean) => void;\n orientation: CheckboxGroupOrientation;\n selectedValues: Set<string>;\n size: CheckboxGroupSize;\n}\n\nexport const CheckboxGroupContext =\n createContext<CheckboxGroupContextValue | null>(null);\n\nCheckboxGroupContext.displayName = 'CheckboxGroupContext';\n","'use client';\n\nimport {\n useCallback,\n useId,\n useMemo,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {checkboxGroupRecipe} from 'components/CheckboxGroup/CheckboxGroup.recipe';\nimport {\n CheckboxGroupContext,\n type CheckboxGroupOrientation,\n type CheckboxGroupSize,\n} from 'components/CheckboxGroup/CheckboxGroupContext';\nimport {\n Field,\n getNecessity,\n type FieldNecessity,\n type InputStatus,\n} from 'components/Field';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport isReactNode from 'internal/isReactNode';\n\nexport type {CheckboxGroupOrientation} from 'components/CheckboxGroup/CheckboxGroupContext';\n\nexport type CheckboxGroupProps = {\n /**\n * Checkbox items to render.\n */\n children: ReactNode;\n /**\n * Additional CSS class names applied to the field root.\n */\n className?: string;\n /**\n * Test ID applied to the field root.\n */\n 'data-testid'?: string;\n /**\n * Supporting text displayed below the label.\n */\n description?: ReactNode;\n /**\n * HTML name attribute shared by checkbox inputs for native form submission.\n */\n htmlName?: string;\n /**\n * Whether all checkbox items are disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Whether to visually hide the label.\n * @default false\n */\n isLabelHidden?: boolean;\n /**\n * Label text for the checkbox group.\n */\n label: string;\n /**\n * Tooltip content shown next to the label.\n */\n labelTooltip?: ReactNode;\n /**\n * Callback fired when the selected values change.\n * Memoize with `useCallback` to avoid unnecessary re-renders of checkbox items.\n */\n onChange: (value: string[]) => void;\n /**\n * Layout direction of the checkbox items.\n * @default 'vertical'\n */\n orientation?: CheckboxGroupOrientation;\n /**\n * Ref forwarded to the field root.\n */\n ref?: Ref<HTMLDivElement>;\n /**\n * Size of the checkbox controls.\n * @default 'md'\n */\n size?: CheckboxGroupSize;\n /**\n * Validation status displayed below the group.\n */\n status?: InputStatus;\n /**\n * Inline styles applied to the field root.\n */\n style?: CSSProperties;\n /**\n * The currently selected values.\n */\n value: string[];\n} & FieldNecessity;\n\n/**\n * A controlled checkbox group for multi-value selection.\n */\nexport function CheckboxGroup({\n children,\n className,\n 'data-testid': dataTestId,\n description,\n htmlName,\n isDisabled = false,\n isLabelHidden = false,\n isOptional,\n isRequired,\n label,\n labelTooltip,\n onChange,\n orientation = 'vertical',\n ref,\n size = 'md',\n status,\n style,\n value,\n}: CheckboxGroupProps): React.JSX.Element {\n const inputId = useId();\n const labelId = `${inputId}-label`;\n const descriptionID = isReactNode(description)\n ? `${inputId}-description`\n : undefined;\n const statusMessageID = getStatusMessageID(inputId, status);\n const describedBy = getDescribedBy(descriptionID, statusMessageID);\n const handleItemChange = useCallback(\n (itemValue: string, isChecked: boolean) => {\n if (isChecked) {\n onChange(value.includes(itemValue) ? value : [...value, itemValue]);\n return;\n }\n\n onChange(value.filter(currentValue => currentValue !== itemValue));\n },\n [onChange, value],\n );\n const selectedValues = useMemo(() => new Set(value), [value]);\n const contextValue = useMemo(\n () => ({\n htmlName,\n isDisabled,\n onChange: handleItemChange,\n orientation,\n selectedValues,\n size,\n }),\n [handleItemChange, htmlName, isDisabled, orientation, selectedValues, size],\n );\n\n const necessity = getNecessity(isOptional, isRequired);\n\n return (\n <Field\n className={className}\n data-testid={dataTestId}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n {...necessity}\n description={description}\n descriptionID={descriptionID}\n label={label}\n labelAs=\"span\"\n labelId={labelId}\n labelTooltip={labelTooltip}\n ref={ref}\n status={\n status == null ? undefined : {...status, messageID: statusMessageID}\n }\n statusVariant=\"detached\"\n style={style}>\n <div\n aria-describedby={describedBy}\n aria-invalid={status?.type === 'error' || undefined}\n aria-labelledby={labelId}\n className={checkboxGroupRecipe({orientation})}\n id={inputId}\n role=\"group\">\n <CheckboxGroupContext value={contextValue}>\n {children}\n </CheckboxGroupContext>\n </div>\n </Field>\n );\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n","'use client';\n\nimport {use, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {CheckboxGroupContext} from 'components/CheckboxGroup/CheckboxGroupContext';\nimport {CheckboxInput, type CheckboxInputProps} from 'components/CheckboxInput';\n\nexport interface CheckboxGroupItemProps {\n /**\n * Additional CSS class names applied to the item root.\n */\n className?: string;\n /**\n * Test ID applied to the input element.\n */\n 'data-testid'?: string;\n /**\n * Supporting text displayed below the item label.\n */\n description?: ReactNode;\n /**\n * Content rendered after the label and description.\n */\n endContent?: ReactNode;\n /**\n * Where to place `endContent` within the item.\n * @default 'inline'\n */\n endContentPosition?: CheckboxInputProps['endContentPosition'];\n /**\n * Whether this checkbox item is disabled.\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Label text for the checkbox item.\n */\n label: string;\n /**\n * Ref forwarded to the input element.\n */\n ref?: Ref<HTMLInputElement>;\n /**\n * Content rendered after the checkbox control and before the label.\n */\n startContent?: ReactNode;\n /**\n * Inline styles applied to the item root.\n */\n style?: CSSProperties;\n /**\n * Value represented by this checkbox item.\n */\n value: string;\n}\n\n/**\n * An individual checkbox option within a `CheckboxGroup`.\n */\nexport function CheckboxGroupItem({\n className,\n 'data-testid': dataTestId,\n description,\n endContent,\n endContentPosition = 'inline',\n isDisabled: isItemDisabled = false,\n label,\n ref,\n startContent,\n style,\n value,\n}: CheckboxGroupItemProps): React.JSX.Element {\n const context = use(CheckboxGroupContext);\n if (context == null) {\n throw new Error('CheckboxGroupItem must be used within a CheckboxGroup');\n }\n\n const isDisabled = context.isDisabled || isItemDisabled;\n const isChecked = context.selectedValues.has(value);\n\n return (\n <CheckboxInput\n className={className}\n data-testid={dataTestId}\n description={description}\n endContent={endContent}\n endContentPosition={endContentPosition}\n htmlName={context.htmlName}\n htmlValue={value}\n isDisabled={isDisabled}\n label={label}\n onChange={checked => context.onChange(value, checked)}\n ref={ref}\n size={context.size}\n startContent={startContent}\n style={style}\n value={isChecked}\n width={context.orientation === 'horizontal' ? 'auto' : 'full'}\n />\n );\n}\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n"]}

package/dist/{chunk-YQIDUJW2.cjs → chunk-CKERNLXH.cjs} RENAMED Viewed

@@ -1,6 +1,7 @@
+'use client';
 'use strict';
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -153,9 +154,9 @@ function InputGroup({
     }),
     [isDisabled, label, size, status?.type]
   );
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(InputGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       description,
       descriptionID,
@@ -219,5 +220,5 @@ exports.InputGroup = InputGroup;
 exports.InputGroupContext = InputGroupContext;
 exports.InputGroupText = InputGroupText;
 exports.useInputGroup = useInputGroup;
-//# sourceMappingURL=chunk-YQIDUJW2.cjs.map
-//# sourceMappingURL=chunk-YQIDUJW2.cjs.map
+//# sourceMappingURL=chunk-CKERNLXH.cjs.map
+//# sourceMappingURL=chunk-CKERNLXH.cjs.map

package/dist/{chunk-YQIDUJW2.cjs.map → chunk-CKERNLXH.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/InputGroup/InputGroup.recipe.ts","../src/components/InputGroup/InputGroupContext.ts","../src/components/InputGroup/InputGroup.tsx","../src/components/InputGroup/InputGroupText.tsx"],"names":["cva","createContext","use","useId","isReactNode","useMemo","getNecessity","jsx","Field","cx"],"mappings":"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","file":"chunk-YQIDUJW2.cjs","sourcesContent":["import type {InputSize, InputStatusType} from 'components/Field';\nimport {cva, type RecipeVariantProps} from 'styled-system/css';\n\nconst addonSelector = '& > [data-silver-input-group-text]';\nconst controlSelector = '& > :not([data-silver-input-group-text])';\nconst itemSelector = '& > ';\n\nconst statusStyles = {\n error: {\n borderColor: 'status.error.border',\n _focusWithin: {borderColor: 'status.error.border'},\n },\n success: {\n borderColor: 'status.success.border',\n _focusWithin: {borderColor: 'status.success.border'},\n },\n warning: {\n borderColor: 'status.warning.border',\n _focusWithin: {borderColor: 'status.warning.border'},\n },\n} satisfies Record<InputStatusType, object>;\n\nexport const inputGroupRecipe = cva({\n base: {\n display: 'inline-flex',\n alignItems: 'stretch',\n isolation: 'isolate',\n maxW: 'full',\n [itemSelector]: {\n position: 'relative',\n borderRadius: 0,\n },\n [`${itemSelector}:not(:first-child)`]: {\n marginInlineStart: '-1px',\n },\n [`${itemSelector}:first-child`]: {\n borderStartStartRadius: 'md',\n borderEndStartRadius: 'md',\n },\n [`${itemSelector}:last-child`]: {\n borderStartEndRadius: 'md',\n borderEndEndRadius: 'md',\n },\n [`${itemSelector}:focus-within`]: {\n zIndex: 1,\n },\n [controlSelector]: {\n flex: 1,\n minW: 0,\n h: 'full',\n },\n [addonSelector]: {\n display: 'inline-flex',\n alignItems: 'center',\n flexShrink: 0,\n px: '3',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border.emphasized',\n bg: 'bg.subtle',\n color: 'fg.muted',\n fontFamily: 'body',\n fontSize: 'md',\n lineHeight: 'normal',\n whiteSpace: 'nowrap',\n },\n },\n variants: {\n isDisabled: {\n false: {},\n true: {\n cursor: 'not-allowed',\n opacity: 0.55,\n },\n },\n size: {\n lg: {\n [addonSelector]: {\n minH: 'component.lg',\n },\n },\n md: {\n [addonSelector]: {\n minH: 'component.md',\n },\n },\n sm: {\n [addonSelector]: {\n minH: 'component.sm',\n },\n },\n },\n status: {\n error: {\n [addonSelector]: statusStyles.error,\n [controlSelector]: statusStyles.error,\n },\n success: {\n [addonSelector]: statusStyles.success,\n [controlSelector]: statusStyles.success,\n },\n warning: {\n [addonSelector]: statusStyles.warning,\n [controlSelector]: statusStyles.warning,\n },\n },\n },\n defaultVariants: {\n isDisabled: false,\n size: 'md',\n },\n});\n\nexport type InputGroupVariants = RecipeVariantProps<typeof inputGroupRecipe>;\nexport type InputGroupSize = InputSize;\n","import {createContext, use} from 'react';\nimport type {InputSize, InputStatusType} from 'components/Field';\n\nexport interface InputGroupContextValue {\n isDisabled: boolean;\n isInGroup: true;\n label: string;\n size: InputSize;\n statusType?: InputStatusType;\n}\n\nexport const InputGroupContext = createContext<InputGroupContextValue \| null>(\n null,\n);\n\nInputGroupContext.displayName = 'InputGroupContext';\n\nexport function useInputGroup(): InputGroupContextValue \| null {\n return use(InputGroupContext);\n}\n","import {\n useMemo,\n useId,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {\n Field,\n getNecessity,\n type FieldNecessity,\n type InputSize,\n type InputStatus,\n} from 'components/Field';\nimport {inputGroupRecipe} from 'components/InputGroup/InputGroup.recipe';\nimport {InputGroupContext} from 'components/InputGroup/InputGroupContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type InputGroupProps = {\n /\n Grouped input children to render side-by-side.\n /\n children: ReactNode;\n /\n Additional CSS class names applied to the group wrapper.\n /\n className?: string;\n /\n Test ID applied to the group wrapper.\n /\n 'data-testid'?: string;\n /\n Supporting text displayed below the label.\n /\n description?: ReactNode;\n /\n Whether all grouped inputs are disabled.\n * @default false\n /\n isDisabled?: boolean;\n /\n Whether to visually hide the label.\n * @default false\n /\n isLabelHidden?: boolean;\n /\n Label text for the input group.\n /\n label: string;\n /\n Tooltip content shown next to the label.\n /\n labelTooltip?: ReactNode;\n /\n Ref forwarded to the group wrapper.\n /\n ref?: Ref<HTMLDivElement>;\n /\n Visual size applied to the group.\n * @default 'md'\n /\n size?: InputSize;\n /\n Validation status displayed below the group.\n /\n status?: InputStatus;\n /\n Inline styles applied to the group wrapper.\n /\n style?: CSSProperties;\n} & FieldNecessity;\n\n/\n Groups multiple inputs into a single visually connected row.\n */\nexport function InputGroup({\n children,\n label,\n description,\n isDisabled = false,\n isLabelHidden = false,\n isOptional,\n isRequired,\n size = 'md',\n status,\n labelTooltip,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: InputGroupProps): React.JSX.Element {\n const inputId = useId();\n const labelId = `${inputId}-label`;\n const descriptionID = isReactNode(description)\n ? `${inputId}-description`\n : undefined;\n const statusID = status?.message != null ? `${inputId}-status` : undefined;\n const describedBy =\n [descriptionID, statusID].filter(Boolean).join(' ') \|\| undefined;\n const contextValue = useMemo(\n () => ({\n isInGroup: true as const,\n isDisabled,\n label,\n size,\n statusType: status?.type,\n }),\n [isDisabled, label, size, status?.type],\n );\n\n const necessity = getNecessity(isOptional, isRequired);\n\n return (\n <InputGroupContext value={contextValue}>\n <Field\n description={description}\n descriptionID={descriptionID}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n labelAs=\"span\"\n labelId={labelId}\n {...necessity}\n label={label}\n labelTooltip={labelTooltip}\n status={status == null ? undefined : {...status, messageID: statusID}}\n statusVariant=\"detached\">\n <div\n aria-describedby={describedBy}\n aria-disabled={isDisabled \|\| undefined}\n aria-labelledby={labelId}\n className={cx(\n inputGroupRecipe({\n isDisabled,\n size,\n status: status?.type,\n }),\n className,\n )}\n data-testid={dataTestId}\n ref={ref}\n role=\"group\"\n style={style}>\n {children}\n </div>\n </Field>\n </InputGroupContext>\n );\n}\n\nInputGroup.displayName = 'InputGroup';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\n\nexport interface InputGroupTextProps {\n children: ReactNode;\n className?: string;\n 'data-testid'?: string;\n ref?: Ref<HTMLDivElement>;\n style?: CSSProperties;\n}\n\nexport function InputGroupText({\n children,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: InputGroupTextProps): React.JSX.Element {\n return (\n <div\n className={className}\n data-silver-input-group-text=\"\"\n data-testid={dataTestId}\n ref={ref}\n style={style}>\n {children}\n </div>\n );\n}\n\nInputGroupText.displayName = 'InputGroupText';\n"]}
1	+ {"version":3,"sources":["../src/components/InputGroup/InputGroup.recipe.ts","../src/components/InputGroup/InputGroupContext.ts","../src/components/InputGroup/InputGroup.tsx","../src/components/InputGroup/InputGroupText.tsx"],"names":["cva","createContext","use","useId","isReactNode","useMemo","getNecessity","jsx","Field","cx"],"mappings":"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","file":"chunk-CKERNLXH.cjs","sourcesContent":["import type {InputSize, InputStatusType} from 'components/Field';\nimport {cva, type RecipeVariantProps} from 'styled-system/css';\n\nconst addonSelector = '& > [data-silver-input-group-text]';\nconst controlSelector = '& > :not([data-silver-input-group-text])';\nconst itemSelector = '& > ';\n\nconst statusStyles = {\n error: {\n borderColor: 'status.error.border',\n _focusWithin: {borderColor: 'status.error.border'},\n },\n success: {\n borderColor: 'status.success.border',\n _focusWithin: {borderColor: 'status.success.border'},\n },\n warning: {\n borderColor: 'status.warning.border',\n _focusWithin: {borderColor: 'status.warning.border'},\n },\n} satisfies Record<InputStatusType, object>;\n\nexport const inputGroupRecipe = cva({\n base: {\n display: 'inline-flex',\n alignItems: 'stretch',\n isolation: 'isolate',\n maxW: 'full',\n [itemSelector]: {\n position: 'relative',\n borderRadius: 0,\n },\n [`${itemSelector}:not(:first-child)`]: {\n marginInlineStart: '-1px',\n },\n [`${itemSelector}:first-child`]: {\n borderStartStartRadius: 'md',\n borderEndStartRadius: 'md',\n },\n [`${itemSelector}:last-child`]: {\n borderStartEndRadius: 'md',\n borderEndEndRadius: 'md',\n },\n [`${itemSelector}:focus-within`]: {\n zIndex: 1,\n },\n [controlSelector]: {\n flex: 1,\n minW: 0,\n h: 'full',\n },\n [addonSelector]: {\n display: 'inline-flex',\n alignItems: 'center',\n flexShrink: 0,\n px: '3',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border.emphasized',\n bg: 'bg.subtle',\n color: 'fg.muted',\n fontFamily: 'body',\n fontSize: 'md',\n lineHeight: 'normal',\n whiteSpace: 'nowrap',\n },\n },\n variants: {\n isDisabled: {\n false: {},\n true: {\n cursor: 'not-allowed',\n opacity: 0.55,\n },\n },\n size: {\n lg: {\n [addonSelector]: {\n minH: 'component.lg',\n },\n },\n md: {\n [addonSelector]: {\n minH: 'component.md',\n },\n },\n sm: {\n [addonSelector]: {\n minH: 'component.sm',\n },\n },\n },\n status: {\n error: {\n [addonSelector]: statusStyles.error,\n [controlSelector]: statusStyles.error,\n },\n success: {\n [addonSelector]: statusStyles.success,\n [controlSelector]: statusStyles.success,\n },\n warning: {\n [addonSelector]: statusStyles.warning,\n [controlSelector]: statusStyles.warning,\n },\n },\n },\n defaultVariants: {\n isDisabled: false,\n size: 'md',\n },\n});\n\nexport type InputGroupVariants = RecipeVariantProps<typeof inputGroupRecipe>;\nexport type InputGroupSize = InputSize;\n","'use client';\n\nimport {createContext, use} from 'react';\nimport type {InputSize, InputStatusType} from 'components/Field';\n\nexport interface InputGroupContextValue {\n isDisabled: boolean;\n isInGroup: true;\n label: string;\n size: InputSize;\n statusType?: InputStatusType;\n}\n\nexport const InputGroupContext = createContext<InputGroupContextValue \| null>(\n null,\n);\n\nInputGroupContext.displayName = 'InputGroupContext';\n\nexport function useInputGroup(): InputGroupContextValue \| null {\n return use(InputGroupContext);\n}\n","'use client';\n\nimport {\n useMemo,\n useId,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {\n Field,\n getNecessity,\n type FieldNecessity,\n type InputSize,\n type InputStatus,\n} from 'components/Field';\nimport {inputGroupRecipe} from 'components/InputGroup/InputGroup.recipe';\nimport {InputGroupContext} from 'components/InputGroup/InputGroupContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type InputGroupProps = {\n /\n Grouped input children to render side-by-side.\n /\n children: ReactNode;\n /\n Additional CSS class names applied to the group wrapper.\n /\n className?: string;\n /\n Test ID applied to the group wrapper.\n /\n 'data-testid'?: string;\n /\n Supporting text displayed below the label.\n /\n description?: ReactNode;\n /\n Whether all grouped inputs are disabled.\n * @default false\n /\n isDisabled?: boolean;\n /\n Whether to visually hide the label.\n * @default false\n /\n isLabelHidden?: boolean;\n /\n Label text for the input group.\n /\n label: string;\n /\n Tooltip content shown next to the label.\n /\n labelTooltip?: ReactNode;\n /\n Ref forwarded to the group wrapper.\n /\n ref?: Ref<HTMLDivElement>;\n /\n Visual size applied to the group.\n * @default 'md'\n /\n size?: InputSize;\n /\n Validation status displayed below the group.\n /\n status?: InputStatus;\n /\n Inline styles applied to the group wrapper.\n /\n style?: CSSProperties;\n} & FieldNecessity;\n\n/\n Groups multiple inputs into a single visually connected row.\n */\nexport function InputGroup({\n children,\n label,\n description,\n isDisabled = false,\n isLabelHidden = false,\n isOptional,\n isRequired,\n size = 'md',\n status,\n labelTooltip,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: InputGroupProps): React.JSX.Element {\n const inputId = useId();\n const labelId = `${inputId}-label`;\n const descriptionID = isReactNode(description)\n ? `${inputId}-description`\n : undefined;\n const statusID = status?.message != null ? `${inputId}-status` : undefined;\n const describedBy =\n [descriptionID, statusID].filter(Boolean).join(' ') \|\| undefined;\n const contextValue = useMemo(\n () => ({\n isInGroup: true as const,\n isDisabled,\n label,\n size,\n statusType: status?.type,\n }),\n [isDisabled, label, size, status?.type],\n );\n\n const necessity = getNecessity(isOptional, isRequired);\n\n return (\n <InputGroupContext value={contextValue}>\n <Field\n description={description}\n descriptionID={descriptionID}\n inputId={inputId}\n isDisabled={isDisabled}\n isLabelHidden={isLabelHidden}\n labelAs=\"span\"\n labelId={labelId}\n {...necessity}\n label={label}\n labelTooltip={labelTooltip}\n status={status == null ? undefined : {...status, messageID: statusID}}\n statusVariant=\"detached\">\n <div\n aria-describedby={describedBy}\n aria-disabled={isDisabled \|\| undefined}\n aria-labelledby={labelId}\n className={cx(\n inputGroupRecipe({\n isDisabled,\n size,\n status: status?.type,\n }),\n className,\n )}\n data-testid={dataTestId}\n ref={ref}\n role=\"group\"\n style={style}>\n {children}\n </div>\n </Field>\n </InputGroupContext>\n );\n}\n\nInputGroup.displayName = 'InputGroup';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\n\nexport interface InputGroupTextProps {\n children: ReactNode;\n className?: string;\n 'data-testid'?: string;\n ref?: Ref<HTMLDivElement>;\n style?: CSSProperties;\n}\n\nexport function InputGroupText({\n children,\n className,\n 'data-testid': dataTestId,\n style,\n ref,\n}: InputGroupTextProps): React.JSX.Element {\n return (\n <div\n className={className}\n data-silver-input-group-text=\"\"\n data-testid={dataTestId}\n ref={ref}\n style={style}>\n {children}\n </div>\n );\n}\n\nInputGroupText.displayName = 'InputGroupText';\n"]}

package/dist/{chunk-PG4CZRTU.js → chunk-CRYF4JDH.js} RENAMED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { createContext, use } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -73,5 +74,5 @@ function ActionElement({
 ActionElement.displayName = "ActionElement";
 export { ActionElement, LinkContext, useLinkComponent };
-//# sourceMappingURL=chunk-PG4CZRTU.js.map
-//# sourceMappingURL=chunk-PG4CZRTU.js.map
+//# sourceMappingURL=chunk-CRYF4JDH.js.map
+//# sourceMappingURL=chunk-CRYF4JDH.js.map

package/dist/chunk-CRYF4JDH.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/internal/ActionElement.tsx"],"names":[],"mappings":";;;;AASO,IAAM,WAAA,GAAc,cAAuC,IAAI;AACtE,WAAA,CAAY,WAAA,GAAc,aAAA;;;ACJnB,SAAS,iBAAiB,EAAA,EAAmC;AAClE,EAAA,MAAM,OAAA,GAAU,IAAI,WAAW,CAAA;AAC/B,EAAA,OAAO,EAAA,IAAM,SAAS,SAAA,IAAa,GAAA;AACrC;AC4CO,SAAS,aAAA,CAAc;AAAA,EAC5B,EAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAS,IAAA,IAAQ,IAAA;AAAA,EACjB,IAAA,EAAM,aAAA;AAAA,EACN,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,EAAE,CAAA;AACzC,EAAA,MAAM,IAAA,GAAO,aAAA,KAAkB,MAAA,IAAU,IAAA,IAAQ,OAAO,MAAA,GAAS,MAAA,CAAA;AAEjE,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,EAAA,EAAI,IAAA,IAAQ,IAAA,IAAQ,aAAA,KAAkB,MAAM,MAAA,GAAY,IAAA;AAAA,QACvD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,UAAA;AAAA,MACV,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-CRYF4JDH.js","sourcesContent":["'use client';\n\nimport {createContext} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport interface LinkContextValue {\n component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","'use client';\n\nimport {use} from 'react';\nimport {LinkContext} from 'components/Link/LinkContext';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n const context = use(LinkContext);\n return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n'use client';\n\nimport type {\n AriaAttributes,\n CSSProperties,\n KeyboardEventHandler,\n MouseEventHandler,\n ReactNode,\n Ref,\n} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\nimport {useLinkComponent} from 'components/Link/useLinkComponent';\n\nexport interface ActionElementProps {\n 'aria-busy'?: AriaAttributes['aria-busy'];\n 'aria-controls'?: AriaAttributes['aria-controls'];\n 'aria-current'?: AriaAttributes['aria-current'];\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n 'aria-description'?: AriaAttributes['aria-description'];\n 'aria-details'?: AriaAttributes['aria-details'];\n 'aria-disabled'?: AriaAttributes['aria-disabled'];\n 'aria-expanded'?: AriaAttributes['aria-expanded'];\n 'aria-haspopup'?: AriaAttributes['aria-haspopup'];\n 'aria-hidden'?: AriaAttributes['aria-hidden'];\n 'aria-keyshortcuts'?: AriaAttributes['aria-keyshortcuts'];\n 'aria-label'?: AriaAttributes['aria-label'];\n 'aria-labelledby'?: AriaAttributes['aria-labelledby'];\n 'aria-owns'?: AriaAttributes['aria-owns'];\n 'aria-pressed'?: AriaAttributes['aria-pressed'];\n 'aria-roledescription'?: AriaAttributes['aria-roledescription'];\n as?: LinkComponent;\n children?: ReactNode;\n className?: string;\n 'data-testid'?: string;\n form?: string;\n href?: string;\n id?: string;\n isDisabled?: boolean;\n isLink?: boolean;\n name?: string;\n onClick?: MouseEventHandler<HTMLElement>;\n onKeyDown?: KeyboardEventHandler<HTMLElement>;\n ref?: Ref<HTMLElement>;\n rel?: string;\n role?: string;\n style?: CSSProperties;\n tabIndex?: number;\n target?: string;\n type?: 'button' | 'submit' | 'reset';\n value?: string;\n}\n\nexport function ActionElement({\n as,\n children,\n isDisabled,\n form,\n href,\n name,\n onClick,\n onKeyDown,\n ref,\n rel,\n isLink = href != null,\n role: roleFromProps,\n style,\n tabIndex,\n target,\n type = 'button',\n value,\n ...props\n}: ActionElementProps): React.JSX.Element {\n const LinkComponent = useLinkComponent(as);\n const role = roleFromProps ?? (isLink && href == null ? 'link' : undefined);\n\n if (isLink) {\n return (\n <LinkComponent\n {...props}\n href={href}\n onClick={onClick}\n onKeyDown={onKeyDown}\n ref={ref as Ref<HTMLAnchorElement>}\n rel={rel}\n role={role}\n style={style}\n tabIndex={tabIndex}\n target={target}\n to={href == null || LinkComponent === 'a' ? undefined : href}>\n {children}\n </LinkComponent>\n );\n }\n\n return (\n <button\n {...props}\n disabled={isDisabled}\n form={form}\n name={name}\n onClick={onClick}\n onKeyDown={onKeyDown}\n ref={ref as Ref<HTMLButtonElement>}\n role={role}\n style={style}\n tabIndex={tabIndex}\n type={type}\n value={value}>\n {children}\n </button>\n );\n}\n\nActionElement.displayName = 'ActionElement';\n"]}

package/dist/{chunk-EZFQCREN.cjs → chunk-CZAKWWZE.cjs} RENAMED Viewed

@@ -1,8 +1,9 @@
+'use client';
 'use strict';
-var chunkCPDWUT2H_cjs = require('./chunk-CPDWUT2H.cjs');
-var chunkH7LOOHWU_cjs = require('./chunk-H7LOOHWU.cjs');
-var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
+var chunkW6UBDEMN_cjs = require('./chunk-W6UBDEMN.cjs');
+var chunk3JCYTBXI_cjs = require('./chunk-3JCYTBXI.cjs');
+var chunkJ6XRX6DD_cjs = require('./chunk-J6XRX6DD.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -93,8 +94,8 @@ function Dialog({
   const dialogRef = react.useRef(null);
   const titleId = react.useId();
   const isFullscreen = variant === "fullscreen";
-  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = chunkCPDWUT2H_cjs.resolveDismissBehavior(dismissBehavior);
-  const backdropDismiss = chunkCPDWUT2H_cjs.useBackdropDismiss({
+  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = chunkW6UBDEMN_cjs.resolveDismissBehavior(dismissBehavior);
+  const backdropDismiss = chunkW6UBDEMN_cjs.useBackdropDismiss({
     isEnabled: isBackdropDismissEnabled,
     onDismiss: () => onOpenChange(false)
   });
@@ -118,7 +119,7 @@ function Dialog({
       dialog.close();
     }
   }, [isOpen]);
-  chunk3NIDAKCF_cjs.useScrollLock(isOpen);
+  chunkJ6XRX6DD_cjs.useScrollLock(isOpen);
   const positionStyle = position != null && !isFullscreen ? {
     bottom: position.bottom == null ? "auto" : formatSize(position.bottom),
     left: position.left == null ? "auto" : formatSize(position.left),
@@ -149,7 +150,7 @@ function Dialog({
         ...positionStyle,
         ...style
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkH7LOOHWU_cjs.DialogContext, { value: dialogContextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inner, children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunk3JCYTBXI_cjs.DialogContext, { value: dialogContextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inner, children }) })
     }
   );
 }
@@ -186,5 +187,5 @@ function useDialog(defaultOptions) {
 exports.Dialog = Dialog;
 exports.useDialog = useDialog;
-//# sourceMappingURL=chunk-EZFQCREN.cjs.map
-//# sourceMappingURL=chunk-EZFQCREN.cjs.map
+//# sourceMappingURL=chunk-CZAKWWZE.cjs.map
+//# sourceMappingURL=chunk-CZAKWWZE.cjs.map

package/dist/chunk-CZAKWWZE.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/Dialog/Dialog.recipe.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/useDialog.tsx"],"names":["sva","useRef","useId","resolveDismissBehavior","useBackdropDismiss","useMemo","useEffect","useScrollLock","jsx","cx","mergeRefs","DialogContext","useState","useCallback"],"mappings":"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","file":"chunk-CZAKWWZE.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dialogRecipe = sva({\n slots: ['root', 'inner'],\n base: {\n root: {\n position: 'fixed',\n m: 'auto',\n p: 0,\n borderWidth: 0,\n bg: 'bg',\n color: 'fg',\n borderRadius: 'md',\n boxShadow: 'xl',\n flexDirection: 'column',\n overscrollBehavior: 'contain',\n _backdrop: {\n bg: 'overlay.scrim',\n backdropFilter: 'blur(2px)',\n },\n _focusVisible: {\n outlineWidth: 'focus',\n outlineStyle: 'solid',\n outlineColor: 'primary',\n outlineOffset: 'focusOffset',\n },\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 1 auto',\n minH: 0,\n overflow: 'hidden',\n borderRadius: 'inherit',\n },\n },\n variants: {\n // When closed, the native <dialog> UA style (display: none) applies; opening\n // switches on the flex column layout.\n isOpen: {\n true: {root: {display: 'flex'}},\n false: {},\n },\n variant: {\n standard: {},\n fullscreen: {\n root: {\n w: '100dvw',\n h: '100dvh',\n maxW: '100dvw',\n maxH: '100dvh',\n borderRadius: 0,\n m: 0,\n inset: 0,\n },\n },\n },\n },\n defaultVariants: {\n isOpen: false,\n variant: 'standard',\n },\n});\n\nexport type DialogVariants = RecipeVariantProps<typeof dialogRecipe>;\n","/* eslint-disable jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions */\n'use client';\nimport {\n useEffect,\n useId,\n useMemo,\n useRef,\n type CSSProperties,\n type ReactNode,\n type Ref,\n} from 'react';\nimport {dialogRecipe} from 'components/Dialog/Dialog.recipe';\nimport {DialogContext} from 'components/Dialog/DialogContext';\nimport {cx} from 'internal/cx';\nimport {\n resolveDismissBehavior,\n type DismissBehavior,\n} from 'internal/dismissBehavior';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useBackdropDismiss} from 'internal/useBackdropDismiss';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type DialogVariant = 'fullscreen' | 'standard';\nexport type DialogRole = 'alertdialog' | 'dialog';\nexport type DialogDismissBehavior = DismissBehavior;\n\nexport interface DialogPosition {\n bottom?: number | string;\n left?: number | string;\n right?: number | string;\n top?: number | string;\n}\n\nexport interface DialogProps {\n /**\n * Dialog body content.\n */\n children: ReactNode;\n /**\n * Additional CSS class names applied to the dialog.\n */\n className?: string;\n /**\n * Test ID applied to the dialog.\n */\n 'data-testid'?: string;\n /**\n * Controls whether Escape and backdrop clicks request dismissal. Pass a\n * boolean to enable or disable both behaviors together.\n * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n */\n dismissBehavior?: DialogDismissBehavior;\n /**\n * Whether the dialog is open.\n */\n isOpen: boolean;\n /**\n * Accessible label for the dialog. When provided, sets `aria-label`\n * directly. When omitted, the dialog uses `aria-labelledby` to\n * reference the heading rendered by a child `LayoutHeader`.\n *\n * Omit this prop when using a `LayoutHeader` inside the dialog.\n * Set it when the dialog has no visible heading.\n */\n label?: string;\n /**\n * Maximum height of the dialog. Numbers are treated as pixels.\n * @default '75vh'\n */\n maxHeight?: number | string;\n /**\n * Called when the dialog requests an open-state change.\n */\n onOpenChange: (isOpen: boolean) => void;\n /**\n * Fixed positioning offsets for the dialog.\n */\n position?: Readonly<DialogPosition>;\n /**\n * Ref forwarded to the dialog element.\n */\n ref?: Ref<HTMLDialogElement>;\n /**\n * ARIA role exposed by the dialog.\n * @default 'dialog'\n */\n role?: DialogRole;\n /**\n * Inline styles applied to the dialog.\n */\n style?: CSSProperties;\n /**\n * Display variant.\n * @default 'standard'\n */\n variant?: DialogVariant;\n /**\n * Dialog width. Numbers are treated as pixels.\n * @default 400\n */\n width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n return typeof value === 'number' ? `${value}px` : value;\n}\n\n/**\n * A modal dialog surface with backdrop, focus management,\n * and configurable dismiss behavior.\n */\nexport function Dialog({\n isOpen,\n label,\n onOpenChange,\n width = 400,\n maxHeight = '75vh',\n position,\n variant = 'standard',\n dismissBehavior,\n children,\n className,\n 'data-testid': dataTestId,\n role = 'dialog',\n style,\n ref,\n}: DialogProps): React.JSX.Element {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const titleId = useId();\n const isFullscreen = variant === 'fullscreen';\n const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n resolveDismissBehavior(dismissBehavior);\n const backdropDismiss = useBackdropDismiss<HTMLDialogElement>({\n isEnabled: isBackdropDismissEnabled,\n onDismiss: () => onOpenChange(false),\n });\n const dialogContextValue = useMemo(\n () => ({onOpenChange, titleId}),\n [onOpenChange, titleId],\n );\n const classes = dialogRecipe({isOpen, variant});\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (dialog == null) {\n return;\n }\n\n if (isOpen) {\n if (!dialog.open) {\n dialog.showModal();\n }\n // Override the dialog's default initial focus when an autofocus target is\n // present. Focus restoration on close is left to the native <dialog>,\n // which restores focus to the element that was focused before\n // showModal() — avoiding races with external focus management.\n const autofocusTarget =\n dialog.querySelector<HTMLElement>('[data-autofocus=\"true\"]') ??\n dialog.querySelector<HTMLElement>('[data-dialog-autofocus=\"true\"]');\n autofocusTarget?.focus();\n } else if (dialog.open) {\n dialog.close();\n }\n }, [isOpen]);\n\n useScrollLock(isOpen);\n\n const positionStyle =\n position != null && !isFullscreen\n ? {\n bottom:\n position.bottom == null ? 'auto' : formatSize(position.bottom),\n left: position.left == null ? 'auto' : formatSize(position.left),\n margin: 0,\n right: position.right == null ? 'auto' : formatSize(position.right),\n top: position.top == null ? 'auto' : formatSize(position.top),\n }\n : undefined;\n\n return (\n <dialog\n aria-label={label}\n aria-labelledby={label == null ? titleId : undefined}\n className={cx(classes.root, className)}\n data-testid={dataTestId}\n onCancel={event => {\n event.preventDefault();\n if (isEscapeDismissEnabled) {\n onOpenChange(false);\n }\n }}\n onClick={backdropDismiss.onClick}\n onPointerDown={backdropDismiss.onPointerDown}\n ref={mergeRefs(ref, dialogRef)}\n role={role === 'dialog' ? undefined : role}\n style={{\n width: isFullscreen ? undefined : formatSize(width),\n maxHeight: isFullscreen ? undefined : formatSize(maxHeight),\n ...positionStyle,\n ...style,\n }}>\n <DialogContext value={dialogContextValue}>\n <div className={classes.inner}>{children}</div>\n </DialogContext>\n </dialog>\n );\n}\n\nDialog.displayName = 'Dialog';\n","'use client';\n\nimport {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Dialog, type DialogProps} from 'components/Dialog/Dialog';\n\nexport type DialogOptions = Partial<\n Omit<DialogProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDialogReturn {\n element: ReactNode;\n hide: () => void;\n isOpen: boolean;\n show: (content: ReactNode, options?: DialogOptions) => void;\n}\n\nexport function useDialog(defaultOptions?: DialogOptions): UseDialogReturn {\n const [isOpen, setIsOpen] = useState(false);\n const [content, setContent] = useState<ReactNode>(null);\n // Options passed to the most recent `show()` call. Each call replaces these\n // rather than merging, so per-call options never bleed into later calls.\n // `defaultOptions` remains the baseline, applied beneath them below.\n const [callOptions, setCallOptions] = useState<DialogOptions | undefined>();\n\n const show = useCallback(\n (nextContent: ReactNode, nextOptions?: DialogOptions) => {\n setContent(nextContent);\n setCallOptions(nextOptions);\n setIsOpen(true);\n },\n [],\n );\n\n const hide = useCallback(() => setIsOpen(false), []);\n\n const element = useMemo(\n () => (\n <Dialog\n {...(defaultOptions ?? {})}\n {...(callOptions ?? {})}\n isOpen={isOpen}\n label={callOptions?.label ?? defaultOptions?.label}\n onOpenChange={setIsOpen}>\n {content}\n </Dialog>\n ),\n [content, defaultOptions, isOpen, callOptions],\n );\n\n return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-BUYZZOOU.js → chunk-D57CFXDZ.js} RENAMED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from 'react';
 // src/internal/dismissBehavior.ts
@@ -52,5 +53,5 @@ function useBackdropDismiss({
 }
 export { resolveDismissBehavior, useBackdropDismiss };
-//# sourceMappingURL=chunk-BUYZZOOU.js.map
-//# sourceMappingURL=chunk-BUYZZOOU.js.map
+//# sourceMappingURL=chunk-D57CFXDZ.js.map
+//# sourceMappingURL=chunk-D57CFXDZ.js.map

package/dist/{chunk-BUYZZOOU.js.map → chunk-D57CFXDZ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/internal/dismissBehavior.ts","../src/internal/useBackdropDismiss.ts"],"names":[],"mappings":";;;AAgBO,SAAS,uBACd,eAAA,EACsE;AACtE,EAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,IAAA,OAAO,EAAC,wBAAA,EAA0B,IAAA,EAAM,sBAAA,EAAwB,IAAA,EAAI;AAAA,EACtE;AAEA,EAAA,IAAI,OAAO,oBAAoB,SAAA,EAAW;AACxC,IAAA,OAAO;AAAA,MACL,wBAAA,EAA0B,eAAA;AAAA,MAC1B,sBAAA,EAAwB;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA,EAA0B,gBAAgB,wBAAA,IAA4B,IAAA;AAAA,IACtE,sBAAA,EAAwB,gBAAgB,sBAAA,IAA0B;AAAA,GACpE;AACF;~~AC1BA~~,SAAS,uBAAA,CACP,OAAA,EACA,OAAA,EACA,OAAA,EACS;AACT,EAAA,MAAM,IAAA,GAAO,QAAQ,qBAAA,EAAsB;AAC3C,EAAA,OACE,OAAA,GAAU,IAAA,CAAK,IAAA,IACf,OAAA,GAAU,IAAA,CAAK,SACf,OAAA,GAAU,IAAA,CAAK,GAAA,IACf,OAAA,GAAU,IAAA,CAAK,MAAA;AAEnB;AAaO,SAAS,kBAAA,CAA0C;AAAA,EACxD,SAAA;AAAA,EACA;AACF,CAAA,EAG+B;AAC7B,EAAA,MAAM,wBAAA,GAA2B,OAAO,KAAK,CAAA;AAE7C,EAAA,OAAO;AAAA,IACL,SAAS,CAAA,KAAA,KAAS;AAChB,MAAA,MAAM,oBAAoB,wBAAA,CAAyB,OAAA;AACnD,MAAA,wBAAA,CAAyB,OAAA,GAAU,KAAA;AAInC,MAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,kBAAA,GAAqB,uBAAA;AAAA,QACzB,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AACA,MAAA,IAAI,iBAAA,IAAqB,sBAAsB,SAAA,EAAW;AACxD,QAAA,SAAA,EAAU;AAAA,MACZ;AAAA,IACF,CAAA;AAAA,IACA,eAAe,CAAA,KAAA,KAAS;AACtB,MAAA,wBAAA,CAAyB,OAAA,GAAU,uBAAA;AAAA,QACjC,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AAAA,IACF;AAAA,GACF;AACF","file":"chunk-~~BUYZZOOU~~.js","sourcesContent":["/*\n Controls whether Escape and backdrop clicks request dismissal of an overlay\n * surface. Pass a boolean to enable or disable both behaviors together, or an\n * object to configure each independently.\n /\nexport type DismissBehavior =\n \| boolean\n \| {\n isBackdropDismissEnabled?: boolean;\n isEscapeDismissEnabled?: boolean;\n };\n\n/\n Resolves a {@link DismissBehavior} value into explicit flags. Both behaviors\n * default to enabled when unspecified.\n /\nexport function resolveDismissBehavior(\n dismissBehavior: DismissBehavior \| undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n if (dismissBehavior == null) {\n return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n }\n\n if (typeof dismissBehavior === 'boolean') {\n return {\n isBackdropDismissEnabled: dismissBehavior,\n isEscapeDismissEnabled: dismissBehavior,\n };\n }\n\n return {\n isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n };\n}\n","~~import~~ {useRef, type MouseEvent, type PointerEvent} from 'react';\n\n/\n Whether a pointer coordinate falls outside an element's border box. Native\n * `<dialog>` renders its backdrop outside this box, so a click whose\n * coordinates land outside the dialog rect is a backdrop click — regardless of\n * any padding, border, or margin on the dialog element.\n /\nfunction isPointerOutsideElement(\n element: HTMLElement,\n clientX: number,\n clientY: number,\n): boolean {\n const rect = element.getBoundingClientRect();\n return (\n clientX < rect.left \|\|\n clientX > rect.right \|\|\n clientY < rect.top \|\|\n clientY > rect.bottom\n );\n}\n\nexport interface BackdropDismissHandlers<T extends HTMLElement> {\n onClick: (event: MouseEvent<T>) => void;\n onPointerDown: (event: PointerEvent<T>) => void;\n}\n\n/\n Pointer handlers that dismiss a native `<dialog>` when the backdrop is\n * clicked. Dismissal requires that both the press and the release land on the\n * backdrop, so clicks on dialog padding (inside the rect) and inside-out drags\n * (e.g. text selection that overshoots onto the backdrop) are ignored.\n */\nexport function useBackdropDismiss<T extends HTMLElement>({\n isEnabled,\n onDismiss,\n}: {\n isEnabled: boolean;\n onDismiss: () => void;\n}): BackdropDismissHandlers<T> {\n const pointerDownOnBackdropRef = useRef(false);\n\n return {\n onClick: event => {\n const startedOnBackdrop = pointerDownOnBackdropRef.current;\n pointerDownOnBackdropRef.current = false;\n // Keyboard-synthesized clicks (Enter/Space on a child control) report\n // detail 0 and 0,0 coordinates; ignore them so they are not mistaken\n // for a backdrop click.\n if (event.detail === 0) {\n return;\n }\n const releasedOnBackdrop = isPointerOutsideElement(\n event.currentTarget,\n event.clientX,\n event.clientY,\n );\n if (startedOnBackdrop && releasedOnBackdrop && isEnabled) {\n onDismiss();\n }\n },\n onPointerDown: event => {\n pointerDownOnBackdropRef.current = isPointerOutsideElement(\n event.currentTarget,\n event.clientX,\n event.clientY,\n );\n },\n };\n}\n"]}
1	+ {"version":3,"sources":["../src/internal/dismissBehavior.ts","../src/internal/useBackdropDismiss.ts"],"names":[],"mappings":";;;AAgBO,SAAS,uBACd,eAAA,EACsE;AACtE,EAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,IAAA,OAAO,EAAC,wBAAA,EAA0B,IAAA,EAAM,sBAAA,EAAwB,IAAA,EAAI;AAAA,EACtE;AAEA,EAAA,IAAI,OAAO,oBAAoB,SAAA,EAAW;AACxC,IAAA,OAAO;AAAA,MACL,wBAAA,EAA0B,eAAA;AAAA,MAC1B,sBAAA,EAAwB;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA,EAA0B,gBAAgB,wBAAA,IAA4B,IAAA;AAAA,IACtE,sBAAA,EAAwB,gBAAgB,sBAAA,IAA0B;AAAA,GACpE;AACF;ACxBA,SAAS,uBAAA,CACP,OAAA,EACA,OAAA,EACA,OAAA,EACS;AACT,EAAA,MAAM,IAAA,GAAO,QAAQ,qBAAA,EAAsB;AAC3C,EAAA,OACE,OAAA,GAAU,IAAA,CAAK,IAAA,IACf,OAAA,GAAU,IAAA,CAAK,SACf,OAAA,GAAU,IAAA,CAAK,GAAA,IACf,OAAA,GAAU,IAAA,CAAK,MAAA;AAEnB;AAaO,SAAS,kBAAA,CAA0C;AAAA,EACxD,SAAA;AAAA,EACA;AACF,CAAA,EAG+B;AAC7B,EAAA,MAAM,wBAAA,GAA2B,OAAO,KAAK,CAAA;AAE7C,EAAA,OAAO;AAAA,IACL,SAAS,CAAA,KAAA,KAAS;AAChB,MAAA,MAAM,oBAAoB,wBAAA,CAAyB,OAAA;AACnD,MAAA,wBAAA,CAAyB,OAAA,GAAU,KAAA;AAInC,MAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,kBAAA,GAAqB,uBAAA;AAAA,QACzB,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AACA,MAAA,IAAI,iBAAA,IAAqB,sBAAsB,SAAA,EAAW;AACxD,QAAA,SAAA,EAAU;AAAA,MACZ;AAAA,IACF,CAAA;AAAA,IACA,eAAe,CAAA,KAAA,KAAS;AACtB,MAAA,wBAAA,CAAyB,OAAA,GAAU,uBAAA;AAAA,QACjC,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AAAA,IACF;AAAA,GACF;AACF","file":"chunk-D57CFXDZ.js","sourcesContent":["/*\n Controls whether Escape and backdrop clicks request dismissal of an overlay\n * surface. Pass a boolean to enable or disable both behaviors together, or an\n * object to configure each independently.\n /\nexport type DismissBehavior =\n \| boolean\n \| {\n isBackdropDismissEnabled?: boolean;\n isEscapeDismissEnabled?: boolean;\n };\n\n/\n Resolves a {@link DismissBehavior} value into explicit flags. Both behaviors\n * default to enabled when unspecified.\n /\nexport function resolveDismissBehavior(\n dismissBehavior: DismissBehavior \| undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n if (dismissBehavior == null) {\n return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n }\n\n if (typeof dismissBehavior === 'boolean') {\n return {\n isBackdropDismissEnabled: dismissBehavior,\n isEscapeDismissEnabled: dismissBehavior,\n };\n }\n\n return {\n isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n };\n}\n","'use client';\n\nimport {useRef, type MouseEvent, type PointerEvent} from 'react';\n\n/\n Whether a pointer coordinate falls outside an element's border box. Native\n * `<dialog>` renders its backdrop outside this box, so a click whose\n * coordinates land outside the dialog rect is a backdrop click — regardless of\n * any padding, border, or margin on the dialog element.\n /\nfunction isPointerOutsideElement(\n element: HTMLElement,\n clientX: number,\n clientY: number,\n): boolean {\n const rect = element.getBoundingClientRect();\n return (\n clientX < rect.left \|\|\n clientX > rect.right \|\|\n clientY < rect.top \|\|\n clientY > rect.bottom\n );\n}\n\nexport interface BackdropDismissHandlers<T extends HTMLElement> {\n onClick: (event: MouseEvent<T>) => void;\n onPointerDown: (event: PointerEvent<T>) => void;\n}\n\n/\n Pointer handlers that dismiss a native `<dialog>` when the backdrop is\n * clicked. Dismissal requires that both the press and the release land on the\n * backdrop, so clicks on dialog padding (inside the rect) and inside-out drags\n * (e.g. text selection that overshoots onto the backdrop) are ignored.\n */\nexport function useBackdropDismiss<T extends HTMLElement>({\n isEnabled,\n onDismiss,\n}: {\n isEnabled: boolean;\n onDismiss: () => void;\n}): BackdropDismissHandlers<T> {\n const pointerDownOnBackdropRef = useRef(false);\n\n return {\n onClick: event => {\n const startedOnBackdrop = pointerDownOnBackdropRef.current;\n pointerDownOnBackdropRef.current = false;\n // Keyboard-synthesized clicks (Enter/Space on a child control) report\n // detail 0 and 0,0 coordinates; ignore them so they are not mistaken\n // for a backdrop click.\n if (event.detail === 0) {\n return;\n }\n const releasedOnBackdrop = isPointerOutsideElement(\n event.currentTarget,\n event.clientX,\n event.clientY,\n );\n if (startedOnBackdrop && releasedOnBackdrop && isEnabled) {\n onDismiss();\n }\n },\n onPointerDown: event => {\n pointerDownOnBackdropRef.current = isPointerOutsideElement(\n event.currentTarget,\n event.clientX,\n event.clientY,\n );\n },\n };\n}\n"]}

package/dist/{chunk-Y2GYPMLW.cjs → chunk-DDKW5FTM.cjs} RENAMED Viewed

@@ -1,6 +1,7 @@
+'use client';
 'use strict';
-var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
+var chunkI2QAN2HX_cjs = require('./chunk-I2QAN2HX.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
@@ -260,9 +261,9 @@ function Step({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: classes.indicator, children: indicatorContent });
   const labelNode = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelRow, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", className: classes.label, color: "inherit", type: "label", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkI2QAN2HX_cjs.Text, { as: "span", className: classes.label, color: "inherit", type: "label", children: label }),
     description != null ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKDB7QNT_cjs.Text,
+      chunkI2QAN2HX_cjs.Text,
       {
         as: "span",
         className: classes.description,
@@ -387,5 +388,5 @@ function Stepper({
 Stepper.displayName = "Stepper";
 exports.Stepper = Stepper;
-//# sourceMappingURL=chunk-Y2GYPMLW.cjs.map
-//# sourceMappingURL=chunk-Y2GYPMLW.cjs.map
+//# sourceMappingURL=chunk-DDKW5FTM.cjs.map
+//# sourceMappingURL=chunk-DDKW5FTM.cjs.map