@salt-ds/lab 1.0.0-alpha.67 → 1.0.0-alpha.68

package/dist-types/date-picker/DatePickerRangePanel.d.ts

@@ -1,9 +1,9 @@
 import type { DateFrameworkType } from "@salt-ds/date-adapters";
 import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type CalendarWeekHeaderProps, type DateRangeSelection } from "../calendar";
+import { type CalendarGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type DateRangeSelection } from "../calendar";
 /**
  * Props for the DatePickerRangePanel component.
- * @template T - The type of the selected date range.
+ * @template TDate - The type of the date object.
  */
 export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
     /**
@@ -26,10 +26,10 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     defaultStartVisibleMonth?: TDate;
     /**
      * Callback fired when the visible month for the start date changes.
-     * @param event - The synthetic event.
+     * @param event - The synthetic event, or null if called by effect.
      * @param visibleMonth - The new visible month for the start date.
      */
-    onStartVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
+    onStartVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
     /**
      * The currently visible month for the end date.
      */
@@ -40,10 +40,22 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     defaultEndVisibleMonth?: TDate;
     /**
      * Callback fired when the visible month for the end date changes.
-     * @param event - The synthetic event.
+     * @param event - The synthetic event or null if triggered by code.
      * @param visibleMonth - The new visible month for the end date.
      */
-    onEndVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
+    onEndVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
+    /**
+     * Callback fired when the focused date changes.
+     * @param event - The synthetic event or null if triggered by code.
+     * @param hoveredDate - The new hovered date.
+     */
+    onFocusedDateChange?: (event: SyntheticEvent | null, hoveredDate?: TDate | null) => void;
+    /**
+     * Callback fired when the hovered date changes.
+     * @param event - The synthetic event.
+     * @param hoveredDate - The new hovered date.
+     */
+    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate?: TDate | null) => void;
     /**
      * Props to be passed to the start date CalendarNavigation component.
      */
@@ -51,30 +63,22 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     /**
      * Props to be passed to the start date calendar component.
      */
-    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
-    /**
-     * Props to be passed to the start date CalendarWeekHeader component.
-     */
-    StartCalendarWeekHeaderProps?: CalendarWeekHeaderProps;
+    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
-     * Props to be passed to the start date CalendarDataGrid component.
+     * Props to be passed to the start date CalendarGrid component.
      */
-    StartCalendarDataGridProps?: CalendarGridProps<TDate>;
+    StartCalendarGridProps?: CalendarGridProps<TDate>;
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */
-    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
+    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */
     EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;
     /**
-     * Props to be passed to the end date CalendarWeekHeader component.
-     */
-    EndCalendarWeekHeaderProps?: CalendarWeekHeaderProps;
-    /**
-     * Props to be passed to the end date CalendarDataGrid component.
+     * Props to be passed to the end date CalendarGrid component.
      */
-    EndCalendarDataGridProps?: CalendarGridProps<TDate>;
+    EndCalendarGridProps?: CalendarGridProps<TDate>;
 }
 export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerSingleGridPanel.d.ts

@@ -0,0 +1,65 @@
+import { type ResponsiveProp } from "@salt-ds/core";
+import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type CalendarGridProps, type CalendarNavigationProps, type CalendarSingleProps } from "../calendar";
+import { type SingleDateSelection } from "../calendar";
+/**
+ * Base props for the DatePickerPanel grid components.
+ * @template TDate - The type of the date object.
+ */
+export interface DatePickerPanelBaseProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Helper text to be displayed below the date picker.
+     */
+    helperText?: string;
+    /**
+     * The visible month for the first visible calendar
+     */
+    visibleMonth?: TDate;
+    /**
+     * Number of columns.
+     */
+    columns?: ResponsiveProp<number | string>;
+    /**
+     * Number of visible months, maximum 12, defaults to 1
+     */
+    numberOfVisibleMonths?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
+    /**
+     * The default visible month.
+     */
+    defaultVisibleMonth?: TDate;
+    /**
+     * Callback fired when the visible month changes.
+     * @param event - The synthetic event or null if triggered by code.
+     * @param visibleMonth - The new visible month.
+     */
+    onVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
+    /**
+     * Callback fired when the focused date changes.
+     * @param event - The synthetic event or null if triggered by code.
+     * @param hoveredDate - The new hovered date.
+     */
+    onFocusedDateChange?: (event: SyntheticEvent | null, hoveredDate?: TDate | null) => void;
+    /**
+     * Callback fired when the hovered date changes.
+     * @param event - The synthetic event.
+     * @param hoveredDate - The new hovered date.
+     */
+    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate?: TDate | null) => void;
+    /**
+     * Props to be passed to the CalendarNavigation component.
+     */
+    CalendarNavigationProps?: Partial<CalendarNavigationProps<TDate>>;
+    /**
+     * Props to be passed to the CalendarGrid component.
+     */
+    CalendarGridProps?: Partial<CalendarGridProps<TDate>>;
+}
+export declare type DatePickerSingleGridPanelProps<TDate extends DateFrameworkType> = DatePickerPanelBaseProps<TDate> & SingleDateSelection<TDate> & {
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: TDate | null) => void;
+    CalendarProps?: Partial<Omit<CalendarSingleProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
+};
+export declare const DatePickerSingleGridPanel: import("react").ForwardRefExoticComponent<DatePickerPanelBaseProps<unknown> & {
+    onSelectionChange?: ((event: SyntheticEvent, selectedDate?: unknown) => void) | undefined;
+    CalendarProps?: Partial<Omit<CalendarSingleProps<unknown>, "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onVisibleMonthChange">> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerSingleInput.d.ts

@@ -3,6 +3,7 @@ import type { SingleDateSelection } from "../calendar";
 import { type DateInputSingleDetails, type DateInputSingleProps } from "../date-input";
 /**
  * Props for the DatePickerSingleInput component.
+ * @template TDate - The type of the date object.
  */
 export interface DatePickerSingleInputProps<TDate extends DateFrameworkType> extends DateInputSingleProps<TDate> {
     /**

package/dist-types/date-picker/DatePickerSinglePanel.d.ts

@@ -1,50 +1,8 @@
-import type { DateFrameworkType } from "@salt-ds/date-adapters";
-import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarGridProps, type CalendarNavigationProps, type CalendarSingleProps, type CalendarWeekHeaderProps } from "../calendar";
 /**
- * Props for the DatePickerSinglePanel component.
- * @template T - The type of the selected date.
+ * @deprecated DatePickerSinglePanel is deprecated. Use DatePickerSingleGridPanel instead.
+ * This component will be deleted when we move DatePickerSingleGridPanel from labs to core.
  */
-export interface DatePickerSinglePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * Callback fired when a date is selected.
-     * @param event - The synthetic event.
-     * @param selectedDate - The selected date or null.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: TDate | null) => void;
-    /**
-     * Helper text to be displayed below the date picker.
-     */
-    helperText?: string;
-    /**
-     * The currently visible month.
-     */
-    visibleMonth?: TDate;
-    /**
-     * The default visible month.
-     */
-    defaultVisibleMonth?: TDate;
-    /**
-     * Callback fired when the visible month changes.
-     * @param event - The synthetic event.
-     * @param visibleMonth - The new visible month.
-     */
-    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: TDate) => void;
-    /**
-     * Props to be passed to the Calendar component.
-     */
-    CalendarProps?: Partial<Omit<CalendarSingleProps<TDate>, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectionChange" | "onVisibleMonthChange">>;
-    /**
-     * Props to be passed to the CalendarNavigation component.
-     */
-    CalendarNavigationProps?: CalendarNavigationProps<TDate>;
-    /**
-     * Props to be passed to the CalendarWeekHeader component.
-     */
-    CalendarWeekHeaderProps?: CalendarWeekHeaderProps;
-    /**
-     * Props to be passed to the CalendarDataGrid component.
-     */
-    CalendarDataGridProps?: CalendarGridProps<TDate>;
-}
-export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<import("./DatePickerSingleGridPanel").DatePickerPanelBaseProps<unknown> & {
+    onSelectionChange?: ((event: import("react").SyntheticEvent<Element, Event>, selectedDate?: unknown) => void) | undefined;
+    CalendarProps?: Partial<Omit<import("..").CalendarSingleProps<unknown>, "onSelectionChange" | "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onVisibleMonthChange">> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/index.d.ts

@@ -1,10 +1,13 @@
 export * from "./DatePicker";
 export * from "./DatePickerActions";
 export * from "./DatePickerContext";
+export * from "./DatePickerHelperText";
 export * from "./DatePickerOverlay";
 export * from "./DatePickerOverlayProvider";
 export * from "./DatePickerRangeInput";
+export * from "./DatePickerRangeGridPanel";
 export * from "./DatePickerRangePanel";
 export * from "./DatePickerSingleInput";
-export * from "./DatePickerSinglePanel";
+export * from "./DatePickerSingleGridPanel";
 export * from "./DatePickerTrigger";
+export * from "./DatePickerSinglePanel";

package/dist-types/date-picker/useDatePicker.d.ts

@@ -1,4 +1,4 @@
-import type { DateFrameworkType } from "@salt-ds/date-adapters";
+import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
 import { type SyntheticEvent } from "react";
 import type { DateRangeSelection, SingleDateSelection } from "../calendar";
 import type { DateInputRangeDetails, DateInputSingleDetails } from "../date-input";
@@ -6,6 +6,24 @@ import type { RangeDatePickerState, SingleDatePickerState } from "./DatePickerCo
 interface UseDatePickerBaseProps<TDate> {
     /** If `true`, the component is disabled. */
     disabled?: boolean;
+    /**
+     * Function to determine if a day is disabled.
+     * @param date - The date to check.
+     * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.
+     */
+    isDayDisabled?: (date: TDate) => string | false | undefined;
+    /**
+     * Function to determine if a day is highlighted.
+     * @param date - The date to check.
+     * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.
+     */
+    isDayHighlighted?: (date: TDate) => string | false | undefined;
+    /**
+     * Function to determine if a day is unselectable.
+     * @param date - The date to check.
+     * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.
+     */
+    isDayUnselectable?: (date: TDate) => string | false | undefined;
     /** If `true`, the component is read-only. */
     readOnly?: boolean;
     /**
@@ -20,11 +38,16 @@ interface UseDatePickerBaseProps<TDate> {
      * Handler for when the date selection is cancelled.
      */
     onCancel?: () => void;
+    /**
+     * Timezone, if un-defined will take the timezone from passed date (or defaultSelectedDate/selectedDate)
+     * Can also be set to "default" to use the default timezone of the date library
+     * Can also be set to "system" to take the timezone of the local system.
+     */
+    timezone?: Timezone;
 }
 /**
  * Props for single date selection.
- *
- * @template TDate - The type of the date framework.
+ * @template TDate - The type of the date object.
  */
 export interface UseDatePickerSingleProps<TDate extends DateFrameworkType> extends UseDatePickerBaseProps<TDate> {
     /**
@@ -55,8 +78,7 @@ export interface UseDatePickerSingleProps<TDate extends DateFrameworkType> exten
 }
 /**
  * Props for date range selection.
- *
- * @template TDate - The type of the date framework.
+ * @template TDate - The type of the date object.
  */
 export interface UseDatePickerRangeProps<TDate extends DateFrameworkType> extends UseDatePickerBaseProps<TDate> {
     /**
@@ -87,15 +109,13 @@ export interface UseDatePickerRangeProps<TDate extends DateFrameworkType> extend
 }
 /**
  * Props for the useDatePicker hook.
- *
- * @template TDate - The type of the date framework.
+ * @template TDate - The type of the date object.
  * @template SelectionVariant - The selection variant, either "single" or "range".
  */
 export declare type UseDatePickerProps<TDate extends DateFrameworkType, SelectionVariant> = SelectionVariant extends "single" ? UseDatePickerSingleProps<TDate> : SelectionVariant extends "range" ? UseDatePickerRangeProps<TDate> : never;
 /**
  * Custom hook for managing date picker state.
- *
- * @template TDate - The type of the date framework.
+ * @template TDate - The type of the date object.
  * @template SelectionVariant - The selection variant, either "single" or "range".
  * @param props - The props for the date picker.
  * @param ref - The ref for the date picker container.

package/dist-types/date-picker/useFocusOut.d.ts

@@ -0,0 +1,9 @@
+import type { ElementProps, FloatingContext } from "@floating-ui/react";
+export interface UseFocusOutProps {
+    /**
+     * Whether the hook is enabled
+     * @default true
+     */
+    enabled?: boolean;
+}
+export declare function useFocusOut(context: FloatingContext, props: UseFocusOutProps): ElementProps;

package/dist-types/date-picker/useKeyboard.d.ts

@@ -1,14 +1,20 @@
 import type { ElementProps, FloatingContext } from "@floating-ui/react";
+import { type KeyboardEvent } from "react";
 export interface UseKeyboardProps {
     /**
      * Whether the hook is enabled
      * @default true
      */
     enabled?: boolean;
+    /**
+     * Handler for when the arrow key down is pressed
+     * @param event
+     */
+    onArrowDown?: (event: KeyboardEvent) => void;
 }
 /**
  * Floating UI Interactions hook, that will open DatePicker on keydown
  * @param context
  * @param props
  */
-export declare function useKeyboard(context: FloatingContext, props: UseKeyboardProps): ElementProps;
+export declare function useKeyboard(_context: FloatingContext, props: UseKeyboardProps): ElementProps;

package/dist-types/index.d.ts

@@ -35,7 +35,6 @@ export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";
 export * from "./search-input";
-export * from "./splitter";
 export * from "./static-list";
 export * from "./system-status";
 export * from "./tabs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.67",
+  "version": "1.0.0-alpha.68",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,8 +21,8 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.45.0",
-    "@salt-ds/date-adapters": "0.1.0-alpha.3",
+    "@salt-ds/core": "^1.46.0",
+    "@salt-ds/date-adapters": "0.1.0-alpha.4",
     "@salt-ds/icons": "^1.13.2",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
@@ -35,7 +35,6 @@
     "deepmerge": "^4.2.2",
     "no-scroll": "^2.1.1",
     "react-color": "^2.19.3",
-    "react-resizable-panels": "^2.1.7",
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tabbable": "^6.0.0",

package/dist-cjs/calendar/CalendarGrid.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCalendarGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarGrid.css.js.map

package/dist-cjs/calendar/CalendarGrid.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarGrid.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/combo-box-deprecated/internal/getAnnouncement.js

@@ -1,8 +0,0 @@
-'use strict';
-
-function getAnnouncement(itemCount, firstItem) {
-  return itemCount === 0 || itemCount === void 0 ? "no results" : `${itemCount} ${itemCount > 1 ? "results" : "result"}${""}`;
-}
-
-exports.getAnnouncement = getAnnouncement;
-//# sourceMappingURL=getAnnouncement.js.map

package/dist-cjs/combo-box-deprecated/internal/getAnnouncement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getAnnouncement.js","sources":["../src/combo-box-deprecated/internal/getAnnouncement.ts"],"sourcesContent":["export function getAnnouncement(\n  itemCount: number | undefined,\n  firstItem: string | null,\n): string {\n  return itemCount === 0 || itemCount === undefined\n    ? \"no results\"\n    : `${itemCount} ${itemCount > 1 ? \"results\" : \"result\"}${\n        firstItem ? `, ${firstItem}` : \"\"\n      }`;\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,eAAA,CACd,WACA,SACQ,EAAA;AACR,EAAA,OAAO,cAAc,CAAK,IAAA,SAAA,KAAc,KACpC,CAAA,GAAA,YAAA,GACA,GAAG,SAAS,CAAA,CAAA,EAAI,SAAY,GAAA,CAAA,GAAI,YAAY,QAAQ,CAAA,EACnB,EACjC,CAAA,CAAA;AACN;;;;"}

package/dist-cjs/splitter/SplitHandle.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSplitHandle {\n  --splitHandle-size: var(--salt-size-thickness-400, calc(var(--salt-size-border) * 4));\n  --splitHandle-borderWidth: var(--salt-size-thickness-100, var(--salt-size-border));\n  --splitHandle-borderColor: var(--salt-separable-secondary-borderColor);\n  --splitHandle-borderStyle: var(--salt-separable-borderStyle);\n  --splitHandle-dot-background: var(--salt-separable-foreground);\n  --splitHandle-dot-background-hover: var(--salt-separable-foreground-hover);\n  --splitHandle-dot-background-active: var(--salt-separable-foreground-active);\n\n  position: relative;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n\n  box-sizing: content-box;\n\n  background: var(--splitHandle-background);\n}\n\n.saltSplitHandle-bordered,\n.saltSplitHandle-variant-primary {\n  --splitHandle-background: var(--salt-container-primary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-secondary {\n  --splitHandle-background: var(--salt-container-secondary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-tertiary {\n  --splitHandle-background: var(--salt-container-tertiary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-transparent {\n  --splitHandle-background: var(--salt-separable-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"hover\"] {\n  background: var(--splitHandle-background-hover);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"drag\"] {\n  --splitHandle-background: var(--splitHandle-background-active);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] {\n  flex-direction: column;\n  width: var(--splitHandle-size);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] {\n  flex-direction: row;\n  height: var(--splitHandle-size);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"]::after {\n  content: \"\";\n  position: absolute;\n  left: -10px;\n  right: -10px;\n  top: 0;\n  bottom: 0;\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"]::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -10px;\n  bottom: -10px;\n}\n\n.saltSplitHandle:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltSplitHandle-border-top {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: var(--splitHandle-borderColor);\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: transparent;\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-bottom {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: transparent;\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: var(--splitHandle-borderColor);\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-top-bottom {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: var(--splitHandle-borderColor);\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: var(--splitHandle-borderColor);\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-left {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: var(--splitHandle-borderColor);\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: transparent;\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-right {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: transparent;\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: var(--splitHandle-borderColor);\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-left-right {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: var(--splitHandle-borderColor);\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: var(--splitHandle-borderColor);\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n/* two handles touching horizontally */\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] + div[data-panel-size=\"0.0\"] + .saltSplitHandle[data-panel-group-direction=\"horizontal\"] {\n  margin-left: -1px;\n}\n\n/* two handles touching vertically */\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] + div[data-panel-size=\"0.0\"] + .saltSplitHandle[data-panel-group-direction=\"vertical\"] {\n  margin-top: -1px;\n}\n\n/* handle touching the side of a container */\n@supports selector(:has(*)) {\n  .saltSplitPanel:first-of-type[data-panel-size=\"0.0\"] + .saltSplitHandle-bordered[data-panel-group-direction=\"horizontal\"] {\n    margin-left: -1px;\n  }\n\n  .saltSplitPanel:first-of-type[data-panel-size=\"0.0\"] + .saltSplitHandle-bordered[data-panel-group-direction=\"vertical\"] {\n    margin-top: -1px;\n  }\n\n  .saltSplitHandle-bordered[data-panel-group-direction=\"horizontal\"]:has(+ .saltSplitPanel:last-of-type[data-panel-size=\"0.0\"]) {\n    margin-right: -1px;\n  }\n\n  .saltSplitHandle-bordered[data-panel-group-direction=\"vertical\"]:has(+ .saltSplitPanel:last-of-type[data-panel-size=\"0.0\"]) {\n    margin-bottom: -1px;\n  }\n}\n\n.saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"hover\"] > .saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background-hover);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"drag\"] > .saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background-active);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] > .saltSplitHandle-dot {\n  width: 2px;\n  height: 1px;\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] > .saltSplitHandle-dot {\n  height: 2px;\n  width: 1px;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SplitHandle.css.js.map

package/dist-cjs/splitter/SplitHandle.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitHandle.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/splitter/SplitHandle.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var reactResizablePanels = require('react-resizable-panels');
-var SplitHandle$1 = require('./SplitHandle.css.js');
-var Splitter = require('./Splitter.js');
-var utils = require('./utils.js');
-
-const withBaseName = core.makePrefixer("saltSplitHandle");
-function SplitHandle({
-  variant: variantProp,
-  border: borderProp,
-  hitAreaMargins = {
-    coarse: 9,
-    fine: 9
-  },
-  className,
-  ...props
-}) {
-  const targetWindow = window.useWindow();
-  const appearance = react.useContext(Splitter.AppearanceContext);
-  const orientation = react.useContext(Splitter.OrientationContext);
-  const variant = variantProp ?? utils.computeVariant(appearance);
-  const border = borderProp ?? utils.computeAccent(appearance, orientation);
-  styles.useComponentCssInjection({
-    testId: "salt-split-handle",
-    css: SplitHandle$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactResizablePanels.PanelResizeHandle,
-    {
-      hitAreaMargins,
-      "data-variant": variant,
-      "data-border": border,
-      className: clsx(
-        withBaseName(),
-        withBaseName(appearance),
-        withBaseName("border", border),
-        withBaseName("variant", variant),
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("dot") })
-      ]
-    }
-  );
-}
-
-exports.SplitHandle = SplitHandle;
-//# sourceMappingURL=SplitHandle.js.map

package/dist-cjs/splitter/SplitHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitHandle.js","sources":["../src/splitter/SplitHandle.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport {\n  PanelResizeHandle,\n  type PanelResizeHandleProps,\n} from \"react-resizable-panels\";\n\nimport splitHandleCSS from \"./SplitHandle.css\";\nimport { AppearanceContext, OrientationContext } from \"./Splitter\";\nimport { computeAccent, computeVariant } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSplitHandle\");\n\nexport type SplitHandleVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"transparent\";\n\nexport type SplitHandleBorder =\n  | \"top\"\n  | \"bottom\"\n  | \"right\"\n  | \"left\"\n  | \"top-bottom\"\n  | \"left-right\"\n  | \"none\";\n\nexport interface SplitHandleProps extends PanelResizeHandleProps {\n  /**\n   * Styling variant\n   * @default \"primary\"\n   */\n  variant?: SplitHandleVariant;\n  /**\n   * Change which sides get a border displayed\n   *\n   * Default is based on the orientation and appearance\n   * set on the parent Stepper components, ex.\n   * bordered + vertical = left-right\n   * bordered + horizontal = top-bottom\n   * transparent = none\n   */\n  border?: SplitHandleBorder;\n}\n\nexport function SplitHandle({\n  variant: variantProp,\n  border: borderProp,\n  hitAreaMargins = {\n    coarse: 9,\n    fine: 9,\n  },\n  className,\n  ...props\n}: SplitHandleProps) {\n  const targetWindow = useWindow();\n  const appearance = useContext(AppearanceContext);\n  const orientation = useContext(OrientationContext);\n\n  const variant = variantProp ?? computeVariant(appearance);\n  const border = borderProp ?? computeAccent(appearance, orientation);\n\n  useComponentCssInjection({\n    testId: \"salt-split-handle\",\n    css: splitHandleCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <PanelResizeHandle\n      hitAreaMargins={hitAreaMargins}\n      data-variant={variant}\n      data-border={border}\n      className={clsx(\n        withBaseName(),\n        withBaseName(appearance),\n        withBaseName(\"border\", border),\n        withBaseName(\"variant\", variant),\n        className,\n      )}\n      {...props}\n    >\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n    </PanelResizeHandle>\n  );\n}\n"],"names":["makePrefixer","useWindow","useContext","AppearanceContext","OrientationContext","computeVariant","computeAccent","useComponentCssInjection","splitHandleCSS","jsxs","PanelResizeHandle","jsx"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAmC5C,SAAS,WAAY,CAAA;AAAA,EAC1B,OAAS,EAAA,WAAA;AAAA,EACT,MAAQ,EAAA,UAAA;AAAA,EACR,cAAiB,GAAA;AAAA,IACf,MAAQ,EAAA,CAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAqB,EAAA;AACnB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAM,MAAA,UAAA,GAAaC,iBAAWC,0BAAiB,CAAA;AAC/C,EAAM,MAAA,WAAA,GAAcD,iBAAWE,2BAAkB,CAAA;AAEjD,EAAM,MAAA,OAAA,GAAU,WAAe,IAAAC,oBAAA,CAAe,UAAU,CAAA;AACxD,EAAA,MAAM,MAAS,GAAA,UAAA,IAAcC,mBAAc,CAAA,UAAA,EAAY,WAAW,CAAA;AAElE,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,eAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,cAAA;AAAA,MACA,cAAc,EAAA,OAAA;AAAA,MACd,aAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,UAAU,CAAA;AAAA,QACvB,YAAA,CAAa,UAAU,MAAM,CAAA;AAAA,QAC7B,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrCA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrCA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrCA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA;AAAA;AAAA;AAAA,GACxC;AAEJ;;;;"}

package/dist-cjs/splitter/SplitPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSplitPanel {\n  box-sizing: border-box;\n\n  background: var(--splitPanel-background);\n}\n\n.saltSplitPanel[data-panel-size=\"0.0\"] {\n  visibility: hidden;\n}\n\n.saltSplitPanel-primary {\n  --splitPanel-background: var(--salt-container-primary-background);\n}\n\n.saltSplitPanel-secondary {\n  --splitPanel-background: var(--salt-container-secondary-background);\n}\n\n.saltSplitPanel-tertiary {\n  --splitPanel-background: var(--salt-container-tertiary-background);\n}\n\n@supports selector(:has(*)) {\n  .saltSplitPanel:has(.saltSplitPanel) {\n    background: unset;\n  }\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SplitPanel.css.js.map

package/dist-cjs/splitter/SplitPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/splitter/SplitPanel.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var reactResizablePanels = require('react-resizable-panels');
-var SplitPanel$1 = require('./SplitPanel.css.js');
-
-const withBaseName = core.makePrefixer("saltSplitPanel");
-const SplitPanel = react.forwardRef(
-  function SplitPanel2({ id: idProp, variant = "primary", minSize = 10, className, ...props }, ref) {
-    const id = core.useId(idProp);
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-split-panel",
-      css: SplitPanel$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactResizablePanels.Panel,
-      {
-        id,
-        minSize,
-        "data-variant": variant,
-        className: clsx(withBaseName(), withBaseName(variant), className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-exports.SplitPanel = SplitPanel;
-//# sourceMappingURL=SplitPanel.js.map

package/dist-cjs/splitter/SplitPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel.js","sources":["../src/splitter/SplitPanel.tsx"],"sourcesContent":["import { makePrefixer, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport {\n  type ImperativePanelHandle,\n  Panel,\n  type PanelProps,\n} from \"react-resizable-panels\";\n\nimport splitPanelCSS from \"./SplitPanel.css\";\n\nexport type SplitPanelVariant = \"primary\" | \"secondary\" | \"tertiary\";\n\nexport interface SplitPanelProps extends PanelProps {\n  /**\n   * Styling variant\n   * @default \"primary\"\n   */\n  variant?: SplitPanelVariant;\n}\n\nconst withBaseName = makePrefixer(\"saltSplitPanel\");\n\nexport const SplitPanel = forwardRef<ImperativePanelHandle, SplitPanelProps>(\n  function SplitPanel(\n    { id: idProp, variant = \"primary\", minSize = 10, className, ...props },\n    ref,\n  ) {\n    const id = useId(idProp);\n    const targetWindow = useWindow();\n\n    useComponentCssInjection({\n      testId: \"salt-split-panel\",\n      css: splitPanelCSS,\n      window: targetWindow,\n    });\n\n    return (\n      <Panel\n        id={id}\n        minSize={minSize}\n        data-variant={variant}\n        className={clsx(withBaseName(), withBaseName(variant), className)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","SplitPanel","useId","useWindow","useComponentCssInjection","splitPanelCSS","jsx","Panel"],"mappings":";;;;;;;;;;;AAuBA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA;AAE3C,MAAM,UAAa,GAAAC,gBAAA;AAAA,EACxB,SAASC,WAAAA,CACP,EAAE,EAAA,EAAI,MAAQ,EAAA,OAAA,GAAU,SAAW,EAAA,OAAA,GAAU,EAAI,EAAA,SAAA,EAAW,GAAG,KAAA,IAC/D,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AACvB,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAAC,cAAA;AAAA,MAACC,0BAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,OAAA;AAAA,QACA,cAAc,EAAA,OAAA;AAAA,QACd,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,OAAO,GAAG,SAAS,CAAA;AAAA,QAChE,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;;;;"}

package/dist-cjs/splitter/Splitter.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactResizablePanels = require('react-resizable-panels');
-
-const OrientationContext = react.createContext("vertical");
-const AppearanceContext = react.createContext("bordered");
-function Splitter({
-  orientation,
-  appearance: appearanceProp,
-  ...props
-}) {
-  const appearanceContext = react.useContext(AppearanceContext);
-  const appearance = appearanceProp ?? appearanceContext;
-  const direction = orientation === "horizontal" ? "vertical" : "horizontal";
-  return /* @__PURE__ */ jsxRuntime.jsx(OrientationContext.Provider, { value: orientation, children: /* @__PURE__ */ jsxRuntime.jsx(AppearanceContext.Provider, { value: appearance, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactResizablePanels.PanelGroup,
-    {
-      "data-orientation": orientation,
-      "data-appearance": appearance,
-      direction,
-      ...props
-    }
-  ) }) });
-}
-
-exports.AppearanceContext = AppearanceContext;
-exports.OrientationContext = OrientationContext;
-exports.Splitter = Splitter;
-//# sourceMappingURL=Splitter.js.map

package/dist-cjs/splitter/Splitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Splitter.js","sources":["../src/splitter/Splitter.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from \"react\";\nimport { PanelGroup, type PanelGroupProps } from \"react-resizable-panels\";\n\nexport type SplitterAppearance = \"bordered\" | \"transparent\";\nexport type SplitterOrientation = \"horizontal\" | \"vertical\";\n\nexport const OrientationContext =\n  createContext<SplitterOrientation>(\"vertical\");\nexport const AppearanceContext = createContext<SplitterAppearance>(\"bordered\");\n\nexport interface SplitterProps extends Omit<PanelGroupProps, \"direction\"> {\n  /**\n   * The orientation of the splitter.\n   * Replaces `PanelGroupProps[\"direction\"]`\n   */\n  orientation: SplitterOrientation;\n  /**\n   * The appearance of the splitter.\n   * If set to \"transparent\", the splitter handle will\n   * be transparent, hence the background will be visible.\n   * @default \"bordered\"\n   */\n  appearance?: SplitterAppearance;\n  children: ReactNode;\n}\n\nexport function Splitter({\n  orientation,\n  appearance: appearanceProp,\n  ...props\n}: SplitterProps) {\n  const appearanceContext = useContext(AppearanceContext);\n  const appearance = appearanceProp ?? appearanceContext;\n\n  const direction = orientation === \"horizontal\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <OrientationContext.Provider value={orientation}>\n      <AppearanceContext.Provider value={appearance}>\n        <PanelGroup\n          data-orientation={orientation}\n          data-appearance={appearance}\n          direction={direction}\n          {...props}\n        />\n      </AppearanceContext.Provider>\n    </OrientationContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","jsx","PanelGroup"],"mappings":";;;;;;AAMa,MAAA,kBAAA,GACXA,oBAAmC,UAAU;AAClC,MAAA,iBAAA,GAAoBA,oBAAkC,UAAU;AAkBtE,SAAS,QAAS,CAAA;AAAA,EACvB,WAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,GAAG;AACL,CAAkB,EAAA;AAChB,EAAM,MAAA,iBAAA,GAAoBC,iBAAW,iBAAiB,CAAA;AACtD,EAAA,MAAM,aAAa,cAAkB,IAAA,iBAAA;AAErC,EAAM,MAAA,SAAA,GAAY,WAAgB,KAAA,YAAA,GAAe,UAAa,GAAA,YAAA;AAE9D,EACE,uBAAAC,cAAA,CAAC,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,WAClC,EAAA,QAAA,kBAAAA,cAAA,CAAC,iBAAkB,CAAA,QAAA,EAAlB,EAA2B,KAAA,EAAO,UACjC,EAAA,QAAA,kBAAAA,cAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,EAAA,WAAA;AAAA,MAClB,iBAAiB,EAAA,UAAA;AAAA,MACjB,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,KAER,CACF,EAAA,CAAA;AAEJ;;;;;;"}

package/dist-cjs/splitter/utils.js

@@ -1,18 +0,0 @@
-'use strict';
-
-function computeAccent(appearance, orientation) {
-  if (appearance === "transparent") {
-    return "none";
-  }
-  if (orientation === "horizontal") {
-    return "top-bottom";
-  }
-  return "left-right";
-}
-function computeVariant(appearance) {
-  return appearance === "bordered" ? "primary" : "transparent";
-}
-
-exports.computeAccent = computeAccent;
-exports.computeVariant = computeVariant;
-//# sourceMappingURL=utils.js.map

package/dist-cjs/splitter/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/splitter/utils.ts"],"sourcesContent":["import type { SplitHandleBorder } from \"./SplitHandle\";\nimport type { SplitterAppearance, SplitterOrientation } from \"./Splitter\";\n\nexport function computeAccent(\n  appearance: SplitterAppearance,\n  orientation: SplitterOrientation,\n): SplitHandleBorder {\n  if (appearance === \"transparent\") {\n    return \"none\";\n  }\n\n  if (orientation === \"horizontal\") {\n    return \"top-bottom\";\n  }\n\n  return \"left-right\";\n}\n\nexport function computeVariant(\n  appearance: SplitterAppearance,\n): \"primary\" | \"transparent\" {\n  return appearance === \"bordered\" ? \"primary\" : \"transparent\";\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,aAAA,CACd,YACA,WACmB,EAAA;AACnB,EAAA,IAAI,eAAe,aAAe,EAAA;AAChC,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,IAAO,OAAA,YAAA;AAAA;AAGT,EAAO,OAAA,YAAA;AACT;AAEO,SAAS,eACd,UAC2B,EAAA;AAC3B,EAAO,OAAA,UAAA,KAAe,aAAa,SAAY,GAAA,aAAA;AACjD;;;;;"}

package/dist-es/calendar/CalendarGrid.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarGrid.css.js.map

package/dist-es/calendar/CalendarGrid.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarGrid.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}