silver-ui 0.7.3 → 0.8.0

package/dist/{chunk-HENIVDYQ.cjs → chunk-J6XNDFK7.cjs}

@@ -1,13 +1,14 @@
+'use client';
 'use strict';
 
-var chunkKLPVBJGZ_cjs = require('./chunk-KLPVBJGZ.cjs');
+var chunkBSOYEVZW_cjs = require('./chunk-BSOYEVZW.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkHIFJC2HY_cjs = require('./chunk-HIFJC2HY.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkXOJ5HGIP_cjs = require('./chunk-XOJ5HGIP.cjs');
+var chunkS5FJ3FHH_cjs = require('./chunk-S5FJ3FHH.cjs');
+var chunk6VY3VM5W_cjs = require('./chunk-6VY3VM5W.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -56,9 +57,9 @@ function DateRangeInput({
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
   const [isOpen, setIsOpen] = react.useState(false);
   const displayValue = react.useMemo(() => formatRange(value), [value]);
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkHIFJC2HY_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunkHIFJC2HY_cjs.Field,
     {
       className,
       description,
@@ -85,10 +86,10 @@ function DateRangeInput({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMYSLJWCW_cjs.Popover,
+              chunkXOJ5HGIP_cjs.Popover,
               {
                 content: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkKLPVBJGZ_cjs.Calendar,
+                  chunkBSOYEVZW_cjs.Calendar,
                   {
                     getIsDateDisabled,
                     max,
@@ -111,7 +112,7 @@ function DateRangeInput({
                 onOpenChange: setIsOpen,
                 padding: 3,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkWOVSJHY6_cjs.Button,
+                  chunkS5FJ3FHH_cjs.Button,
                   {
                     icon: lucideReact.CalendarIcon,
                     isDisabled,
@@ -146,7 +147,7 @@ function DateRangeInput({
               }
             ),
             hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWOVSJHY6_cjs.Button,
+              chunkS5FJ3FHH_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -156,7 +157,7 @@ function DateRangeInput({
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6VY3VM5W_cjs.Spinner, { size: "sm" }) : null,
             status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
@@ -167,5 +168,5 @@ function DateRangeInput({
 DateRangeInput.displayName = "DateRangeInput";
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=chunk-HENIVDYQ.cjs.map
-//# sourceMappingURL=chunk-HENIVDYQ.cjs.map
+//# sourceMappingURL=chunk-J6XNDFK7.cjs.map
+//# sourceMappingURL=chunk-J6XNDFK7.cjs.map

package/dist/chunk-J6XNDFK7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateRangeInput/DateRangeInput.tsx"],"names":["css","plainDateFormat","DATE_FORMAT_SHORT_WITH_YEAR","useId","isReactNode","getStatusMessageID","getDescribedBy","useState","useMemo","getNecessity","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","X","Spinner","getStatusIcon"],"mappings":";;;;;;;;;;;;;;;;;AAyCA,IAAM,MAAA,GAAS;AAAA,EACb,SAASA,qBAAA,CAAI,EAAC,IAAI,GAAA,EAAK,GAAA,EAAK,KAAI;AAClC,CAAA;AA+FA,SAAS,YAAY,KAAA,EAA6C;AAChE,EAAA,IAAI,SAAS,IAAA,EAAM;AACjB,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,OAAO,CAAA,EAAGC,iCAAA,CAAgB,KAAA,CAAM,KAAA,EAAOC,6CAA2B,CAAC,CAAA,GAAA,EAAMD,iCAAA,CAAgB,KAAA,CAAM,GAAA,EAAKC,6CAA2B,CAAC,CAAA,CAAA;AAClI;AAKO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA,GAAiB,CAAA;AAAA,EACjB,WAAA,GAAc,qBAAA;AAAA,EACd,IAAA,GAAO,IAAA;AAAA,EACP,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,SAAA,GAAY,GAAG,OAAO,CAAA,SAAA,CAAA;AAC5B,EAAA,MAAM,gBAAgBC,6BAAA,CAAY,WAAW,CAAA,GACzC,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GACV,MAAA;AACJ,EAAA,MAAM,eAAA,GAAkBC,oCAAA,CAAmB,OAAA,EAAS,MAAM,CAAA;AAC1D,EAAA,MAAM,WAAA,GAAcC,gCAAA,CAAe,aAAA,EAAe,eAAe,CAAA;AACjE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM,WAAA,CAAY,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAE9D,EAAA,MAAM,SAAA,GAAYC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAErD,EAAA,uBACEC,cAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWC,oBAAA;AAAA,YACTC,6BAAA,CAAY;AAAA,cACV,IAAA;AAAA,cACA,QAAQ,MAAA,EAAQ,IAAA;AAAA,cAChB;AAAA,aACD,CAAA;AAAA,YACD,MAAA,CAAO;AAAA,WACT;AAAA,UACA,QAAA,EAAA;AAAA,4BAAAJ,cAAA;AAAA,cAACK,yBAAA;AAAA,cAAA;AAAA,gBACC,OAAA,kBACEL,cAAA;AAAA,kBAACM,0BAAA;AAAA,kBAAA;AAAA,oBACC,iBAAA;AAAA,oBACA,GAAA;AAAA,oBACA,GAAA;AAAA,oBACA,IAAA,EAAK,OAAA;AAAA,oBACL,cAAA;AAAA,oBACA,UAAU,CAAA,SAAA,KAAa;AACrB,sBAAA,QAAA,CAAS,SAAS,CAAA;AAClB,sBAAA,SAAA,CAAU,KAAK,CAAA;AAAA,oBACjB,CAAA;AAAA,oBACA,OAAO,KAAA,IAAS,MAAA;AAAA,oBAChB,UAAU,KAAA,EAAO;AAAA;AAAA,iBACnB;AAAA,gBAEF,YAAA,EAAY,IAAA;AAAA,gBACZ,EAAA,EAAI,SAAA;AAAA,gBACJ,WAAW,CAAC,UAAA;AAAA,gBACZ,MAAA;AAAA,gBACA,KAAA,EAAO,UAAU,KAAK,CAAA,CAAA;AAAA,gBACtB,YAAA,EAAc,SAAA;AAAA,gBACd,OAAA,EAAS,CAAA;AAAA,gBACT,QAAA,kBAAAN,cAAA;AAAA,kBAACO,wBAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAMC,wBAAA;AAAA,oBACN,UAAA;AAAA,oBACA,UAAA,EAAU,IAAA;AAAA,oBACV,KAAA,EAAO,UAAU,KAAK,CAAA,CAAA;AAAA,oBACtB,IAAA,EAAK,IAAA;AAAA,oBACL,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA,aACF;AAAA,4BACAR,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,aAAW,SAAA,IAAa,MAAA;AAAA,gBACxB,eAAA,EAAe,SAAA;AAAA,gBACf,kBAAA,EAAkB,WAAA;AAAA,gBAClB,eAAA,EAAe,MAAA;AAAA,gBACf,eAAA,EAAc,QAAA;AAAA,gBACd,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,gBAC1C,iBAAe,UAAA,IAAc,MAAA;AAAA,gBAC7B,WAAWS,6BAAA,CAAY,OAAA;AAAA,gBACvB,aAAA,EAAa,UAAA;AAAA,gBACb,QAAA,EAAU,UAAA;AAAA,gBACV,EAAA,EAAI,OAAA;AAAA,gBACJ,WAAA;AAAA,gBACA,QAAA,EAAQ,IAAA;AAAA,gBACR,GAAA;AAAA,gBACA,IAAA,EAAK,UAAA;AAAA,gBACL,IAAA,EAAK,MAAA;AAAA,gBACL,KAAA,EAAO;AAAA;AAAA,aACT;AAAA,YACC,YAAY,KAAA,IAAS,IAAA,IAAQ,CAAC,UAAA,IAAc,CAAC,SAAA,mBAC5CT,cAAA;AAAA,cAACO,wBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAMG,aAAA;AAAA,gBACN,UAAA,EAAU,IAAA;AAAA,gBACV,KAAA,EAAO,SAAS,KAAK,CAAA,CAAA;AAAA,gBACrB,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,gBAC5B,IAAA,EAAK,IAAA;AAAA,gBACL,OAAA,EAAQ;AAAA;AAAA,aACV,GACE,IAAA;AAAA,YACH,SAAA,mBAAYV,cAAA,CAACW,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,YACpC,MAAA,IAAU,IAAA,mBACTX,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWS,6BAAA,CAAY,QAAA,EAC1B,QAAA,EAAAG,+BAAA,CAAc,MAAA,CAAO,IAAI,CAAA,EAC5B,CAAA,GACE;AAAA;AAAA;AAAA;AACN;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-J6XNDFK7.cjs","sourcesContent":["'use client';\n\nimport {CalendarIcon, X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar} from 'components/Calendar';\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 type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport type {DateRange} from 'internal/dateTypes';\nimport isReactNode from 'internal/isReactNode';\nimport {\n  DATE_FORMAT_SHORT_WITH_YEAR,\n  plainDateFormat,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {DateRange} from 'internal/dateTypes';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateRangeInputProps = {\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   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\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 in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Number of calendar months shown in the popover.\n   * @default 2\n   */\n  numberOfMonths?: 1 | 2;\n  /**\n   * Called when the selected date range changes.\n   */\n  onChange: (value: DateRange | null) => void;\n  /**\n   * Placeholder text shown when no range is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date range. Pass `null` for an empty input.\n   */\n  value: DateRange | null;\n} & FieldNecessity;\n\nfunction formatRange(value: DateRange | null | undefined): string {\n  if (value == null) {\n    return '';\n  }\n  return `${plainDateFormat(value.start, DATE_FORMAT_SHORT_WITH_YEAR)} - ${plainDateFormat(value.end, DATE_FORMAT_SHORT_WITH_YEAR)}`;\n}\n\n/**\n * A date range picker input that opens a calendar popover for selecting a start and end date.\n */\nexport function DateRangeInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  numberOfMonths = 2,\n  placeholder = 'Select a date range',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateRangeInputProps): React.JSX.Element {\n  const inputId = useId();\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const [isOpen, setIsOpen] = useState(false);\n  const displayValue = useMemo(() => formatRange(value), [value]);\n\n  const necessity = getNecessity(isOptional, isRequired);\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              max={max}\n              min={min}\n              mode=\"range\"\n              numberOfMonths={numberOfMonths}\n              onChange={nextValue => {\n                onChange(nextValue);\n                setIsOpen(false);\n              }}\n              value={value ?? undefined}\n              viewDate={value?.start}\n            />\n          }\n          hasAutoFocus\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          placeholder={placeholder}\n          readOnly\n          ref={ref}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\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        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateRangeInput.displayName = 'DateRangeInput';\n"]}

package/dist/{chunk-3NIDAKCF.cjs → chunk-J6XRX6DD.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -34,5 +35,5 @@ function useScrollLock(isLocked) {
 }
 
 exports.useScrollLock = useScrollLock;
-//# sourceMappingURL=chunk-3NIDAKCF.cjs.map
-//# sourceMappingURL=chunk-3NIDAKCF.cjs.map
+//# sourceMappingURL=chunk-J6XRX6DD.cjs.map
+//# sourceMappingURL=chunk-J6XRX6DD.cjs.map

package/dist/chunk-J6XRX6DD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useScrollLock.ts"],"names":["useEffect"],"mappings":";;;;;AASA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAmB,EAAA;AACvB,IAAI,oBAAA,GAAuB,EAAA;AAQpB,SAAS,cAAc,QAAA,EAAyB;AACrD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,EAAC,IAAA,EAAM,eAAA,EAAe,GAAI,QAAA;AAChC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAKlC,MAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,UAAA,GAAa,eAAA,CAAgB,WAAA;AAC3D,MAAA,IAAI,eAAA,CAAgB,WAAA,GAAc,CAAA,IAAK,cAAA,GAAiB,CAAA,EAAG;AACzD,QAAA,MAAM,cACJ,UAAA,CAAW,MAAA,CAAO,iBAAiB,IAAI,CAAA,CAAE,YAAY,CAAA,IAAK,CAAA;AAC5D,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,WAAA,GAAc,cAAc,CAAA,EAAA,CAAA;AAAA,MAC3D;AACA,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,IACxB;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAC/B,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,YAAA,GAAe,oBAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf","file":"chunk-J6XRX6DD.cjs","sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\n\n// Module-level reference count so overlapping locks cooperate: e.g. a Lightbox\n// opened from within a Dialog. The body is unlocked only once every active lock\n// has been released. Without this shared count, an out-of-order unmount would\n// either unlock the body too early or leave it permanently locked, since each\n// component would save and restore `overflow` independently.\nlet lockCount = 0;\nlet previousOverflow = '';\nlet previousPaddingRight = '';\n\n/**\n * Locks body scroll while `isLocked` is true. Safe to call from multiple\n * components whose locks overlap; the body is restored only when the last one\n * releases. Compensates for the removed scrollbar width to avoid a layout\n * shift when the lock engages.\n */\nexport function useScrollLock(isLocked: boolean): void {\n  useEffect(() => {\n    if (!isLocked) {\n      return;\n    }\n\n    if (lockCount === 0) {\n      const {body, documentElement} = document;\n      previousOverflow = body.style.overflow;\n      previousPaddingRight = body.style.paddingRight;\n\n      // Reserve space for the scrollbar that `overflow: hidden` removes. Guard\n      // against environments without layout (e.g. jsdom reports clientWidth 0),\n      // where the difference is meaningless.\n      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;\n      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {\n        const basePadding =\n          parseFloat(window.getComputedStyle(body).paddingRight) || 0;\n        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;\n      }\n      body.style.overflow = 'hidden';\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        document.body.style.overflow = previousOverflow;\n        document.body.style.paddingRight = previousPaddingRight;\n      }\n    };\n  }, [isLocked]);\n}\n"]}

package/dist/{chunk-HC57X3U4.js → chunk-JASZ7XTT.js}

@@ -1,8 +1,9 @@
+'use client';
 import { inputStyles, inputRecipe } from './chunk-KB36TWOU.js';
-import { getNecessity, Field } from './chunk-USEA7DB5.js';
+import { getNecessity, Field } from './chunk-PZBY3JI7.js';
 import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-G6HS52US.js';
-import { Spinner } from './chunk-X2P5SPGB.js';
-import { Text } from './chunk-5GSRIOXE.js';
+import { Spinner } from './chunk-7SGBGPZW.js';
+import { Text } from './chunk-KPAOAYDY.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { css } from './chunk-OD4DHHZH.js';
@@ -148,5 +149,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 export { TextArea };
-//# sourceMappingURL=chunk-HC57X3U4.js.map
-//# sourceMappingURL=chunk-HC57X3U4.js.map
+//# sourceMappingURL=chunk-JASZ7XTT.js.map
+//# sourceMappingURL=chunk-JASZ7XTT.js.map

package/dist/chunk-JASZ7XTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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","file":"chunk-JASZ7XTT.js","sourcesContent":["'use client';\n\nimport {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\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 {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 {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea 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 textarea 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 content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): 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 counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\n\n  const necessity = getNecessity(isOptional, isRequired);\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\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      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}

package/dist/{chunk-EBV3EX3J.js → chunk-JJ32AVLU.js}

@@ -1,10 +1,11 @@
+'use client';
 import { buttonRecipe } from './chunk-TCTPR7YQ.js';
-import { Spinner } from './chunk-X2P5SPGB.js';
-import { getAriaLabel, useRel } from './chunk-5FQKELP6.js';
+import { Spinner } from './chunk-7SGBGPZW.js';
+import { getAriaLabel, useRel } from './chunk-3IX2FJWH.js';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { Tooltip } from './chunk-KWZMXX4F.js';
-import { ActionElement } from './chunk-PG4CZRTU.js';
-import { useButtonGroup } from './chunk-5UGHDUMO.js';
+import { Tooltip } from './chunk-FPKXEI3W.js';
+import { ActionElement } from './chunk-CRYF4JDH.js';
+import { useButtonGroup } from './chunk-OXBBLHTC.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -142,5 +143,5 @@ function Button({
 Button.displayName = "Button";
 
 export { Button };
-//# sourceMappingURL=chunk-EBV3EX3J.js.map
-//# sourceMappingURL=chunk-EBV3EX3J.js.map
+//# sourceMappingURL=chunk-JJ32AVLU.js.map
+//# sourceMappingURL=chunk-JJ32AVLU.js.map

package/dist/chunk-JJ32AVLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-JJ32AVLU.js","sourcesContent":["'use client';\n\nimport type {\n  CSSProperties,\n  JSX,\n  KeyboardEvent,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport type {ButtonSize, ButtonVariant} from 'components/Button/Button.types';\nimport {useButtonGroup} from 'components/ButtonGroup/ButtonGroupContext';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport type {LinkComponent} from 'components/Link';\nimport {Spinner} from 'components/Spinner';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {getAriaLabel, useRel} from 'internal/linkAccessibility';\n\nexport type {ButtonSize} from 'components/Button/Button.types';\n\n/**\n * A versatile action element that renders as a `<button>` or a link depending\n * on whether `href` is provided. Supports explicit loading states, icon-only\n * modes, link buttons, and tooltips.\n */\ninterface ButtonBaseProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the button.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set.\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time';\n  /**\n   * Identifies the element(s) that describe the button.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the button opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the button.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Accessible label that overrides the visible `label` for assistive\n   * technologies. Use when the visible text is too terse (e.g. a page\n   * number) and a longer description is needed.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the button.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the button that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Indicates the current pressed state of a toggle button.\n   */\n  'aria-pressed'?: boolean | 'mixed';\n  /**\n   * Human-readable description of the role of the button.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom link component to render when `href` is set. Falls back to the\n   * component provided by `LinkProvider`, or a plain `<a>` tag.\n   */\n  as?: LinkComponent;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the label, such as a badge or count. Hidden in\n   * icon-only mode.\n   */\n  endContent?: ReactNode;\n  /**\n   * HTML `form` attribute associating the button with a `<form>` by ID.\n   */\n  form?: string;\n  /**\n   * URL to navigate to. When set and the button is not isDisabled, the component\n   * renders as a link element.\n   */\n  href?: string;\n  /**\n   * Whether the button is disabled. Prevents interaction and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the button is in a loading state. Shows a spinner overlay,\n   * disables interaction, and announces \"Loading\" to assistive technologies.\n   */\n  isLoading?: boolean;\n  /**\n   * Text label for the button. Always required for accessibility even when\n   * `isIconOnly` is true.\n   */\n  label: string;\n  /**\n   * HTML `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Click event handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Keyboard event handler for the root element.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link `rel` attribute (e.g., `\"noopener\"`). Only applies when rendering\n   * as a link.\n   */\n  rel?: string;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Arbitrary content rendered before the label (after the icon, if present).\n   * Hidden in icon-only mode.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link `target` attribute (e.g., `\"_blank\"`). Only applies when rendering\n   * as a link.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover. Defaults to `label` when `isIconOnly` is true\n   * (since the label is otherwise not visible); pass an explicit value to\n   * override, or `undefined` to keep the default. When set on a disabled\n   * button, `aria-disabled` is used instead of the `disabled` attribute so the\n   * tooltip remains accessible.\n   */\n  tooltip?: string;\n  /**\n   * HTML button `type` attribute.\n   */\n  type?: 'button' | 'submit' | 'reset';\n  /**\n   * HTML `value` attribute for form submission.\n   */\n  value?: string;\n  /**\n   * Visual style variant.\n   */\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps =\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label. Required in icon-only mode.\n       */\n      icon: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly: true;\n    })\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label.\n       */\n      icon?: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly?: false;\n    });\n\nexport function Button({\n  label,\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabelProp,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-pressed': ariaPressed,\n  'aria-roledescription': ariaRoledescription,\n  href,\n  as,\n  target,\n  rel,\n  variant,\n  size: sizeProp,\n  className,\n  'data-testid': dataTestId,\n  style,\n  type = 'button',\n  ref,\n  isDisabled = false,\n  isLoading = false,\n  icon,\n  isIconOnly = false,\n  endContent,\n  startContent,\n  tooltip,\n  onClick,\n  onKeyDown,\n  form,\n  name,\n  value,\n}: ButtonProps): JSX.Element {\n  const buttonGroup = useButtonGroup();\n  const size = sizeProp ?? buttonGroup?.size ?? 'md';\n  const buttonDisabled =\n    isDisabled || buttonGroup?.isDisabled === true || isLoading;\n  // Icon-only buttons have no visible text, so default their tooltip to the\n  // accessible `label` unless an explicit tooltip is provided.\n  const effectiveTooltip = tooltip ?? (isIconOnly ? label : undefined);\n  // Only an explicit tooltip swaps native `disabled` for `aria-disabled` (to\n  // keep the tooltip hoverable while disabled); the icon-only default must not\n  // change disabled semantics.\n  const useAriaDisabled = tooltip != null && buttonDisabled;\n  const renderAsLink = href != null && !buttonDisabled;\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const ariaLabel =\n    ariaLabelProp ??\n    getAriaLabel(\n      isIconOnly ||\n        isLoading ||\n        isReactNode(startContent) ||\n        isReactNode(endContent) ||\n        opensInNewTab\n        ? label\n        : undefined,\n      opensInNewTab,\n    );\n  const linkRel = useRel({target, rel});\n  const spinnerVariant =\n    variant === 'primary' || variant === 'destructive' || variant === 'onSolid'\n      ? 'onMedia'\n      : 'default';\n\n  const classes = buttonRecipe({variant, size, iconOnly: isIconOnly});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-pressed': ariaPressed,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (buttonDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n  };\n\n  const handleButtonKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (useAriaDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      return;\n    }\n\n    onKeyDown?.(event);\n  };\n\n  const handleLinkKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event);\n  };\n\n  const buttonContent = (\n    <>\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} variant={spinnerVariant} />\n            ) : (\n              <Icon icon={icon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly && isReactNode(startContent) ? (\n          <span className={classes.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly ? <span className={classes.label}>{label}</span> : null}\n        {!isIconOnly && isReactNode(endContent) ? (\n          <span className={classes.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.loadingIndicator}>\n            <Spinner size={size} variant={spinnerVariant} />\n          </span>\n        ) : null}\n      </span>\n      <VisuallyHidden aria-live=\"polite\" role=\"status\">\n        {isLoading ? 'Loading' : ''}\n      </VisuallyHidden>\n    </>\n  );\n\n  const rootClassName = cx(classes.root, className);\n\n  const element = (\n    <ActionElement\n      {...ariaAttrs}\n      aria-busy={!renderAsLink && isLoading ? true : undefined}\n      aria-disabled={!renderAsLink && useAriaDisabled ? true : undefined}\n      aria-label={ariaLabel}\n      as={as}\n      className={rootClassName}\n      data-testid={dataTestId}\n      form={form}\n      href={renderAsLink ? href : undefined}\n      isDisabled={\n        !renderAsLink && !useAriaDisabled ? buttonDisabled : undefined\n      }\n      isLink={renderAsLink}\n      name={name}\n      onClick={renderAsLink ? handleLinkClick : handleButtonClick}\n      onKeyDown={renderAsLink ? handleLinkKeyDown : handleButtonKeyDown}\n      ref={ref}\n      rel={renderAsLink ? linkRel : undefined}\n      style={style}\n      target={renderAsLink ? target : undefined}\n      type={type}\n      value={value}>\n      {buttonContent}\n    </ActionElement>\n  );\n\n  if (effectiveTooltip != null) {\n    return <Tooltip content={effectiveTooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nButton.displayName = 'Button';\n"]}

package/dist/{chunk-2N3PIXZ5.cjs → chunk-JLDYPQIB.cjs}

@@ -1,7 +1,8 @@
+'use client';
 'use strict';
 
-var chunkZW2ZOEYM_cjs = require('./chunk-ZW2ZOEYM.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkMCVMBH7P_cjs = require('./chunk-MCVMBH7P.cjs');
+var chunkHIFJC2HY_cjs = require('./chunk-HIFJC2HY.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 = chunkHIFJC2HY_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunkHIFJC2HY_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,
+    chunkMCVMBH7P_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-JLDYPQIB.cjs.map
+//# sourceMappingURL=chunk-JLDYPQIB.cjs.map

package/dist/chunk-JLDYPQIB.cjs.map

@@ -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-JLDYPQIB.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-NSWKBWPP.js → chunk-JQHJJAX3.js}

@@ -1,6 +1,7 @@
-import { useDialogContext } from './chunk-BKKLUIIU.js';
-import { Button } from './chunk-EBV3EX3J.js';
-import { Heading, Text } from './chunk-5GSRIOXE.js';
+'use client';
+import { useDialogContext } from './chunk-YNGDGY2J.js';
+import { Button } from './chunk-JJ32AVLU.js';
+import { Heading, Text } from './chunk-KPAOAYDY.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cva } from './chunk-FMEIPGUP.js';
@@ -455,5 +456,5 @@ function LayoutPanel({
 LayoutPanel.displayName = "LayoutPanel";
 
 export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutPanel };
-//# sourceMappingURL=chunk-NSWKBWPP.js.map
-//# sourceMappingURL=chunk-NSWKBWPP.js.map
+//# sourceMappingURL=chunk-JQHJJAX3.js.map
+//# sourceMappingURL=chunk-JQHJJAX3.js.map

package/dist/{chunk-NSWKBWPP.js.map → chunk-JQHJJAX3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Layout/Layout.recipe.ts","../src/components/Layout/LayoutContext.ts","../src/components/Layout/Layout.tsx","../src/components/Layout/LayoutContent.tsx","../src/components/Layout/LayoutFooter.tsx","../src/components/Layout/LayoutHeader.tsx","../src/components/Layout/LayoutPanel.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-NSWKBWPP.js","sourcesContent":["import {cva, sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst paddingVariants = {\n  0: {p: '0'},\n  0.5: {p: '0.5'},\n  1: {p: '1'},\n  1.5: {p: '1.5'},\n  2: {p: '2'},\n  3: {p: '3'},\n  4: {p: '4'},\n  5: {p: '5'},\n  6: {p: '6'},\n  8: {p: '8'},\n  10: {p: '10'},\n};\n\n// Same padding scale as `paddingVariants`, scoped to the `root` slot so it can\n// be used as an `sva` variant on the Layout shell.\nconst rootPaddingVariants = {\n  0: {root: {p: '0'}},\n  0.5: {root: {p: '0.5'}},\n  1: {root: {p: '1'}},\n  1.5: {root: {p: '1.5'}},\n  2: {root: {p: '2'}},\n  3: {root: {p: '3'}},\n  4: {root: {p: '4'}},\n  5: {root: {p: '5'}},\n  6: {root: {p: '6'}},\n  8: {root: {p: '8'}},\n  10: {root: {p: '10'}},\n};\n\nexport const layoutRecipe = sva({\n  slots: ['root', 'middle', 'content'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      minW: 0,\n    },\n    middle: {\n      display: 'flex',\n      flex: 1,\n      minH: 0,\n      minW: 0,\n    },\n    content: {\n      flex: 1,\n      minW: 0,\n      display: 'flex',\n      flexDirection: 'column',\n    },\n  },\n  variants: {\n    height: {\n      fill: {\n        root: {h: '100%', minH: 0},\n      },\n      auto: {\n        root: {minH: '100%'},\n      },\n    },\n    padding: rootPaddingVariants,\n  },\n  defaultVariants: {\n    height: 'fill',\n  },\n});\n\nexport const layoutPanelRecipe = cva({\n  base: {\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n    divider: {\n      none: {},\n      // Border on the edge adjacent to the content area: inline-end for a start\n      // panel, inline-start for an end panel.\n      start: {\n        borderInlineEndWidth: 'default',\n        borderInlineEndStyle: 'solid',\n        borderInlineEndColor: 'border',\n      },\n      end: {\n        borderInlineStartWidth: 'default',\n        borderInlineStartStyle: 'solid',\n        borderInlineStartColor: 'border',\n      },\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n    divider: 'none',\n  },\n});\n\nexport const layoutContentRecipe = cva({\n  base: {\n    flex: 1,\n    minH: 0,\n    minW: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n  },\n});\n\nexport const layoutHeaderRecipe = sva({\n  slots: ['root', 'inner', 'titleArea', 'actions', 'closeButton'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    inner: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: '3',\n    },\n    titleArea: {\n      flex: 1,\n      minW: 0,\n      '& > :focus': {\n        outline: 'none',\n      },\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n    closeButton: {\n      marginInlineEnd: '-2',\n      marginBlockStart: '-2',\n    },\n  },\n  variants: {\n    // Cross-axis alignment of the start/title/end slots within the header row.\n    align: {\n      start: {inner: {alignItems: 'flex-start'}},\n      center: {inner: {alignItems: 'center'}},\n      end: {inner: {alignItems: 'flex-end'}},\n    },\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n    hasDivider: false,\n  },\n});\n\nexport const layoutFooterRecipe = sva({\n  slots: ['root', 'inner', 'start', 'actions'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    start: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      marginInlineEnd: 'auto',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n    // Custom footers render arbitrary children, so the inner element drops the\n    // action-row flex layout.\n    isCustom: {\n      false: {\n        inner: {\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          gap: '3',\n        },\n      },\n      true: {},\n    },\n  },\n  defaultVariants: {\n    hasDivider: false,\n    isCustom: false,\n  },\n});\n\nexport const layoutRegionRecipe = cva({\n  variants: {\n    padding: paddingVariants,\n  },\n  defaultVariants: {\n    padding: 4,\n  },\n});\n\nexport type LayoutVariants = RecipeVariantProps<typeof layoutRecipe>;\nexport type LayoutRegionVariants = RecipeVariantProps<\n  typeof layoutRegionRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type LayoutArea = 'header' | 'content' | 'start' | 'end' | 'footer';\n\nexport interface LayoutDividerContextValue {\n  hasDividers: boolean;\n}\n\nexport const LayoutAreaContext = createContext<LayoutArea>('content');\nLayoutAreaContext.displayName = 'LayoutAreaContext';\nexport const LayoutDividerContext =\n  createContext<LayoutDividerContextValue | null>(null);\nLayoutDividerContext.displayName = 'LayoutDividerContext';\n\nexport function useLayoutArea(): LayoutArea {\n  return use(LayoutAreaContext);\n}\n\nexport function useLayoutDivider(): LayoutDividerContextValue | null {\n  return use(LayoutDividerContext);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {layoutRecipe} from 'components/Layout/Layout.recipe';\nimport {\n  LayoutAreaContext,\n  LayoutDividerContext,\n  type LayoutArea,\n} from 'components/Layout/LayoutContext';\nimport type {LayoutHeight} from 'components/Layout/types';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Shell with header, side panels, content, and footer slots.\n */\nexport interface LayoutProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Main content slot.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * End panel slot.\n   */\n  end?: ReactNode;\n  /**\n   * Footer slot.\n   */\n  footer?: ReactNode;\n  /**\n   * Whether child layout regions should show dividers.\n   */\n  hasDividers?: boolean;\n  /**\n   * Header slot.\n   */\n  header?: ReactNode;\n  /**\n   * Layout height behavior. Default is `fill`.\n   */\n  height?: LayoutHeight;\n  /**\n   * Outer padding for layout edges.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Start panel slot.\n   */\n  start?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction AreaProvider({\n  area,\n  children,\n}: {\n  area: LayoutArea;\n  children?: ReactNode;\n}): React.JSX.Element | null {\n  if (!isReactNode(children)) {\n    return null;\n  }\n\n  return <LayoutAreaContext value={area}>{children}</LayoutAreaContext>;\n}\n\nexport function Layout({\n  className,\n  content,\n  'data-testid': dataTestId,\n  hasDividers = true,\n  end,\n  footer,\n  header,\n  height = 'fill',\n  padding,\n  ref,\n  start,\n  style,\n}: LayoutProps): React.JSX.Element {\n  const dividerValue = useMemo(() => ({hasDividers}), [hasDividers]);\n  const classes = layoutRecipe({height, padding});\n\n  return (\n    <LayoutDividerContext value={dividerValue}>\n      <div\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <AreaProvider area=\"header\">{header}</AreaProvider>\n        <div className={classes.middle}>\n          <AreaProvider area=\"start\">{start}</AreaProvider>\n          <div className={classes.content}>\n            <AreaProvider area=\"content\">{content}</AreaProvider>\n          </div>\n          <AreaProvider area=\"end\">{end}</AreaProvider>\n        </div>\n        <AreaProvider area=\"footer\">{footer}</AreaProvider>\n      </div>\n    </LayoutDividerContext>\n  );\n}\n\nLayout.displayName = 'Layout';\n","import type {ComponentPropsWithRef, ElementType} from 'react';\nimport {\n  layoutContentRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport interface LayoutContentProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * HTML element to render. Default is `div`.\n   */\n  as?: ElementType;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the content area scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n}\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport function LayoutContent({\n  as: Element = 'div',\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  ...rest\n}: LayoutContentProps): React.JSX.Element {\n  return (\n    <Element\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutContentRecipe({isScrollable}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={style}>\n      {children}\n    </Element>\n  );\n}\n\nLayoutContent.displayName = 'LayoutContent';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {\n  layoutFooterRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\ninterface LayoutFooterBaseProps {\n  /**\n   * Additional CSS class names applied to the footer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height for the footer.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the footer landmark.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the footer element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the footer.\n   */\n  style?: CSSProperties;\n}\n\ninterface LayoutFooterCustomProps extends LayoutFooterBaseProps {\n  /**\n   * Custom footer content rendered inside the footer shell.\n   */\n  children: ReactNode;\n  primaryButton?: never;\n  secondaryButton?: never;\n  startContent?: never;\n}\n\ninterface LayoutFooterActionsProps extends LayoutFooterBaseProps {\n  children?: never;\n  /**\n   * Primary action button, rendered rightmost.\n   */\n  primaryButton?: ReactNode;\n  /**\n   * Secondary action button, rendered left of the primary button.\n   */\n  secondaryButton?: ReactNode;\n  /**\n   * Content rendered at the start (left) of the footer.\n   */\n  startContent?: ReactNode;\n}\n\n/**\n * Footer landmark region within a Layout. Use action slots for the standard\n * footer layout, or children for a custom footer inside the same shell.\n */\nexport type LayoutFooterProps =\n  | LayoutFooterActionsProps\n  | LayoutFooterCustomProps;\n\n/**\n * Footer landmark region within a Layout.\n */\nexport function LayoutFooter({\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  label,\n  padding = 4,\n  primaryButton,\n  ref,\n  secondaryButton,\n  startContent,\n  style,\n}: LayoutFooterProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const isCustom = isReactNode(children);\n  const hasActions = isReactNode(primaryButton) || isReactNode(secondaryButton);\n  const classes = layoutFooterRecipe({hasDivider, isCustom});\n\n  return (\n    <footer\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-divider={hasDivider || undefined}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isCustom ? (\n          children\n        ) : (\n          <>\n            {isReactNode(startContent) ? (\n              <div className={classes.start}>{startContent}</div>\n            ) : null}\n            {hasActions ? (\n              <div className={classes.actions}>\n                {secondaryButton}\n                {primaryButton}\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n    </footer>\n  );\n}\n\nLayoutFooter.displayName = 'LayoutFooter';\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {useDialogContext} from 'components/Dialog/DialogContext';\nimport {\n  layoutHeaderRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {Heading, Text, type HeadingLevel} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport interface LayoutHeaderProps {\n  /**\n   * Cross-axis alignment of the start content, title, and end content within\n   * the header row. Default is `start`.\n   */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Additional CSS class names applied to the header.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the header.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the title area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Fixed height for the header.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the header landmark.\n   */\n  label?: string;\n  /**\n   * Semantic heading level used for the title.\n   * @default 4\n   */\n  level?: HeadingLevel;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the header element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Content rendered before the title area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the header.\n   */\n  style?: CSSProperties;\n  /**\n   * Supporting text displayed below the title.\n   */\n  subtitle?: string;\n  /**\n   * Primary header title.\n   */\n  title: string;\n}\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport function LayoutHeader({\n  align = 'start',\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  height,\n  label,\n  level = 4,\n  padding = 4,\n  ref,\n  startContent,\n  style,\n  subtitle,\n  title,\n}: LayoutHeaderProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const dialogContext = useDialogContext();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const classes = layoutHeaderRecipe({align, hasDivider});\n\n  const closeButton =\n    dialogContext != null ? (\n      <Button\n        className={classes.closeButton}\n        icon={X}\n        isIconOnly\n        label=\"Close\"\n        onClick={() => dialogContext.onOpenChange(false)}\n        variant=\"ghost\"\n      />\n    ) : null;\n  const hasEnd = isReactNode(endContent) || closeButton != null;\n\n  return (\n    <header\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isReactNode(startContent) ? (\n          <div className={classes.actions}>{startContent}</div>\n        ) : null}\n        <div className={classes.titleArea}>\n          <Heading\n            data-dialog-autofocus={dialogContext != null ? 'true' : undefined}\n            id={dialogContext?.titleId}\n            level={level}\n            tabIndex={dialogContext != null ? -1 : undefined}>\n            {title}\n          </Heading>\n          {subtitle != null ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {subtitle}\n            </Text>\n          ) : null}\n        </div>\n        {hasEnd ? (\n          <div className={classes.actions}>\n            {endContent}\n            {closeButton}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n\nLayoutHeader.displayName = 'LayoutHeader';\n","import type {ComponentPropsWithRef} from 'react';\nimport {\n  layoutPanelRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutArea, useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport interface LayoutPanelProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the panel scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Fixed width for the panel.\n   */\n  width?: number | string;\n}\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport function LayoutPanel({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  width,\n  ...rest\n}: LayoutPanelProps): React.JSX.Element {\n  const area = useLayoutArea();\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const divider =\n    hasDivider && (area === 'start' || area === 'end') ? area : 'none';\n\n  return (\n    <div\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutPanelRecipe({isScrollable, divider}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={{width, ...style}}>\n      {children}\n    </div>\n  );\n}\n\nLayoutPanel.displayName = 'LayoutPanel';\n"]}
+{"version":3,"sources":["../src/components/Layout/Layout.recipe.ts","../src/components/Layout/LayoutContext.ts","../src/components/Layout/Layout.tsx","../src/components/Layout/LayoutContent.tsx","../src/components/Layout/LayoutFooter.tsx","../src/components/Layout/LayoutHeader.tsx","../src/components/Layout/LayoutPanel.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-JQHJJAX3.js","sourcesContent":["import {cva, sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst paddingVariants = {\n  0: {p: '0'},\n  0.5: {p: '0.5'},\n  1: {p: '1'},\n  1.5: {p: '1.5'},\n  2: {p: '2'},\n  3: {p: '3'},\n  4: {p: '4'},\n  5: {p: '5'},\n  6: {p: '6'},\n  8: {p: '8'},\n  10: {p: '10'},\n};\n\n// Same padding scale as `paddingVariants`, scoped to the `root` slot so it can\n// be used as an `sva` variant on the Layout shell.\nconst rootPaddingVariants = {\n  0: {root: {p: '0'}},\n  0.5: {root: {p: '0.5'}},\n  1: {root: {p: '1'}},\n  1.5: {root: {p: '1.5'}},\n  2: {root: {p: '2'}},\n  3: {root: {p: '3'}},\n  4: {root: {p: '4'}},\n  5: {root: {p: '5'}},\n  6: {root: {p: '6'}},\n  8: {root: {p: '8'}},\n  10: {root: {p: '10'}},\n};\n\nexport const layoutRecipe = sva({\n  slots: ['root', 'middle', 'content'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      minW: 0,\n    },\n    middle: {\n      display: 'flex',\n      flex: 1,\n      minH: 0,\n      minW: 0,\n    },\n    content: {\n      flex: 1,\n      minW: 0,\n      display: 'flex',\n      flexDirection: 'column',\n    },\n  },\n  variants: {\n    height: {\n      fill: {\n        root: {h: '100%', minH: 0},\n      },\n      auto: {\n        root: {minH: '100%'},\n      },\n    },\n    padding: rootPaddingVariants,\n  },\n  defaultVariants: {\n    height: 'fill',\n  },\n});\n\nexport const layoutPanelRecipe = cva({\n  base: {\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n    divider: {\n      none: {},\n      // Border on the edge adjacent to the content area: inline-end for a start\n      // panel, inline-start for an end panel.\n      start: {\n        borderInlineEndWidth: 'default',\n        borderInlineEndStyle: 'solid',\n        borderInlineEndColor: 'border',\n      },\n      end: {\n        borderInlineStartWidth: 'default',\n        borderInlineStartStyle: 'solid',\n        borderInlineStartColor: 'border',\n      },\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n    divider: 'none',\n  },\n});\n\nexport const layoutContentRecipe = cva({\n  base: {\n    flex: 1,\n    minH: 0,\n    minW: 0,\n    overflow: 'clip',\n  },\n  variants: {\n    isScrollable: {\n      true: {overflow: 'auto'},\n    },\n  },\n  defaultVariants: {\n    isScrollable: true,\n  },\n});\n\nexport const layoutHeaderRecipe = sva({\n  slots: ['root', 'inner', 'titleArea', 'actions', 'closeButton'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    inner: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: '3',\n    },\n    titleArea: {\n      flex: 1,\n      minW: 0,\n      '& > :focus': {\n        outline: 'none',\n      },\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n    closeButton: {\n      marginInlineEnd: '-2',\n      marginBlockStart: '-2',\n    },\n  },\n  variants: {\n    // Cross-axis alignment of the start/title/end slots within the header row.\n    align: {\n      start: {inner: {alignItems: 'flex-start'}},\n      center: {inner: {alignItems: 'center'}},\n      end: {inner: {alignItems: 'flex-end'}},\n    },\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n    hasDivider: false,\n  },\n});\n\nexport const layoutFooterRecipe = sva({\n  slots: ['root', 'inner', 'start', 'actions'],\n  base: {\n    root: {\n      flexShrink: 0,\n    },\n    start: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      marginInlineEnd: 'auto',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n    // Custom footers render arbitrary children, so the inner element drops the\n    // action-row flex layout.\n    isCustom: {\n      false: {\n        inner: {\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n          gap: '3',\n        },\n      },\n      true: {},\n    },\n  },\n  defaultVariants: {\n    hasDivider: false,\n    isCustom: false,\n  },\n});\n\nexport const layoutRegionRecipe = cva({\n  variants: {\n    padding: paddingVariants,\n  },\n  defaultVariants: {\n    padding: 4,\n  },\n});\n\nexport type LayoutVariants = RecipeVariantProps<typeof layoutRecipe>;\nexport type LayoutRegionVariants = RecipeVariantProps<\n  typeof layoutRegionRecipe\n>;\n","'use client';\n\nimport {createContext, use} from 'react';\n\nexport type LayoutArea = 'header' | 'content' | 'start' | 'end' | 'footer';\n\nexport interface LayoutDividerContextValue {\n  hasDividers: boolean;\n}\n\nexport const LayoutAreaContext = createContext<LayoutArea>('content');\nLayoutAreaContext.displayName = 'LayoutAreaContext';\nexport const LayoutDividerContext =\n  createContext<LayoutDividerContextValue | null>(null);\nLayoutDividerContext.displayName = 'LayoutDividerContext';\n\nexport function useLayoutArea(): LayoutArea {\n  return use(LayoutAreaContext);\n}\n\nexport function useLayoutDivider(): LayoutDividerContextValue | null {\n  return use(LayoutDividerContext);\n}\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {layoutRecipe} from 'components/Layout/Layout.recipe';\nimport {\n  LayoutAreaContext,\n  LayoutDividerContext,\n  type LayoutArea,\n} from 'components/Layout/LayoutContext';\nimport type {LayoutHeight} from 'components/Layout/types';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Shell with header, side panels, content, and footer slots.\n */\nexport interface LayoutProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Main content slot.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * End panel slot.\n   */\n  end?: ReactNode;\n  /**\n   * Footer slot.\n   */\n  footer?: ReactNode;\n  /**\n   * Whether child layout regions should show dividers.\n   */\n  hasDividers?: boolean;\n  /**\n   * Header slot.\n   */\n  header?: ReactNode;\n  /**\n   * Layout height behavior. Default is `fill`.\n   */\n  height?: LayoutHeight;\n  /**\n   * Outer padding for layout edges.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Start panel slot.\n   */\n  start?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction AreaProvider({\n  area,\n  children,\n}: {\n  area: LayoutArea;\n  children?: ReactNode;\n}): React.JSX.Element | null {\n  if (!isReactNode(children)) {\n    return null;\n  }\n\n  return <LayoutAreaContext value={area}>{children}</LayoutAreaContext>;\n}\n\nexport function Layout({\n  className,\n  content,\n  'data-testid': dataTestId,\n  hasDividers = true,\n  end,\n  footer,\n  header,\n  height = 'fill',\n  padding,\n  ref,\n  start,\n  style,\n}: LayoutProps): React.JSX.Element {\n  const dividerValue = useMemo(() => ({hasDividers}), [hasDividers]);\n  const classes = layoutRecipe({height, padding});\n\n  return (\n    <LayoutDividerContext value={dividerValue}>\n      <div\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <AreaProvider area=\"header\">{header}</AreaProvider>\n        <div className={classes.middle}>\n          <AreaProvider area=\"start\">{start}</AreaProvider>\n          <div className={classes.content}>\n            <AreaProvider area=\"content\">{content}</AreaProvider>\n          </div>\n          <AreaProvider area=\"end\">{end}</AreaProvider>\n        </div>\n        <AreaProvider area=\"footer\">{footer}</AreaProvider>\n      </div>\n    </LayoutDividerContext>\n  );\n}\n\nLayout.displayName = 'Layout';\n","import type {ComponentPropsWithRef, ElementType} from 'react';\nimport {\n  layoutContentRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport interface LayoutContentProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * HTML element to render. Default is `div`.\n   */\n  as?: ElementType;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the content area scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n}\n\n/**\n * Scrollable main content area within a Layout. Fills the remaining space\n * between panels and stretches to fill the available height.\n */\nexport function LayoutContent({\n  as: Element = 'div',\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  ...rest\n}: LayoutContentProps): React.JSX.Element {\n  return (\n    <Element\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutContentRecipe({isScrollable}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={style}>\n      {children}\n    </Element>\n  );\n}\n\nLayoutContent.displayName = 'LayoutContent';\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {\n  layoutFooterRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\ninterface LayoutFooterBaseProps {\n  /**\n   * Additional CSS class names applied to the footer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height for the footer.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the footer landmark.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the footer element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the footer.\n   */\n  style?: CSSProperties;\n}\n\ninterface LayoutFooterCustomProps extends LayoutFooterBaseProps {\n  /**\n   * Custom footer content rendered inside the footer shell.\n   */\n  children: ReactNode;\n  primaryButton?: never;\n  secondaryButton?: never;\n  startContent?: never;\n}\n\ninterface LayoutFooterActionsProps extends LayoutFooterBaseProps {\n  children?: never;\n  /**\n   * Primary action button, rendered rightmost.\n   */\n  primaryButton?: ReactNode;\n  /**\n   * Secondary action button, rendered left of the primary button.\n   */\n  secondaryButton?: ReactNode;\n  /**\n   * Content rendered at the start (left) of the footer.\n   */\n  startContent?: ReactNode;\n}\n\n/**\n * Footer landmark region within a Layout. Use action slots for the standard\n * footer layout, or children for a custom footer inside the same shell.\n */\nexport type LayoutFooterProps =\n  | LayoutFooterActionsProps\n  | LayoutFooterCustomProps;\n\n/**\n * Footer landmark region within a Layout.\n */\nexport function LayoutFooter({\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  label,\n  padding = 4,\n  primaryButton,\n  ref,\n  secondaryButton,\n  startContent,\n  style,\n}: LayoutFooterProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const isCustom = isReactNode(children);\n  const hasActions = isReactNode(primaryButton) || isReactNode(secondaryButton);\n  const classes = layoutFooterRecipe({hasDivider, isCustom});\n\n  return (\n    <footer\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-divider={hasDivider || undefined}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isCustom ? (\n          children\n        ) : (\n          <>\n            {isReactNode(startContent) ? (\n              <div className={classes.start}>{startContent}</div>\n            ) : null}\n            {hasActions ? (\n              <div className={classes.actions}>\n                {secondaryButton}\n                {primaryButton}\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n    </footer>\n  );\n}\n\nLayoutFooter.displayName = 'LayoutFooter';\n","'use client';\n\nimport {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {useDialogContext} from 'components/Dialog/DialogContext';\nimport {\n  layoutHeaderRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {Heading, Text, type HeadingLevel} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport interface LayoutHeaderProps {\n  /**\n   * Cross-axis alignment of the start content, title, and end content within\n   * the header row. Default is `start`.\n   */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Additional CSS class names applied to the header.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the header.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the title area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Fixed height for the header.\n   */\n  height?: number | string;\n  /**\n   * Accessible label for the header landmark.\n   */\n  label?: string;\n  /**\n   * Semantic heading level used for the title.\n   * @default 4\n   */\n  level?: HeadingLevel;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the header element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Content rendered before the title area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the header.\n   */\n  style?: CSSProperties;\n  /**\n   * Supporting text displayed below the title.\n   */\n  subtitle?: string;\n  /**\n   * Primary header title.\n   */\n  title: string;\n}\n\n/**\n * Header landmark region within a Layout with a structured title,\n * optional subtitle, and start/end content slots.\n *\n * When rendered inside a Dialog, a close button is automatically\n * appended after `endContent`. The button calls `onOpenChange(false)`\n * on the parent Dialog and the title receives initial focus.\n */\nexport function LayoutHeader({\n  align = 'start',\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  height,\n  label,\n  level = 4,\n  padding = 4,\n  ref,\n  startContent,\n  style,\n  subtitle,\n  title,\n}: LayoutHeaderProps): React.JSX.Element {\n  const dividerContext = useLayoutDivider();\n  const dialogContext = useDialogContext();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const rootStyle: CSSProperties = {height, ...style};\n  const classes = layoutHeaderRecipe({align, hasDivider});\n\n  const closeButton =\n    dialogContext != null ? (\n      <Button\n        className={classes.closeButton}\n        icon={X}\n        isIconOnly\n        label=\"Close\"\n        onClick={() => dialogContext.onOpenChange(false)}\n        variant=\"ghost\"\n      />\n    ) : null;\n  const hasEnd = isReactNode(endContent) || closeButton != null;\n\n  return (\n    <header\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={rootStyle}>\n      <div className={cx(classes.inner, layoutRegionRecipe({padding}))}>\n        {isReactNode(startContent) ? (\n          <div className={classes.actions}>{startContent}</div>\n        ) : null}\n        <div className={classes.titleArea}>\n          <Heading\n            data-dialog-autofocus={dialogContext != null ? 'true' : undefined}\n            id={dialogContext?.titleId}\n            level={level}\n            tabIndex={dialogContext != null ? -1 : undefined}>\n            {title}\n          </Heading>\n          {subtitle != null ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {subtitle}\n            </Text>\n          ) : null}\n        </div>\n        {hasEnd ? (\n          <div className={classes.actions}>\n            {endContent}\n            {closeButton}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n\nLayoutHeader.displayName = 'LayoutHeader';\n","'use client';\n\nimport type {ComponentPropsWithRef} from 'react';\nimport {\n  layoutPanelRecipe,\n  layoutRegionRecipe,\n} from 'components/Layout/Layout.recipe';\nimport {useLayoutArea, useLayoutDivider} from 'components/Layout/LayoutContext';\nimport {cx} from 'internal/cx';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport interface LayoutPanelProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the panel scrolls when it overflows.\n   */\n  isScrollable?: boolean;\n  /**\n   * Accessible label. Automatically sets role=\"region\" when provided.\n   */\n  label?: string;\n  /**\n   * Inner padding.\n   */\n  padding?: SpacingToken;\n  /**\n   * Fixed width for the panel.\n   */\n  width?: number | string;\n}\n\n/**\n * Side panel region within a Layout. Placed in the start or end slot,\n * with optional dividers and scrolling.\n */\nexport function LayoutPanel({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isScrollable = true,\n  label,\n  padding = 4,\n  ref,\n  role,\n  style,\n  width,\n  ...rest\n}: LayoutPanelProps): React.JSX.Element {\n  const area = useLayoutArea();\n  const dividerContext = useLayoutDivider();\n  const hasDivider = dividerContext?.hasDividers ?? false;\n  const divider =\n    hasDivider && (area === 'start' || area === 'end') ? area : 'none';\n\n  return (\n    <div\n      {...rest}\n      aria-label={label}\n      className={cx(\n        layoutPanelRecipe({isScrollable, divider}),\n        layoutRegionRecipe({padding}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role ?? (label != null ? 'region' : undefined)}\n      style={{width, ...style}}>\n      {children}\n    </div>\n  );\n}\n\nLayoutPanel.displayName = 'LayoutPanel';\n"]}

package/dist/{chunk-ZDZ7FW6V.cjs → chunk-K2KOXVGA.cjs}

@@ -1,10 +1,11 @@
+'use client';
 'use strict';
 
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkHIFJC2HY_cjs = require('./chunk-HIFJC2HY.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
-var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
+var chunk6VY3VM5W_cjs = require('./chunk-6VY3VM5W.cjs');
+var chunkEPQKIFGY_cjs = require('./chunk-EPQKIFGY.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -64,9 +65,9 @@ function TextArea({
   const counterID = maxLength != null ? `${inputId}-counter` : void 0;
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID, counterID);
   const isOverLimit = maxLength != null && value.length > maxLength;
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkHIFJC2HY_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkRX2FXCIH_cjs.Field,
+    chunkHIFJC2HY_cjs.Field,
     {
       className,
       description,
@@ -120,13 +121,13 @@ function TextArea({
                   value
                 }
               ),
-              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6VY3VM5W_cjs.Spinner, { size: "sm" }) : null,
               status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
             ]
           }
         ),
         maxLength != null ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkCKDB7QNT_cjs.Text,
+          chunkEPQKIFGY_cjs.Text,
           {
             as: "span",
             className: chunkSPDVNY2Z_cjs.cx(
@@ -150,5 +151,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 exports.TextArea = TextArea;
-//# sourceMappingURL=chunk-ZDZ7FW6V.cjs.map
-//# sourceMappingURL=chunk-ZDZ7FW6V.cjs.map
+//# sourceMappingURL=chunk-K2KOXVGA.cjs.map
+//# sourceMappingURL=chunk-K2KOXVGA.cjs.map

package/dist/chunk-K2KOXVGA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":["css","useId","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsxs","Field","cx","inputRecipe","jsx","inputStyles","Icon","Spinner","getStatusIcon","Text"],"mappings":";;;;;;;;;;;;;;AA6IA,IAAM,MAAA,GAAS;AAAA,EACb,SAASA,qBAAA,CAAI;AAAA,IACX,UAAA,EAAY,YAAA;AAAA,IACZ,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,MAAA,EAAQ,UAAA;AAAA,IACR,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,SAAA,EAAW,UAAA;AAAA,IACX,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,kBAAkBA,qBAAA,CAAI;AAAA,IACpB,KAAA,EAAO;AAAA,GACR;AACH,CAAA;AAKO,SAAS,QAAA,CAAS;AAAA,EACvB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,CAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,aAAA,GAAgB,IAAA;AAAA,EAChB,YAAA,GAAe,KAAA;AAAA,EACf,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAAqC;AACnC,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,gBAAgBC,6BAAA,CAAY,WAAW,CAAA,GACzC,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GACV,MAAA;AACJ,EAAA,MAAM,eAAA,GAAkBC,oCAAA,CAAmB,OAAA,EAAS,MAAM,CAAA;AAC1D,EAAA,MAAM,SAAA,GAAY,SAAA,IAAa,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,QAAA,CAAA,GAAa,MAAA;AAC7D,EAAA,MAAM,WAAA,GAAcC,gCAAA,CAAe,aAAA,EAAe,eAAA,EAAiB,SAAS,CAAA;AAC5E,EAAA,MAAM,WAAA,GAAc,SAAA,IAAa,IAAA,IAAQ,KAAA,CAAM,MAAA,GAAS,SAAA;AAExD,EAAA,MAAM,SAAA,GAAYC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAErD,EAAA,uBACEC,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAD,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWE,oBAAA;AAAA,cACTC,6BAAA,CAAY;AAAA,gBACV,IAAA;AAAA,gBACA,QAAQ,MAAA,EAAQ,IAAA;AAAA,gBAChB;AAAA,eACD,CAAA;AAAA,cACD,MAAA,CAAO;AAAA,aACT;AAAA,YACC,QAAA,EAAA;AAAA,cAAA,SAAA,IAAa,IAAA,mBACZC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,8BAAY,QAAA,EAC3B,QAAA,kBAAAD,cAAA,CAACE,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,8BACJF,cAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,aAAW,SAAA,IAAa,MAAA;AAAA,kBACxB,kBAAA,EAAkB,WAAA;AAAA,kBAClB,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,WAAA,IAAe,MAAA;AAAA,kBACzD,iBAAe,UAAA,IAAc,MAAA;AAAA,kBAE7B,SAAA,EAAW,YAAA;AAAA,kBACX,SAAA,EAAWF,oBAAA,CAAGG,6BAAA,CAAY,OAAA,EAAS,OAAO,QAAQ,CAAA;AAAA,kBAClD,kBAAgB,YAAA,IAAgB,MAAA;AAAA,kBAChC,aAAA,EAAa,UAAA;AAAA,kBACb,QAAA,EAAU,UAAA;AAAA,kBACV,EAAA,EAAI,OAAA;AAAA,kBACJ,SAAA;AAAA,kBACA,IAAA,EAAM,QAAA;AAAA,kBACN,MAAA;AAAA,kBACA,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,MAAA,CAAO,OAAO,KAAK,CAAA;AAAA,kBACrD,OAAA;AAAA,kBACA,OAAA;AAAA,kBACA,WAAA;AAAA,kBACA,GAAA;AAAA,kBACA,IAAA;AAAA,kBACA,UAAA,EAAY,aAAA;AAAA,kBACZ;AAAA;AAAA,eACF;AAAA,cACC,SAAA,mBAAYD,cAAA,CAACG,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,cACpC,MAAA,IAAU,IAAA,mBACTH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,6BAAA,CAAY,QAAA,EAC1B,QAAA,EAAAG,+BAAA,CAAc,MAAA,CAAO,IAAI,CAAA,EAC5B,CAAA,GACE;AAAA;AAAA;AAAA,SACN;AAAA,QACC,aAAa,IAAA,mBACZR,eAAA;AAAA,UAACS,sBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,SAAA,EAAWP,oBAAA;AAAA,cACT,MAAA,CAAO,OAAA;AAAA,cACP,WAAA,GAAc,OAAO,gBAAA,GAAmB;AAAA,aAC1C;AAAA,YACA,KAAA,EAAM,WAAA;AAAA,YACN,EAAA,EAAI,SAAA;AAAA,YACJ,IAAA,EAAK,YAAA;AAAA,YACJ,QAAA,EAAA;AAAA,cAAA,KAAA,CAAM,MAAA;AAAA,cAAO,GAAA;AAAA,cAAE;AAAA;AAAA;AAAA,SAClB,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-K2KOXVGA.cjs","sourcesContent":["'use client';\n\nimport {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\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 {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 {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea 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 textarea 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 content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): 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 counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\n\n  const necessity = getNecessity(isOptional, isRequired);\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\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      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}