@cimpress-ui/react 0.2.1 → 0.4.0

package/dist/esm/components/date-picker/views/view-provider.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const DatePickerViewContext = createContext(null);
+/** @internal */
+export function DatePickerViewProvider({ children, currentView, switchToView, focusedDate, setFocusedDate, }) {
+    return (_jsx(DatePickerViewContext.Provider, { value: { currentView, switchToView, focusedDate, setFocusedDate }, children: children }));
+}
+/** @internal */
+// eslint-disable-next-line react-refresh/only-export-components
+export function useDatePickerView() {
+    const state = useContext(DatePickerViewContext);
+    if (!state) {
+        throw new Error('Cannot use date picker view state outside of a date picker');
+    }
+    return state;
+}
+//# sourceMappingURL=view-provider.js.map

package/dist/esm/components/date-picker/views/view-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-provider.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/views/view-provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAYlE,MAAM,qBAAqB,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAM9E,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,GACc;IAC5B,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAC9F,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,gEAAgE;AAChE,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAChD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import type { CalendarDate } from '@internationalized/date';\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/** @internal */\nexport type DatePickerView = 'month' | 'year' | 'multi-year';\n\ninterface DatePickerViewState {\n  currentView: DatePickerView;\n  switchToView: (value: DatePickerView) => void;\n  focusedDate: CalendarDate;\n  setFocusedDate: (value: CalendarDate) => void;\n}\n\nconst DatePickerViewContext = createContext<DatePickerViewState | null>(null);\n\ninterface DatePickerViewProviderProps extends DatePickerViewState {\n  children: ReactNode;\n}\n\n/** @internal */\nexport function DatePickerViewProvider({\n  children,\n  currentView,\n  switchToView,\n  focusedDate,\n  setFocusedDate,\n}: DatePickerViewProviderProps) {\n  return (\n    <DatePickerViewContext.Provider value={{ currentView, switchToView, focusedDate, setFocusedDate }}>\n      {children}\n    </DatePickerViewContext.Provider>\n  );\n}\n\n/** @internal */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useDatePickerView(): DatePickerViewState {\n  const state = useContext(DatePickerViewContext);\n  if (!state) {\n    throw new Error('Cannot use date picker view state outside of a date picker');\n  }\n\n  return state;\n}\n"]}

package/dist/esm/components/date-picker/views/year/use-year-view-state.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-year-view-state.d.ts.map

package/dist/esm/components/date-picker/views/year/use-year-view-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-year-view-state.d.ts","sourceRoot":"","sources":["../../../../../../src/components/date-picker/views/year/use-year-view-state.ts"],"names":[],"mappings":""}

package/dist/esm/components/date-picker/views/year/use-year-view-state.js

@@ -0,0 +1,155 @@
+import { endOfMonth, endOfYear, isSameDay, isSameMonth, isSameYear, startOfMonth, startOfYear, today, } from '@internationalized/date';
+import { useContext, useMemo, useState } from 'react';
+import { useDateFormatter } from 'react-aria';
+import { CalendarStateContext as RACCalendarStateContext } from 'react-aria-components';
+import { useLocalizedMessages } from '../../../../i18n/index.js';
+import { constrainValue, getEraFormat, isDateInvalid } from '../../utils.js';
+import { useDatePickerView } from './../view-provider.js';
+const ITEMS_PER_ROW = 3;
+const YEARS_SKIP_AMOUNT = 10;
+/** @internal */
+export function useYearViewState() {
+    const calendarState = useContext(RACCalendarStateContext);
+    const { switchToView, focusedDate, setFocusedDate } = useDatePickerView();
+    const messages = useLocalizedMessages('datePicker');
+    const [isFocused, setIsFocused] = useState(true);
+    const currentDate = useMemo(() => today(calendarState.timeZone), [calendarState.timeZone]);
+    const monthFormatter = useDateFormatter({
+        month: 'short',
+        calendar: focusedDate.calendar.identifier,
+        timeZone: calendarState.timeZone,
+    });
+    const monthAriaLabelFormatter = useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        calendar: focusedDate.calendar.identifier,
+        timeZone: calendarState.timeZone,
+    });
+    const yearFormatter = useDateFormatter({
+        year: 'numeric',
+        era: getEraFormat(focusedDate),
+        calendar: focusedDate.calendar.identifier,
+        timeZone: calendarState.timeZone,
+    });
+    // Some calendars have more than 12 months, and in some calendars the number of months varies per year.
+    // This can result in partially filled grid rows.
+    // Detect this to keep keyboard navigation between rows consistent.
+    const monthCount = focusedDate.calendar.getMonthsInYear(focusedDate);
+    const previousYearMonthCount = focusedDate.calendar.getMonthsInYear(focusedDate.subtract({ years: 1 }));
+    const partialRowMonthCount = monthCount % ITEMS_PER_ROW;
+    const previousYearPartialRowMonthCount = previousYearMonthCount % ITEMS_PER_ROW;
+    const data = useMemo(() => {
+        const rowCount = Math.ceil(monthCount / ITEMS_PER_ROW);
+        const result = new Array(rowCount);
+        for (let rowIdx = 0; rowIdx < rowCount; rowIdx++) {
+            result[rowIdx] = new Array(ITEMS_PER_ROW).fill(null);
+        }
+        for (let monthIdx = 0; monthIdx < monthCount; monthIdx++) {
+            const rowIdx = Math.floor(monthIdx / ITEMS_PER_ROW);
+            const colIdx = monthIdx % ITEMS_PER_ROW;
+            const date = focusedDate.set({ month: monthIdx + 1 });
+            const nativeDate = date.toDate(calendarState.timeZone);
+            result[rowIdx][colIdx] = {
+                date,
+                content: monthFormatter.format(nativeDate),
+                ariaLabel: monthAriaLabelFormatter.format(nativeDate),
+                isCurrent: isSameYear(date, currentDate) && isSameMonth(date, currentDate),
+            };
+        }
+        return result;
+    }, [monthCount, calendarState.timeZone, focusedDate, monthFormatter, monthAriaLabelFormatter, currentDate]);
+    const focusCell = (date) => {
+        setFocusedDate(constrainValue(date, calendarState.minValue, calendarState.maxValue));
+    };
+    return {
+        header: yearFormatter.format(focusedDate.toDate(calendarState.timeZone)),
+        previousLabel: messages.format('previousYear'),
+        nextLabel: messages.format('nextYear'),
+        data,
+        isReadOnly: calendarState.isReadOnly,
+        isDisabled: calendarState.isDisabled,
+        isFocused,
+        setIsFocused,
+        focusedDate,
+        setFocusedDate,
+        timeZone: calendarState.timeZone,
+        focusPreviousItem() {
+            focusCell(focusedDate.subtract({ months: 1 }));
+        },
+        focusNextItem() {
+            focusCell(focusedDate.add({ months: 1 }));
+        },
+        focusPreviousRow() {
+            const currentMonth = focusedDate.month;
+            let monthsToSubtract;
+            if (currentMonth <= previousYearPartialRowMonthCount) {
+                monthsToSubtract = previousYearPartialRowMonthCount;
+            }
+            else if (currentMonth <= ITEMS_PER_ROW) {
+                monthsToSubtract = ITEMS_PER_ROW + previousYearPartialRowMonthCount;
+            }
+            else {
+                monthsToSubtract = ITEMS_PER_ROW;
+            }
+            focusCell(focusedDate.subtract({
+                months: monthsToSubtract,
+            }));
+        },
+        focusNextRow() {
+            const currentMonth = focusedDate.month;
+            let monthsToAdd;
+            if (currentMonth > monthCount - partialRowMonthCount) {
+                monthsToAdd = partialRowMonthCount;
+            }
+            else if (currentMonth + ITEMS_PER_ROW > monthCount) {
+                monthsToAdd = ITEMS_PER_ROW + partialRowMonthCount;
+            }
+            else {
+                monthsToAdd = ITEMS_PER_ROW;
+            }
+            focusCell(focusedDate.add({
+                months: monthsToAdd,
+            }));
+        },
+        focusSectionStart() {
+            focusCell(startOfYear(focusedDate).set({ day: focusedDate.day }));
+        },
+        focusSectionEnd() {
+            focusCell(endOfYear(focusedDate).set({ day: focusedDate.day }));
+        },
+        focusPreviousSection(shouldSkip) {
+            focusCell(focusedDate.subtract({ years: shouldSkip ? YEARS_SKIP_AMOUNT : 1 }));
+        },
+        focusNextSection(shouldSkip) {
+            focusCell(focusedDate.add({ years: shouldSkip ? YEARS_SKIP_AMOUNT : 1 }));
+        },
+        isPreviousSectionInvalid() {
+            const current = startOfYear(focusedDate);
+            const prev = current.subtract({ days: 1 });
+            return (isDateInvalid(current, calendarState.minValue, calendarState.maxValue) ||
+                isDateInvalid(prev, calendarState.minValue, calendarState.maxValue) ||
+                isSameDay(prev, current));
+        },
+        isNextSectionInvalid() {
+            const current = endOfYear(focusedDate);
+            const next = current.add({ days: 1 });
+            return (isDateInvalid(current, calendarState.minValue, calendarState.maxValue) ||
+                isDateInvalid(next, calendarState.minValue, calendarState.maxValue) ||
+                isSameDay(next, current));
+        },
+        selectFocusedDate() {
+            switchToView('month');
+        },
+        isCellDisabled(date) {
+            return (isDateInvalid(endOfMonth(date), calendarState.minValue, null) ||
+                isDateInvalid(startOfMonth(date), null, calendarState.maxValue));
+        },
+        isCellSelected(date) {
+            return (calendarState.value !== null && isSameYear(date, calendarState.value) && isSameMonth(date, calendarState.value));
+        },
+        isCellTabbable(date) {
+            return isSameYear(date, focusedDate) && isSameMonth(date, focusedDate);
+        },
+    };
+}
+//# sourceMappingURL=use-year-view-state.js.map

package/dist/esm/components/date-picker/views/year/use-year-view-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-year-view-state.js","sourceRoot":"","sources":["../../../../../../src/components/date-picker/views/year/use-year-view-state.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  endOfMonth,\n  endOfYear,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  startOfMonth,\n  startOfYear,\n  type CalendarDate,\n  today,\n} from '@internationalized/date';\nimport { useContext, useMemo, useState } from 'react';\nimport { useDateFormatter } from 'react-aria';\nimport { CalendarStateContext as RACCalendarStateContext } from 'react-aria-components';\nimport { useLocalizedMessages } from '../../../../i18n/index.js';\nimport { constrainValue, getEraFormat, isDateInvalid } from '../../utils.js';\nimport type { ViewGridCellData, ViewGridState } from './../types.js';\nimport { useDatePickerView } from './../view-provider.js';\n\nconst ITEMS_PER_ROW = 3;\nconst YEARS_SKIP_AMOUNT = 10;\n\n/** @internal */\nexport function useYearViewState(): ViewGridState {\n  const calendarState = useContext(RACCalendarStateContext)!;\n  const { switchToView, focusedDate, setFocusedDate } = useDatePickerView();\n  const messages = useLocalizedMessages('datePicker');\n  const [isFocused, setIsFocused] = useState(true);\n\n  const currentDate = useMemo(() => today(calendarState.timeZone), [calendarState.timeZone]);\n\n  const monthFormatter = useDateFormatter({\n    month: 'short',\n    calendar: focusedDate.calendar.identifier,\n    timeZone: calendarState.timeZone,\n  });\n\n  const monthAriaLabelFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    calendar: focusedDate.calendar.identifier,\n    timeZone: calendarState.timeZone,\n  });\n\n  const yearFormatter = useDateFormatter({\n    year: 'numeric',\n    era: getEraFormat(focusedDate),\n    calendar: focusedDate.calendar.identifier,\n    timeZone: calendarState.timeZone,\n  });\n\n  // Some calendars have more than 12 months, and in some calendars the number of months varies per year.\n  // This can result in partially filled grid rows.\n  // Detect this to keep keyboard navigation between rows consistent.\n  const monthCount = focusedDate.calendar.getMonthsInYear(focusedDate);\n  const previousYearMonthCount = focusedDate.calendar.getMonthsInYear(focusedDate.subtract({ years: 1 }));\n  const partialRowMonthCount = monthCount % ITEMS_PER_ROW;\n  const previousYearPartialRowMonthCount = previousYearMonthCount % ITEMS_PER_ROW;\n\n  const data: (ViewGridCellData | null)[][] = useMemo(() => {\n    const rowCount = Math.ceil(monthCount / ITEMS_PER_ROW);\n    const result: (ViewGridCellData | null)[][] = new Array(rowCount);\n\n    for (let rowIdx = 0; rowIdx < rowCount; rowIdx++) {\n      result[rowIdx] = new Array(ITEMS_PER_ROW).fill(null);\n    }\n\n    for (let monthIdx = 0; monthIdx < monthCount; monthIdx++) {\n      const rowIdx = Math.floor(monthIdx / ITEMS_PER_ROW);\n      const colIdx = monthIdx % ITEMS_PER_ROW;\n\n      const date = focusedDate.set({ month: monthIdx + 1 });\n      const nativeDate = date.toDate(calendarState.timeZone);\n\n      result[rowIdx]![colIdx] = {\n        date,\n        content: monthFormatter.format(nativeDate),\n        ariaLabel: monthAriaLabelFormatter.format(nativeDate),\n        isCurrent: isSameYear(date, currentDate) && isSameMonth(date, currentDate),\n      };\n    }\n\n    return result;\n  }, [monthCount, calendarState.timeZone, focusedDate, monthFormatter, monthAriaLabelFormatter, currentDate]);\n\n  const focusCell = (date: CalendarDate) => {\n    setFocusedDate(constrainValue(date, calendarState.minValue, calendarState.maxValue));\n  };\n\n  return {\n    header: yearFormatter.format(focusedDate.toDate(calendarState.timeZone)),\n    previousLabel: messages.format('previousYear'),\n    nextLabel: messages.format('nextYear'),\n    data,\n    isReadOnly: calendarState.isReadOnly,\n    isDisabled: calendarState.isDisabled,\n    isFocused,\n    setIsFocused,\n    focusedDate,\n    setFocusedDate,\n    timeZone: calendarState.timeZone,\n    focusPreviousItem() {\n      focusCell(focusedDate.subtract({ months: 1 }));\n    },\n    focusNextItem() {\n      focusCell(focusedDate.add({ months: 1 }));\n    },\n    focusPreviousRow() {\n      const currentMonth = focusedDate.month;\n      let monthsToSubtract: number;\n\n      if (currentMonth <= previousYearPartialRowMonthCount) {\n        monthsToSubtract = previousYearPartialRowMonthCount;\n      } else if (currentMonth <= ITEMS_PER_ROW) {\n        monthsToSubtract = ITEMS_PER_ROW + previousYearPartialRowMonthCount;\n      } else {\n        monthsToSubtract = ITEMS_PER_ROW;\n      }\n\n      focusCell(\n        focusedDate.subtract({\n          months: monthsToSubtract,\n        }),\n      );\n    },\n    focusNextRow() {\n      const currentMonth = focusedDate.month;\n      let monthsToAdd: number;\n\n      if (currentMonth > monthCount - partialRowMonthCount) {\n        monthsToAdd = partialRowMonthCount;\n      } else if (currentMonth + ITEMS_PER_ROW > monthCount) {\n        monthsToAdd = ITEMS_PER_ROW + partialRowMonthCount;\n      } else {\n        monthsToAdd = ITEMS_PER_ROW;\n      }\n\n      focusCell(\n        focusedDate.add({\n          months: monthsToAdd,\n        }),\n      );\n    },\n    focusSectionStart() {\n      focusCell(startOfYear(focusedDate).set({ day: focusedDate.day }));\n    },\n    focusSectionEnd() {\n      focusCell(endOfYear(focusedDate).set({ day: focusedDate.day }));\n    },\n    focusPreviousSection(shouldSkip) {\n      focusCell(focusedDate.subtract({ years: shouldSkip ? YEARS_SKIP_AMOUNT : 1 }));\n    },\n    focusNextSection(shouldSkip) {\n      focusCell(focusedDate.add({ years: shouldSkip ? YEARS_SKIP_AMOUNT : 1 }));\n    },\n    isPreviousSectionInvalid() {\n      const current = startOfYear(focusedDate);\n      const prev = current.subtract({ days: 1 });\n\n      return (\n        isDateInvalid(current, calendarState.minValue, calendarState.maxValue) ||\n        isDateInvalid(prev, calendarState.minValue, calendarState.maxValue) ||\n        isSameDay(prev, current)\n      );\n    },\n    isNextSectionInvalid() {\n      const current = endOfYear(focusedDate);\n      const next = current.add({ days: 1 });\n\n      return (\n        isDateInvalid(current, calendarState.minValue, calendarState.maxValue) ||\n        isDateInvalid(next, calendarState.minValue, calendarState.maxValue) ||\n        isSameDay(next, current)\n      );\n    },\n    selectFocusedDate() {\n      switchToView('month');\n    },\n    isCellDisabled(date) {\n      return (\n        isDateInvalid(endOfMonth(date), calendarState.minValue, null) ||\n        isDateInvalid(startOfMonth(date), null, calendarState.maxValue)\n      );\n    },\n    isCellSelected(date) {\n      return (\n        calendarState.value !== null && isSameYear(date, calendarState.value) && isSameMonth(date, calendarState.value)\n      );\n    },\n    isCellTabbable(date) {\n      return isSameYear(date, focusedDate) && isSameMonth(date, focusedDate);\n    },\n  };\n}\n"]}

package/dist/esm/components/date-picker/views/year/year-view.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=year-view.d.ts.map

package/dist/esm/components/date-picker/views/year/year-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/date-picker/views/year/year-view.tsx"],"names":[],"mappings":""}

package/dist/esm/components/date-picker/views/year/year-view.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLocalizedMessages } from '../../../../i18n/index.js';
+import { Button } from '../../../button/button.js';
+import { IconButton } from '../../../button/icon-button.js';
+import { useViewHeader } from './../use-view-header.js';
+import { ViewGrid } from './../view-grid.js';
+import { useDatePickerView } from './../view-provider.js';
+import { useYearViewState } from './use-year-view-state.js';
+/** @internal */
+export function YearView() {
+    const { switchToView } = useDatePickerView();
+    const state = useYearViewState();
+    const { prevButtonProps, nextButtonProps } = useViewHeader(state);
+    const messages = useLocalizedMessages('datePicker');
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cim-date-picker-view-header", children: [_jsx(IconButton, { slot: null, ...prevButtonProps }), _jsx(Button, { slot: null, "aria-label": messages.format('switchToMultiYearView'), variant: "tertiary", onPress: () => switchToView('multi-year'), children: state.header }), _jsx(IconButton, { slot: null, ...nextButtonProps })] }), _jsx(ViewGrid, { state: state, className: "cim-date-picker-view-grid-year" })] }));
+}
+//# sourceMappingURL=year-view.js.map

package/dist/esm/components/date-picker/views/year/year-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-view.js","sourceRoot":"","sources":["../../../../../../src/components/date-picker/views/year/year-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,gBAAgB;AAChB,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEpD,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,KAAM,eAAe,GAAI,EAE/C,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,gBACE,QAAQ,CAAC,MAAM,CAAC,uBAAuB,CAAC,EACpD,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,YAExC,KAAK,CAAC,MAAM,GACN,EAET,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,KAAM,eAAe,GAAI,IAC3C,EAEN,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,gCAAgC,GAAG,IACpE,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useLocalizedMessages } from '../../../../i18n/index.js';\nimport { Button } from '../../../button/button.js';\nimport { IconButton } from '../../../button/icon-button.js';\nimport { useViewHeader } from './../use-view-header.js';\nimport { ViewGrid } from './../view-grid.js';\nimport { useDatePickerView } from './../view-provider.js';\nimport { useYearViewState } from './use-year-view-state.js';\n\n/** @internal */\nexport function YearView() {\n  const { switchToView } = useDatePickerView();\n  const state = useYearViewState();\n  const { prevButtonProps, nextButtonProps } = useViewHeader(state);\n  const messages = useLocalizedMessages('datePicker');\n\n  return (\n    <>\n      <div className=\"cim-date-picker-view-header\">\n        <IconButton slot={null} {...prevButtonProps} />\n\n        <Button\n          slot={null}\n          aria-label={messages.format('switchToMultiYearView')}\n          variant=\"tertiary\"\n          onPress={() => switchToView('multi-year')}\n        >\n          {state.header}\n        </Button>\n\n        <IconButton slot={null} {...nextButtonProps} />\n      </div>\n\n      <ViewGrid state={state} className=\"cim-date-picker-view-grid-year\" />\n    </>\n  );\n}\n"]}

package/dist/esm/components/dialog-root/dialog-root.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export interface DialogRootProps {
+    /** The dialog trigger with its associated dialog. Provide the trigger as the first child, and the dialog as the second child. */
+    children: ReactNode;
+    /** Whether the dialog is open (controlled). */
+    isOpen?: boolean;
+    /** Whether the dialog is open by default (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Handler that is called when the dialog's open state changes. */
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/**
+ * Encapsulates a dialog trigger and its associated dialog.
+ * The trigger can be any Cimpress UI button, and the dialog will be displayed when the trigger is activated.
+ */
+export declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogRoot {
+    var displayName: string;
+}
+//# sourceMappingURL=dialog-root.d.ts.map

package/dist/esm/components/dialog-root/dialog-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog-root/dialog-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,iIAAiI;IACjI,QAAQ,EAAE,SAAS,CAAC;IACpB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAEhD;yBAFe,UAAU"}

package/dist/esm/components/dialog-root/dialog-root.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogTrigger as RACDialogTrigger } from 'react-aria-components';
+/**
+ * Encapsulates a dialog trigger and its associated dialog.
+ * The trigger can be any Cimpress UI button, and the dialog will be displayed when the trigger is activated.
+ */
+export function DialogRoot(props) {
+    return _jsx(RACDialogTrigger, { ...props });
+}
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=dialog-root.js.map

package/dist/esm/components/dialog-root/dialog-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.js","sourceRoot":"","sources":["../../../../src/components/dialog-root/dialog-root.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAa1E;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC;AACzC,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { DialogTrigger as RACDialogTrigger } from 'react-aria-components';\n\nexport interface DialogRootProps {\n  /** The dialog trigger with its associated dialog. Provide the trigger as the first child, and the dialog as the second child. */\n  children: ReactNode;\n  /** Whether the dialog is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the dialog is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler that is called when the dialog's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Encapsulates a dialog trigger and its associated dialog.\n * The trigger can be any Cimpress UI button, and the dialog will be displayed when the trigger is activated.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nDialogRoot.displayName = 'DialogRoot';\n"]}

package/dist/esm/components/disclosure/context.d.ts

@@ -0,0 +1,3 @@
+export type DisclosureVariant = 'base' | 'subtle';
+export type DisclosureSize = 'small' | 'medium';
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/components/disclosure/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/disclosure/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/esm/components/disclosure/context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+/** @internal */
+export const DisclosureContext = createContext(null);
+//# sourceMappingURL=context.js.map

package/dist/esm/components/disclosure/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/disclosure/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWtC,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nexport type DisclosureVariant = 'base' | 'subtle';\nexport type DisclosureSize = 'small' | 'medium';\n\n/** @internal */\nexport interface DisclosureContextValue {\n  variant: DisclosureVariant;\n  size: DisclosureSize;\n}\n\n/** @internal */\nexport const DisclosureContext = createContext<DisclosureContextValue | null>(null);\n"]}

package/dist/esm/components/disclosure/disclosure-group.d.ts

@@ -1,10 +1,26 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type DisclosureGroupProps as RACDisclosureGroupProps } from 'react-aria-components';
 import type { CommonProps } from '../types.js';
-export interface UNSTABLE_DisclosureGroupProps extends CommonProps, Pick<RACDisclosureGroupProps, 'isDisabled' | 'allowsMultipleExpanded' | 'defaultExpandedKeys'> {
-    /** The disclosures to group together */
+import { type DisclosureSize, type DisclosureVariant } from './context.js';
+export interface DisclosureGroupProps extends CommonProps, Pick<RACDisclosureGroupProps, 'isDisabled' | 'allowsMultipleExpanded' | 'defaultExpandedKeys' | 'expandedKeys' | 'onExpandedChange'> {
+    /** The disclosures to group together. */
     children: ReactNode;
+    /**
+     * Determines the visual appearance of disclosures within this group.
+     * @default 'base'
+     */
+    variant?: DisclosureVariant;
+    /**
+     * Determines the size of disclosures within this group.
+     * @default 'medium'
+     */
+    size?: DisclosureSize;
 }
-declare const _DisclosureGroup: (props: UNSTABLE_DisclosureGroupProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
-export { _DisclosureGroup as UNSTABLE_DisclosureGroup };
+/**
+ * Displays a grouping of related disclosures.
+ *
+ * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
+ */
+declare const _DisclosureGroup: (props: DisclosureGroupProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _DisclosureGroup as DisclosureGroup };
 //# sourceMappingURL=disclosure-group.d.ts.map

package/dist/esm/components/disclosure/disclosure-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure-group.d.ts","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,KAAK,oBAAoB,IAAI,uBAAuB,EACrD,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,6BACf,SAAQ,WAAW,EACjB,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,wBAAwB,GAAG,qBAAqB,CAAC;IAChG,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAkBD,QAAA,MAAM,gBAAgB,+KAA0E,CAAC;AAEjG,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"disclosure-group.d.ts","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAEL,KAAK,oBAAoB,IAAI,uBAAuB,EACrD,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,oBACf,SAAQ,WAAW,EACjB,IAAI,CACF,uBAAuB,EACvB,YAAY,GAAG,wBAAwB,GAAG,qBAAqB,GAAG,cAAc,GAAG,kBAAkB,CACtG;IACH,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AA4BD;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,sKAAiE,CAAC;AAExF,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}

package/dist/esm/components/disclosure/disclosure-group.js

@@ -1,12 +1,23 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { useMemo } from 'react';
 import { DisclosureGroup as RACDisclosureGroup, } from 'react-aria-components';
 import { forwardRef } from '../../forward-ref.js';
 import { withStyleProps } from '../../with-style-props.js';
-function UNSTABLE_DisclosureGroup({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return (_jsx(RACDisclosureGroup, { ...props, ref: ref, className: clsx('cim-disclosure-group', UNSAFE_className), style: UNSAFE_style, children: children }));
+import { DisclosureContext, } from './context.js';
+function DisclosureGroup({ children, variant = 'base', size = 'medium', UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const disclosureContext = useMemo(() => ({
+        variant,
+        size,
+    }), [variant, size]);
+    return (_jsx(RACDisclosureGroup, { ...props, ref: ref, className: clsx('cim-disclosure-group', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-size": size, children: _jsx(DisclosureContext.Provider, { value: disclosureContext, children: children }) }));
 }
-const _DisclosureGroup = withStyleProps(forwardRef(UNSTABLE_DisclosureGroup), 'DisclosureGroup');
-export { _DisclosureGroup as UNSTABLE_DisclosureGroup };
+/**
+ * Displays a grouping of related disclosures.
+ *
+ * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
+ */
+const _DisclosureGroup = withStyleProps(forwardRef(DisclosureGroup), 'DisclosureGroup');
+export { _DisclosureGroup as DisclosureGroup };
 //# sourceMappingURL=disclosure-group.js.map

package/dist/esm/components/disclosure/disclosure-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure-group.js","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,eAAe,IAAI,kBAAkB,GAEtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAU3D,SAAS,wBAAwB,CAC/B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAiC,EACrF,GAAiC;IAEjC,OAAO,CACL,KAAC,kBAAkB,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,YAElB,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,wBAAwB,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAEjG,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport {\n  DisclosureGroup as RACDisclosureGroup,\n  type DisclosureGroupProps as RACDisclosureGroupProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface UNSTABLE_DisclosureGroupProps\n  extends CommonProps,\n    Pick<RACDisclosureGroupProps, 'isDisabled' | 'allowsMultipleExpanded' | 'defaultExpandedKeys'> {\n  /** The disclosures to group together */\n  children: ReactNode;\n}\n\nfunction UNSTABLE_DisclosureGroup(\n  { children, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_DisclosureGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACDisclosureGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-disclosure-group', UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      {children}\n    </RACDisclosureGroup>\n  );\n}\n\nconst _DisclosureGroup = withStyleProps(forwardRef(UNSTABLE_DisclosureGroup), 'DisclosureGroup');\n\nexport { _DisclosureGroup as UNSTABLE_DisclosureGroup };\n"]}
+{"version":3,"file":"disclosure-group.js","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAqC,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,eAAe,IAAI,kBAAkB,GAEtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EACL,iBAAiB,GAIlB,MAAM,cAAc,CAAC;AAsBtB,SAAS,eAAe,CACtB,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAwB,EAC/G,GAAiC;IAEjC,MAAM,iBAAiB,GAA2B,OAAO,CACvD,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,IAAI;KACL,CAAC,EACF,CAAC,OAAO,EAAE,IAAI,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,YAEf,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAAG,QAAQ,GAA8B,GAC1E,CACtB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAExF,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useMemo, type ForwardedRef, type ReactNode } from 'react';\nimport {\n  DisclosureGroup as RACDisclosureGroup,\n  type DisclosureGroupProps as RACDisclosureGroupProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } from '../types.js';\nimport {\n  DisclosureContext,\n  type DisclosureContextValue,\n  type DisclosureSize,\n  type DisclosureVariant,\n} from './context.js';\n\nexport interface DisclosureGroupProps\n  extends CommonProps,\n    Pick<\n      RACDisclosureGroupProps,\n      'isDisabled' | 'allowsMultipleExpanded' | 'defaultExpandedKeys' | 'expandedKeys' | 'onExpandedChange'\n    > {\n  /** The disclosures to group together. */\n  children: ReactNode;\n  /**\n   * Determines the visual appearance of disclosures within this group.\n   * @default 'base'\n   */\n  variant?: DisclosureVariant;\n  /**\n   * Determines the size of disclosures within this group.\n   * @default 'medium'\n   */\n  size?: DisclosureSize;\n}\n\nfunction DisclosureGroup(\n  { children, variant = 'base', size = 'medium', UNSAFE_className, UNSAFE_style, ...props }: DisclosureGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const disclosureContext: DisclosureContextValue = useMemo(\n    () => ({\n      variant,\n      size,\n    }),\n    [variant, size],\n  );\n\n  return (\n    <RACDisclosureGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-disclosure-group', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-size={size}\n    >\n      <DisclosureContext.Provider value={disclosureContext}>{children}</DisclosureContext.Provider>\n    </RACDisclosureGroup>\n  );\n}\n\n/**\n * Displays a grouping of related disclosures.\n *\n * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).\n */\nconst _DisclosureGroup = withStyleProps(forwardRef(DisclosureGroup), 'DisclosureGroup');\n\nexport { _DisclosureGroup as DisclosureGroup };\n"]}

package/dist/esm/components/disclosure/disclosure.d.ts

@@ -1,14 +1,50 @@
-import type { ReactNode } from 'react';
+import { type JSX, type ReactNode } from 'react';
 import { type DisclosureProps as RACDisclosureProps } from 'react-aria-components';
-import type { CommonProps, StringLikeChildren } from '../types.js';
-export interface UNSTABLE_DisclosureProps extends Omit<CommonProps, 'id'>, Pick<RACDisclosureProps, 'id' | 'isDisabled' | 'defaultExpanded'> {
-    /** The content to display when the disclosure is expanded */
+import type { CommonProps } from '../types.js';
+import { type DisclosureSize, type DisclosureVariant } from './context.js';
+export interface DisclosureProps extends Omit<CommonProps, 'id'>, Pick<RACDisclosureProps, 'id' | 'isDisabled' | 'defaultExpanded' | 'isExpanded' | 'onExpandedChange'> {
+    /** The content to display when the disclosure is expanded. */
     children: ReactNode;
-    /** The title that remains visible and triggers expand/collapse */
-    title: StringLikeChildren;
-    /** The content to display at the end of the heading */
-    contentEnd?: ReactNode;
+    /**
+     * Determines the visual appearance of the disclosure.
+     * If the disclosure is part of a group, this prop has no effect - provide `variant` to `DisclosureGroup` instead.
+     * @default 'base'
+     */
+    variant?: DisclosureVariant;
+    /**
+     * Determines the size of the disclosure.
+     * If the disclosure is part of a group, this prop has no effect - provide `size` to `DisclosureGroup` instead.
+     * @default 'medium'
+     */
+    size?: DisclosureSize;
+    /** The title that is always visible in the disclosure header. */
+    title: string;
+    /**
+     * An icon displayed before the disclosure title.
+     *
+     * Should not be used when size is set to `'small'` as icons won't be displayed at this size.
+     */
+    iconStart?: ReactNode;
+    /**
+     * An icon displayed after the disclosure title.
+     *
+     * Should not be used when size is set to `'small'` as icons won't be displayed at this size.
+     */
+    iconEnd?: ReactNode;
+    /**
+     * The badge displayed in the disclosure header.
+     *
+     * Should not be used when size is set to `'small'` as the badge won't be displayed at this size.
+     */
+    badge?: ReactNode;
+    /** The actions displayed in the disclosure header. */
+    actions?: ReactNode;
 }
-declare const _Disclosure: (props: UNSTABLE_DisclosureProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
-export { _Disclosure as UNSTABLE_Disclosure };
+/**
+ * Displays a collapsible section of content.
+ *
+ * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
+ */
+declare const _Disclosure: (props: DisclosureProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => JSX.Element | null;
+export { _Disclosure as Disclosure };
 //# sourceMappingURL=disclosure.d.ts.map

package/dist/esm/components/disclosure/disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAKL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGnE,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,YAAY,GAAG,iBAAiB,CAAC;IACnE,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,KAAK,EAAE,kBAAkB,CAAC;IAC1B,uDAAuD;IACvD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AA0BD,QAAA,MAAM,WAAW,0KAAgE,CAAC;AAElF,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,GAAG,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAKL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAO9F,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,YAAY,GAAG,iBAAiB,GAAG,YAAY,GAAG,kBAAkB,CAAC;IACvG,8DAA8D;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA8DD;;;;GAIG;AACH,QAAA,MAAM,WAAW,iJAAuD,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC"}

package/dist/esm/components/disclosure/disclosure.js

@@ -1,14 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { useContext } from 'react';
 import { Disclosure as RACDisclosure, Button as RACButton, Heading as RACHeading, DisclosurePanel as RACDisclosurePanel, } from 'react-aria-components';
 import { forwardRef } from '../../forward-ref.js';
-import { IconChevronDownFill } from '../../icons/index.js';
+import { IconChevronRight, IconChevronRightBold } from '../../icons/index.js';
 import { withStyleProps } from '../../with-style-props.js';
 import { Text } from '../typography/text.js';
-function UNSTABLE_Disclosure({ children, title, contentEnd, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return (_jsxs(RACDisclosure, { ref: ref, ...props, className: clsx('cim-disclosure', UNSAFE_className), style: UNSAFE_style, children: [_jsxs("div", { className: "cim-disclosure-heading-wrapper", children: [_jsx(RACHeading, { className: "cim-disclosure-heading", children: _jsxs(RACButton, { className: "cim-disclosure-button", slot: "trigger", children: [_jsx(IconChevronDownFill, { size: 24, UNSAFE_className: "cim-disclosure-icon" }), _jsx(Text, { as: "span", variant: "body-semibold", children: title })] }) }), contentEnd && _jsx("div", { className: "cim-disclosure-content-end", children: contentEnd })] }), _jsx(RACDisclosurePanel, { className: "cim-disclosure-panel", children: _jsx("div", { className: "cim-disclosure-panel-content", children: children }) })] }));
+import { DisclosureContext } from './context.js';
+const iconMap = {
+    medium: IconChevronRight,
+    small: IconChevronRightBold,
+};
+function Disclosure({ children, variant: ownVariant = 'base', size: ownSize = 'medium', title, iconStart, iconEnd, badge, actions, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const disclosureContext = useContext(DisclosureContext);
+    const variant = disclosureContext?.variant ?? ownVariant;
+    const size = disclosureContext?.size ?? ownSize;
+    const isMediumSize = size === 'medium';
+    const Icon = iconMap[size];
+    return (_jsxs(RACDisclosure, { ...props, ref: ref, className: clsx('cim-disclosure', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-size": size, children: [_jsxs("div", { className: "cim-disclosure-heading-wrapper", children: [_jsx(RACHeading, { className: "cim-disclosure-heading", children: _jsxs(RACButton, { className: "cim-disclosure-button", slot: "trigger", children: [_jsx(Icon, { size: isMediumSize ? 32 : 16, UNSAFE_className: "cim-disclosure-icon" }), isMediumSize && iconStart, _jsx(Text, { as: "h3", variant: isMediumSize ? 'body' : 'medium', children: title }), isMediumSize && iconEnd, isMediumSize && badge && _jsx("div", { className: "cim-disclosure-badge", children: badge })] }) }), actions && _jsx("div", { className: "cim-disclosure-actions", children: actions })] }), _jsx(RACDisclosurePanel, { className: "cim-disclosure-panel", children: _jsx("div", { className: "cim-disclosure-panel-content", children: _jsx(DisclosureContext.Provider, { value: null, children: children }) }) })] }));
 }
-const _Disclosure = withStyleProps(forwardRef(UNSTABLE_Disclosure), 'Disclosure');
-export { _Disclosure as UNSTABLE_Disclosure };
+/**
+ * Displays a collapsible section of content.
+ *
+ * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
+ */
+const _Disclosure = withStyleProps(forwardRef(Disclosure), 'Disclosure');
+export { _Disclosure as Disclosure };
 //# sourceMappingURL=disclosure.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,MAAM,IAAI,SAAS,EACnB,OAAO,IAAI,UAAU,EACrB,eAAe,IAAI,kBAAkB,GAEtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAa7C,SAAS,mBAAmB,CAC1B,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAA4B,EACnG,GAAiC;IAEjC,OAAO,CACL,MAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAC1G,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,YAC5C,MAAC,SAAS,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,aACzD,KAAC,mBAAmB,IAAC,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAC,qBAAqB,GAAG,EACxE,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,YACpC,KAAK,GACD,IACG,GACD,EACZ,UAAU,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,UAAU,GAAO,IACzE,EACN,KAAC,kBAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,cAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,GAC3C,IACP,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,CAAC;AAElF,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport {\n  Disclosure as RACDisclosure,\n  Button as RACButton,\n  Heading as RACHeading,\n  DisclosurePanel as RACDisclosurePanel,\n  type DisclosureProps as RACDisclosureProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconChevronDownFill } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_DisclosureProps\n  extends Omit<CommonProps, 'id'>,\n    Pick<RACDisclosureProps, 'id' | 'isDisabled' | 'defaultExpanded'> {\n  /** The content to display when the disclosure is expanded */\n  children: ReactNode;\n  /** The title that remains visible and triggers expand/collapse */\n  title: StringLikeChildren;\n  /** The content to display at the end of the heading */\n  contentEnd?: ReactNode;\n}\n\nfunction UNSTABLE_Disclosure(\n  { children, title, contentEnd, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_DisclosureProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACDisclosure ref={ref} {...props} className={clsx('cim-disclosure', UNSAFE_className)} style={UNSAFE_style}>\n      <div className=\"cim-disclosure-heading-wrapper\">\n        <RACHeading className=\"cim-disclosure-heading\">\n          <RACButton className=\"cim-disclosure-button\" slot=\"trigger\">\n            <IconChevronDownFill size={24} UNSAFE_className=\"cim-disclosure-icon\" />\n            <Text as=\"span\" variant=\"body-semibold\">\n              {title}\n            </Text>\n          </RACButton>\n        </RACHeading>\n        {contentEnd && <div className=\"cim-disclosure-content-end\">{contentEnd}</div>}\n      </div>\n      <RACDisclosurePanel className=\"cim-disclosure-panel\">\n        <div className=\"cim-disclosure-panel-content\">{children}</div>\n      </RACDisclosurePanel>\n    </RACDisclosure>\n  );\n}\n\nconst _Disclosure = withStyleProps(forwardRef(UNSTABLE_Disclosure), 'Disclosure');\n\nexport { _Disclosure as UNSTABLE_Disclosure };\n"]}
+{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../../src/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAY,UAAU,EAAqC,MAAM,OAAO,CAAC;AAChF,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,MAAM,IAAI,SAAS,EACnB,OAAO,IAAI,UAAU,EACrB,eAAe,IAAI,kBAAkB,GAEtC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAA+C,MAAM,cAAc,CAAC;AAE9F,MAAM,OAAO,GAA8D;IACzE,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AA2CF,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,MAAM,EAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,EACxB,KAAK,EACL,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACQ,EAClB,GAAiC;IAEjC,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,iBAAiB,EAAE,OAAO,IAAI,UAAU,CAAC;IACzD,MAAM,IAAI,GAAG,iBAAiB,EAAE,IAAI,IAAI,OAAO,CAAC;IAChD,MAAM,YAAY,GAAG,IAAI,KAAK,QAAQ,CAAC;IAEvC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3B,OAAO,CACL,MAAC,aAAa,OACR,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACnD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,aAEf,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,YAC5C,MAAC,SAAS,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,aACzD,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,gBAAgB,EAAC,qBAAqB,GAAG,EAE5E,YAAY,IAAI,SAAS,EAC1B,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,YACpD,KAAK,GACD,EACN,YAAY,IAAI,OAAO,EAEvB,YAAY,IAAI,KAAK,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAO,IACnE,GACD,EAEZ,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,IAC/D,EAEN,KAAC,kBAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,cAAK,SAAS,EAAC,8BAA8B,YAE3C,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAA8B,GAC5E,GACa,IACP,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { type JSX, useContext, type ForwardedRef, type ReactNode } from 'react';\nimport {\n  Disclosure as RACDisclosure,\n  Button as RACButton,\n  Heading as RACHeading,\n  DisclosurePanel as RACDisclosurePanel,\n  type DisclosureProps as RACDisclosureProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconChevronRight, IconChevronRightBold } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps, IconProps } from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { DisclosureContext, type DisclosureSize, type DisclosureVariant } from './context.js';\n\nconst iconMap: Record<DisclosureSize, (props: IconProps) => JSX.Element> = {\n  medium: IconChevronRight,\n  small: IconChevronRightBold,\n};\n\nexport interface DisclosureProps\n  extends Omit<CommonProps, 'id'>,\n    Pick<RACDisclosureProps, 'id' | 'isDisabled' | 'defaultExpanded' | 'isExpanded' | 'onExpandedChange'> {\n  /** The content to display when the disclosure is expanded. */\n  children: ReactNode;\n  /**\n   * Determines the visual appearance of the disclosure.\n   * If the disclosure is part of a group, this prop has no effect - provide `variant` to `DisclosureGroup` instead.\n   * @default 'base'\n   */\n  variant?: DisclosureVariant;\n  /**\n   * Determines the size of the disclosure.\n   * If the disclosure is part of a group, this prop has no effect - provide `size` to `DisclosureGroup` instead.\n   * @default 'medium'\n   */\n  size?: DisclosureSize;\n  /** The title that is always visible in the disclosure header. */\n  title: string;\n  /**\n   * An icon displayed before the disclosure title.\n   *\n   * Should not be used when size is set to `'small'` as icons won't be displayed at this size.\n   */\n  iconStart?: ReactNode;\n  /**\n   * An icon displayed after the disclosure title.\n   *\n   * Should not be used when size is set to `'small'` as icons won't be displayed at this size.\n   */\n  iconEnd?: ReactNode;\n  /**\n   * The badge displayed in the disclosure header.\n   *\n   * Should not be used when size is set to `'small'` as the badge won't be displayed at this size.\n   */\n  badge?: ReactNode;\n  /** The actions displayed in the disclosure header. */\n  actions?: ReactNode;\n}\n\nfunction Disclosure(\n  {\n    children,\n    variant: ownVariant = 'base',\n    size: ownSize = 'medium',\n    title,\n    iconStart,\n    iconEnd,\n    badge,\n    actions,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: DisclosureProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const disclosureContext = useContext(DisclosureContext);\n  const variant = disclosureContext?.variant ?? ownVariant;\n  const size = disclosureContext?.size ?? ownSize;\n  const isMediumSize = size === 'medium';\n\n  const Icon = iconMap[size];\n\n  return (\n    <RACDisclosure\n      {...props}\n      ref={ref}\n      className={clsx('cim-disclosure', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-size={size}\n    >\n      <div className=\"cim-disclosure-heading-wrapper\">\n        <RACHeading className=\"cim-disclosure-heading\">\n          <RACButton className=\"cim-disclosure-button\" slot=\"trigger\">\n            <Icon size={isMediumSize ? 32 : 16} UNSAFE_className=\"cim-disclosure-icon\" />\n\n            {isMediumSize && iconStart}\n            <Text as=\"h3\" variant={isMediumSize ? 'body' : 'medium'}>\n              {title}\n            </Text>\n            {isMediumSize && iconEnd}\n\n            {isMediumSize && badge && <div className=\"cim-disclosure-badge\">{badge}</div>}\n          </RACButton>\n        </RACHeading>\n\n        {actions && <div className=\"cim-disclosure-actions\">{actions}</div>}\n      </div>\n\n      <RACDisclosurePanel className=\"cim-disclosure-panel\">\n        <div className=\"cim-disclosure-panel-content\">\n          {/* Reset disclosure context to allow nesting disclosures */}\n          <DisclosureContext.Provider value={null}>{children}</DisclosureContext.Provider>\n        </div>\n      </RACDisclosurePanel>\n    </RACDisclosure>\n  );\n}\n\n/**\n * Displays a collapsible section of content.\n *\n * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).\n */\nconst _Disclosure = withStyleProps(forwardRef(Disclosure), 'Disclosure');\n\nexport { _Disclosure as Disclosure };\n"]}

package/dist/esm/components/divider/divider.d.ts

@@ -0,0 +1,12 @@
+import type { CommonProps } from '../types.js';
+export interface DividerProps extends CommonProps {
+    /**
+     * The orientation of the divider (horizontal or vertical).
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/** Renders a divider between adjacent content. */
+declare const _Divider: (props: DividerProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _Divider as Divider };
+//# sourceMappingURL=divider.d.ts.map

package/dist/esm/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAkBD,kDAAkD;AAClD,QAAA,MAAM,QAAQ,8JAAiD,CAAC;AAEhE,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC"}

package/dist/esm/components/divider/divider.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Separator as RACSeparator } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function Divider({ orientation = 'horizontal', UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsx(RACSeparator, { ...props, ref: ref, className: clsx('cim-divider', UNSAFE_className), style: UNSAFE_style, elementType: "div", orientation: orientation }));
+}
+/** Renders a divider between adjacent content. */
+const _Divider = withStyleProps(forwardRef(Divider), 'Divider');
+export { _Divider as Divider };
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAW3D,SAAS,OAAO,CACd,EAAE,WAAW,GAAG,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAgB,EACtF,GAAiC;IAEjC,OAAO,CACL,KAAC,YAAY,OACP,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAChD,KAAK,EAAE,YAAY,EACnB,WAAW,EAAC,KAAK,EACjB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC;AAED,kDAAkD;AAClD,MAAM,QAAQ,GAAG,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEhE,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Separator as RACSeparator } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface DividerProps extends CommonProps {\n  /**\n   * The orientation of the divider (horizontal or vertical).\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n}\n\nfunction Divider(\n  { orientation = 'horizontal', UNSAFE_className, UNSAFE_style, ...props }: DividerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACSeparator\n      {...props}\n      ref={ref}\n      className={clsx('cim-divider', UNSAFE_className)}\n      style={UNSAFE_style}\n      elementType=\"div\"\n      orientation={orientation}\n    />\n  );\n}\n\n/** Renders a divider between adjacent content. */\nconst _Divider = withStyleProps(forwardRef(Divider), 'Divider');\n\nexport { _Divider as Divider };\n"]}