@evolve.ui/core-components 1.0.0

package/Thumbnails-B-eOrf55.d.cts

@@ -0,0 +1,226 @@
+import { ReactNode } from "react";
+
+//#region src/ImageSlider/ImageSlider.types.d.ts
+/**
+ * Display mode for thumbnail navigation
+ */
+declare enum ThumbnailDisplay {
+  Index = "index",
+  Thumbnails = "thumbnails"
+}
+/**
+ * Analytics event data for ImageSlider interactions
+ */
+type ImageSliderAnalyticsEvent = {
+  /** Current image position (1-based index) */imagePosition: number; /** Type of interaction that triggered the event */
+  interactionType: 'Thumbnail Click' | 'Next' | 'Prev' | 'Open Lightbox'; /** Total number of images in the slider */
+  totalImages: number;
+};
+/**
+ * Responsive image data for optimized loading
+ */
+type ResponsiveImageData = {
+  /**
+   * Alt text for the image
+   */
+  alt: string;
+  /**
+   * Base URL for the image (without width parameters)
+   */
+  baseUrl: string;
+  /**
+   * Optional title for the image
+   */
+  title?: string;
+};
+/**
+ * Configuration for responsive image sizes and breakpoints
+ */
+type ResponsiveImageConfig = {
+  /**
+   * Breakpoint width in pixels where mobile switches to desktop
+   * @default 768
+   */
+  breakpoint: number;
+  /**
+   * Desktop image width in pixels
+   * @default 651
+   */
+  desktopSize: number;
+  /**
+   * Mobile image width in pixels
+   * @default 366
+   */
+  mobileSize: number;
+};
+/**
+ * Card for the ImageSlider - supports both custom ReactNode and responsive images
+ */
+type ImageSliderCard = {
+  /**
+   * The rendered content of the card or image.
+   * Optional when using imageData.
+   */
+  card?: ReactNode;
+  /**
+   * Responsive image data for automatic srcset/sizes optimization.
+   * When provided, `card` will be ignored and an optimized <img> will be rendered.
+   * Optional when using custom card content.
+   */
+  imageData?: ResponsiveImageData;
+  /**
+   * The unique identifier for the card
+   */
+  key: string;
+};
+type ImageSliderPageInfo = {
+  breakpoints: number[];
+  cardsPerPage: number;
+  numberOfPages: number;
+};
+declare const CAROUSEL_CARD_GAP_NUM = 24;
+//#endregion
+//#region src/ImageSlider/ImageSlider.d.ts
+type Props$1 = {
+  /**
+   * The scrollable content of the image slider.
+   * Should be individual images.
+   *
+   * @property {ReactNode} card - The rendered image content
+   * @property {string} key - A unique identifier for the image
+   */
+  cards: ImageSliderCard[];
+  /**
+   * Class name for the image gallery container.
+   */
+  className?: string;
+  /**
+   * Optional key to identify when content has changed (e.g., an item id).
+   * When this key changes, the slider will reset to the first image.
+   * If not provided, will reset whenever the cards array reference changes.
+   */
+  contentKey?: string | number;
+  /**
+   * Shape of the navigation icons.
+   * 'circle' creates round buttons, 'square' creates square buttons.
+   *
+   * @default 'circle'
+   */
+  iconShape?: 'circle' | 'square';
+  /**
+   * Size of the navigation icons - sm=34px, md=42px, lg=54px.
+   * For horizontal thumbnails, 'lg' (54px) is recommended.
+   *
+   * @default 'sm'
+   */
+  iconSize?: 'sm' | 'md' | 'lg';
+  /**
+   * Type of icons to use for navigation.
+   * 'caret' uses CaretLeft/CaretRight, 'arrow' uses ArrowLeft/ArrowRight.
+   *
+   * @default 'caret'
+   */
+  iconType?: 'caret' | 'arrow';
+  /**
+   * Variant of the navigation icons.
+   * 'outlined' shows buttons with borders, 'transparent' shows borderless buttons.
+   *
+   * @default 'outlined'
+   */
+  iconVariant?: 'outlined' | 'transparent';
+  /**
+   * When thumbnailDisplay is 'index', position of the numeric indicator relative to the main image.
+   *
+   * @default 'bottom'
+   */
+  indexPosition?: 'top' | 'bottom';
+  /**
+   * Callback fired when an analytics event occurs in the image slider.
+   * Receives interaction type, current image position (1-based), and total image count.
+   * Does not fire for mobile swipe navigation, only for button/thumbnail clicks and lightbox opens.
+   */
+  onAnalyticsEventTriggered?: (event: ImageSliderAnalyticsEvent) => void;
+  /**
+   * Callback fired when an image is clicked (mouse) or activated via keyboard (Enter/Space).
+   * Receives the index of the image and the mouse or keyboard event.
+   */
+  onImageClick?: (imageIndex: number, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+  /**
+   * Callback fired when an image is hovered (mouse) or focused (keyboard/screen reader).
+   * Receives the index of the image and the mouse or focus event.
+   */
+  onImageMouseOver?: (imageIndex: number, event: React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => void;
+  /**
+   * Configuration for responsive image loading when using imageData in cards.
+   * Defines mobile/desktop sizes and breakpoint for optimal image loading.
+   */
+  responsiveImageConfig?: ResponsiveImageConfig;
+  /**
+   * Displays thumbnail previews on the left side of the slider.
+   * Clicking a thumbnail will navigate to the corresponding image.
+   * The current image thumbnail will have a border highlight.
+   *
+   * @default true
+   */
+  showThumbnails?: boolean;
+  /**
+   * Display mode for image navigation controls.
+   * 'thumbnails' shows image previews (vertical or horizontal per thumbnailOrientation).
+   * 'index' shows a numeric indicator (e.g., "1 of 11") above or below the main image per indexPosition.
+   *
+   * @default ThumbnailDisplay.Thumbnails
+   */
+  thumbnailDisplay?: ThumbnailDisplay;
+  /**
+   * Orientation of the thumbnail previews when showThumbnails is true.
+   * 'vertical' displays thumbnails on the left side, 'horizontal' displays them below the image.
+   *
+   * @default 'vertical'
+   */
+  thumbnailOrientation?: 'vertical' | 'horizontal';
+};
+declare const ImageSlider: ({
+  cards: initialCards,
+  className,
+  contentKey,
+  iconShape,
+  iconSize,
+  iconType,
+  iconVariant,
+  indexPosition,
+  onAnalyticsEventTriggered,
+  onImageClick,
+  onImageMouseOver,
+  responsiveImageConfig,
+  showThumbnails,
+  thumbnailDisplay,
+  thumbnailOrientation
+}: Props$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/ImageSlider/components/Thumbnails/Thumbnails.d.ts
+/**
+ * Props for the Thumbnails component
+ */
+type Props = {
+  /** Array of image cards to display as thumbnails */cards: ImageSliderCard[]; /** Currently active page number (1-based) */
+  currentPage: number; /** Function to generate responsive thumbnail sizes attribute */
+  generateThumbnailSizesAttribute: () => string; /** Function to generate responsive thumbnail srcSet */
+  generateThumbnailSrcSet: (baseUrl: string) => string; /** Callback fired when a thumbnail is clicked */
+  onThumbnailClick: (pageNumber: number) => void; /** Orientation of the thumbnail previews */
+  orientation: 'vertical' | 'horizontal';
+};
+/**
+ * Thumbnails component displays clickable thumbnail previews for image navigation.
+ * Supports both vertical and horizontal orientations with consistent 111px sizing across all viewports.
+ */
+declare const Thumbnails: ({
+  cards,
+  currentPage,
+  generateThumbnailSizesAttribute,
+  generateThumbnailSrcSet,
+  onThumbnailClick,
+  orientation
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ImageSliderCard as a, ResponsiveImageData as c, ImageSliderAnalyticsEvent as i, ThumbnailDisplay as l, ImageSlider as n, ImageSliderPageInfo as o, CAROUSEL_CARD_GAP_NUM as r, ResponsiveImageConfig as s, Thumbnails as t };
+//# sourceMappingURL=Thumbnails-B-eOrf55.d.cts.map

package/Thumbnails-B-eOrf55.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnails-B-eOrf55.d.cts","names":[],"sources":["../src/ImageSlider/ImageSlider.types.ts","../src/ImageSlider/ImageSlider.tsx","../src/ImageSlider/components/Thumbnails/Thumbnails.tsx"],"mappings":";;;;;AAKA;aAAY,gBAAA;EACR,KAAA;EACA,UAAU;AAAA;AAMd;;;AAAA,KAAY,yBAAA;EAER,6CAAA,aAAA,UAIA;EAFA,eAAA,yDAEW;EAAX,WAAA;AAAA;;;;KAMQ,mBAAA;EAYR;;AAAK;EARL,GAAA;EAc6B;;;EAV7B,OAAA;EAoBA;;;EAhBA,KAAA;AAAA;;;;KAMQ,qBAAA;EA0BD;;;;EArBP,UAAA;EA+BG;AAGP;;;EA7BI,WAAA;EA8BA;;;;EAzBA,UAAA;AAAA;;;;KAMQ,eAAA;;;;AChDiB;EDqDzB,IAAA,GAAO,SAAA;;;;;;EAMP,SAAA,GAAY,mBAAmB;ECSY;;;EDL3C,GAAA;AAAA;AAAA,KAGQ,mBAAA;EACR,WAAA;EACA,YAAA;EACA,aAAA;AAAA;AAAA,cAIS,qBAAA;;;KCtER,OAAA;;ADdL;;;;AAEc;AAMd;ECcI,KAAA,EAAO,eAAA;;;;EAIP,SAAA;EDZA;;AAAW;AAMf;;ECYI,UAAA;EDZ2B;;;;;AAYtB;ECOL,SAAA;EDD6B;;;;;;ECQ7B,QAAA;EDOU;AAMd;;;;;ECNI,QAAA;EDiBA;;;;AAIG;AAGP;ECjBI,WAAA;;;;;;EAMA,aAAA;EDca;AAIjB;;;;ECZI,yBAAA,IAA6B,KAAA,EAAO,yBAAA;;;;AA7DX;EAkEzB,YAAA,IACI,UAAA,UACA,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,WAAA,IAAe,KAAA,CAAM,aAAA,CAAc,WAAA;;;;;EAM/D,gBAAA,IACI,UAAA,UACA,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,WAAA,IAAe,KAAA,CAAM,UAAA,CAAW,WAAA;EARG;;;;EAc/D,qBAAA,GAAwB,qBAAA;EANmB;;;;;;;EAc3C,cAAA;EArEA;;;;;;;EA6EA,gBAAA,GAAmB,gBAAA;EArCU;;;;;;EA4C7B,oBAAA;AAAA;AAAA,cAcS,WAAA;EAAe,KAAA,EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,aAAA;EAAA,yBAAA;EAAA,YAAA;EAAA,gBAAA;EAAA,qBAAA;EAAA,cAAA;EAAA,gBAAA;EAAA;AAAA,GAgBzB,OAAA,iCAAK,GAAA,CAAA,OAAA;;;;;ADlJR;KEIK,KAAA;sDAED,KAAA,EAAO,eAAe,IFJZ;EEMV,WAAA,UFAiC;EEEjC,+BAAA,gBFFiC;EEIjC,uBAAA,GAA0B,OAAA,qBFA1B;EEEA,gBAAA,GAAmB,UAAA,mBFAR;EEEX,WAAA;AAAA;;;;;cAOS,UAAA;EAAc,KAAA;EAAA,WAAA;EAAA,+BAAA;EAAA,uBAAA;EAAA,gBAAA;EAAA;AAAA,GAOxB,KAAA,iCAAK,GAAA,CAAA,OAAA"}

package/Thumbnails-B-eOrf55.d.mts

@@ -0,0 +1,226 @@
+import { ReactNode } from "react";
+
+//#region src/ImageSlider/ImageSlider.types.d.ts
+/**
+ * Display mode for thumbnail navigation
+ */
+declare enum ThumbnailDisplay {
+  Index = "index",
+  Thumbnails = "thumbnails"
+}
+/**
+ * Analytics event data for ImageSlider interactions
+ */
+type ImageSliderAnalyticsEvent = {
+  /** Current image position (1-based index) */imagePosition: number; /** Type of interaction that triggered the event */
+  interactionType: 'Thumbnail Click' | 'Next' | 'Prev' | 'Open Lightbox'; /** Total number of images in the slider */
+  totalImages: number;
+};
+/**
+ * Responsive image data for optimized loading
+ */
+type ResponsiveImageData = {
+  /**
+   * Alt text for the image
+   */
+  alt: string;
+  /**
+   * Base URL for the image (without width parameters)
+   */
+  baseUrl: string;
+  /**
+   * Optional title for the image
+   */
+  title?: string;
+};
+/**
+ * Configuration for responsive image sizes and breakpoints
+ */
+type ResponsiveImageConfig = {
+  /**
+   * Breakpoint width in pixels where mobile switches to desktop
+   * @default 768
+   */
+  breakpoint: number;
+  /**
+   * Desktop image width in pixels
+   * @default 651
+   */
+  desktopSize: number;
+  /**
+   * Mobile image width in pixels
+   * @default 366
+   */
+  mobileSize: number;
+};
+/**
+ * Card for the ImageSlider - supports both custom ReactNode and responsive images
+ */
+type ImageSliderCard = {
+  /**
+   * The rendered content of the card or image.
+   * Optional when using imageData.
+   */
+  card?: ReactNode;
+  /**
+   * Responsive image data for automatic srcset/sizes optimization.
+   * When provided, `card` will be ignored and an optimized <img> will be rendered.
+   * Optional when using custom card content.
+   */
+  imageData?: ResponsiveImageData;
+  /**
+   * The unique identifier for the card
+   */
+  key: string;
+};
+type ImageSliderPageInfo = {
+  breakpoints: number[];
+  cardsPerPage: number;
+  numberOfPages: number;
+};
+declare const CAROUSEL_CARD_GAP_NUM = 24;
+//#endregion
+//#region src/ImageSlider/ImageSlider.d.ts
+type Props$1 = {
+  /**
+   * The scrollable content of the image slider.
+   * Should be individual images.
+   *
+   * @property {ReactNode} card - The rendered image content
+   * @property {string} key - A unique identifier for the image
+   */
+  cards: ImageSliderCard[];
+  /**
+   * Class name for the image gallery container.
+   */
+  className?: string;
+  /**
+   * Optional key to identify when content has changed (e.g., an item id).
+   * When this key changes, the slider will reset to the first image.
+   * If not provided, will reset whenever the cards array reference changes.
+   */
+  contentKey?: string | number;
+  /**
+   * Shape of the navigation icons.
+   * 'circle' creates round buttons, 'square' creates square buttons.
+   *
+   * @default 'circle'
+   */
+  iconShape?: 'circle' | 'square';
+  /**
+   * Size of the navigation icons - sm=34px, md=42px, lg=54px.
+   * For horizontal thumbnails, 'lg' (54px) is recommended.
+   *
+   * @default 'sm'
+   */
+  iconSize?: 'sm' | 'md' | 'lg';
+  /**
+   * Type of icons to use for navigation.
+   * 'caret' uses CaretLeft/CaretRight, 'arrow' uses ArrowLeft/ArrowRight.
+   *
+   * @default 'caret'
+   */
+  iconType?: 'caret' | 'arrow';
+  /**
+   * Variant of the navigation icons.
+   * 'outlined' shows buttons with borders, 'transparent' shows borderless buttons.
+   *
+   * @default 'outlined'
+   */
+  iconVariant?: 'outlined' | 'transparent';
+  /**
+   * When thumbnailDisplay is 'index', position of the numeric indicator relative to the main image.
+   *
+   * @default 'bottom'
+   */
+  indexPosition?: 'top' | 'bottom';
+  /**
+   * Callback fired when an analytics event occurs in the image slider.
+   * Receives interaction type, current image position (1-based), and total image count.
+   * Does not fire for mobile swipe navigation, only for button/thumbnail clicks and lightbox opens.
+   */
+  onAnalyticsEventTriggered?: (event: ImageSliderAnalyticsEvent) => void;
+  /**
+   * Callback fired when an image is clicked (mouse) or activated via keyboard (Enter/Space).
+   * Receives the index of the image and the mouse or keyboard event.
+   */
+  onImageClick?: (imageIndex: number, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+  /**
+   * Callback fired when an image is hovered (mouse) or focused (keyboard/screen reader).
+   * Receives the index of the image and the mouse or focus event.
+   */
+  onImageMouseOver?: (imageIndex: number, event: React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => void;
+  /**
+   * Configuration for responsive image loading when using imageData in cards.
+   * Defines mobile/desktop sizes and breakpoint for optimal image loading.
+   */
+  responsiveImageConfig?: ResponsiveImageConfig;
+  /**
+   * Displays thumbnail previews on the left side of the slider.
+   * Clicking a thumbnail will navigate to the corresponding image.
+   * The current image thumbnail will have a border highlight.
+   *
+   * @default true
+   */
+  showThumbnails?: boolean;
+  /**
+   * Display mode for image navigation controls.
+   * 'thumbnails' shows image previews (vertical or horizontal per thumbnailOrientation).
+   * 'index' shows a numeric indicator (e.g., "1 of 11") above or below the main image per indexPosition.
+   *
+   * @default ThumbnailDisplay.Thumbnails
+   */
+  thumbnailDisplay?: ThumbnailDisplay;
+  /**
+   * Orientation of the thumbnail previews when showThumbnails is true.
+   * 'vertical' displays thumbnails on the left side, 'horizontal' displays them below the image.
+   *
+   * @default 'vertical'
+   */
+  thumbnailOrientation?: 'vertical' | 'horizontal';
+};
+declare const ImageSlider: ({
+  cards: initialCards,
+  className,
+  contentKey,
+  iconShape,
+  iconSize,
+  iconType,
+  iconVariant,
+  indexPosition,
+  onAnalyticsEventTriggered,
+  onImageClick,
+  onImageMouseOver,
+  responsiveImageConfig,
+  showThumbnails,
+  thumbnailDisplay,
+  thumbnailOrientation
+}: Props$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/ImageSlider/components/Thumbnails/Thumbnails.d.ts
+/**
+ * Props for the Thumbnails component
+ */
+type Props = {
+  /** Array of image cards to display as thumbnails */cards: ImageSliderCard[]; /** Currently active page number (1-based) */
+  currentPage: number; /** Function to generate responsive thumbnail sizes attribute */
+  generateThumbnailSizesAttribute: () => string; /** Function to generate responsive thumbnail srcSet */
+  generateThumbnailSrcSet: (baseUrl: string) => string; /** Callback fired when a thumbnail is clicked */
+  onThumbnailClick: (pageNumber: number) => void; /** Orientation of the thumbnail previews */
+  orientation: 'vertical' | 'horizontal';
+};
+/**
+ * Thumbnails component displays clickable thumbnail previews for image navigation.
+ * Supports both vertical and horizontal orientations with consistent 111px sizing across all viewports.
+ */
+declare const Thumbnails: ({
+  cards,
+  currentPage,
+  generateThumbnailSizesAttribute,
+  generateThumbnailSrcSet,
+  onThumbnailClick,
+  orientation
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ImageSliderCard as a, ResponsiveImageData as c, ImageSliderAnalyticsEvent as i, ThumbnailDisplay as l, ImageSlider as n, ImageSliderPageInfo as o, CAROUSEL_CARD_GAP_NUM as r, ResponsiveImageConfig as s, Thumbnails as t };
+//# sourceMappingURL=Thumbnails-B-eOrf55.d.mts.map

package/Thumbnails-B-eOrf55.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnails-B-eOrf55.d.mts","names":[],"sources":["../src/ImageSlider/ImageSlider.types.ts","../src/ImageSlider/ImageSlider.tsx","../src/ImageSlider/components/Thumbnails/Thumbnails.tsx"],"mappings":";;;;;AAKA;aAAY,gBAAA;EACR,KAAA;EACA,UAAU;AAAA;AAMd;;;AAAA,KAAY,yBAAA;EAER,6CAAA,aAAA,UAIA;EAFA,eAAA,yDAEW;EAAX,WAAA;AAAA;;;;KAMQ,mBAAA;EAYR;;AAAK;EARL,GAAA;EAc6B;;;EAV7B,OAAA;EAoBA;;;EAhBA,KAAA;AAAA;;;;KAMQ,qBAAA;EA0BD;;;;EArBP,UAAA;EA+BG;AAGP;;;EA7BI,WAAA;EA8BA;;;;EAzBA,UAAA;AAAA;;;;KAMQ,eAAA;;;;AChDiB;EDqDzB,IAAA,GAAO,SAAA;;;;;;EAMP,SAAA,GAAY,mBAAmB;ECSY;;;EDL3C,GAAA;AAAA;AAAA,KAGQ,mBAAA;EACR,WAAA;EACA,YAAA;EACA,aAAA;AAAA;AAAA,cAIS,qBAAA;;;KCtER,OAAA;;ADdL;;;;AAEc;AAMd;ECcI,KAAA,EAAO,eAAA;;;;EAIP,SAAA;EDZA;;AAAW;AAMf;;ECYI,UAAA;EDZ2B;;;;;AAYtB;ECOL,SAAA;EDD6B;;;;;;ECQ7B,QAAA;EDOU;AAMd;;;;;ECNI,QAAA;EDiBA;;;;AAIG;AAGP;ECjBI,WAAA;;;;;;EAMA,aAAA;EDca;AAIjB;;;;ECZI,yBAAA,IAA6B,KAAA,EAAO,yBAAA;;;;AA7DX;EAkEzB,YAAA,IACI,UAAA,UACA,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,WAAA,IAAe,KAAA,CAAM,aAAA,CAAc,WAAA;;;;;EAM/D,gBAAA,IACI,UAAA,UACA,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,WAAA,IAAe,KAAA,CAAM,UAAA,CAAW,WAAA;EARG;;;;EAc/D,qBAAA,GAAwB,qBAAA;EANmB;;;;;;;EAc3C,cAAA;EArEA;;;;;;;EA6EA,gBAAA,GAAmB,gBAAA;EArCU;;;;;;EA4C7B,oBAAA;AAAA;AAAA,cAcS,WAAA;EAAe,KAAA,EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,aAAA;EAAA,yBAAA;EAAA,YAAA;EAAA,gBAAA;EAAA,qBAAA;EAAA,cAAA;EAAA,gBAAA;EAAA;AAAA,GAgBzB,OAAA,iCAAK,GAAA,CAAA,OAAA;;;;;ADlJR;KEIK,KAAA;sDAED,KAAA,EAAO,eAAe,IFJZ;EEMV,WAAA,UFAiC;EEEjC,+BAAA,gBFFiC;EEIjC,uBAAA,GAA0B,OAAA,qBFA1B;EEEA,gBAAA,GAAmB,UAAA,mBFAR;EEEX,WAAA;AAAA;;;;;cAOS,UAAA;EAAc,KAAA;EAAA,WAAA;EAAA,+BAAA;EAAA,uBAAA;EAAA,gBAAA;EAAA;AAAA,GAOxB,KAAA,iCAAK,GAAA,CAAA,OAAA"}

package/TimePickerTarget-BHceCsfc.cjs

@@ -0,0 +1,25 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/providers/targets/TimePickerTarget.tsx
+/**
+* The place where the time picker popover is rendered using `createPortal`.
+*
+* TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.
+*/
+const TimePickerTargetId = "hui-timepicker-target";
+const TimePickerTarget = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { id: TimePickerTargetId });
+TimePickerTarget.displayName = "TimePickerTarget";
+//#endregion
+Object.defineProperty(exports, "TimePickerTarget", {
+	enumerable: true,
+	get: function() {
+		return TimePickerTarget;
+	}
+});
+Object.defineProperty(exports, "TimePickerTargetId", {
+	enumerable: true,
+	get: function() {
+		return TimePickerTargetId;
+	}
+});
+
+//# sourceMappingURL=TimePickerTarget-BHceCsfc.cjs.map

package/TimePickerTarget-BHceCsfc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTarget-BHceCsfc.cjs","names":[],"sources":["../src/providers/targets/TimePickerTarget.tsx"],"sourcesContent":["/**\n * The place where the time picker popover is rendered using `createPortal`.\n *\n * TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.\n */\nexport const TimePickerTargetId = 'hui-timepicker-target';\n\nexport const TimePickerTarget = () => <div id={TimePickerTargetId} />;\n\nTimePickerTarget.displayName = 'TimePickerTarget';\n"],"mappings":";;;;;;;AAKA,MAAa,qBAAqB;AAElC,MAAa,yBAAyB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,IAAI,mBAAqB,CAAA;AAEpE,iBAAiB,cAAc"}

package/TimePickerTarget-DlbryTho.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/targets/TimePickerTarget.tsx
+/**
+* The place where the time picker popover is rendered using `createPortal`.
+*
+* TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.
+*/
+const TimePickerTargetId = "hui-timepicker-target";
+const TimePickerTarget = () => /* @__PURE__ */ jsx("div", { id: TimePickerTargetId });
+TimePickerTarget.displayName = "TimePickerTarget";
+//#endregion
+export { TimePickerTargetId as n, TimePickerTarget as t };
+
+//# sourceMappingURL=TimePickerTarget-DlbryTho.mjs.map

package/TimePickerTarget-DlbryTho.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTarget-DlbryTho.mjs","names":[],"sources":["../src/providers/targets/TimePickerTarget.tsx"],"sourcesContent":["/**\n * The place where the time picker popover is rendered using `createPortal`.\n *\n * TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.\n */\nexport const TimePickerTargetId = 'hui-timepicker-target';\n\nexport const TimePickerTarget = () => <div id={TimePickerTargetId} />;\n\nTimePickerTarget.displayName = 'TimePickerTarget';\n"],"mappings":";;;;;;;AAKA,MAAa,qBAAqB;AAElC,MAAa,yBAAyB,oBAAC,OAAD,EAAK,IAAI,mBAAqB,CAAA;AAEpE,iBAAiB,cAAc"}

package/TimePickerTarget-pYRxAfb2.d.cts

@@ -0,0 +1,14 @@
+//#region src/providers/targets/TimePickerTarget.d.ts
+/**
+ * The place where the time picker popover is rendered using `createPortal`.
+ *
+ * TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.
+ */
+declare const TimePickerTargetId = "hui-timepicker-target";
+declare const TimePickerTarget: {
+  (): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TimePickerTargetId as n, TimePickerTarget as t };
+//# sourceMappingURL=TimePickerTarget-pYRxAfb2.d.cts.map

package/TimePickerTarget-pYRxAfb2.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTarget-pYRxAfb2.d.cts","names":[],"sources":["../src/providers/targets/TimePickerTarget.tsx"],"mappings":";;AAKA;;;;cAAa,kBAAA;AAAA,cAEA,gBAAA;EAAA"}

package/TimePickerTarget-pYRxAfb2.d.mts

@@ -0,0 +1,14 @@
+//#region src/providers/targets/TimePickerTarget.d.ts
+/**
+ * The place where the time picker popover is rendered using `createPortal`.
+ *
+ * TimePicker's `FloatingPortal` locates this slot via the `hui-timepicker-target` id.
+ */
+declare const TimePickerTargetId = "hui-timepicker-target";
+declare const TimePickerTarget: {
+  (): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TimePickerTargetId as n, TimePickerTarget as t };
+//# sourceMappingURL=TimePickerTarget-pYRxAfb2.d.mts.map

package/TimePickerTarget-pYRxAfb2.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTarget-pYRxAfb2.d.mts","names":[],"sources":["../src/providers/targets/TimePickerTarget.tsx"],"mappings":";;AAKA;;;;cAAa,kBAAA;AAAA,cAEA,gBAAA;EAAA"}

package/Toast-CPEKESLZ.cjs

@@ -0,0 +1,107 @@
+const require_CheckCircle = require("./CheckCircle-BjBbSga6.cjs");
+const require_Icons = require("./Icons.cjs");
+const require_Typography_Text = require("./Typography/Text.cjs");
+const require_IconButton = require("./IconButton.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_toastify = require("react-toastify");
+//#region src/Toast/utils/getIcon.tsx
+const getIcon = (role) => {
+	switch (role) {
+		case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.Info, {
+			color: "info",
+			size: "md",
+			style: "fill"
+		});
+		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CheckCircle.CheckCircle, {
+			color: "success",
+			size: "md",
+			style: "fill"
+		});
+		case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.Warning, {
+			color: "warning",
+			size: "md",
+			style: "fill"
+		});
+		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.Warning, {
+			color: "critical",
+			size: "md",
+			style: "fill"
+		});
+		default: return null;
+	}
+};
+//#endregion
+//#region src/Toast/Toast.tsx
+const toast = (role, { description, title }, opts) => {
+	const hasBoth = Boolean(title && description);
+	const finalOpts = {
+		...opts,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: getIcon(role) }),
+		style: { alignItems: hasBoth ? "start" : "center" }
+	};
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "ml-sm flex w-full flex-col gap-2xs",
+		"data-hui-id": "Toast",
+		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "hui-text-h5 text-text-primary",
+			children: title
+		}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: description })]
+	});
+	switch (role) {
+		case "info":
+			react_toastify.toast.info(content, finalOpts);
+			break;
+		case "success":
+			react_toastify.toast.success(content, finalOpts);
+			break;
+		case "warning":
+			react_toastify.toast.warning(content, finalOpts);
+			break;
+		case "error":
+			react_toastify.toast.error(content, finalOpts);
+			break;
+		default: throw new Error(`Unknown role for toast: ${role}`);
+	}
+};
+//#endregion
+//#region src/Toast/components/ToastContainer/ToastContainer.tsx
+const CloseButton = ({ closeToast }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+		"data-testid": "toastCloseButton",
+		icon: require_Icons.Close,
+		onClick: closeToast
+	});
+};
+const ToastContainer = ({ className, ...props }) => {
+	const baseToastClasses = (0, _evolve_ui_theme_system.cn)("relative z-0 mb-sm box-border flex w-[355px] cursor-default items-start justify-between overflow-hidden border-l-4 border-solid p-sm pl-[12px] shadow-03");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_toastify.ToastContainer, {
+		autoClose: 5e3,
+		className: (0, _evolve_ui_theme_system.cn)("fixed [--toastify-z-index:9999]", className),
+		closeButton: CloseButton,
+		"data-hui-id": "ToastContainer",
+		hideProgressBar: true,
+		toastClassName: (context) => (0, _evolve_ui_theme_system.cn)("relative z-0 mb-sm box-border flex max-h-[var(--toastify-toast-max-height)] min-h-[var(--toastify-toast-min-height)] cursor-default items-start justify-between overflow-hidden p-sm pl-[12px]", "rounded-container border-l-4 border-solid shadow-[var(--shadow-03)]", {
+			"border-border-critical bg-background-critical-light": context?.type === "error",
+			"border-border-info bg-background-info-light": context?.type === "info",
+			"border-border-success bg-background-success-light": context?.type === "success",
+			"border-border-warning bg-background-warning-light": context?.type === "warning"
+		}, baseToastClasses),
+		...props
+	});
+};
+//#endregion
+Object.defineProperty(exports, "ToastContainer", {
+	enumerable: true,
+	get: function() {
+		return ToastContainer;
+	}
+});
+Object.defineProperty(exports, "toast", {
+	enumerable: true,
+	get: function() {
+		return toast;
+	}
+});
+
+//# sourceMappingURL=Toast-CPEKESLZ.cjs.map

package/Toast-CPEKESLZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-CPEKESLZ.cjs","names":["Info","CheckCircle","Warning","BodyPrimary","IconButton","Close","RTTC"],"sources":["../src/Toast/utils/getIcon.tsx","../src/Toast/Toast.tsx","../src/Toast/components/ToastContainer/ToastContainer.tsx"],"sourcesContent":["import { CheckCircle, Info, Warning } from '../../Icons';\nimport { Role } from '../types/role';\n\nexport const getIcon = (role: Role) => {\n    switch (role) {\n        case 'info':\n            return (\n                <Info\n                    color=\"info\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'success':\n            return (\n                <CheckCircle\n                    color=\"success\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'warning':\n            return (\n                <Warning\n                    color=\"warning\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'error':\n            return (\n                <Warning\n                    color=\"critical\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        default:\n            return null;\n    }\n};\n","import { ReactNode } from 'react';\nimport { toast as RTToast, ToastOptions } from 'react-toastify';\n\nimport { BodyPrimary } from '../Typography/Text/Text';\nimport { Role } from './types/role';\nimport { getIcon } from './utils/getIcon';\n\nexport const toast = (\n    role: Role,\n    {\n        description,\n        title,\n    }:\n        | {\n              description?: string | ReactNode;\n              title: string;\n          }\n        | {\n              description: string | ReactNode;\n              title?: string;\n          },\n    opts?: Omit<ToastOptions, 'role' | 'icon'>\n) => {\n    const hasBoth = Boolean(title && description);\n    const finalOpts = {\n        ...opts,\n        icon: <div>{getIcon(role)}</div>,\n        // Use inline style for vertical alignment to override ToastContainer's items-start class\n        // The inline style is used so as not to override the ToastContainer's classes, passing the\n        // className prop to the ToastContainer component overrides all the classes set in the ToastContainer component.\n        // When only title OR description is present, center the content vertically\n        // When both are present, align to start to match the icon position\n        style: {\n            alignItems: hasBoth ? 'start' : 'center',\n        },\n    };\n\n    const content = (\n        <div\n            className=\"ml-sm flex w-full flex-col gap-2xs\"\n            data-hui-id=\"Toast\"\n        >\n            {title && <span className=\"hui-text-h5 text-text-primary\">{title}</span>}\n            {description && <BodyPrimary>{description}</BodyPrimary>}\n        </div>\n    );\n\n    switch (role) {\n        case 'info':\n            RTToast.info(content, finalOpts);\n            break;\n        case 'success':\n            RTToast.success(content, finalOpts);\n            break;\n        case 'warning':\n            RTToast.warning(content, finalOpts);\n            break;\n        case 'error':\n            RTToast.error(content, finalOpts);\n            break;\n        default:\n            throw new Error(`Unknown role for toast: ${role}`);\n    }\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { ComponentProps } from 'react';\nimport { CloseButtonProps, ToastContainer as RTTC } from 'react-toastify';\n\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Close } from '../../../Icons';\n\nconst CloseButton = ({ closeToast }: CloseButtonProps) => {\n    return (\n        <IconButton\n            data-testid=\"toastCloseButton\"\n            icon={Close}\n            onClick={closeToast}\n        />\n    );\n};\n\nexport const ToastContainer = ({ className, ...props }: ComponentProps<typeof RTTC>) => {\n    // Note: items-start is the default alignment for toasts with both title and description\n    // Individual toasts can override this with inline styles (see Toast.tsx) to center\n    // content when only title or description is present\n    const baseToastClasses = cn(\n        'relative z-0 mb-sm box-border flex w-[355px] cursor-default items-start justify-between overflow-hidden border-l-4 border-solid p-sm pl-[12px] shadow-03'\n    );\n    return (\n        <RTTC\n            autoClose={5000}\n            className={cn('fixed [--toastify-z-index:9999]', className)}\n            closeButton={CloseButton}\n            data-hui-id=\"ToastContainer\"\n            hideProgressBar\n            toastClassName={(context) =>\n                cn(\n                    'relative z-0 mb-sm box-border flex max-h-[var(--toastify-toast-max-height)] min-h-[var(--toastify-toast-min-height)] cursor-default items-start justify-between overflow-hidden p-sm pl-[12px]',\n                    'rounded-container border-l-4 border-solid shadow-[var(--shadow-03)]',\n                    {\n                        'border-border-critical bg-background-critical-light': context?.type === 'error',\n                        'border-border-info bg-background-info-light': context?.type === 'info',\n                        'border-border-success bg-background-success-light': context?.type === 'success',\n                        'border-border-warning bg-background-warning-light': context?.type === 'warning',\n                    },\n                    baseToastClasses\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAGA,MAAa,WAAW,SAAe;CACnC,QAAQ,MAAR;EACI,KAAK,QACD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,MAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,WACD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,WACD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,SAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,SACD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,SACI,OAAO;CACf;AACJ;;;ACjCA,MAAa,SACT,MACA,EACI,aACA,SAUJ,SACC;CACD,MAAM,UAAU,QAAQ,SAAS,WAAW;CAC5C,MAAM,YAAY;EACd,GAAG;EACH,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAA,UAAM,QAAQ,IAAI,EAAO,CAAA;EAM/B,OAAO,EACH,YAAY,UAAU,UAAU,SACpC;CACJ;CAEA,MAAM,UACF,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACI,WAAU;EACV,eAAY;YAFhB,CAIK,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;aAAiC;EAAY,CAAA,GACtE,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,aAAD,EAAA,UAAc,YAAyB,CAAA,CACtD;;CAGT,QAAQ,MAAR;EACI,KAAK;GACD,eAAA,MAAQ,KAAK,SAAS,SAAS;GAC/B;EACJ,KAAK;GACD,eAAA,MAAQ,QAAQ,SAAS,SAAS;GAClC;EACJ,KAAK;GACD,eAAA,MAAQ,QAAQ,SAAS,SAAS;GAClC;EACJ,KAAK;GACD,eAAA,MAAQ,MAAM,SAAS,SAAS;GAChC;EACJ,SACI,MAAM,IAAI,MAAM,2BAA2B,MAAM;CACzD;AACJ;;;ACxDA,MAAM,eAAe,EAAE,iBAAmC;CACtD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EACI,eAAY;EACZ,MAAMC,cAAAA;EACN,SAAS;CACZ,CAAA;AAET;AAEA,MAAa,kBAAkB,EAAE,WAAW,GAAG,YAAyC;CAIpF,MAAM,oBAAA,GAAA,wBAAA,GAAA,CACF,0JACJ;CACA,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,gBAAD;EACI,WAAW;EACX,YAAA,GAAA,wBAAA,GAAA,CAAc,mCAAmC,SAAS;EAC1D,aAAa;EACb,eAAY;EACZ,iBAAA;EACA,iBAAiB,aAAA,GAAA,wBAAA,GAAA,CAET,kMACA,uEACA;GACI,uDAAuD,SAAS,SAAS;GACzE,+CAA+C,SAAS,SAAS;GACjE,qDAAqD,SAAS,SAAS;GACvE,qDAAqD,SAAS,SAAS;EAC3E,GACA,gBACJ;EAEJ,GAAI;CACP,CAAA;AAET"}