@evolve.ui/core-components 1.0.0

package/index-XZwBshBM.d.cts

@@ -0,0 +1,177 @@
+import { ComponentPropsWithoutRef, ReactNode, RefObject } from "react";
+
+//#region src/BottomSheet/types.d.ts
+type SnapPointProps = {
+  /**
+   * The height of the sticky footer, if there's one
+   */
+  footerHeight: number;
+  /**
+   * The height of the sticky header, if there's one
+   */
+  headerHeight: number;
+  /**
+   * If the bottom sheet is animating to a snap point the height will match the destination height, not the height the bottom sheet might have in the middle of the animation. It includes the header and footer heights.
+   */
+  height: number;
+  /**
+   * Max height the sheet can be, your snap points are capped to this value. It's window.innerHeight by default but can be overriden using the maxHeight prop.
+   */
+  maxHeight: number;
+  /**
+   * Minimum height needed to avoid scroll overflow in the content area, if possible.
+   */
+  minHeight: number;
+};
+type snapPoints = (props: SnapPointProps) => number[] | number;
+/**
+ * `window` comes from window.onresize, maxheightprop is if the `maxHeight` prop is used, and `element` comes from the resize observers that listens to header, footer and the content area
+ */
+type ResizeSource = 'window' | 'maxheightprop' | 'element';
+type defaultSnapProps = {
+  /** The last snap point the user dragged to, if any. 0 if the user haven't interacted */lastSnap: number | null; /** The snap points currently in use, this can be controlled by providing a `snapPoints` function on the bottom sheet. */
+  snapPoints: number[];
+} & SnapPointProps;
+type SpringEvent = {
+  type: 'OPEN';
+} | {
+  type: 'CLOSE';
+} | {
+  source: ResizeSource;
+  type: 'RESIZE';
+} | {
+  source: 'dragging' | 'custom' | string;
+  type: 'SNAP';
+};
+type Props = {
+  /**
+   * Ensure that whatever you put in here have at least 1px height, or else the bottom sheet won't open
+   */
+  children: ReactNode;
+  /**
+   * Additional CSS class for the container.
+   */
+  className?: string;
+  /**
+   * Handler that is called to get the initial height of the bottom sheet when it's opened (or when the viewport is resized).
+   * @default ({ snapPoints, lastSnap }) => lastSnap ?? Math.min(...snapPoints)
+   */
+  defaultSnap?: number | ((props: defaultSnapProps) => number);
+  /**
+   * Whether to disable the BottomSheet's own scrolling (useful when children handle their own scrolling)
+   * @default false
+   */
+  disableScroll?: boolean;
+  /**
+   * Renders a sticky footer at the bottom of the sheet.
+   */
+  footer?: ReactNode;
+  /**
+   * Renders a title/description header below the drag handle. Omit to render no header.
+   */
+  header?: {
+    description: ReactNode;
+    title: ReactNode;
+  };
+  /**
+   * A reference to the element that should be focused. By default it'll be the first interactive element.
+   * Set to false to disable keyboard focus when opening.
+   */
+  initialFocusRef?: RefObject<HTMLElement> | false;
+  /**
+   * By default the maxHeight is set to window.innerHeight to match 100vh, and responds to window resize events.
+   * You can override it by giving maxHeight a number, just make sure you handle things like resize events when needed.
+   */
+  maxHeight?: number;
+  /**
+   * Minimum height for the bottom sheet in pixels. Ensures usable height on small screens.
+   * @default 300
+   */
+  minHeight?: number;
+  /**
+   * Handler that is called when the close animation completes.
+   * This is useful for cleanup actions or state updates that should happen after the sheet is fully closed.
+   */
+  onCloseEnd?: () => void;
+  /**
+   * Handler that is called when the user presses *esc*, clicks outside the dialog or drags the sheet to the bottom of the display.
+   */
+  onDismiss?: () => void;
+  /**
+   * A running transition didn't finish or got stopped, this event isn't awaited on and might happen
+   * after the sheet is unmounted (if it were in the middle of something).
+   */
+  onSpringCancel?: (event: SpringEvent) => void;
+  /**
+   * The transition ended successfully. Handy to know when it's safe to unmount
+   * the sheet without interrupting the closing animation.
+   * Return a promise or async to delay the start of the transition, just remember it can be cancelled.
+   */
+  onSpringEnd?: (event: SpringEvent) => void;
+  /**
+   * Start a transition from closed to open, open to closed, or snap to snap.
+   * Return a promise or async to delay the start of the transition, just remember it can be cancelled.
+   */
+  onSpringStart?: (event: SpringEvent) => void; /** Whether the bottom sheet is open or not. */
+  open: boolean;
+  /**
+   * Ensures that drag interactions works properly on iOS and Android.
+   * If setting this to `false`make sure you test on real iOS and Android devices to ensure the dragging interactions don't break.
+   * @default true
+   */
+  scrollLocking?: boolean;
+  /**
+   * Handler that is called to get the height values that the bottom sheet can *snap* to when the user stops dragging.
+   * @default ({ minHeight }) => minHeight
+   */
+  snapPoints?: snapPoints;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+interface RefHandles {
+  /**
+   * Returns the current snap point, in other words the height.
+   * It's update lifecycle with events are onSpringStart and onSpringCancel will give you the old value, while onSpringEnd will give you the current one.
+   */
+  height: number;
+  /**
+   * When given a number it'll find the closest snap point, so you don't need to know the exact value,
+   * Use the callback method to access what snap points you can choose from.
+   *
+   * Use the second argument for advanced settings like:
+   * `source: string` which is passed to onSpring events, and is 'custom' by default
+   * `velocity: number` which is 1 by default, adjust it to control the speed of the spring transition to the new snap point
+   */
+  snapTo: (numberOrCallback: number | ((state: defaultSnapProps) => number), options?: {
+    source?: string;
+    velocity?: number;
+  }) => void;
+}
+//#endregion
+//#region src/BottomSheet/index.d.ts
+/**
+ * BottomSheet component with SSR support and proper animation lifecycle management
+ */
+declare const BottomSheet: import("react").ForwardRefExoticComponent<{
+  children: import("react").ReactNode;
+  className?: string;
+  defaultSnap?: number | ((props: defaultSnapProps) => number);
+  disableScroll?: boolean;
+  footer?: import("react").ReactNode;
+  header?: {
+    description: import("react").ReactNode;
+    title: import("react").ReactNode;
+  };
+  initialFocusRef?: import("react").RefObject<HTMLElement> | false;
+  maxHeight?: number;
+  minHeight?: number;
+  onCloseEnd?: () => void;
+  onDismiss?: () => void;
+  onSpringCancel?: (event: SpringEvent) => void;
+  onSpringEnd?: (event: SpringEvent) => void;
+  onSpringStart?: (event: SpringEvent) => void;
+  open: boolean;
+  scrollLocking?: boolean;
+  snapPoints?: snapPoints;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import("react").RefAttributes<RefHandles>>;
+//#endregion
+export { Props as n, RefHandles as r, BottomSheet as t };
+//# sourceMappingURL=index-XZwBshBM.d.cts.map

package/index-XZwBshBM.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-XZwBshBM.d.cts","names":[],"sources":["../src/BottomSheet/types.ts","../src/BottomSheet/index.tsx"],"mappings":";;;KAQY,cAAA;EAQR;;;EAJA,YAAA;EAgBS;AAAA;AAGb;EAfI,YAAA;;;AAe2C;EAX3C,MAAA;EAgBoB;;;EAZpB,SAAA;EAcQ;;;EAVR,SAAA;AAAA;AAAA,KAGQ,UAAA,IAAc,KAAqB,EAAd,cAAc;;;AAY7B;KAPN,YAAA;AAAA,KAEA,gBAAA;0FAER,QAAA,iBAOI;EALJ,UAAA;AAAA,IACA,cAAc;AAAA,KAGN,WAAA;EACJ,IAAA;AAAA;EACA,IAAA;AAAA;EACA,MAAA,EAAQ,YAAY;EAAE,IAAA;AAAA;EACtB,MAAA;EAAwC,IAAA;AAAA;AAAA,KAEpC,KAAA;EA+BS;;;EA3BjB,QAAA,EAAU,SAAA;EAgEe;;;EA3DzB,SAAA;EAyFK;;;;EAnFL,WAAA,cAAyB,KAAA,EAAO,gBAAA;EAXtB;;;;EAgBV,aAAA;EAAA;;;EAKA,MAAA,GAAS,SAAA;EAML;;;EADJ,MAAA;IACI,WAAA,EAAa,SAAA;IACb,KAAA,EAAO,SAAA;EAAA;EAaX;;;;EANA,eAAA,GAAkB,SAAA,CAAU,WAAA;EA6BH;;;;EAvBzB,SAAA;EAoCA;;;;EA9BA,SAAA;EA8CA;;;;EAxCA,UAAA;EAyC6B;AAEjC;;EAtCI,SAAA;EAsDwD;;;;EAhDxD,cAAA,IAAkB,KAAA,EAAO,WAAA;EAgDrB;;;;;EAzCJ,WAAA,IAAe,KAAA,EAAO,WAAA;;;;ACjH1B;EDuHI,aAAA,IAAiB,KAAA,EAAO,WAAA;EAGxB,IAAA;;;;;;EAOA,aAAA;;;;;EAMA,UAAA,GAAa,UAAA;AAAA,IACb,IAAA,CAAK,wBAAA;AAAA,UAEQ,UAAA;;;;;EAKb,MAAA;;;;;;;;;EAUA,MAAA,GACI,gBAAA,aAA6B,KAAA,EAAO,gBAAgB,cACpD,OAAA;IAAY,MAAA;IAAiB,QAAA;EAAA;AAAA;;;;AAjKrC;;cCMa,WAAA,kBAAW,yBAAA;;;kCA8NtB,gBAAA"}

package/index-XZwBshBM.d.mts

@@ -0,0 +1,177 @@
+import { ComponentPropsWithoutRef, ReactNode, RefObject } from "react";
+
+//#region src/BottomSheet/types.d.ts
+type SnapPointProps = {
+  /**
+   * The height of the sticky footer, if there's one
+   */
+  footerHeight: number;
+  /**
+   * The height of the sticky header, if there's one
+   */
+  headerHeight: number;
+  /**
+   * If the bottom sheet is animating to a snap point the height will match the destination height, not the height the bottom sheet might have in the middle of the animation. It includes the header and footer heights.
+   */
+  height: number;
+  /**
+   * Max height the sheet can be, your snap points are capped to this value. It's window.innerHeight by default but can be overriden using the maxHeight prop.
+   */
+  maxHeight: number;
+  /**
+   * Minimum height needed to avoid scroll overflow in the content area, if possible.
+   */
+  minHeight: number;
+};
+type snapPoints = (props: SnapPointProps) => number[] | number;
+/**
+ * `window` comes from window.onresize, maxheightprop is if the `maxHeight` prop is used, and `element` comes from the resize observers that listens to header, footer and the content area
+ */
+type ResizeSource = 'window' | 'maxheightprop' | 'element';
+type defaultSnapProps = {
+  /** The last snap point the user dragged to, if any. 0 if the user haven't interacted */lastSnap: number | null; /** The snap points currently in use, this can be controlled by providing a `snapPoints` function on the bottom sheet. */
+  snapPoints: number[];
+} & SnapPointProps;
+type SpringEvent = {
+  type: 'OPEN';
+} | {
+  type: 'CLOSE';
+} | {
+  source: ResizeSource;
+  type: 'RESIZE';
+} | {
+  source: 'dragging' | 'custom' | string;
+  type: 'SNAP';
+};
+type Props = {
+  /**
+   * Ensure that whatever you put in here have at least 1px height, or else the bottom sheet won't open
+   */
+  children: ReactNode;
+  /**
+   * Additional CSS class for the container.
+   */
+  className?: string;
+  /**
+   * Handler that is called to get the initial height of the bottom sheet when it's opened (or when the viewport is resized).
+   * @default ({ snapPoints, lastSnap }) => lastSnap ?? Math.min(...snapPoints)
+   */
+  defaultSnap?: number | ((props: defaultSnapProps) => number);
+  /**
+   * Whether to disable the BottomSheet's own scrolling (useful when children handle their own scrolling)
+   * @default false
+   */
+  disableScroll?: boolean;
+  /**
+   * Renders a sticky footer at the bottom of the sheet.
+   */
+  footer?: ReactNode;
+  /**
+   * Renders a title/description header below the drag handle. Omit to render no header.
+   */
+  header?: {
+    description: ReactNode;
+    title: ReactNode;
+  };
+  /**
+   * A reference to the element that should be focused. By default it'll be the first interactive element.
+   * Set to false to disable keyboard focus when opening.
+   */
+  initialFocusRef?: RefObject<HTMLElement> | false;
+  /**
+   * By default the maxHeight is set to window.innerHeight to match 100vh, and responds to window resize events.
+   * You can override it by giving maxHeight a number, just make sure you handle things like resize events when needed.
+   */
+  maxHeight?: number;
+  /**
+   * Minimum height for the bottom sheet in pixels. Ensures usable height on small screens.
+   * @default 300
+   */
+  minHeight?: number;
+  /**
+   * Handler that is called when the close animation completes.
+   * This is useful for cleanup actions or state updates that should happen after the sheet is fully closed.
+   */
+  onCloseEnd?: () => void;
+  /**
+   * Handler that is called when the user presses *esc*, clicks outside the dialog or drags the sheet to the bottom of the display.
+   */
+  onDismiss?: () => void;
+  /**
+   * A running transition didn't finish or got stopped, this event isn't awaited on and might happen
+   * after the sheet is unmounted (if it were in the middle of something).
+   */
+  onSpringCancel?: (event: SpringEvent) => void;
+  /**
+   * The transition ended successfully. Handy to know when it's safe to unmount
+   * the sheet without interrupting the closing animation.
+   * Return a promise or async to delay the start of the transition, just remember it can be cancelled.
+   */
+  onSpringEnd?: (event: SpringEvent) => void;
+  /**
+   * Start a transition from closed to open, open to closed, or snap to snap.
+   * Return a promise or async to delay the start of the transition, just remember it can be cancelled.
+   */
+  onSpringStart?: (event: SpringEvent) => void; /** Whether the bottom sheet is open or not. */
+  open: boolean;
+  /**
+   * Ensures that drag interactions works properly on iOS and Android.
+   * If setting this to `false`make sure you test on real iOS and Android devices to ensure the dragging interactions don't break.
+   * @default true
+   */
+  scrollLocking?: boolean;
+  /**
+   * Handler that is called to get the height values that the bottom sheet can *snap* to when the user stops dragging.
+   * @default ({ minHeight }) => minHeight
+   */
+  snapPoints?: snapPoints;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+interface RefHandles {
+  /**
+   * Returns the current snap point, in other words the height.
+   * It's update lifecycle with events are onSpringStart and onSpringCancel will give you the old value, while onSpringEnd will give you the current one.
+   */
+  height: number;
+  /**
+   * When given a number it'll find the closest snap point, so you don't need to know the exact value,
+   * Use the callback method to access what snap points you can choose from.
+   *
+   * Use the second argument for advanced settings like:
+   * `source: string` which is passed to onSpring events, and is 'custom' by default
+   * `velocity: number` which is 1 by default, adjust it to control the speed of the spring transition to the new snap point
+   */
+  snapTo: (numberOrCallback: number | ((state: defaultSnapProps) => number), options?: {
+    source?: string;
+    velocity?: number;
+  }) => void;
+}
+//#endregion
+//#region src/BottomSheet/index.d.ts
+/**
+ * BottomSheet component with SSR support and proper animation lifecycle management
+ */
+declare const BottomSheet: import("react").ForwardRefExoticComponent<{
+  children: import("react").ReactNode;
+  className?: string;
+  defaultSnap?: number | ((props: defaultSnapProps) => number);
+  disableScroll?: boolean;
+  footer?: import("react").ReactNode;
+  header?: {
+    description: import("react").ReactNode;
+    title: import("react").ReactNode;
+  };
+  initialFocusRef?: import("react").RefObject<HTMLElement> | false;
+  maxHeight?: number;
+  minHeight?: number;
+  onCloseEnd?: () => void;
+  onDismiss?: () => void;
+  onSpringCancel?: (event: SpringEvent) => void;
+  onSpringEnd?: (event: SpringEvent) => void;
+  onSpringStart?: (event: SpringEvent) => void;
+  open: boolean;
+  scrollLocking?: boolean;
+  snapPoints?: snapPoints;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import("react").RefAttributes<RefHandles>>;
+//#endregion
+export { Props as n, RefHandles as r, BottomSheet as t };
+//# sourceMappingURL=index-XZwBshBM.d.mts.map

package/index-XZwBshBM.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-XZwBshBM.d.mts","names":[],"sources":["../src/BottomSheet/types.ts","../src/BottomSheet/index.tsx"],"mappings":";;;KAQY,cAAA;EAQR;;;EAJA,YAAA;EAgBS;AAAA;AAGb;EAfI,YAAA;;;AAe2C;EAX3C,MAAA;EAgBoB;;;EAZpB,SAAA;EAcQ;;;EAVR,SAAA;AAAA;AAAA,KAGQ,UAAA,IAAc,KAAqB,EAAd,cAAc;;;AAY7B;KAPN,YAAA;AAAA,KAEA,gBAAA;0FAER,QAAA,iBAOI;EALJ,UAAA;AAAA,IACA,cAAc;AAAA,KAGN,WAAA;EACJ,IAAA;AAAA;EACA,IAAA;AAAA;EACA,MAAA,EAAQ,YAAY;EAAE,IAAA;AAAA;EACtB,MAAA;EAAwC,IAAA;AAAA;AAAA,KAEpC,KAAA;EA+BS;;;EA3BjB,QAAA,EAAU,SAAA;EAgEe;;;EA3DzB,SAAA;EAyFK;;;;EAnFL,WAAA,cAAyB,KAAA,EAAO,gBAAA;EAXtB;;;;EAgBV,aAAA;EAAA;;;EAKA,MAAA,GAAS,SAAA;EAML;;;EADJ,MAAA;IACI,WAAA,EAAa,SAAA;IACb,KAAA,EAAO,SAAA;EAAA;EAaX;;;;EANA,eAAA,GAAkB,SAAA,CAAU,WAAA;EA6BH;;;;EAvBzB,SAAA;EAoCA;;;;EA9BA,SAAA;EA8CA;;;;EAxCA,UAAA;EAyC6B;AAEjC;;EAtCI,SAAA;EAsDwD;;;;EAhDxD,cAAA,IAAkB,KAAA,EAAO,WAAA;EAgDrB;;;;;EAzCJ,WAAA,IAAe,KAAA,EAAO,WAAA;;;;ACjH1B;EDuHI,aAAA,IAAiB,KAAA,EAAO,WAAA;EAGxB,IAAA;;;;;;EAOA,aAAA;;;;;EAMA,UAAA,GAAa,UAAA;AAAA,IACb,IAAA,CAAK,wBAAA;AAAA,UAEQ,UAAA;;;;;EAKb,MAAA;;;;;;;;;EAUA,MAAA,GACI,gBAAA,aAA6B,KAAA,EAAO,gBAAgB,cACpD,OAAA;IAAY,MAAA;IAAiB,QAAA;EAAA;AAAA;;;;AAjKrC;;cCMa,WAAA,kBAAW,yBAAA;;;kCA8NtB,gBAAA"}

package/index-dpfLYhgI.d.mts

@@ -0,0 +1,39 @@
+import { n as TextInput } from "./TextInput-CWCeR18b.mjs";
+import { ComponentProps } from "react";
+
+//#region src/DateTimeInput/timeInput/TimeInput.d.ts
+type Props$1 = {
+  /**
+   * Whether the input is in 24-hour format
+   */
+  is24hour?: boolean;
+  /**
+   * label for the input field, defaults to 'Select Time'
+   */
+  labelText?: ComponentProps<typeof TextInput>['labelText'];
+  /**
+   * The setter of a `useState<Date>` that indicates whether the input time is valid.
+   * NOTE: if props.time is valid that will be used to set the time date object, otherwise
+   * the date object will use today's date with the input time.
+   */
+  onValidTimeChange?: (time: Date | undefined) => void;
+  /**
+   * Input fields placeholder defaults to '00 : 00 AM'
+   */
+  placeholder?: ComponentProps<typeof TextInput>['placeholder'];
+  /**
+   * This is the time that will be displayed in HH:MM (AM/PM) format
+   */
+  time?: Date;
+} & Partial<Omit<ComponentProps<typeof TextInput>, 'type' | 'secure'>>;
+declare const TimeInput: import("react").ForwardRefExoticComponent<Omit<Props$1, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/DateTimeInput/timePicker/TimePicker.d.ts
+type Props = {
+  is24hour?: boolean;
+  zIndex?: number;
+} & Partial<ComponentProps<typeof TimeInput>>;
+declare const TimePicker: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TimePicker as t };
+//# sourceMappingURL=index-dpfLYhgI.d.mts.map

package/index-dpfLYhgI.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-dpfLYhgI.d.mts","names":[],"sources":["../src/DateTimeInput/timeInput/TimeInput.tsx","../src/DateTimeInput/timePicker/TimePicker.tsx"],"mappings":";;;;KAMK,OAAA;;AAJiD;;EAQlD,QAAA;EAIkC;;;EAAlC,SAAA,GAAY,cAAA,QAAsB,SAAA;EAUpB;;;;;EAJd,iBAAA,IAAqB,IAAA,EAAM,IAAA;EASpB;;;EALP,WAAA,GAAc,cAAA,QAAsB,SAAA;EAVxB;;;EAcZ,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,CAAQ,IAAA,CAAK,cAAA,QAAsB,SAAA;AAAA,cAC1B,SAAA,kBAAS,yBAAA,CAAA,IAAA,CAAA,OAAA,2BAAA,aAAA,CAAA,gBAAA;;;KCVjB,KAAA;EACD,QAAA;EACA,MAAA;AAAA,IACA,OAAA,CAAQ,cAAA,QAAsB,SAAA;AAAA,cAErB,UAAA,kBAAU,yBAAA,CAAA,IAAA,CAAA,KAAA,2BAAA,aAAA,CAAA,gBAAA"}

package/index-kchg551L.d.cts

@@ -0,0 +1,25 @@
+import { t as DateInput } from "./DateInput-B8XQZPTx.cjs";
+import { ComponentProps } from "react";
+import { PropsBase } from "react-day-picker";
+
+//#region src/DateTimeInput/datePicker/components/calendar/Calendar.d.ts
+type CalendarProps = {
+  onSelectDate?: (date: Date) => void;
+  selectedDate?: Date;
+} & Partial<Omit<PropsBase, 'styles' | 'style' | 'modifiersStyles' | 'components' | 'footer' | 'mode' | 'classNames'>>;
+declare const Calendar: ({
+  onSelectDate,
+  selectedDate,
+  ...rest
+}: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/DateTimeInput/datePicker/DatePicker.d.ts
+type Props = {
+  calendarProps?: ComponentProps<typeof Calendar>;
+  closeOnSelect?: boolean;
+  zIndex?: number;
+} & ComponentProps<typeof DateInput>;
+declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { DatePicker as t };
+//# sourceMappingURL=index-kchg551L.d.cts.map

package/index-kchg551L.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-kchg551L.d.cts","names":[],"sources":["../src/DateTimeInput/datePicker/components/calendar/Calendar.tsx","../src/DateTimeInput/datePicker/DatePicker.tsx"],"mappings":";;;;;KAQY,aAAA;EACR,YAAA,IAAgB,IAAA,EAAM,IAAA;EACtB,YAAA,GAAe,IAAA;AAAA,IACf,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,cAEJ,QAAA;EAAY,YAAA;EAAA,YAAA;EAAA,GAAA;AAAA,GAAyC,aAAA,iCAAa,GAAA,CAAA,OAAA;;;KCS1E,KAAA;EACD,aAAA,GAAgB,cAAA,QAAsB,QAAA;EACtC,aAAA;EACA,MAAA;AAAA,IACA,cAAA,QAAsB,SAAA;AAAA,cAEb,UAAA,kBAAU,yBAAA,CAAA,IAAA,CAAA,KAAA,2BAAA,aAAA,CAAA,gBAAA"}

package/index-l7Awc0i3.d.cts

@@ -0,0 +1,68 @@
+import { n as IconComponent } from "./IconBase-C_Lx9rDx.cjs";
+import { ReactNode } from "react";
+
+//#region src/SegmentedControl/SegmentedControl.d.ts
+type SegmentedControlProps<ControlItemOptionId extends string> = {
+  /** The content to be displayed inside the control */children?: ReactNode; /** Additional CSS class name for the control */
+  className?: string; /** Whether the control is disabled */
+  disabled?: boolean; /** Icon component to be displayed on the left side of the control */
+  iconLeft?: IconComponent; /** Icon component to be displayed on the right side of the control */
+  iconRight?: IconComponent; /** Unique identifier for the control */
+  id: ControlItemOptionId; /** Callback function triggered when the control is clicked */
+  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void; /** Callback function triggered when a key is pressed while the control is focused */
+  onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void; /** Whether the control is currently selected */
+  selected?: boolean;
+};
+declare const SegmentedControl: {
+  <ControlItemOptionId extends string>({
+    children,
+    className,
+    disabled,
+    iconLeft: IconLeft,
+    iconRight: IconRight,
+    id,
+    onClick,
+    onKeyDown,
+    selected,
+    ...props
+  }: SegmentedControlProps<ControlItemOptionId>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/SegmentedControl/SegmentedControlGroup.d.ts
+/**
+ * Represents an individual control item within the SegmentedControlGroup.
+ */
+type ControlItem<ControlItemOptionId extends string> = {
+  /** Whether the control is disabled */disabled?: boolean; /** Icon component to be displayed on the left side of the control */
+  iconLeft?: IconComponent; /** Icon component to be displayed on the right side of the control */
+  iconRight?: IconComponent; /** Unique identifier for the control */
+  id: ControlItemOptionId; /** Text label for the control */
+  label?: string;
+};
+/**
+ * Props for the SegmentedControlGroup component.
+ */
+type SegmentedControlGroupProps<ControlItemOptionId extends string> = {
+  /** Additional CSS class name for the group */className?: string; /** Array of ControlItem objects representing the individual controls */
+  controls: ControlItem<ControlItemOptionId>[];
+  /** Name of the group, defaults to 'SegmentedControl'
+   * use when multiple groups are present on the page that may share control ids
+   */
+  name?: string; /** Callback function triggered when a control is selected */
+  onChange: (id: ControlItemOptionId) => void; /** ID of the currently selected control */
+  selectedId: ControlItemOptionId;
+};
+declare const SegmentedControlGroup: {
+  <ControlItemOptionId extends string>({
+    className,
+    controls,
+    name,
+    onChange,
+    selectedId
+  }: SegmentedControlGroupProps<ControlItemOptionId>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SegmentedControlProps as a, SegmentedControl as i, SegmentedControlGroup as n, SegmentedControlGroupProps as r, ControlItem as t };
+//# sourceMappingURL=index-l7Awc0i3.d.cts.map

package/index-l7Awc0i3.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-l7Awc0i3.d.cts","names":[],"sources":["../src/SegmentedControl/SegmentedControl.tsx","../src/SegmentedControl/SegmentedControlGroup.tsx"],"mappings":";;;;KAMY,qBAAA;uDAER,QAAA,GAAW,SAAA,EAFkB;EAI7B,SAAA,WAFW;EAIX,QAAA,YAIY;EAFZ,QAAA,GAAW,aAAA,EAMuB;EAJlC,SAAA,GAAY,aAAA,EAIK;EAFjB,EAAA,EAAI,mBAAA,EAIe;EAFnB,OAAA,GAAU,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,cAAA,EAAgB,UAAA,YAEZ;EAAtC,SAAA,GAAY,KAAA,EAAO,KAAA,CAAM,aAAA,CAAc,cAAA,YAdvC;EAgBA,QAAA;AAAA;AAAA,cAGS,gBAAA;EAAA;IAAsD,QAAA;IAAA,SAAA;IAAA,QAAA;IAAA,QAAA,EAAA,QAAA;IAAA,SAAA,EAAA,SAAA;IAAA,EAAA;IAAA,OAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GAWhE,qBAAA,CAAsB,mBAAA,gCAAoB,GAAA,CAAA,OAAA;;;;;;;;KC9BjC,WAAA;EDFqB,sCCI7B,QAAA,YDFW;ECIX,QAAA,GAAW,aAAA,EDIC;ECFZ,SAAA,GAAY,aAAA,EDMsB;ECJlC,EAAA,EAAI,mBAAA,EDIa;ECFjB,KAAA;AAAA;;;;KAMQ,0BAAA;EDhBG,8CCkBX,SAAA,WDdA;ECgBA,QAAA,EAAU,WAAA,CAAY,mBAAA;EDdX;;;ECkBX,IAAA,WDdI;ECgBJ,QAAA,GAAW,EAAA,EAAI,mBAAA,WDdE;ECgBjB,UAAA,EAAY,mBAAA;AAAA;AAAA,cAGH,qBAAA;EAAA;IAA2D,SAAA;IAAA,QAAA;IAAA,IAAA;IAAA,QAAA;IAAA;EAAA,GAMrE,0BAAA,CAA2B,mBAAA,gCAAoB,GAAA,CAAA,OAAA"}

package/index-ojxI7tqs.d.cts

@@ -0,0 +1,143 @@
+import { t as ProgressSteps } from "./ProgressSteps-Ls0XahjM.cjs";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/Modal/components/BackButton/BackButton.d.ts
+type Props$6 = {
+  /**
+   * @default 'Go Back'
+   */
+  'aria-label'?: string;
+  className?: string;
+  /**
+   * Function to be called when the button is clicked.
+   *
+   * This is intended to be a callback to control something like a `ContentPager`.
+   */
+  onClick: () => void;
+};
+/**
+ * Component for modal that triggers a callback when clicked.
+ */
+declare const BackButton: ({
+  "aria-label": ariaLabel,
+  className,
+  onClick
+}: Props$6) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/CloseButton/CloseButton.d.ts
+type Props$5 = {
+  /**
+   * @default 'Close'
+   */
+  'aria-label'?: string;
+  /**
+   * Optional class name for the component.
+   */
+  className?: string;
+};
+/**
+ * Component used in modal windows to close them.
+ *
+ * You can access this same functionality (no need for the component to be a child of `Modal`)
+ * with `useCloseModal` (subpath `modal/useCloseModal`).
+ *
+ * If you need to add a callback, you likely want to modify `handleClose` on the `Modal` component.
+ */
+declare const CloseButton: ({
+  "aria-label": ariaLabel,
+  className
+}: Props$5) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/ModalActions/ModalActions.d.ts
+type Props$4 = {
+  children: ReactNode;
+  className?: string;
+  usePortalActions?: boolean;
+};
+/**
+ * A styled container for buttons or other actions.
+ *
+ * Automatically adds scroll hint above when `ModalContent` is scrollable.
+ * During page transitions, only the first set of portal actions are shown.
+ */
+declare const ModalActions: ({
+  children,
+  className,
+  usePortalActions
+}: Props$4) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/ModalContent/ModalContent.d.ts
+type Props$3 = {
+  children: ReactNode;
+  className?: string;
+};
+/**
+ * The main content area of the modal.
+ *
+ * It automatically adds scroll hints to `ModalHeader` (above) and `ModalActions` (below).
+ * It automatically moves the `ModalTitle` farther into the header if scrolled.
+ */
+declare const ModalContent: ({
+  children,
+  className
+}: Props$3) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/ModalHeader/ModalHeader.d.ts
+type Props$2 = {
+  children: ReactNode;
+  className?: string;
+};
+/**
+ * A styled container for the header of the modal.
+ *
+ * Automatically moves the `ModalTitle` farther into the header if scrolled.
+ * Automatically adds scroll hint below when `ModalContent` is scrollable.
+ */
+declare const ModalHeader: ({
+  children,
+  className
+}: Props$2) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/ModalProgressSteps/ModalProgressSteps.d.ts
+type Props$1 = {
+  className?: string;
+} & ComponentProps<typeof ProgressSteps>;
+declare const ModalProgressSteps: ({
+  className,
+  ...props
+}: Props$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Modal/components/ModalSubTitle/ModalSubTitle.d.ts
+type Props = {
+  children: React.ReactNode;
+  className?: string;
+  ['data-testid']?: string;
+};
+/**
+ * Styled subtitle for modal.
+ */
+declare const ModalSubTitle: {
+  ({
+    children,
+    className,
+    "data-testid": dataTestId
+  }: Props): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/Modal/components/ModalTitle/ModalTitle.d.ts
+/**
+ * Styled title for modal.
+ *
+ * Automatically moves the `ModalTitle` farther into the header if `ModalContent` scrolled.
+ */
+declare const ModalTitle: ({
+  children,
+  "data-testid": dataTestId
+}: {
+  children: ReactNode;
+  "data-testid"?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ModalContent as a, BackButton as c, ModalHeader as i, ModalSubTitle as n, ModalActions as o, ModalProgressSteps as r, CloseButton as s, ModalTitle as t };
+//# sourceMappingURL=index-ojxI7tqs.d.cts.map

package/index-ojxI7tqs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ojxI7tqs.d.cts","names":[],"sources":["../src/Modal/components/BackButton/BackButton.tsx","../src/Modal/components/CloseButton/CloseButton.tsx","../src/Modal/components/ModalActions/ModalActions.tsx","../src/Modal/components/ModalContent/ModalContent.tsx","../src/Modal/components/ModalHeader/ModalHeader.tsx","../src/Modal/components/ModalProgressSteps/ModalProgressSteps.tsx","../src/Modal/components/ModalSubTitle/ModalSubTitle.tsx","../src/Modal/components/ModalTitle/ModalTitle.tsx"],"mappings":";;;;KAMK,OAAA;;;;EAID,YAAA;EACA,SAAA;;;;;;EAMA,OAAA;AAAA;AAMJ;;;AAAA,cAAa,UAAA;EAAA,cAAc,SAAA;EAAA,SAAA;EAAA;AAAA,GAA6D,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCfxF,OAAA;;;;EAID,YAAA;EDNM;;;ECUN,SAAS;AAAA;;;ADCF;AAMX;;;;;cCUa,WAAA;EAAA,cAAe,SAAA;EAAA;AAAA,GAAkD,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCzB9E,OAAA;EACD,QAAA,EAAU,SAAS;EACnB,SAAA;EACA,gBAAA;AAAA;;;;;;;cASS,YAAA;EAAgB,QAAA;EAAA,SAAA;EAAA;AAAA,GAA2C,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCZxE,OAAA;EACD,QAAA,EAAU,SAAS;EACnB,SAAA;AAAA;;;;;;;cASS,YAAA;EAAgB,QAAA;EAAA;AAAA,GAAyB,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCTtD,OAAA;EACD,QAAA,EAAU,SAAS;EACnB,SAAA;AAAA;;;;;;;cASS,WAAA;EAAe,QAAA;EAAA;AAAA,GAAyB,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCdrD,OAAA;EACD,SAAA;AAAA,IACA,cAAc,QAAQ,aAAA;AAAA,cAEb,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAAyB,OAAK,iCAAA,GAAA,CAAA,OAAA;;;KCP5D,KAAA;EACD,QAAA,EAAU,KAAA,CAAM,SAAS;EACzB,SAAA;EAAA,CACC,aAAA;AAAA;;;;cAMQ,aAAA;EAAA;;;;KAAuF,KAAA,+BAAK,GAAA,CAAA,OAAA;;;;;;;;;;cCL5F,UAAA;EAAc,QAAA;EAAA,eAAA;AAAA;EAIvB,QAAA,EAAU,SAAA;EACV,aAAA;AAAA,kCACH,GAAA,CAAA,OAAA"}