@cimpress-ui/react 0.3.0 → 0.4.0

package/dist/commonjs/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":";;AAoBA,wDAYC;AAID,8CAOC;;AA1CD,iCAAkE;AAYlE,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC;AAM9E,gBAAgB;AAChB,SAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,GACc;IAC5B,OAAO,CACL,uBAAC,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,SAAgB,iBAAiB;IAC/B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,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/commonjs/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/commonjs/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/commonjs/components/date-picker/views/year/use-year-view-state.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useYearViewState = useYearViewState;
+const date_1 = require("@internationalized/date");
+const react_1 = require("react");
+const react_aria_1 = require("react-aria");
+const react_aria_components_1 = require("react-aria-components");
+const index_js_1 = require("../../../../i18n/index.js");
+const utils_js_1 = require("../../utils.js");
+const view_provider_js_1 = require("./../view-provider.js");
+const ITEMS_PER_ROW = 3;
+const YEARS_SKIP_AMOUNT = 10;
+/** @internal */
+function useYearViewState() {
+    const calendarState = (0, react_1.useContext)(react_aria_components_1.CalendarStateContext);
+    const { switchToView, focusedDate, setFocusedDate } = (0, view_provider_js_1.useDatePickerView)();
+    const messages = (0, index_js_1.useLocalizedMessages)('datePicker');
+    const [isFocused, setIsFocused] = (0, react_1.useState)(true);
+    const currentDate = (0, react_1.useMemo)(() => (0, date_1.today)(calendarState.timeZone), [calendarState.timeZone]);
+    const monthFormatter = (0, react_aria_1.useDateFormatter)({
+        month: 'short',
+        calendar: focusedDate.calendar.identifier,
+        timeZone: calendarState.timeZone,
+    });
+    const monthAriaLabelFormatter = (0, react_aria_1.useDateFormatter)({
+        month: 'long',
+        year: 'numeric',
+        calendar: focusedDate.calendar.identifier,
+        timeZone: calendarState.timeZone,
+    });
+    const yearFormatter = (0, react_aria_1.useDateFormatter)({
+        year: 'numeric',
+        era: (0, utils_js_1.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 = (0, react_1.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: (0, date_1.isSameYear)(date, currentDate) && (0, date_1.isSameMonth)(date, currentDate),
+            };
+        }
+        return result;
+    }, [monthCount, calendarState.timeZone, focusedDate, monthFormatter, monthAriaLabelFormatter, currentDate]);
+    const focusCell = (date) => {
+        setFocusedDate((0, utils_js_1.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((0, date_1.startOfYear)(focusedDate).set({ day: focusedDate.day }));
+        },
+        focusSectionEnd() {
+            focusCell((0, date_1.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 = (0, date_1.startOfYear)(focusedDate);
+            const prev = current.subtract({ days: 1 });
+            return ((0, utils_js_1.isDateInvalid)(current, calendarState.minValue, calendarState.maxValue) ||
+                (0, utils_js_1.isDateInvalid)(prev, calendarState.minValue, calendarState.maxValue) ||
+                (0, date_1.isSameDay)(prev, current));
+        },
+        isNextSectionInvalid() {
+            const current = (0, date_1.endOfYear)(focusedDate);
+            const next = current.add({ days: 1 });
+            return ((0, utils_js_1.isDateInvalid)(current, calendarState.minValue, calendarState.maxValue) ||
+                (0, utils_js_1.isDateInvalid)(next, calendarState.minValue, calendarState.maxValue) ||
+                (0, date_1.isSameDay)(next, current));
+        },
+        selectFocusedDate() {
+            switchToView('month');
+        },
+        isCellDisabled(date) {
+            return ((0, utils_js_1.isDateInvalid)((0, date_1.endOfMonth)(date), calendarState.minValue, null) ||
+                (0, utils_js_1.isDateInvalid)((0, date_1.startOfMonth)(date), null, calendarState.maxValue));
+        },
+        isCellSelected(date) {
+            return (calendarState.value !== null && (0, date_1.isSameYear)(date, calendarState.value) && (0, date_1.isSameMonth)(date, calendarState.value));
+        },
+        isCellTabbable(date) {
+            return (0, date_1.isSameYear)(date, focusedDate) && (0, date_1.isSameMonth)(date, focusedDate);
+        },
+    };
+}
+//# sourceMappingURL=use-year-view-state.js.map

package/dist/commonjs/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/commonjs/components/date-picker/views/year/year-view.d.ts

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

package/dist/commonjs/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/commonjs/components/date-picker/views/year/year-view.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YearView = YearView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../../i18n/index.js");
+const button_js_1 = require("../../../button/button.js");
+const icon_button_js_1 = require("../../../button/icon-button.js");
+const use_view_header_js_1 = require("./../use-view-header.js");
+const view_grid_js_1 = require("./../view-grid.js");
+const view_provider_js_1 = require("./../view-provider.js");
+const use_year_view_state_js_1 = require("./use-year-view-state.js");
+/** @internal */
+function YearView() {
+    const { switchToView } = (0, view_provider_js_1.useDatePickerView)();
+    const state = (0, use_year_view_state_js_1.useYearViewState)();
+    const { prevButtonProps, nextButtonProps } = (0, use_view_header_js_1.useViewHeader)(state);
+    const messages = (0, index_js_1.useLocalizedMessages)('datePicker');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cim-date-picker-view-header", children: [(0, jsx_runtime_1.jsx)(icon_button_js_1.IconButton, { slot: null, ...prevButtonProps }), (0, jsx_runtime_1.jsx)(button_js_1.Button, { slot: null, "aria-label": messages.format('switchToMultiYearView'), variant: "tertiary", onPress: () => switchToView('multi-year'), children: state.header }), (0, jsx_runtime_1.jsx)(icon_button_js_1.IconButton, { slot: null, ...nextButtonProps })] }), (0, jsx_runtime_1.jsx)(view_grid_js_1.ViewGrid, { state: state, className: "cim-date-picker-view-grid-year" })] }));
+}
+//# sourceMappingURL=year-view.js.map

package/dist/commonjs/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":";;AASA,4BA0BC;;AAnCD,wDAAiE;AACjE,yDAAmD;AACnD,mEAA4D;AAC5D,gEAAwD;AACxD,oDAA6C;AAC7C,4DAA0D;AAC1D,qEAA4D;AAE5D,gBAAgB;AAChB,SAAgB,QAAQ;IACtB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,oCAAiB,GAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAA,yCAAgB,GAAE,CAAC;IACjC,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAA,kCAAa,EAAC,KAAK,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,IAAA,+BAAoB,EAAC,YAAY,CAAC,CAAC;IAEpD,OAAO,CACL,6DACE,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,2BAAU,IAAC,IAAI,EAAE,IAAI,KAAM,eAAe,GAAI,EAE/C,uBAAC,kBAAM,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,uBAAC,2BAAU,IAAC,IAAI,EAAE,IAAI,KAAM,eAAe,GAAI,IAC3C,EAEN,uBAAC,uBAAQ,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/commonjs/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/commonjs/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/commonjs/components/dialog-root/dialog-root.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogRoot = DialogRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_aria_components_1 = require("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.
+ */
+function DialogRoot(props) {
+    return (0, jsx_runtime_1.jsx)(react_aria_components_1.DialogTrigger, { ...props });
+}
+DialogRoot.displayName = 'DialogRoot';
+//# sourceMappingURL=dialog-root.js.map

package/dist/commonjs/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;;;AAoBb,gCAEC;;AAnBD,iEAA0E;AAa1E;;;GAGG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,OAAO,uBAAC,qCAAgB,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/commonjs/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/commonjs/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/commonjs/components/disclosure/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisclosureContext = void 0;
+const react_1 = require("react");
+/** @internal */
+exports.DisclosureContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/disclosure/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAWtC,gBAAgB;AACH,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAgC,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/commonjs/components/disclosure/disclosure-group.d.ts

@@ -1,15 +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' | 'expandedKeys' | 'onExpandedChange'> {
+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;
 }
 /**
  * Displays a grouping of related disclosures.
  *
  * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
  */
-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 };
+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/commonjs/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,CACF,uBAAuB,EACvB,YAAY,GAAG,wBAAwB,GAAG,qBAAqB,GAAG,cAAc,GAAG,kBAAkB,CACtG;IACH,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAkBD;;;;GAIG;AACH,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/commonjs/components/disclosure/disclosure-group.js

@@ -4,20 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNSTABLE_DisclosureGroup = void 0;
+exports.DisclosureGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
 const react_aria_components_1 = require("react-aria-components");
 const forward_ref_js_1 = require("../../forward-ref.js");
 const with_style_props_js_1 = require("../../with-style-props.js");
-function UNSTABLE_DisclosureGroup({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.DisclosureGroup, { ...props, ref: ref, className: (0, clsx_1.default)('cim-disclosure-group', UNSAFE_className), style: UNSAFE_style, children: children }));
+const context_js_1 = require("./context.js");
+function DisclosureGroup({ children, variant = 'base', size = 'medium', UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const disclosureContext = (0, react_1.useMemo)(() => ({
+        variant,
+        size,
+    }), [variant, size]);
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.DisclosureGroup, { ...props, ref: ref, className: (0, clsx_1.default)('cim-disclosure-group', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-size": size, children: (0, jsx_runtime_1.jsx)(context_js_1.DisclosureContext.Provider, { value: disclosureContext, children: children }) }));
 }
 /**
  * Displays a grouping of related disclosures.
  *
  * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
  */
-const _DisclosureGroup = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_DisclosureGroup), 'DisclosureGroup');
-exports.UNSTABLE_DisclosureGroup = _DisclosureGroup;
+const _DisclosureGroup = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(DisclosureGroup), 'DisclosureGroup');
+exports.DisclosureGroup = _DisclosureGroup;
 //# sourceMappingURL=disclosure-group.js.map

package/dist/commonjs/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,gDAAwB;AAExB,iEAG+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAa3D,SAAS,wBAAwB,CAC/B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAiC,EACrF,GAAiC;IAEjC,OAAO,CACL,uBAAC,uCAAkB,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,YAElB,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,wBAAwB,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAEpE,oDAAwB","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<\n      RACDisclosureGroupProps,\n      'isDisabled' | 'allowsMultipleExpanded' | 'defaultExpandedKeys' | 'expandedKeys' | 'onExpandedChange'\n    > {\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\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(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,gDAAwB;AACxB,iCAAmE;AACnE,iEAG+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAE3D,6CAKsB;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,IAAA,eAAO,EACvD,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,IAAI;KACL,CAAC,EACF,CAAC,OAAO,EAAE,IAAI,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,YAEf,uBAAC,8BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAAG,QAAQ,GAA8B,GAC1E,CACtB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,eAAe,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAE3D,2CAAe","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/commonjs/components/disclosure/disclosure.d.ts

@@ -1,11 +1,42 @@
-import type { ReactNode } from 'react';
+import { type JSX, type ReactNode } from 'react';
 import { type DisclosureProps as RACDisclosureProps } from 'react-aria-components';
 import type { CommonProps } from '../types.js';
-export interface UNSTABLE_DisclosureProps extends Omit<CommonProps, 'id'>, Pick<RACDisclosureProps, 'id' | 'isDisabled' | 'defaultExpanded' | 'isExpanded' | 'onExpandedChange'> {
+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;
+    /**
+     * 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;
 }
@@ -14,6 +45,6 @@ export interface UNSTABLE_DisclosureProps extends Omit<CommonProps, 'id'>, Pick<
  *
  * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
  */
-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 };
+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/commonjs/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,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,wBACf,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,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA0BD;;;;GAIG;AACH,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/commonjs/components/disclosure/disclosure.js

@@ -4,22 +4,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNSTABLE_Disclosure = void 0;
+exports.Disclosure = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
 const react_aria_components_1 = require("react-aria-components");
 const forward_ref_js_1 = require("../../forward-ref.js");
 const index_js_1 = require("../../icons/index.js");
 const with_style_props_js_1 = require("../../with-style-props.js");
 const text_js_1 = require("../typography/text.js");
-function UNSTABLE_Disclosure({ children, title, actions, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Disclosure, { ...props, ref: ref, className: (0, clsx_1.default)('cim-disclosure', UNSAFE_className), style: UNSAFE_style, children: [(0, jsx_runtime_1.jsxs)("div", { className: "cim-disclosure-heading-wrapper", children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: "cim-disclosure-heading", children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Button, { className: "cim-disclosure-button", slot: "trigger", children: [(0, jsx_runtime_1.jsx)(index_js_1.IconChevronExpand, { size: 24, UNSAFE_className: "cim-disclosure-icon" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "body-semibold", children: title })] }) }), actions && (0, jsx_runtime_1.jsx)("div", { className: "cim-disclosure-actions", children: actions })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.DisclosurePanel, { className: "cim-disclosure-panel", children: (0, jsx_runtime_1.jsx)("div", { className: "cim-disclosure-panel-content", children: children }) })] }));
+const context_js_1 = require("./context.js");
+const iconMap = {
+    medium: index_js_1.IconChevronRight,
+    small: index_js_1.IconChevronRightBold,
+};
+function Disclosure({ children, variant: ownVariant = 'base', size: ownSize = 'medium', title, iconStart, iconEnd, badge, actions, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const disclosureContext = (0, react_1.useContext)(context_js_1.DisclosureContext);
+    const variant = disclosureContext?.variant ?? ownVariant;
+    const size = disclosureContext?.size ?? ownSize;
+    const isMediumSize = size === 'medium';
+    const Icon = iconMap[size];
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Disclosure, { ...props, ref: ref, className: (0, clsx_1.default)('cim-disclosure', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-size": size, children: [(0, jsx_runtime_1.jsxs)("div", { className: "cim-disclosure-heading-wrapper", children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: "cim-disclosure-heading", children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Button, { className: "cim-disclosure-button", slot: "trigger", children: [(0, jsx_runtime_1.jsx)(Icon, { size: isMediumSize ? 32 : 16, UNSAFE_className: "cim-disclosure-icon" }), isMediumSize && iconStart, (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "h3", variant: isMediumSize ? 'body' : 'medium', children: title }), isMediumSize && iconEnd, isMediumSize && badge && (0, jsx_runtime_1.jsx)("div", { className: "cim-disclosure-badge", children: badge })] }) }), actions && (0, jsx_runtime_1.jsx)("div", { className: "cim-disclosure-actions", children: actions })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.DisclosurePanel, { className: "cim-disclosure-panel", children: (0, jsx_runtime_1.jsx)("div", { className: "cim-disclosure-panel-content", children: (0, jsx_runtime_1.jsx)(context_js_1.DisclosureContext.Provider, { value: null, children: children }) }) })] }));
 }
 /**
  * Displays a collapsible section of content.
  *
  * See [disclosure usage guidelines](https://ui.cimpress.io/components/disclosure/).
  */
-const _Disclosure = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_Disclosure), 'Disclosure');
-exports.UNSTABLE_Disclosure = _Disclosure;
+const _Disclosure = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(Disclosure), 'Disclosure');
+exports.Disclosure = _Disclosure;
 //# sourceMappingURL=disclosure.js.map

package/dist/commonjs/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,gDAAwB;AAExB,iEAM+B;AAC/B,yDAAkD;AAClD,mDAAyD;AACzD,mEAA2D;AAE3D,mDAA6C;AAa7C,SAAS,mBAAmB,CAC1B,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAA4B,EAChG,GAAiC;IAEjC,OAAO,CACL,wBAAC,kCAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAC1G,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,+BAAU,IAAC,SAAS,EAAC,wBAAwB,YAC5C,wBAAC,8BAAS,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,aACzD,uBAAC,4BAAiB,IAAC,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAC,qBAAqB,GAAG,EACtE,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,YACpC,KAAK,GACD,IACG,GACD,EACZ,OAAO,IAAI,gCAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,IAC/D,EACN,uBAAC,uCAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,gCAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,GAC3C,IACP,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,WAAW,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,CAAC;AAE1D,0CAAmB","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 { IconChevronExpand } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } 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' | 'isExpanded' | 'onExpandedChange'> {\n  /** The content to display when the disclosure is expanded. */\n  children: ReactNode;\n  /** The title that is always visible in the disclosure header. */\n  title: string;\n  /** The actions displayed in the disclosure header. */\n  actions?: ReactNode;\n}\n\nfunction UNSTABLE_Disclosure(\n  { children, title, actions, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_DisclosureProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACDisclosure {...props} ref={ref} 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            <IconChevronExpand size={24} UNSAFE_className=\"cim-disclosure-icon\" />\n            <Text as=\"span\" variant=\"body-semibold\">\n              {title}\n            </Text>\n          </RACButton>\n        </RACHeading>\n        {actions && <div className=\"cim-disclosure-actions\">{actions}</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\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(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,gDAAwB;AACxB,iCAAgF;AAChF,iEAM+B;AAC/B,yDAAkD;AAClD,mDAA8E;AAC9E,mEAA2D;AAE3D,mDAA6C;AAC7C,6CAA8F;AAE9F,MAAM,OAAO,GAA8D;IACzE,MAAM,EAAE,2BAAgB;IACxB,KAAK,EAAE,+BAAoB;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,IAAA,kBAAU,EAAC,8BAAiB,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,wBAAC,kCAAa,OACR,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACnD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,aAEf,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,+BAAU,IAAC,SAAS,EAAC,wBAAwB,YAC5C,wBAAC,8BAAS,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,aACzD,uBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,gBAAgB,EAAC,qBAAqB,GAAG,EAE5E,YAAY,IAAI,SAAS,EAC1B,uBAAC,cAAI,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,gCAAK,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAO,IACnE,GACD,EAEZ,OAAO,IAAI,gCAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,IAC/D,EAEN,uBAAC,uCAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,gCAAK,SAAS,EAAC,8BAA8B,YAE3C,uBAAC,8BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAA8B,GAC5E,GACa,IACP,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,WAAW,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC;AAEjD,iCAAU","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/commonjs/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/commonjs/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/commonjs/components/divider/divider.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_aria_components_1 = require("react-aria-components");
+const forward_ref_js_1 = require("../../forward-ref.js");
+const with_style_props_js_1 = require("../../with-style-props.js");
+function Divider({ orientation = 'horizontal', UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Separator, { ...props, ref: ref, className: (0, clsx_1.default)('cim-divider', UNSAFE_className), style: UNSAFE_style, elementType: "div", orientation: orientation }));
+}
+/** Renders a divider between adjacent content. */
+const _Divider = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(Divider), 'Divider');
+exports.Divider = _Divider;
+//# sourceMappingURL=divider.js.map

package/dist/commonjs/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,gDAAwB;AAExB,iEAAkE;AAClE,yDAAkD;AAClD,mEAA2D;AAW3D,SAAS,OAAO,CACd,EAAE,WAAW,GAAG,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAgB,EACtF,GAAiC;IAEjC,OAAO,CACL,uBAAC,iCAAY,OACP,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,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,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3C,2BAAO","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"]}

package/dist/commonjs/components/file-picker/file-picker.d.ts

@@ -0,0 +1,19 @@
+import { type FileTriggerProps as RACFileTriggerProps } from 'react-aria-components';
+import type { CommonProps, FieldProps } from '../types.js';
+export interface UNSTABLE_FilePickerProps extends CommonProps, Omit<FieldProps<File[]>, 'aria-label'>, Pick<RACFileTriggerProps, 'acceptedFileTypes' | 'allowsMultiple' | 'acceptDirectory' | 'defaultCamera'> {
+    /** Whether the field is disabled. */
+    isDisabled?: boolean;
+    /** Whether the field is required. */
+    isRequired?: boolean;
+    /** Whether the field is invalid. */
+    isInvalid?: boolean;
+    /** The allowed file types that can be selected. */
+    acceptedFileTypes?: string[];
+    /** Whether multiple files can be selected. */
+    allowsMultiple?: boolean;
+    /** Handler called when files are selected. */
+    onSelect?: (files: File[] | null) => void;
+}
+declare const _UNSTABLE_FilePicker: (props: UNSTABLE_FilePickerProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _UNSTABLE_FilePicker as UNSTABLE_FilePicker };
+//# sourceMappingURL=file-picker.d.ts.map