se-design 1.0.75 → 1.0.76-dev2

package/dist/components/Dropdown/index.d.ts

@@ -5,6 +5,7 @@ type DropdownValue = {
 type DropdownProps = {
     label?: string;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     type: 'select' | 'multi-select';
     dropDownOptions?: DropdownValue[];
     defaultText?: string;
@@ -30,8 +31,22 @@ type DropdownProps = {
     dropDownSelectAutomationId?: string;
     dropDownContentAutomationId?: string;
     shouldShowSearch?: boolean;
+    showSearchIcon?: boolean;
     searchPlaceholder?: string;
     searchResultEmptyMessage?: string;
+    /** Controlled selection — when provided, Dropdown won't manage internal selected state */
+    selectedValue?: DropdownValue | DropdownValue[];
+    /** Controlled open state — when provided, Dropdown won't manage internal open/close */
+    isOpen?: boolean;
+    /** Callback when open state changes (fires in both controlled and uncontrolled modes) */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Custom trigger element — replaces the default bordered div + chevron */
+    renderSrcElement?: (props: {
+        isOpen: boolean;
+        selectedValue: DropdownValue[];
+    }) => React.ReactNode;
+    /** Render the dropdown panel in a portal (document.body) to escape overflow:hidden containers */
+    isWithPortal?: boolean;
 };
 export declare const Dropdown: FC<DropdownProps>;
 export {};

package/dist/components/DropdownWithInputTags/index.d.ts

@@ -29,5 +29,6 @@ export interface DropdownWithInputTagsProps {
     type?: 'select' | 'multi-select' | 'multi-select-without-cta';
     showInput?: boolean;
     displayTagBy?: 'label' | 'value';
+    isWithPortal?: boolean;
 }
 export declare const DropdownWithInputTags: React.ForwardRefExoticComponent<DropdownWithInputTagsProps & React.RefAttributes<DropdownWithInputTagsHandle>>;

package/dist/components/Icon/index.d.ts

@@ -1,7 +1,8 @@
-import { default as React, FC } from 'react';
+import { default as React } from 'react';
 export type RotationTypes = '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';
 export type IconProps = {
     name: string;
+    id?: string;
     className?: string;
     onClick?: (e?: React.MouseEvent<HTMLElement>) => void;
     /**
@@ -44,5 +45,10 @@ export type IconProps = {
      * Only applies when `onClick` is provided (interactive icon).
      */
     disabled?: boolean;
+    /**
+     * Native HTML title attribute — renders as a browser tooltip on hover.
+     * For mouse users only; does not replace ariaLabel for screen readers.
+     */
+    htmlTitle?: string;
 };
-export declare const Icon: FC<IconProps>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/InputWithIcon/index.d.ts

@@ -52,5 +52,13 @@ export interface InputWithIconProps {
      * Set to "dialog" when this input opens a date picker or other dialog.
      */
     ariaHasPopup?: 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /**
+     * Additional props spread directly onto the inner <input> element.
+     */
+    inputProps?: Record<string, any>;
+    /**
+     * Ref forwarded to the inner <input> element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
 }
-export declare function InputWithIcon({ disabled, error, errorMessage, id, inputStyle, label, leftIcon, maxLength, onChange, onClick, onKeyDown, placeholder, readOnly, rightIcon, style, tag, type, value, className, automationId, ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaHasPopup }: InputWithIconProps): React.JSX.Element;
+export declare function InputWithIcon({ disabled, error, errorMessage, id, inputStyle, label, leftIcon, maxLength, onChange, onClick, onKeyDown, placeholder, readOnly, rightIcon, style, tag, type, value, className, automationId, ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaHasPopup, inputProps, inputRef }: InputWithIconProps): React.JSX.Element;

package/dist/components/LabelChip/index.d.ts

@@ -16,6 +16,7 @@ type LabelChipProps = {
     iconColor?: string;
     automationId?: string;
     id?: string;
+    ariaPressed?: boolean;
 };
 export declare const LabelChip: FC<LabelChipProps>;
 export {};

package/dist/components/Modal/index.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps } from '../Button';
 export interface ModalProps {
     title?: string;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     content: string | React.ReactNode;
     successButtonProps?: ButtonProps;
     cancelButtonProps?: ButtonProps;

package/dist/components/PhoneInput/index.d.ts

@@ -11,20 +11,28 @@ export interface PhoneInputProps {
     label?: string;
     automationId?: string;
     /**
-     * Accessible label for the entire phone input group.
+     * Accessible label for the entire phone input group (role="group").
      * Provides context for screen readers (e.g., "Two-step verification phone number for signer 1").
-     * Takes precedence over label prop for screen readers (visual label remains unchanged).
      */
     ariaLabel?: string;
     /**
-     * ID(s) of element(s) that label this input (for external labels).
-     * Highest precedence - use when label is rendered outside the component.
+     * ID(s) of element(s) that label the group (highest precedence over ariaLabel).
      */
     ariaLabelledBy?: string;
     /**
-     * ID(s) of element(s) providing additional description.
+     * ID(s) of element(s) providing additional description for the phone number input.
      */
     ariaDescribedBy?: string;
+    /**
+     * Override aria-label for the phone number input specifically.
+     * Defaults to the visible label text or 'Phone number'.
+     */
+    phoneNumberAriaLabel?: string;
+    /**
+     * Override aria-label for the country code combobox button.
+     * Defaults to "Select country code. Current: {name} {dial_code}".
+     */
+    countryCodeAriaLabel?: string;
     /**
      * Whether the input is disabled
      */

package/dist/components/Popover/index.d.ts

@@ -26,5 +26,7 @@ export interface PopoverProps {
     popoverContentStyleProperty?: React.CSSProperties;
     disableClickToggle?: boolean;
     disableAutoClose?: boolean;
+    /** Focus the first focusable element when the popover opens via isPopoverOpen (external state). */
+    focusFirstOnOpen?: boolean;
 }
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverHandle>>;

package/dist/components/SidebarOverlay/index.d.ts

@@ -42,6 +42,14 @@ export interface SidebarOverlayProps {
      * ID(s) of element(s) that describe this sidebar (additional context).
      */
     ariaDescribedBy?: string;
+    /**
+     * Explicit element to restore focus to when the sidebar closes.
+     * Overrides automatic trigger capture from document.activeElement.
+     * Use when the opener element is known (e.g. a ref on the toggle button).
+     * In complementary mode: seeds the trigger ref directly.
+     * In dialog mode: passed through to useFocusTrap.
+     */
+    returnFocusRef?: React.RefObject<HTMLElement | null>;
 }
 export declare const SidebarOverlay: FC<SidebarOverlayProps>;
 export {};

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { AccessibleDiv } from './AccessibleDiv';
 export { Button } from './Button';
 export { FilePicker } from './FilePicker';
 export { Icon } from './Icon';

package/dist/index.js

@@ -1,140 +1,151 @@
 /* empty css       */
-import { Button as p } from "./index3.js";
-import { FilePicker as f } from "./index4.js";
-import { Icon as a } from "./index5.js";
-import { SkipLinksBar as i } from "./index6.js";
-import { SplitButton as d } from "./index7.js";
-import { Toggle as g } from "./index8.js";
-import { Badge as c } from "./index9.js";
-import { LabelChip as T } from "./index10.js";
-import { Modal as I } from "./index11.js";
-import { CustomModal as h } from "./index12.js";
-import { LoadingModal as S } from "./index13.js";
-import { Spinner as M } from "./index14.js";
-import { Tooltip as A } from "./index15.js";
-import { MenuItem as v } from "./index16.js";
-import { MenuList as R } from "./index17.js";
-import { Popover as y } from "./index18.js";
-import { Header as G } from "./index19.js";
-import { HamburgerMenu as H } from "./index20.js";
-import { TableLayout as N } from "./index21.js";
-import { Checkbox as q } from "./index22.js";
-import { ColorCodedLabel as E } from "./index23.js";
-import { Dropdown as Q } from "./index24.js";
-import { KebabMenu as V } from "./index25.js";
-import { TableContentLoader as Y } from "./index26.js";
-import { SidebarOverlay as _ } from "./index27.js";
-import { Tabs as oo } from "./index28.js";
-import { Banner as eo } from "./index29.js";
-import { Pagination as po } from "./index30.js";
-import { Widget as fo } from "./index31.js";
-import { Radio as ao } from "./index32.js";
-import { RadioGroup as io } from "./index33.js";
-import { Accordion as so } from "./index34.js";
-import { CustomAccordion as lo } from "./index35.js";
-import { InputWithTags as bo } from "./index36.js";
-import { DropdownWithInputTags as Bo } from "./index37.js";
-import { Input as Po } from "./index38.js";
-import { SearchBox as Co } from "./index39.js";
-import { ProgressBar as Lo } from "./index40.js";
-import { GetStartedWidget as ko } from "./index41.js";
-import { MessageBar as Wo } from "./index42.js";
-import { ToastBar as wo } from "./index43.js";
-import { AutoCompleteInput as Do } from "./index44.js";
-import { PhoneInput as Fo } from "./index45.js";
-import { CircularProgressBar as Oo } from "./index46.js";
-import { Avatar as Ko } from "./index47.js";
-import { NavigationBar as jo } from "./index48.js";
-import { BreadCrumbs as zo } from "./index49.js";
-import { DatePicker as Jo } from "./index50.js";
-import { InputWithIcon as Uo } from "./index51.js";
-import { DownloadWidget as Xo } from "./index52.js";
-import { RadioSwitch as Zo } from "./index53.js";
-import { ShimmerLoader as $o } from "./index54.js";
-import { Snackbar as rr } from "./index55.js";
-import { OTPInput as tr } from "./index56.js";
-import { InfoBar as mr } from "./index57.js";
-import { BottomSheet as xr } from "./index58.js";
-import { TimePicker as nr } from "./index59.js";
-import { InfoTooltip as ur } from "./index60.js";
-import { OnboardingTour as sr } from "./index61.js";
-import { GuidedTour as lr } from "./index62.js";
-import { Link as br } from "./index63.js";
-import { Paywall as Br } from "./index64.js";
-import { getRegionAttributes as Pr } from "./index65.js";
-import { useAccessiblePress as Cr } from "./index66.js";
-import { useFocusManagement as Lr } from "./index67.js";
-import { useRovingFocus as kr } from "./index68.js";
+import { AccessibleDiv as p } from "./index3.js";
+import { Button as x } from "./index4.js";
+import { FilePicker as a } from "./index5.js";
+import { Icon as i } from "./index6.js";
+import { SkipLinksBar as u } from "./index7.js";
+import { SplitButton as c } from "./index8.js";
+import { Toggle as g } from "./index9.js";
+import { Badge as T } from "./index10.js";
+import { LabelChip as I } from "./index11.js";
+import { Modal as h } from "./index12.js";
+import { CustomModal as S } from "./index13.js";
+import { LoadingModal as L } from "./index14.js";
+import { Spinner as k } from "./index15.js";
+import { Tooltip as v } from "./index16.js";
+import { MenuItem as W } from "./index17.js";
+import { MenuList as D } from "./index18.js";
+import { Popover as O } from "./index19.js";
+import { Header as H } from "./index20.js";
+import { HamburgerMenu as K } from "./index21.js";
+import { TableLayout as j } from "./index22.js";
+import { Checkbox as z } from "./index23.js";
+import { ColorCodedLabel as Q } from "./index24.js";
+import { Dropdown as V } from "./index25.js";
+import { KebabMenu as Y } from "./index26.js";
+import { TableContentLoader as _ } from "./index27.js";
+import { SidebarOverlay as oo } from "./index28.js";
+import { Tabs as eo } from "./index29.js";
+import { Banner as po } from "./index30.js";
+import { Pagination as xo } from "./index31.js";
+import { Widget as ao } from "./index32.js";
+import { Radio as io } from "./index33.js";
+import { RadioGroup as uo } from "./index34.js";
+import { Accordion as lo } from "./index35.js";
+import { CustomAccordion as bo } from "./index36.js";
+import { InputWithTags as Bo } from "./index37.js";
+import { DropdownWithInputTags as Po } from "./index38.js";
+import { Input as Co } from "./index39.js";
+import { SearchBox as Ao } from "./index40.js";
+import { ProgressBar as Mo } from "./index41.js";
+import { GetStartedWidget as Fo } from "./index42.js";
+import { MessageBar as Ro } from "./index43.js";
+import { ToastBar as wo } from "./index44.js";
+import { AutoCompleteInput as yo } from "./index45.js";
+import { PhoneInput as Go } from "./index46.js";
+import { CircularProgressBar as Eo } from "./index47.js";
+import { Avatar as No } from "./index48.js";
+import { NavigationBar as qo } from "./index49.js";
+import { BreadCrumbs as Jo } from "./index50.js";
+import { DatePicker as Uo } from "./index51.js";
+import { InputWithIcon as Xo } from "./index52.js";
+import { DownloadWidget as Zo } from "./index53.js";
+import { RadioSwitch as $o } from "./index54.js";
+import { ShimmerLoader as rr } from "./index55.js";
+import { Snackbar as tr } from "./index56.js";
+import { OTPInput as mr } from "./index57.js";
+import { InfoBar as fr } from "./index58.js";
+import { BottomSheet as nr } from "./index59.js";
+import { TimePicker as sr } from "./index60.js";
+import { InfoTooltip as dr } from "./index61.js";
+import { OnboardingTour as lr } from "./index62.js";
+import { GuidedTour as br } from "./index63.js";
+import { Link as Br } from "./index64.js";
+import { Paywall as Pr } from "./index65.js";
+import { getRegionAttributes as Cr } from "./index66.js";
+import { useAccessiblePress as Ar } from "./index67.js";
+import { useCombobox as Mr } from "./index68.js";
+import { useFocusManagement as Fr } from "./index69.js";
+import { useRovingFocus as Rr } from "./index70.js";
 import "react";
-import { getTabId as Wr, getTabPanelProps as vr } from "./index69.js";
+import { getFirstFocusableElement as wr } from "./index71.js";
+import { consumeFocusAnchor as yr, setFocusAnchor as Or } from "./index72.js";
+import { getTabId as Hr, getTabPanelProps as Er } from "./index73.js";
+import { useFocusOnReady as Nr } from "./index74.js";
 export {
-  so as Accordion,
-  Do as AutoCompleteInput,
-  Ko as Avatar,
-  c as Badge,
-  eo as Banner,
-  xr as BottomSheet,
-  zo as BreadCrumbs,
-  p as Button,
-  q as Checkbox,
-  Oo as CircularProgressBar,
-  E as ColorCodedLabel,
-  lo as CustomAccordion,
-  h as CustomModal,
-  Jo as DatePicker,
-  Xo as DownloadWidget,
-  Q as Dropdown,
-  Bo as DropdownWithInputTags,
-  f as FilePicker,
-  ko as GetStartedWidget,
-  lr as GuidedTour,
-  H as HamburgerMenu,
-  G as Header,
-  a as Icon,
-  mr as InfoBar,
-  ur as InfoTooltip,
-  Po as Input,
-  Uo as InputWithIcon,
-  bo as InputWithTags,
-  V as KebabMenu,
-  T as LabelChip,
-  br as Link,
-  S as LoadingModal,
-  v as MenuItem,
-  R as MenuList,
-  Wo as MessageBar,
-  I as Modal,
-  jo as NavigationBar,
-  tr as OTPInput,
-  sr as OnboardingTour,
-  po as Pagination,
-  Br as Paywall,
-  Fo as PhoneInput,
-  y as Popover,
-  Lo as ProgressBar,
-  ao as Radio,
-  io as RadioGroup,
-  Zo as RadioSwitch,
-  Co as SearchBox,
-  $o as ShimmerLoader,
-  _ as SidebarOverlay,
-  i as SkipLinksBar,
-  rr as Snackbar,
-  M as Spinner,
-  d as SplitButton,
-  Y as TableContentLoader,
-  N as TableLayout,
-  oo as Tabs,
-  nr as TimePicker,
+  p as AccessibleDiv,
+  lo as Accordion,
+  yo as AutoCompleteInput,
+  No as Avatar,
+  T as Badge,
+  po as Banner,
+  nr as BottomSheet,
+  Jo as BreadCrumbs,
+  x as Button,
+  z as Checkbox,
+  Eo as CircularProgressBar,
+  Q as ColorCodedLabel,
+  bo as CustomAccordion,
+  S as CustomModal,
+  Uo as DatePicker,
+  Zo as DownloadWidget,
+  V as Dropdown,
+  Po as DropdownWithInputTags,
+  a as FilePicker,
+  Fo as GetStartedWidget,
+  br as GuidedTour,
+  K as HamburgerMenu,
+  H as Header,
+  i as Icon,
+  fr as InfoBar,
+  dr as InfoTooltip,
+  Co as Input,
+  Xo as InputWithIcon,
+  Bo as InputWithTags,
+  Y as KebabMenu,
+  I as LabelChip,
+  Br as Link,
+  L as LoadingModal,
+  W as MenuItem,
+  D as MenuList,
+  Ro as MessageBar,
+  h as Modal,
+  qo as NavigationBar,
+  mr as OTPInput,
+  lr as OnboardingTour,
+  xo as Pagination,
+  Pr as Paywall,
+  Go as PhoneInput,
+  O as Popover,
+  Mo as ProgressBar,
+  io as Radio,
+  uo as RadioGroup,
+  $o as RadioSwitch,
+  Ao as SearchBox,
+  rr as ShimmerLoader,
+  oo as SidebarOverlay,
+  u as SkipLinksBar,
+  tr as Snackbar,
+  k as Spinner,
+  c as SplitButton,
+  _ as TableContentLoader,
+  j as TableLayout,
+  eo as Tabs,
+  sr as TimePicker,
   wo as ToastBar,
   g as Toggle,
-  A as Tooltip,
-  fo as Widget,
-  Pr as getRegionAttributes,
-  Wr as getTabId,
-  vr as getTabPanelProps,
-  Cr as useAccessiblePress,
-  Lr as useFocusManagement,
-  kr as useRovingFocus
+  v as Tooltip,
+  ao as Widget,
+  yr as consumeFocusAnchor,
+  wr as getFirstFocusableElement,
+  Cr as getRegionAttributes,
+  Hr as getTabId,
+  Er as getTabPanelProps,
+  Or as setFocusAnchor,
+  Ar as useAccessiblePress,
+  Mr as useCombobox,
+  Fr as useFocusManagement,
+  Nr as useFocusOnReady,
+  Rr as useRovingFocus
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/index10.js

@@ -1,66 +1,30 @@
-import r from "react";
-import { Icon as $ } from "./index5.js";
-function i() {
-  return i = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var t in o) ({}).hasOwnProperty.call(o, t) && (e[t] = o[t]);
-    }
-    return e;
-  }, i.apply(null, arguments);
-}
-const w = (e) => {
+import c from "react";
+const b = (a) => {
   const {
-    label: n,
-    icon: o,
-    iconPosition: t = "right",
-    iconRotation: d = "0",
-    textTransform: g = "none",
-    textColor: p = "var(--color-gray-700)",
-    bgColor: u = "var(--color-blue-300)",
-    iconColor: l,
-    fontWeight: f = "",
-    size: s = "md",
-    onClick: c,
-    onIconClick: x,
-    className: b,
-    disabled: a,
-    automationId: C = "",
-    id: h
-  } = e, v = {
-    sm: "px-1 py-0.5",
-    md: "px-1.5 py-0.5",
-    lg: "px-1.5 py-0.5"
-  }, y = {
-    sm: "text-xs leading-5 font-normal leading-5",
-    md: "text-sm leading-5 font-normal leading-5",
-    lg: "text-base leading-5 font-normal leading-5"
-  }, m = (k) => /* @__PURE__ */ r.createElement($, i({
-    name: k,
-    className: "transition-transform duration-200",
-    rotation: d,
-    onClick: a ? void 0 : x,
-    shouldStopPropagation: !0
-  }, l ? {
-    fill: l,
-    stroke: l
-  } : {}));
-  return /* @__PURE__ */ r.createElement("div", {
-    id: h,
-    className: `se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${c && !a ? "cursor-pointer" : ""} ${v[s]} ${b} ${a ? "opacity-50 cursor-not-allowed" : ""}`,
+    label: e,
+    className: o,
+    textColor: t = "var(--color-gray-700)",
+    bgColor: r = "var(--color-blue-300)",
+    textTransform: l = "none",
+    fontWeight: n = "",
+    automationId: d = "",
+    ariaLabel: i,
+    id: s
+  } = a;
+  return /* @__PURE__ */ c.createElement("span", {
+    className: `se-design-badge inline-block px-1 text-sm rounded leading-5 ${o}`,
     style: {
-      color: p,
-      backgroundColor: u,
-      textTransform: g,
-      fontWeight: f
+      color: t,
+      backgroundColor: r,
+      textTransform: l,
+      fontWeight: n
     },
-    onClick: a ? void 0 : c,
-    "data-automation-id": C
-  }, t === "left" && o && m(o), /* @__PURE__ */ r.createElement("span", {
-    className: `chip-label inline-block ${y[s]}`
-  }, n), t === "right" && o && m(o));
+    "data-automation-id": d,
+    "aria-label": i,
+    id: s
+  }, e);
 };
 export {
-  w as LabelChip
+  b as Badge
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/components/LabelChip/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Icon } from 'components/Icon';\n\ntype LabelChipProps = {\n  label: string;\n  icon?: string;\n  iconPosition?: 'left' | 'right';\n  iconRotation?: '0' | '90' | '180' | '270';\n  textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n  textColor?: string;\n  bgColor?: string;\n  fontWeight?: 'bold' | 'normal';\n  size?: 'sm' | 'md' | 'lg';\n  onClick?: () => void;\n  onIconClick?: () => void;\n  className?: string;\n  disabled?: boolean;\n  iconColor?: string;\n  automationId?: string;\n  id?: string;\n};\n\nexport const LabelChip: FC<LabelChipProps> = (props) => {\n  const {\n    label,\n    icon,\n    iconPosition = 'right',\n    iconRotation = '0',\n    textTransform = 'none',\n    textColor = 'var(--color-gray-700)',\n    bgColor = 'var(--color-blue-300)',\n    iconColor,\n    fontWeight = '',\n    size = 'md',\n    onClick,\n    onIconClick,\n    className,\n    disabled,\n    automationId = '',\n    id\n  } = props;\n\n  const sizeClasses = {\n    sm: 'px-1 py-0.5',\n    md: 'px-1.5 py-0.5',\n    lg: 'px-1.5 py-0.5'\n  };\n  const labelClasses = {\n    sm: 'text-xs leading-5 font-normal leading-5',\n    md: 'text-sm leading-5 font-normal leading-5',\n    lg: 'text-base leading-5 font-normal leading-5'\n  };\n\n  const getIconJsx = (icon: string) => {\n    return (\n      <Icon\n        name={icon}\n        className={`transition-transform duration-200`}\n        rotation={iconRotation}\n        onClick={disabled ? undefined : onIconClick}\n        shouldStopPropagation={true}\n        {...(iconColor ? { fill: iconColor, stroke: iconColor } : {})}\n      />\n    );\n  };\n\n  return (\n    <div\n      id={id}\n      className={`se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${onClick && !disabled ? 'cursor-pointer' : ''} ${sizeClasses[size]} ${className} ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n      style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }}\n      onClick={disabled ? undefined : onClick}\n      data-automation-id={automationId}\n    >\n      {iconPosition === 'left' && icon && getIconJsx(icon)}\n      <span className={`chip-label inline-block ${labelClasses[size]}`}>{label}</span>\n      {iconPosition === 'right' && icon && getIconJsx(icon)}\n    </div>\n  );\n};\n"],"names":["LabelChip","props","label","icon","iconPosition","iconRotation","textTransform","textColor","bgColor","iconColor","fontWeight","size","onClick","onIconClick","className","disabled","automationId","id","sizeClasses","sm","md","lg","labelClasses","getIconJsx","React","createElement","Icon","_extends","name","rotation","undefined","shouldStopPropagation","fill","stroke","style","color","backgroundColor"],"mappings":";;;;;;;;;;;AAsBO,MAAMA,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAe;AAAA,IACfC,eAAAA,IAAgB;AAAA,IAChBC,WAAAA,IAAY;AAAA,IACZC,SAAAA,IAAU;AAAA,IACVC,WAAAA;AAAAA,IACAC,YAAAA,IAAa;AAAA,IACbC,MAAAA,IAAO;AAAA,IACPC,SAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA,IAAe;AAAA,IACfC,IAAAA;AAAAA,EACEhB,IAAAA,GAEEiB,IAAc;AAAA,IAClBC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EAAA,GAEAC,IAAe;AAAA,IACnBH,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EAAA,GAGAE,IAAaA,CAACpB,MAEhBqB,gBAAAA,EAAAC,cAACC,GAAIC,EAAA;AAAA,IACHC,MAAMzB;AAAAA,IACNW,WAAW;AAAA,IACXe,UAAUxB;AAAAA,IACVO,SAASG,IAAWe,SAAYjB;AAAAA,IAChCkB,uBAAuB;AAAA,KAClBtB,IAAY;AAAA,IAAEuB,MAAMvB;AAAAA,IAAWwB,QAAQxB;AAAAA,EAAAA,IAAc,CAAA,CAAE,CAC7D;AAKHe,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACER,IAAAA;AAAAA,IACAH,WAAW,iIAAiIF,KAAW,CAACG,IAAW,mBAAmB,EAAE,IAAIG,EAAYP,CAAI,CAAC,IAAIG,CAAS,IAAIC,IAAW,kCAAkC,EAAE;AAAA,IAC7QmB,OAAO;AAAA,MAAEC,OAAO5B;AAAAA,MAAW6B,iBAAiB5B;AAAAA,MAASF,eAAAA;AAAAA,MAAeI,YAAAA;AAAAA,IAAW;AAAA,IAC/EE,SAASG,IAAWe,SAAYlB;AAAAA,IAChC,sBAAoBI;AAAAA,EAAAA,GAEnBZ,MAAiB,UAAUD,KAAQoB,EAAWpB,CAAI,GACnDsB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMX,WAAW,2BAA2BQ,EAAaX,CAAI,CAAC;AAAA,EAAA,GAAKT,CAAY,GAC9EE,MAAiB,WAAWD,KAAQoB,EAAWpB,CAAI,CACjD;AAET;"}
+{"version":3,"file":"index10.js","sources":["../src/components/Badge/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\ntype BadgeProps = {\n  label: string;\n  textColor?: string;\n  bgColor?: string;\n  className?: string;\n  textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n  fontWeight?: 'bold' | 'normal';\n  automationId?: string;\n  ariaLabel?: string;\n  id?: string;\n};\n\nexport const Badge: FC<BadgeProps> = (props) => {\n  const { label, className, textColor = 'var(--color-gray-700)', bgColor = 'var(--color-blue-300)', textTransform = 'none', fontWeight = '', automationId = '', ariaLabel, id } = props;\n  return (\n    <span className={`se-design-badge inline-block px-1 text-sm rounded leading-5 ${className}`} style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }} data-automation-id={automationId} aria-label={ariaLabel} id={id}>\n      {label}\n    </span>\n  );\n};\n"],"names":["React__default","Badge","props","label","className","textColor","bgColor","textTransform","fontWeight","automationId","ariaLabel","id","React","createElement","style","color","backgroundColor"],"mappings":"AAcO,OAAAA,OAAA;AAAA,MAAMC,IAAyBC,CAAAA,MAAU;AAC9C,QAAM;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,WAAAA,IAAY;AAAA,IAAyBC,SAAAA,IAAU;AAAA,IAAyBC,eAAAA,IAAgB;AAAA,IAAQC,YAAAA,IAAa;AAAA,IAAIC,cAAAA,IAAe;AAAA,IAAIC,WAAAA;AAAAA,IAAWC,IAAAA;AAAAA,EAAAA,IAAOT;AAChL,SACEU,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMT,WAAW,+DAA+DA,CAAS;AAAA,IAAIU,OAAO;AAAA,MAAEC,OAAOV;AAAAA,MAAWW,iBAAiBV;AAAAA,MAASC,eAAAA;AAAAA,MAAeC,YAAAA;AAAAA,IAAAA;AAAAA,IAAc,sBAAoBC;AAAAA,IAAc,cAAYC;AAAAA,IAAWC,IAAAA;AAAAA,EAAAA,GACrOR,CACG;AAEV;"}

package/dist/index100.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M14.5455%205.45454L5.45456%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.45456%205.45454L14.5455%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%2300539E'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../src/assets/icons/close.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M14.5455%205.45454L5.45456%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.45456%205.45454L14.5455%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_27"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index100.js","sources":["../src/assets/icons/checkbox-hover-tick.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%2300539E'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_20"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index101.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='2.5'%20width='14'%20height='11'%20rx='1.5'%20stroke='%23111111'%20stroke-width='1.2'%20/%3e%3cline%20x1='9.5'%20y1='2.5'%20x2='9.5'%20y2='13.5'%20stroke='%23111111'%20stroke-width='1.2'%20/%3e%3cpath%20d='M11.25%206.75L12.25%209.25L13.25%206.75'%20stroke='%23111111'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M3%208H7.5'%20stroke='%23111111'%20stroke-width='1.2'%20stroke-linecap='round'%20/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230C6FC4'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":["../src/assets/icons/combobox-field.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='2.5'%20width='14'%20height='11'%20rx='1.5'%20stroke='%23111111'%20stroke-width='1.2'%20/%3e%3cline%20x1='9.5'%20y1='2.5'%20x2='9.5'%20y2='13.5'%20stroke='%23111111'%20stroke-width='1.2'%20/%3e%3cpath%20d='M11.25%206.75L12.25%209.25L13.25%206.75'%20stroke='%23111111'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M3%208H7.5'%20stroke='%23111111'%20stroke-width='1.2'%20stroke-linecap='round'%20/%3e%3c/svg%3e\""],"names":["__vite_glob_0_28"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index101.js","sources":["../src/assets/icons/checkbox-minus.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230C6FC4'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_21"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index102.js

@@ -1,5 +1,5 @@
-const C = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13931_83451)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.57332%201.46027C2.4182%201.39602%202.24752%201.37921%202.08284%201.41196C1.91818%201.44472%201.76692%201.52556%201.64819%201.64429C1.52947%201.76301%201.44862%201.91427%201.41586%202.07894C1.38311%202.24361%201.39992%202.41429%201.46417%202.56941C1.52842%202.72453%201.63723%202.85711%201.77683%202.95038C1.91643%203.04366%202.08056%203.09345%202.24846%203.09345H3.09736V2.24455C3.09736%202.07666%203.04756%201.91252%202.95429%201.77293C2.86102%201.63332%202.72843%201.52452%202.57332%201.46027ZM4.16879%203.09345V2.24455C4.16879%201.86474%204.05616%201.49346%203.84515%201.17767C3.63414%200.861879%203.33423%200.615741%202.98333%200.470396C2.63244%200.325051%202.24632%200.287022%201.87382%200.361118C1.50131%200.435214%201.15914%200.618108%200.890574%200.886667C0.622014%201.15524%200.439121%201.49741%200.365024%201.86991C0.290928%202.24242%200.328957%202.62854%200.474302%202.97942C0.619647%203.33032%200.865785%203.63024%201.18157%203.84125C1.49737%204.05225%201.86865%204.16488%202.24846%204.16488H3.09736V7.8407H2.24846C1.86865%207.8407%201.49737%207.95333%201.18157%208.16433C0.865785%208.37534%200.619647%208.67528%200.474302%209.02619C0.328957%209.37702%200.290928%209.76316%200.365024%2010.1357C0.439121%2010.5082%200.622014%2010.8504%200.890574%2011.1189C1.15914%2011.3874%201.50131%2011.5704%201.87382%2011.6445C2.24632%2011.7186%202.63244%2011.6805%202.98333%2011.5352C3.33423%2011.3898%203.63414%2011.1437%203.84515%2010.8279C4.05616%2010.5121%204.16879%2010.1408%204.16879%209.76102V8.9121H7.84461V9.76102C7.84461%2010.1408%207.95724%2010.5121%208.16824%2010.8279C8.37925%2011.1437%208.67918%2011.3898%209.0301%2011.5352C9.38093%2011.6805%209.76707%2011.7186%2010.1396%2011.6445C10.5121%2011.5704%2010.8543%2011.3874%2011.1228%2011.1189C11.3914%2010.8504%2011.5743%2010.5082%2011.6484%2010.1357C11.7225%209.76316%2011.6844%209.37702%2011.5391%209.02619C11.3938%208.67528%2011.1476%208.37534%2010.8318%208.16433C10.516%207.95333%2010.1447%207.8407%209.76493%207.8407H8.91601V4.16488H9.76493C10.1447%204.16488%2010.516%204.05225%2010.8318%203.84125C11.1476%203.63024%2011.3938%203.33032%2011.5391%202.97942C11.6844%202.62854%2011.7225%202.24242%2011.6484%201.86991C11.5743%201.49741%2011.3914%201.15524%2011.1228%200.886667C10.8543%200.618107%2010.5121%200.435214%2010.1396%200.361118C9.76707%200.287022%209.38093%200.325051%209.0301%200.470396C8.67918%200.615741%208.37925%200.861879%208.16824%201.17767C7.95724%201.49346%207.84461%201.86474%207.84461%202.24455V3.09345H4.16879ZM4.16879%204.16488V7.8407H7.84461V4.16488H4.16879ZM8.91601%203.09345H9.76493C9.93284%203.09345%2010.097%203.04366%2010.2365%202.95038C10.3762%202.85711%2010.485%202.72453%2010.5492%202.56941C10.6135%202.41429%2010.6303%202.24361%2010.5976%202.07894C10.5648%201.91426%2010.4839%201.76301%2010.3652%201.64429C10.2465%201.52556%2010.0952%201.44472%209.93052%201.41196C9.76587%201.37921%209.59521%201.39602%209.44007%201.46027C9.28493%201.52452%209.15241%201.63332%209.05907%201.77293C8.96581%201.91253%208.91601%202.07666%208.91601%202.24455V3.09345ZM8.91601%208.9121V9.76102C8.91601%209.92893%208.96581%2010.0931%209.05907%2010.2326C9.15241%2010.3722%209.28493%2010.4811%209.44007%2010.5453C9.59521%2010.6096%209.76587%2010.6264%209.93052%2010.5936C10.0952%2010.5609%2010.2465%2010.48%2010.3652%2010.3613C10.4839%2010.2426%2010.5648%2010.0913%2010.5976%209.92662C10.6303%209.76196%2010.6135%209.5913%2010.5492%209.43616C10.485%209.28102%2010.3762%209.1485%2010.2365%209.05516C10.097%208.9619%209.93284%208.9121%209.76493%208.9121H8.91601ZM3.09736%208.9121H2.24846C2.08056%208.9121%201.91644%208.9619%201.77683%209.05516C1.63723%209.1485%201.52842%209.28102%201.46417%209.43616C1.39992%209.5913%201.38311%209.76196%201.41586%209.92662C1.44862%2010.0913%201.52947%2010.2426%201.64819%2010.3613C1.76692%2010.48%201.91817%2010.5609%202.08284%2010.5936C2.24752%2010.6264%202.4182%2010.6096%202.57332%2010.5453C2.72843%2010.4811%202.86102%2010.3722%202.95429%2010.2326C3.04756%2010.0931%203.09736%209.92893%203.09736%209.76102V8.9121Z'%20fill='currentColor'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13931_83451'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230C6FC4'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
-  C as default
+  e as default
 };
 //# sourceMappingURL=index102.js.map