@fluidattacks/design 9.2.0 → 9.3.0

package/dist/components/selectable-list/index.d.ts

@@ -0,0 +1,4 @@
+import { ISelectableListItem, ISelectableListProps } from './types';
+declare const SelectableList: ({ counter, emptyText, items, maxHeight, name, onChange, searchPlaceholder, selected, }: Readonly<ISelectableListProps>) => JSX.Element;
+export { SelectableList };
+export type { ISelectableListItem, ISelectableListProps };

package/dist/components/selectable-list/index.js

@@ -0,0 +1,97 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useState as C, useMemo as x, useCallback as m } from "react";
+import { useTheme as L } from "styled-components";
+import { StyledListHeader as z, StyledList as $, StyledListRow as k, StyledRowContent as j } from "./styles.js";
+import { Checkbox as H } from "../checkbox/index.js";
+import { Search as R } from "../search/index.js";
+import "../typography/heading/index.js";
+import "../typography/span/index.js";
+import { Text as i } from "../typography/text/index.js";
+const I = ({
+  counter: v,
+  emptyText: d,
+  items: r,
+  maxHeight: y = "20rem",
+  name: h,
+  onChange: p,
+  searchPlaceholder: g,
+  selected: o
+}) => {
+  const t = L(), [c, S] = C(""), u = x(() => {
+    const e = c.trim().toLowerCase();
+    return r.filter(
+      (a) => a.label.toLowerCase().includes(e)
+    );
+  }, [r, c]), f = r.filter(
+    (e) => o.has(e.value)
+  ).length, b = m(
+    (e) => {
+      S(e.target.value);
+    },
+    []
+  ), w = m(
+    (e) => {
+      const { value: a } = e.target, n = new Set(o);
+      n.has(a) ? n.delete(a) : n.add(a), p(n);
+    },
+    [p, o]
+  );
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s(z, { children: [
+      /* @__PURE__ */ l(
+        R,
+        {
+          name: `${h}-search`,
+          onChange: b,
+          placeholder: g,
+          value: c
+        }
+      ),
+      /* @__PURE__ */ l(
+        i,
+        {
+          "aria-live": "polite",
+          color: t.palette.gray[600],
+          display: "inline",
+          size: "md",
+          whiteSpace: "nowrap",
+          children: v(f, r.length)
+        }
+      )
+    ] }),
+    u.length === 0 && d !== void 0 ? /* @__PURE__ */ l(i, { color: t.palette.gray[600], py: 1, size: "md", children: d }) : /* @__PURE__ */ l($, { $maxHeight: y, children: u.map((e) => /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
+      H,
+      {
+        "aria-label": e.label,
+        checked: o.has(e.value),
+        label: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ l(
+            i,
+            {
+              color: t.palette.gray[800],
+              display: "inline",
+              size: "md",
+              children: e.label
+            }
+          ),
+          e.secondary === void 0 ? void 0 : /* @__PURE__ */ l(
+            i,
+            {
+              color: t.palette.gray[600],
+              display: "inline",
+              size: "md",
+              whiteSpace: "nowrap",
+              children: e.secondary
+            }
+          )
+        ] }),
+        name: `${h}-${e.value}`,
+        onChange: w,
+        value: e.value
+      }
+    ) }, e.value)) })
+  ] });
+};
+export {
+  I as SelectableList
+};

package/dist/components/selectable-list/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react-vite';
+import { ISelectableListProps } from './types';
+declare const config: Meta;
+declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ISelectableListProps>;
+export { Default };
+export default config;

package/dist/components/selectable-list/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/selectable-list/styles.d.ts

@@ -0,0 +1,9 @@
+declare const StyledListHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const StyledList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$maxHeight"> & {
+    $maxHeight: string;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$maxHeight"> & {
+    $maxHeight: string;
+}, never>>> & string;
+declare const StyledListRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
+declare const StyledRowContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export { StyledList, StyledListHeader, StyledListRow, StyledRowContent };

package/dist/components/selectable-list/styles.js

@@ -0,0 +1,62 @@
+import { styled as e } from "styled-components";
+const n = e.div`
+  align-items: center;
+  display: flex;
+  gap: ${({ theme: t }) => t.spacing[1]};
+  justify-content: space-between;
+  margin-bottom: ${({ theme: t }) => t.spacing[0.75]};
+
+  & > :first-child {
+    flex: 1;
+    min-width: 0;
+  }
+`, l = e.ul`
+  ${({ theme: t, $maxHeight: i }) => `
+    border-bottom: 1px solid ${t.palette.gray[200]};
+    list-style: none;
+    margin: 0;
+    max-height: ${i};
+    overflow-y: auto;
+    padding: 0;
+  `}
+`, a = e.li`
+  ${({ theme: t }) => `
+    border-bottom: 1px solid ${t.palette.gray[200]};
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    &:hover {
+      background-color: ${t.palette.gray[25]};
+    }
+
+    &:has(input:focus-visible) {
+      outline: 2px solid ${t.palette.gray[800]};
+      outline-offset: -2px;
+    }
+
+    .parent-checkbox {
+      display: flex;
+      width: 100%;
+    }
+
+    .parent-checkbox > label {
+      flex: 1;
+      padding: ${t.spacing[0.75]} ${t.spacing[1]};
+    }
+  `}
+`, s = e.span`
+  align-items: center;
+  display: flex;
+  flex: 1;
+  gap: ${({ theme: t }) => t.spacing[1]};
+  justify-content: space-between;
+  min-width: 0;
+`;
+export {
+  l as StyledList,
+  n as StyledListHeader,
+  a as StyledListRow,
+  s as StyledRowContent
+};

package/dist/components/selectable-list/types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Selectable list item props.
+ * @interface ISelectableListItem
+ * @property { string } label - The row's text, also what the search filters on.
+ * @property { string } [secondary] - Right-aligned detail, such as "5 repositories".
+ * @property { string } value - Unique key stored in the selection.
+ */
+interface ISelectableListItem {
+    label: string;
+    secondary?: string;
+    value: string;
+}
+/**
+ * Selectable list component props.
+ * @interface ISelectableListProps
+ * @property { Function } counter - Formats the header counter from the number of selected items and the number of items, e.g. "2 of 5 groups selected"; both ignore the search.
+ * @property { string } [emptyText] - Shown in place of the rows when the search matches nothing.
+ * @property { ISelectableListItem[] } items - The rows, in display order.
+ * @property { string } [maxHeight] - Height past which the rows scroll inside the list. Defaults to "20rem".
+ * @property { string } name - Prefix for the inputs' names and ids; must be unique on the page.
+ * @property { Function } onChange - Called with the next selection; the owner must write it back to `selected`.
+ * @property { string } [searchPlaceholder] - Placeholder of the search input.
+ * @property { ReadonlySet<string> } selected - Values of the checked items. Values hidden by the search stay selected.
+ */
+interface ISelectableListProps {
+    counter: (selectedCount: number, total: number) => string;
+    emptyText?: string;
+    items: ISelectableListItem[];
+    maxHeight?: string;
+    name: string;
+    onChange: (next: ReadonlySet<string>) => void;
+    searchPlaceholder?: string;
+    selected: ReadonlySet<string>;
+}
+export type { ISelectableListItem, ISelectableListProps };

package/dist/index.d.ts

@@ -65,6 +65,7 @@ export * from './components/search';
 export * from './components/search-dropdown';
 export * from './components/segmented-control';
 export * from './components/segmented-progress-bar';
+export * from './components/selectable-list';
 export * from './components/severity-badge';
 export * from './components/severity-indicator';
 export * from './components/severity-overview';

package/dist/index.js

@@ -2,7 +2,7 @@ import './assets/styles/global.css';/* empty css                  */
 import { variantBuilder as t } from "./components/@core/variants/utils.js";
 import { hiddenProps as m } from "./components/@core/constants.js";
 import { BaseButtonComponent as x, BaseComponent as a, BaseSpanComponent as n, BaseTextComponent as i } from "./components/@core/styles.js";
-import { getStyledConfig as l, setBorder as u, setDisplay as d, setInteraction as C, setMargin as g, setPadding as c, setPosition as S, setText as T } from "./components/@core/utils.js";
+import { getStyledConfig as l, setBorder as u, setDisplay as d, setInteraction as C, setMargin as c, setPadding as g, setPosition as S, setText as T } from "./components/@core/utils.js";
 import { Accordion as b } from "./components/accordion/index.js";
 import { AdvancedBadge as h } from "./components/advanced-badge/index.js";
 import { AdvisoriesCard as D } from "./components/advisories-card/index.js";
@@ -27,7 +27,7 @@ import { CustomThemeProvider as xr, icons as ar, theme as nr } from "./component
 import { ComparisonTable as sr } from "./components/comparison-table/index.js";
 import { useConditionsDialog as ur } from "./components/conditions-dialog/index.js";
 import { useConfirmDialog as Cr } from "./components/confirm-dialog/index.js";
-import { Container as cr } from "./components/container/index.js";
+import { Container as gr } from "./components/container/index.js";
 import { CopyButton as Tr } from "./components/copy-button/index.js";
 import { Divider as br } from "./components/divider/index.js";
 import { Drawer as hr } from "./components/drawer/index.js";
@@ -53,7 +53,7 @@ import { InputSection as xo } from "./components/inputs/fields/input-section/ind
 import { InputTags as no } from "./components/inputs/fields/input-tags/index.js";
 import { InputNumber as so } from "./components/inputs/fields/number/index.js";
 import { InputNumberRange as uo } from "./components/inputs/fields/number-range/index.js";
-import { PhoneInput as go } from "./components/inputs/fields/phone/index.js";
+import { PhoneInput as co } from "./components/inputs/fields/phone/index.js";
 import { TextArea as So } from "./components/inputs/fields/text-area/index.js";
 import { TextInput as Io } from "./components/inputs/fields/text-input/index.js";
 import { OutlineContainer as Bo } from "./components/inputs/outline-container/index.js";
@@ -79,7 +79,7 @@ import { OAuthSelector as ae } from "./components/oauth-selector/index.js";
 import { OptionCard as ie } from "./components/option-card/index.js";
 import { PackageCard as le } from "./components/package-card/index.js";
 import { PaginatorDb as de } from "./components/paginator-db/index.js";
-import { PremiumFeature as ge } from "./components/premium-feature/index.js";
+import { PremiumFeature as ce } from "./components/premium-feature/index.js";
 import { PriorityCards as Se } from "./components/priority-cards/index.js";
 import { PriorityScore as Ie } from "./components/priority-score/index.js";
 import { ProgressBar as Be } from "./components/progress-bar/index.js";
@@ -93,66 +93,67 @@ import { Search as Ee } from "./components/search/index.js";
 import { SearchDropdown as We } from "./components/search-dropdown/index.js";
 import { SegmentedControl as Ue } from "./components/segmented-control/index.js";
 import { SegmentedProgressBar as Ge } from "./components/segmented-progress-bar/index.js";
-import { SeverityBadge as Ke } from "./components/severity-badge/index.js";
-import { SeverityIndicator as _e } from "./components/severity-indicator/index.js";
-import { SeverityOverview as qe } from "./components/severity-overview/index.js";
-import { ShowOnHover as Qe } from "./components/show-on-hover/index.js";
-import { SlideOutMenu as Ze } from "./components/slide-out-menu/index.js";
-import { Slider as rt } from "./components/slider/index.js";
-import { StepLapse as et } from "./components/step-lapse/index.js";
-import { Stepper as pt } from "./components/stepper/index.js";
-import { SummaryCard as ft } from "./components/summary-card/index.js";
-import { Table as at } from "./components/table/index.js";
-import { TableButton as it } from "./components/table-button/index.js";
-import { TableContent as lt } from "./components/table-content/index.js";
-import { TableOfContents as dt } from "./components/table-of-contents/index.js";
-import { Tabs as gt } from "./components/tabs/index.js";
-import { Tag as St } from "./components/tag/index.js";
-import { TimeLine as It } from "./components/timeline/index.js";
-import { Toggle as Bt } from "./components/toggle/index.js";
-import { Tooltip as Ft } from "./components/tooltip/index.js";
-import { Tour as Pt, baseStep as vt, defaultOptions as yt } from "./components/tour/index.js";
-import { Tree as At } from "./components/tree/index.js";
-import { TruncatedList as kt } from "./components/truncated-list/index.js";
-import { Heading as Ot } from "./components/typography/heading/index.js";
-import { Span as Et } from "./components/typography/span/index.js";
-import { Text as Wt } from "./components/typography/text/index.js";
-import { WeaknessesCard as Ut } from "./components/weaknesses-card/index.js";
-import { DesignsContext as Gt } from "./context/react/index.js";
-import { DesignsProvider as Kt } from "./globals/designs-provider/index.js";
-import { GlobalTypography as _t } from "./globals/global-typography/index.js";
-import { DesignTokensCss as qt } from "./globals/design-tokens-css/index.js";
-import { useActiveSection as Qt } from "./hooks/use-active-section.js";
-import { useCarousel as Zt } from "./hooks/use-carousel.js";
-import { useClickOutside as rp } from "./hooks/use-click-outside.js";
-import { useCloudinaryImage as ep } from "./hooks/use-cloudinary-image.js";
-import { useColumnsModal as pp } from "./hooks/use-columns-modal.js";
-import { useDebouncedCallback as fp } from "./hooks/use-debounced-callback.js";
-import { useFiltersValues as ap } from "./hooks/use-filters.js";
-import { useModal as ip } from "./hooks/use-modal.js";
-import { useMountEffect as lp } from "./hooks/use-mount-effect.js";
-import { useSearch as dp } from "./hooks/use-search.js";
-import { formatDate as gp, formatDateTime as cp, formatDateTimeInInput as Sp } from "./utils/date.js";
-import { EXCLUDE_TOKEN as Ip, analyzeFilterValue as bp, formatCheckboxesFilterValue as Bp, formatIncludeExcludeFilterValue as hp, formatTextFilterValue as Fp, getPreservedValues as Dp, normalizeCheckboxesFilterValue as Pp, parseCheckboxesFilterValue as vp, parseIncludeExcludeFilterValue as yp, parseTextFilterValue as Lp } from "./utils/filters.js";
-import { normalizeDate as Mp, normalizeNumber as kp } from "./utils/normalizers.js";
-import { openUrl as Op } from "./utils/open-url.js";
-import { clearStorage as Ep, getPathname as Rp, getStorageItem as Wp } from "./utils/storage.js";
-import { safeUrl as Up } from "./utils/url.js";
-import { ActiveFilters as Gp } from "./components/filters/active-filters/index.js";
-import { ColumnsModal as Kp } from "./components/modal/columns-modal/index.js";
-import { Controller as _p, useController as jp, useFieldArray as qp, useFormContext as Jp, useWatch as Qp } from "./node_modules/react-hook-form/dist/index.esm.js";
-import { InnerForm as Zp } from "./components/form/inner-form/index.js";
-import { ItemContent as rm } from "./components/table-content/item-content/index.js";
-import { ListItemsWrapper as em } from "./components/list-item/styles.js";
-import { ModalConfirm as pm } from "./components/modal/modal-confirm/index.js";
-import { ModalFooter as fm } from "./components/modal/footer/index.js";
-import { ProgressStep as am } from "./components/progress-indicator/step/index.js";
-import { TimeLineCard as im } from "./components/timeline/card/index.js";
-import { partitionFilters as lm } from "./components/filters/utils.js";
-import { useNumberFormatter as dm } from "./node_modules/react-aria/dist/private/i18n/useNumberFormatter.js";
+import { SelectableList as Ke } from "./components/selectable-list/index.js";
+import { SeverityBadge as _e } from "./components/severity-badge/index.js";
+import { SeverityIndicator as qe } from "./components/severity-indicator/index.js";
+import { SeverityOverview as Qe } from "./components/severity-overview/index.js";
+import { ShowOnHover as Ze } from "./components/show-on-hover/index.js";
+import { SlideOutMenu as rt } from "./components/slide-out-menu/index.js";
+import { Slider as et } from "./components/slider/index.js";
+import { StepLapse as pt } from "./components/step-lapse/index.js";
+import { Stepper as ft } from "./components/stepper/index.js";
+import { SummaryCard as at } from "./components/summary-card/index.js";
+import { Table as it } from "./components/table/index.js";
+import { TableButton as lt } from "./components/table-button/index.js";
+import { TableContent as dt } from "./components/table-content/index.js";
+import { TableOfContents as ct } from "./components/table-of-contents/index.js";
+import { Tabs as St } from "./components/tabs/index.js";
+import { Tag as It } from "./components/tag/index.js";
+import { TimeLine as Bt } from "./components/timeline/index.js";
+import { Toggle as Ft } from "./components/toggle/index.js";
+import { Tooltip as Pt } from "./components/tooltip/index.js";
+import { Tour as yt, baseStep as Lt, defaultOptions as At } from "./components/tour/index.js";
+import { Tree as kt } from "./components/tree/index.js";
+import { TruncatedList as Ot } from "./components/truncated-list/index.js";
+import { Heading as Et } from "./components/typography/heading/index.js";
+import { Span as Wt } from "./components/typography/span/index.js";
+import { Text as Ut } from "./components/typography/text/index.js";
+import { WeaknessesCard as Gt } from "./components/weaknesses-card/index.js";
+import { DesignsContext as Kt } from "./context/react/index.js";
+import { DesignsProvider as _t } from "./globals/designs-provider/index.js";
+import { GlobalTypography as qt } from "./globals/global-typography/index.js";
+import { DesignTokensCss as Qt } from "./globals/design-tokens-css/index.js";
+import { useActiveSection as Zt } from "./hooks/use-active-section.js";
+import { useCarousel as rp } from "./hooks/use-carousel.js";
+import { useClickOutside as ep } from "./hooks/use-click-outside.js";
+import { useCloudinaryImage as pp } from "./hooks/use-cloudinary-image.js";
+import { useColumnsModal as fp } from "./hooks/use-columns-modal.js";
+import { useDebouncedCallback as ap } from "./hooks/use-debounced-callback.js";
+import { useFiltersValues as ip } from "./hooks/use-filters.js";
+import { useModal as lp } from "./hooks/use-modal.js";
+import { useMountEffect as dp } from "./hooks/use-mount-effect.js";
+import { useSearch as cp } from "./hooks/use-search.js";
+import { formatDate as Sp, formatDateTime as Tp, formatDateTimeInInput as Ip } from "./utils/date.js";
+import { EXCLUDE_TOKEN as Bp, analyzeFilterValue as hp, formatCheckboxesFilterValue as Fp, formatIncludeExcludeFilterValue as Dp, formatTextFilterValue as Pp, getPreservedValues as vp, normalizeCheckboxesFilterValue as yp, parseCheckboxesFilterValue as Lp, parseIncludeExcludeFilterValue as Ap, parseTextFilterValue as Mp } from "./utils/filters.js";
+import { normalizeDate as wp, normalizeNumber as Op } from "./utils/normalizers.js";
+import { openUrl as Ep } from "./utils/open-url.js";
+import { clearStorage as Wp, getPathname as Np, getStorageItem as Up } from "./utils/storage.js";
+import { safeUrl as Gp } from "./utils/url.js";
+import { ActiveFilters as Kp } from "./components/filters/active-filters/index.js";
+import { ColumnsModal as _p } from "./components/modal/columns-modal/index.js";
+import { Controller as qp, useController as Jp, useFieldArray as Qp, useFormContext as Yp, useWatch as Zp } from "./node_modules/react-hook-form/dist/index.esm.js";
+import { InnerForm as rm } from "./components/form/inner-form/index.js";
+import { ItemContent as em } from "./components/table-content/item-content/index.js";
+import { ListItemsWrapper as pm } from "./components/list-item/styles.js";
+import { ModalConfirm as fm } from "./components/modal/modal-confirm/index.js";
+import { ModalFooter as am } from "./components/modal/footer/index.js";
+import { ProgressStep as im } from "./components/progress-indicator/step/index.js";
+import { TimeLineCard as lm } from "./components/timeline/card/index.js";
+import { partitionFilters as dm } from "./components/filters/utils.js";
+import { useNumberFormatter as cm } from "./node_modules/react-aria/dist/private/i18n/useNumberFormatter.js";
 export {
   b as Accordion,
-  Gp as ActiveFilters,
+  Kp as ActiveFilters,
   h as AdvancedBadge,
   D as AdvisoriesCard,
   v as Alert,
@@ -179,20 +180,20 @@ export {
   tr as CodeSnippet,
   Oo as Col,
   mr as CollapsibleCard,
-  Kp as ColumnsModal,
+  _p as ColumnsModal,
   jr as ComboBox,
   sr as ComparisonTable,
-  cr as Container,
-  _p as Controller,
+  gr as Container,
+  qp as Controller,
   Tr as CopyButton,
   xr as CustomThemeProvider,
-  qt as DesignTokensCss,
-  Gt as DesignsContext,
-  Kt as DesignsProvider,
+  Qt as DesignTokensCss,
+  Kt as DesignsContext,
+  _t as DesignsProvider,
   br as Divider,
   hr as Drawer,
   Dr as Dropdown,
-  Ip as EXCLUDE_TOKEN,
+  Bp as EXCLUDE_TOKEN,
   oo as Editable,
   vr as EmptyState,
   Fo as ErrorMessage,
@@ -201,15 +202,15 @@ export {
   wr as Filters,
   Vr as Form,
   Eo as Gap,
-  _t as GlobalTypography,
+  qt as GlobalTypography,
   Rr as GridContainer,
   Nr as GroupSelector,
-  Ot as Heading,
+  Et as Heading,
   zr as Icon,
   Hr as IconButton,
   X as IndicatorCard,
   Xr as IndicatorCardDB,
-  Zp as InnerForm,
+  rm as InnerForm,
   to as InputArray,
   Jr as InputDate,
   Yr as InputDateRange,
@@ -220,11 +221,11 @@ export {
   xo as InputSection,
   no as InputTags,
   Po as ItemCardDB,
-  rm as ItemContent,
+  em as ItemContent,
   yo as LanguageSwitcher,
   Uo as Link,
   Go as ListItem,
-  em as ListItemsWrapper,
+  pm as ListItemsWrapper,
   Ko as LittleFlag,
   _o as Loading,
   qo as Logo,
@@ -232,8 +233,8 @@ export {
   Zo as Menu,
   re as MessageBanner,
   ee as Modal,
-  pm as ModalConfirm,
-  fm as ModalFooter,
+  fm as ModalConfirm,
+  am as ModalFooter,
   pe as Notification,
   fe as NotificationSign,
   ae as OAuthSelector,
@@ -241,14 +242,14 @@ export {
   Bo as OutlineContainer,
   le as PackageCard,
   de as PaginatorDb,
-  go as PhoneInput,
+  co as PhoneInput,
   Pe as PopUp,
-  ge as PremiumFeature,
+  ce as PremiumFeature,
   Se as PriorityCards,
   Ie as PriorityScore,
   Be as ProgressBar,
   Fe as ProgressIndicator,
-  am as ProgressStep,
+  im as ProgressStep,
   ye as RadioButton,
   Ae as RankPosition,
   Wo as Row,
@@ -258,82 +259,83 @@ export {
   We as SearchDropdown,
   Ue as SegmentedControl,
   Ge as SegmentedProgressBar,
-  Ke as SeverityBadge,
-  _e as SeverityIndicator,
-  qe as SeverityOverview,
-  Qe as ShowOnHover,
-  Ze as SlideOutMenu,
-  rt as Slider,
-  Et as Span,
-  et as StepLapse,
-  pt as Stepper,
-  ft as SummaryCard,
-  at as Table,
-  it as TableButton,
-  lt as TableContent,
-  dt as TableOfContents,
-  gt as Tabs,
-  St as Tag,
-  Wt as Text,
+  Ke as SelectableList,
+  _e as SeverityBadge,
+  qe as SeverityIndicator,
+  Qe as SeverityOverview,
+  Ze as ShowOnHover,
+  rt as SlideOutMenu,
+  et as Slider,
+  Wt as Span,
+  pt as StepLapse,
+  ft as Stepper,
+  at as SummaryCard,
+  it as Table,
+  lt as TableButton,
+  dt as TableContent,
+  ct as TableOfContents,
+  St as Tabs,
+  It as Tag,
+  Ut as Text,
   So as TextArea,
   Io as TextInput,
-  It as TimeLine,
-  im as TimeLineCard,
-  Bt as Toggle,
-  Ft as Tooltip,
-  Pt as Tour,
-  At as Tree,
-  kt as TruncatedList,
-  Ut as WeaknessesCard,
-  bp as analyzeFilterValue,
-  vt as baseStep,
-  Ep as clearStorage,
-  yt as defaultOptions,
-  Bp as formatCheckboxesFilterValue,
-  gp as formatDate,
-  cp as formatDateTime,
-  Sp as formatDateTimeInInput,
-  hp as formatIncludeExcludeFilterValue,
-  Fp as formatTextFilterValue,
-  Rp as getPathname,
-  Dp as getPreservedValues,
-  Wp as getStorageItem,
+  Bt as TimeLine,
+  lm as TimeLineCard,
+  Ft as Toggle,
+  Pt as Tooltip,
+  yt as Tour,
+  kt as Tree,
+  Ot as TruncatedList,
+  Gt as WeaknessesCard,
+  hp as analyzeFilterValue,
+  Lt as baseStep,
+  Wp as clearStorage,
+  At as defaultOptions,
+  Fp as formatCheckboxesFilterValue,
+  Sp as formatDate,
+  Tp as formatDateTime,
+  Ip as formatDateTimeInInput,
+  Dp as formatIncludeExcludeFilterValue,
+  Pp as formatTextFilterValue,
+  Np as getPathname,
+  vp as getPreservedValues,
+  Up as getStorageItem,
   l as getStyledConfig,
   m as hiddenProps,
   ar as icons,
-  Pp as normalizeCheckboxesFilterValue,
-  Mp as normalizeDate,
-  kp as normalizeNumber,
-  Op as openUrl,
-  vp as parseCheckboxesFilterValue,
-  yp as parseIncludeExcludeFilterValue,
-  Lp as parseTextFilterValue,
-  lm as partitionFilters,
-  Up as safeUrl,
+  yp as normalizeCheckboxesFilterValue,
+  wp as normalizeDate,
+  Op as normalizeNumber,
+  Ep as openUrl,
+  Lp as parseCheckboxesFilterValue,
+  Ap as parseIncludeExcludeFilterValue,
+  Mp as parseTextFilterValue,
+  dm as partitionFilters,
+  Gp as safeUrl,
   u as setBorder,
   d as setDisplay,
   C as setInteraction,
-  g as setMargin,
-  c as setPadding,
+  c as setMargin,
+  g as setPadding,
   S as setPosition,
   T as setText,
   nr as theme,
-  Qt as useActiveSection,
-  Zt as useCarousel,
-  rp as useClickOutside,
-  ep as useCloudinaryImage,
-  pp as useColumnsModal,
+  Zt as useActiveSection,
+  rp as useCarousel,
+  ep as useClickOutside,
+  pp as useCloudinaryImage,
+  fp as useColumnsModal,
   ur as useConditionsDialog,
   Cr as useConfirmDialog,
-  jp as useController,
-  fp as useDebouncedCallback,
-  qp as useFieldArray,
-  ap as useFiltersValues,
-  Jp as useFormContext,
-  ip as useModal,
-  lp as useMountEffect,
-  dm as useNumberFormatter,
-  dp as useSearch,
-  Qp as useWatch,
+  Jp as useController,
+  ap as useDebouncedCallback,
+  Qp as useFieldArray,
+  ip as useFiltersValues,
+  Yp as useFormContext,
+  lp as useModal,
+  dp as useMountEffect,
+  cm as useNumberFormatter,
+  cp as useSearch,
+  Zp as useWatch,
   t as variantBuilder
 };

package/package.json

@@ -135,5 +135,5 @@
     "./dist/index.js"
   ],
   "typings": "./dist/index.d.ts",
-  "version": "9.2.0"
+  "version": "9.3.0"
 }