@strapi/design-system 2.0.0-rc.16 → 2.0.0-rc.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,9 +38,7 @@ declare const Portal: {
38
38
  }): import("react/jsx-runtime").JSX.Element;
39
39
  displayName: string;
40
40
  };
41
- declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Select.SelectContentImplProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
42
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
43
- }, never>> & string & Omit<React.ForwardRefExoticComponent<Select.SelectContentImplProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
41
+ declare const Content: React.ForwardRefExoticComponent<Select.SelectContentImplProps & React.RefAttributes<HTMLDivElement>>;
44
42
  declare const Viewport: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
45
43
  ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
46
44
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG/F,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAU,YAAa,SAAQ,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwID,UAAU,UACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,EACvD,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA+DD,UAAU,SAAU,SAAQ,MAAM,CAAC,eAAe;CAAG;AA4CrD,QAAA,MAAM,IAAI;;;;;CAAc,CAAC;AACzB,QAAA,MAAM,OAAO,kGAAgB,CAAC;AAC9B,QAAA,MAAM,KAAK,oFAAc,CAAC;AAC1B,QAAA,MAAM,MAAM;;;;;CAAgB,CAAC;AAC7B,QAAA,MAAM,OAAO;;qKAAgB,CAAC;AAC9B,QAAA,MAAM,QAAQ;;;;;;;;;;+IAAiB,CAAC;AAChC,QAAA,MAAM,IAAI,kFAAa,CAAC;AACxB,QAAA,MAAM,aAAa,yGAAuB,CAAC;AAC3C,QAAA,MAAM,QAAQ;;;;2GAAkB,CAAC;AACjC,QAAA,MAAM,KAAK;;;;yGAAe,CAAC;AAE3B,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACtC,KAAK,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClD,KAAK,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChD,KAAK,WAAW,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC5C,KAAK,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC9C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC1D,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC1C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACjG,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,CAAC"}
1
+ {"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI/F,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAU,YAAa,SAAQ,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwID,UAAU,UACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,EACvD,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAuED,UAAU,SAAU,SAAQ,MAAM,CAAC,eAAe;CAAG;AA4CrD,QAAA,MAAM,IAAI;;;;;CAAc,CAAC;AACzB,QAAA,MAAM,OAAO,kGAAgB,CAAC;AAC9B,QAAA,MAAM,KAAK,oFAAc,CAAC;AAC1B,QAAA,MAAM,MAAM;;;;;CAAgB,CAAC;AAC7B,QAAA,MAAM,OAAO,sGAAgB,CAAC;AAC9B,QAAA,MAAM,QAAQ;;;;;;;;;;+IAAiB,CAAC;AAChC,QAAA,MAAM,IAAI,kFAAa,CAAC;AACxB,QAAA,MAAM,aAAa,yGAAuB,CAAC;AAC3C,QAAA,MAAM,QAAQ;;;;2GAAkB,CAAC;AACjC,QAAA,MAAM,KAAK;;;;yGAAe,CAAC;AAE3B,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACtC,KAAK,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClD,KAAK,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChD,KAAK,WAAW,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC5C,KAAK,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC9C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC1D,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC1C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACjG,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,CAAC"}
@@ -30,6 +30,8 @@ interface ItemSharedProps extends Pick<DropdownMenu.MenuItemProps, 'disabled' |
30
30
  children?: React.ReactNode;
31
31
  isExternal?: boolean;
32
32
  isFocused?: boolean;
33
+ startIcon?: React.ReactNode;
34
+ endIcon?: React.ReactNode;
33
35
  }
34
36
  interface ItemExternalLinkProps extends ItemSharedProps, Omit<LinkProps, 'onSelect'> {
35
37
  as?: never;
@@ -60,7 +62,7 @@ interface SubContentProps extends FlexProps<'div'> {
60
62
  declare const Root: React.FC<DropdownMenu.DropdownMenuProps>;
61
63
  declare const Trigger: React.ForwardRefExoticComponent<(Omit<TriggerPropsWithButton, "ref"> | Omit<TriggerPropsWithIconButton, "ref">) & React.RefAttributes<HTMLButtonElement>>;
62
64
  declare const Content: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
63
- declare const Item: ({ onSelect, disabled, isLink, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
65
+ declare const Item: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
64
66
  declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
65
67
  declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
66
68
  declare const SubRoot: React.FC<DropdownMenu.DropdownMenuSubProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"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"}
@@ -38,7 +38,7 @@ declare const SimpleMenu: React.ForwardRefExoticComponent<(Omit<Omit<import(".."
38
38
  */
39
39
  onReachEnd?: ((entry: IntersectionObserverEntry) => void) | undefined;
40
40
  }, "ref">) & React.RefAttributes<HTMLButtonElement>>;
41
- declare const MenuItem: ({ onSelect, disabled, isLink, ...props }: Menu.ItemProps<(props: Omit<import("..").BaseLinkProps<"a">, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode>) => import("react/jsx-runtime").JSX.Element;
41
+ declare const MenuItem: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: Menu.ItemProps<(props: Omit<import("..").BaseLinkProps<"a">, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode>) => import("react/jsx-runtime").JSX.Element;
42
42
  type MenuItemProps = Menu.ItemProps;
43
43
  export { SimpleMenu, MenuItem, Menu };
44
44
  export type { SimpleMenuProps, MenuItemProps };
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAM/B,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,GACtC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ,QAAA,MAAM,UAAU;;;;;;;eATD,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;;;;;;;;eAN5C,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;oDAqD1D,CAAC;AAEF,QAAA,MAAM,QAAQ,0NAAY,CAAC;AAC3B,KAAK,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAM/B,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,GACtC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ,QAAA,MAAM,UAAU;;;;;;;eATD,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;;;;;;;;eAN5C,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;oDAqD1D,CAAC;AAEF,QAAA,MAAM,QAAQ,0PAAY,CAAC;AAC3B,KAAK,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
package/dist/index.js CHANGED
@@ -19,12 +19,12 @@ const reactFocusGuards = require("@radix-ui/react-focus-guards");
19
19
  const reactFocusScope = require("@radix-ui/react-focus-scope");
20
20
  const reactDom = require("react-dom");
21
21
  const reactRemoveScroll = require("react-remove-scroll");
22
+ const ScrollArea = require("@radix-ui/react-scroll-area");
22
23
  const langJson = require("@codemirror/lang-json");
23
24
  const reactCodemirror = require("@uiw/react-codemirror");
24
25
  const state = require("@codemirror/state");
25
26
  const view = require("@codemirror/view");
26
27
  const Dialog$1 = require("@radix-ui/react-dialog");
27
- const ScrollArea = require("@radix-ui/react-scroll-area");
28
28
  const number = require("@internationalized/number");
29
29
  const Popover$1 = require("@radix-ui/react-popover");
30
30
  const Progress = require("@radix-ui/react-progress");
@@ -58,8 +58,8 @@ const Avatar__namespace = /* @__PURE__ */ _interopNamespace(Avatar$1);
58
58
  const DropdownMenu__namespace = /* @__PURE__ */ _interopNamespace(DropdownMenu);
59
59
  const Checkbox__namespace = /* @__PURE__ */ _interopNamespace(Checkbox);
60
60
  const AlertDialog__namespace = /* @__PURE__ */ _interopNamespace(AlertDialog);
61
- const Dialog__namespace = /* @__PURE__ */ _interopNamespace(Dialog$1);
62
61
  const ScrollArea__namespace = /* @__PURE__ */ _interopNamespace(ScrollArea);
62
+ const Dialog__namespace = /* @__PURE__ */ _interopNamespace(Dialog$1);
63
63
  const Popover__namespace = /* @__PURE__ */ _interopNamespace(Popover$1);
64
64
  const Progress__namespace = /* @__PURE__ */ _interopNamespace(Progress);
65
65
  const RadioGroup__namespace = /* @__PURE__ */ _interopNamespace(RadioGroup);
@@ -1888,8 +1888,33 @@ const DropdownMenuContent = styledComponents.styled(DropdownMenu__namespace.Cont
1888
1888
  }
1889
1889
  }
1890
1890
  `;
1891
- const MenuItem$1 = ({ onSelect, disabled = false, isLink, ...props }) => {
1892
- return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, onSelect, disabled, children: isLink || props.isExternal ? /* @__PURE__ */ jsxRuntime.jsx(OptionLink, { color: "neutral800", ...props, isExternal: props.isExternal ?? false, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: props.children }) }) : /* @__PURE__ */ jsxRuntime.jsx(OptionButton, { cursor: "pointer", color: "neutral800", background: "transparent", borderStyle: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: props.children }) }) });
1891
+ const MenuItem$1 = ({ onSelect, disabled = false, isLink, startIcon, endIcon, isExternal, ...props }) => {
1892
+ return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, onSelect, disabled, children: isLink || isExternal ? /* @__PURE__ */ jsxRuntime.jsx(
1893
+ OptionLink,
1894
+ {
1895
+ color: "neutral800",
1896
+ startIcon,
1897
+ endIcon,
1898
+ ...props,
1899
+ isExternal: isExternal ?? false,
1900
+ children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: props.children })
1901
+ }
1902
+ ) : /* @__PURE__ */ jsxRuntime.jsxs(
1903
+ OptionButton,
1904
+ {
1905
+ cursor: "pointer",
1906
+ color: "neutral800",
1907
+ background: "transparent",
1908
+ borderStyle: "none",
1909
+ gap: 2,
1910
+ ...props,
1911
+ children: [
1912
+ startIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: startIcon }),
1913
+ /* @__PURE__ */ jsxRuntime.jsx(Typography, { grow: 1, children: props.children }),
1914
+ endIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: endIcon })
1915
+ ]
1916
+ }
1917
+ ) });
1893
1918
  };
1894
1919
  const getOptionStyle = ({ theme }) => styledComponents.css`
1895
1920
  text-align: left;
@@ -3556,6 +3581,60 @@ const Portal$1 = React__namespace.forwardRef(
3556
3581
  }
3557
3582
  );
3558
3583
  Portal$1.displayName = "Portal";
3584
+ const ScrollAreaImpl$1 = React__namespace.forwardRef(
3585
+ ({ children, viewportRef, ...restProps }, forwardedRef) => {
3586
+ return /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaRoot, { ref: forwardedRef, ...restProps, children: [
3587
+ /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaViewport, { ref: viewportRef, children }),
3588
+ /* @__PURE__ */ jsxRuntime.jsx(Scrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsxRuntime.jsx(Thumb, {}) }),
3589
+ /* @__PURE__ */ jsxRuntime.jsx(Scrollbar, { orientation: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(Thumb, {}) })
3590
+ ] });
3591
+ }
3592
+ );
3593
+ const ScrollAreaRoot = styledComponents.styled(ScrollArea__namespace.Root)`
3594
+ width: 100%;
3595
+ height: 100%;
3596
+ overflow: hidden;
3597
+ display: flex;
3598
+ `;
3599
+ const ScrollAreaViewport = styledComponents.styled(ScrollArea__namespace.Viewport)`
3600
+ min-width: 100%;
3601
+ padding-inline: 4px;
3602
+ `;
3603
+ const Scrollbar = styledComponents.styled(ScrollArea__namespace.Scrollbar)`
3604
+ display: flex;
3605
+ /* ensures no selection */
3606
+ user-select: none;
3607
+ /* disable browser handling of all panning and zooming gestures on touch devices */
3608
+ touch-action: none;
3609
+
3610
+ &[data-orientation='vertical'] {
3611
+ width: 0.4rem;
3612
+ }
3613
+
3614
+ &[data-orientation='horizontal'] {
3615
+ flex-direction: column;
3616
+ height: 0.4rem;
3617
+ }
3618
+ `;
3619
+ const Thumb = styledComponents.styled(ScrollArea__namespace.Thumb)`
3620
+ position: relative;
3621
+ flex: 1;
3622
+ background-color: ${(props) => props.theme.colors.neutral150};
3623
+ border-radius: var(--scrollbar-size);
3624
+
3625
+ /* increase target size for touch devices https://www.w3.org/WAI/WCAG21/Understanding/target-size.html */
3626
+ &::before {
3627
+ content: '';
3628
+ position: absolute;
3629
+ top: 50%;
3630
+ left: 50%;
3631
+ transform: translate(-50%, -50%);
3632
+ width: 100%;
3633
+ height: 100%;
3634
+ min-width: 44px;
3635
+ min-height: 44px;
3636
+ }
3637
+ `;
3559
3638
  const SelectTrigger = React__namespace.forwardRef(
3560
3639
  ({ onClear, clearLabel = "Clear", startIcon, disabled, hasError, children, id, size = "M", withTags, ...restProps }, ref) => {
3561
3640
  const triggerRef = React__namespace.useRef(null);
@@ -3675,7 +3754,10 @@ const StyledValue = styledComponents.styled(uiPrimitives.Select.Value)`
3675
3754
  gap: ${({ theme }) => theme.spaces[1]};
3676
3755
  flex-wrap: wrap;
3677
3756
  `;
3678
- const SelectContent = styledComponents.styled(uiPrimitives.Select.Content)`
3757
+ const SelectContent = React__namespace.forwardRef((props, ref) => {
3758
+ return /* @__PURE__ */ jsxRuntime.jsx(StyledContent, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaImpl$1, { children: props.children }) });
3759
+ });
3760
+ const StyledContent = styledComponents.styled(uiPrimitives.Select.Content)`
3679
3761
  background: ${({ theme }) => theme.colors.neutral0};
3680
3762
  box-shadow: ${({ theme }) => theme.shadows.filterShadow};
3681
3763
  border: 1px solid ${({ theme }) => theme.colors.neutral150};
@@ -5119,60 +5201,6 @@ const SkipToContent = ({ children }) => {
5119
5201
  );
5120
5202
  };
5121
5203
  const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
5122
- const ScrollAreaImpl$1 = React__namespace.forwardRef(
5123
- ({ children, viewportRef, ...restProps }, forwardedRef) => {
5124
- return /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaRoot, { ref: forwardedRef, ...restProps, children: [
5125
- /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaViewport, { ref: viewportRef, children }),
5126
- /* @__PURE__ */ jsxRuntime.jsx(Scrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsxRuntime.jsx(Thumb, {}) }),
5127
- /* @__PURE__ */ jsxRuntime.jsx(Scrollbar, { orientation: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(Thumb, {}) })
5128
- ] });
5129
- }
5130
- );
5131
- const ScrollAreaRoot = styledComponents.styled(ScrollArea__namespace.Root)`
5132
- width: 100%;
5133
- height: 100%;
5134
- overflow: hidden;
5135
- display: flex;
5136
- `;
5137
- const ScrollAreaViewport = styledComponents.styled(ScrollArea__namespace.Viewport)`
5138
- min-width: 100%;
5139
- padding-inline: 4px;
5140
- `;
5141
- const Scrollbar = styledComponents.styled(ScrollArea__namespace.Scrollbar)`
5142
- display: flex;
5143
- /* ensures no selection */
5144
- user-select: none;
5145
- /* disable browser handling of all panning and zooming gestures on touch devices */
5146
- touch-action: none;
5147
-
5148
- &[data-orientation='vertical'] {
5149
- width: 0.4rem;
5150
- }
5151
-
5152
- &[data-orientation='horizontal'] {
5153
- flex-direction: column;
5154
- height: 0.4rem;
5155
- }
5156
- `;
5157
- const Thumb = styledComponents.styled(ScrollArea__namespace.Thumb)`
5158
- position: relative;
5159
- flex: 1;
5160
- background-color: ${(props) => props.theme.colors.neutral150};
5161
- border-radius: var(--scrollbar-size);
5162
-
5163
- /* increase target size for touch devices https://www.w3.org/WAI/WCAG21/Understanding/target-size.html */
5164
- &::before {
5165
- content: '';
5166
- position: absolute;
5167
- top: 50%;
5168
- left: 50%;
5169
- transform: translate(-50%, -50%);
5170
- width: 100%;
5171
- height: 100%;
5172
- min-width: 44px;
5173
- min-height: 44px;
5174
- }
5175
- `;
5176
5204
  const Root$3 = Dialog__namespace.Root;
5177
5205
  const Trigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
5178
5206
  return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });