silver-ui 0.5.0 → 0.7.1

package/dist/{chunk-2WTHSGDP.cjs → chunk-NMC7QG2X.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkI2NG2P5K_cjs = require('./chunk-I2NG2P5K.cjs');
+var chunkKLPVBJGZ_cjs = require('./chunk-KLPVBJGZ.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
+var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
+var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -56,9 +56,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 = chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFFF57VHO_cjs.Field,
+    chunkRX2FXCIH_cjs.Field,
     {
       className,
       description,
@@ -85,10 +85,10 @@ function DateRangeInput({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkL5JS6P62_cjs.Popover,
+              chunkMYSLJWCW_cjs.Popover,
               {
                 content: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkI2NG2P5K_cjs.Calendar,
+                  chunkKLPVBJGZ_cjs.Calendar,
                   {
                     getIsDateDisabled,
                     max,
@@ -111,7 +111,7 @@ function DateRangeInput({
                 onOpenChange: setIsOpen,
                 padding: 3,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk5XMWGK3O_cjs.Button,
+                  chunkWOVSJHY6_cjs.Button,
                   {
                     icon: lucideReact.CalendarIcon,
                     isDisabled,
@@ -146,7 +146,7 @@ function DateRangeInput({
               }
             ),
             hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5XMWGK3O_cjs.Button,
+              chunkWOVSJHY6_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -156,7 +156,7 @@ function DateRangeInput({
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm" }) : null,
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
             status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
@@ -167,5 +167,5 @@ function DateRangeInput({
 DateRangeInput.displayName = "DateRangeInput";
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=chunk-2WTHSGDP.cjs.map
-//# sourceMappingURL=chunk-2WTHSGDP.cjs.map
+//# sourceMappingURL=chunk-NMC7QG2X.cjs.map
+//# sourceMappingURL=chunk-NMC7QG2X.cjs.map

package/dist/{chunk-2WTHSGDP.cjs.map → chunk-NMC7QG2X.cjs.map}

@@ -1 +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":"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","file":"chunk-2WTHSGDP.cjs","sourcesContent":["import {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"]}
+{"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":"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","file":"chunk-NMC7QG2X.cjs","sourcesContent":["import {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-6EYLEVC6.js → chunk-NSWKBWPP.js}

@@ -1,6 +1,6 @@
 import { useDialogContext } from './chunk-BKKLUIIU.js';
-import { Button } from './chunk-THTVYP5V.js';
-import { Heading, Text } from './chunk-RJEZBOSH.js';
+import { Button } from './chunk-EBV3EX3J.js';
+import { Heading, Text } from './chunk-5GSRIOXE.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cva } from './chunk-FMEIPGUP.js';
@@ -126,7 +126,6 @@ var layoutHeaderRecipe = sva({
     },
     inner: {
       display: "flex",
-      alignItems: "flex-start",
       justifyContent: "space-between",
       gap: "3"
     },
@@ -149,6 +148,12 @@ var layoutHeaderRecipe = sva({
     }
   },
   variants: {
+    // Cross-axis alignment of the start/title/end slots within the header row.
+    align: {
+      start: { inner: { alignItems: "flex-start" } },
+      center: { inner: { alignItems: "center" } },
+      end: { inner: { alignItems: "flex-end" } }
+    },
     hasDivider: {
       true: {
         root: {
@@ -160,6 +165,7 @@ var layoutHeaderRecipe = sva({
     }
   },
   defaultVariants: {
+    align: "start",
     hasDivider: false
   }
 });
@@ -348,11 +354,13 @@ function LayoutFooter({
 }
 LayoutFooter.displayName = "LayoutFooter";
 function LayoutHeader({
+  align = "start",
   className,
   "data-testid": dataTestId,
   endContent,
   height,
   label,
+  level = 4,
   padding = 4,
   ref,
   startContent,
@@ -364,7 +372,7 @@ function LayoutHeader({
   const dialogContext = useDialogContext();
   const hasDivider = dividerContext?.hasDividers ?? false;
   const rootStyle = { height, ...style };
-  const classes = layoutHeaderRecipe({ hasDivider });
+  const classes = layoutHeaderRecipe({ align, hasDivider });
   const closeButton = dialogContext != null ? /* @__PURE__ */ jsx(
     Button,
     {
@@ -393,7 +401,7 @@ function LayoutHeader({
             {
               "data-dialog-autofocus": dialogContext != null ? "true" : void 0,
               id: dialogContext?.titleId,
-              level: 4,
+              level,
               tabIndex: dialogContext != null ? -1 : void 0,
               children: title
             }
@@ -447,5 +455,5 @@ function LayoutPanel({
 LayoutPanel.displayName = "LayoutPanel";
 
 export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutPanel };
-//# sourceMappingURL=chunk-6EYLEVC6.js.map
-//# sourceMappingURL=chunk-6EYLEVC6.js.map
+//# sourceMappingURL=chunk-NSWKBWPP.js.map
+//# sourceMappingURL=chunk-NSWKBWPP.js.map

package/dist/chunk-NSWKBWPP.js.map

@@ -0,0 +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"]}

package/dist/{chunk-FNRYGCO3.js → chunk-NYOZQE6P.js}

@@ -1,6 +1,6 @@
-import { DropdownMenu } from './chunk-TH537HOM.js';
+import { DropdownMenu } from './chunk-PQXPYN23.js';
 import { ButtonGroup } from './chunk-D3CHBU46.js';
-import { Button } from './chunk-THTVYP5V.js';
+import { Button } from './chunk-EBV3EX3J.js';
 import { ChevronDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,5 +74,5 @@ function SplitButton({
 SplitButton.displayName = "SplitButton";
 
 export { SplitButton };
-//# sourceMappingURL=chunk-FNRYGCO3.js.map
-//# sourceMappingURL=chunk-FNRYGCO3.js.map
+//# sourceMappingURL=chunk-NYOZQE6P.js.map
+//# sourceMappingURL=chunk-NYOZQE6P.js.map

package/dist/{chunk-FNRYGCO3.js.map → chunk-NYOZQE6P.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAM,WAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-FNRYGCO3.js","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAM,WAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-NYOZQE6P.js","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}