@liner-fe/prism 1.12.26 → 1.12.28

package/lib/index.mjs

@@ -6814,9 +6814,9 @@ var DefaultButton = forwardRef(
           ref
         },
         /* @__PURE__ */ jsxs99("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx138(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          !!leftIcon && /* @__PURE__ */ jsx138(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
           /* @__PURE__ */ jsx138("p", { className: style_module_default.content, children: newChildren }),
-          !!rightIcon && /* @__PURE__ */ jsx138(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+          !!rightIcon && /* @__PURE__ */ jsx138(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       );
       return ParentClone;
@@ -6828,25 +6828,9 @@ var DefaultButton = forwardRef(
         className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
         children: /* @__PURE__ */ jsxs99("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx138(
-            Icon,
-            {
-              name: leftIcon.name,
-              size: buttonIconSizeMap[size],
-              thick: buttonSizeIconThickMap[size],
-              fill: leftIcon.fill
-            }
-          ),
+          !!leftIcon && /* @__PURE__ */ jsx138(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
           /* @__PURE__ */ jsx138("p", { className: style_module_default.content, children }),
-          !!rightIcon && /* @__PURE__ */ jsx138(
-            Icon,
-            {
-              name: rightIcon.name,
-              size: buttonIconSizeMap[size],
-              thick: buttonSizeIconThickMap[size],
-              fill: rightIcon.fill
-            }
-          )
+          !!rightIcon && /* @__PURE__ */ jsx138(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       }
     );
@@ -7764,49 +7748,64 @@ import * as ScrollArea from "@radix-ui/react-scroll-area";
 
 // src/components/Select/style.module.scss
 var style_module_default13 = {
-  "select-label": "_select-label_1dsk6_101",
-  "trigger": "_trigger_1dsk6_105",
-  "placeholder": "_placeholder_1dsk6_145",
-  "openIcon": "_openIcon_1dsk6_149",
-  "desktop-content": "_desktop-content_1dsk6_165",
-  "slide-up": "_slide-up_1dsk6_226",
-  "header": "_header_1dsk6_185",
-  "mobile-overlay": "_mobile-overlay_1dsk6_193",
-  "mobile-content": "_mobile-content_1dsk6_209",
-  "slide-down": "_slide-down_1dsk6_230",
-  "slide-in-right": "_slide-in-right_1dsk6_234",
-  "slide-out-right": "_slide-out-right_1dsk6_238",
-  "mobile-viewport": "_mobile-viewport_1dsk6_243",
-  "scrollAreaRoot": "_scrollAreaRoot_1dsk6_247",
-  "scrollAreaViewport": "_scrollAreaViewport_1dsk6_252",
-  "scrollAreaScrollbar": "_scrollAreaScrollbar_1dsk6_259",
-  "scrollAreaThumb": "_scrollAreaThumb_1dsk6_264",
-  "desktop-label": "_desktop-label_1dsk6_269",
-  "mobile-label": "_mobile-label_1dsk6_274",
-  "item": "_item_1dsk6_282",
-  "icon": "_icon_1dsk6_310",
-  "itemIndicator": "_itemIndicator_1dsk6_316"
+  "select-label": "_select-label_x2vxw_101",
+  "trigger": "_trigger_x2vxw_105",
+  "placeholder": "_placeholder_x2vxw_145",
+  "openIcon": "_openIcon_x2vxw_149",
+  "desktop-content": "_desktop-content_x2vxw_165",
+  "slide-up": "_slide-up_x2vxw_1",
+  "responsive": "_responsive_x2vxw_180",
+  "header": "_header_x2vxw_185",
+  "scrollAreaRoot": "_scrollAreaRoot_x2vxw_193",
+  "scrollAreaViewport": "_scrollAreaViewport_x2vxw_198",
+  "scrollAreaScrollbar": "_scrollAreaScrollbar_x2vxw_205",
+  "scrollAreaThumb": "_scrollAreaThumb_x2vxw_210",
+  "desktop-label": "_desktop-label_x2vxw_215",
+  "item": "_item_x2vxw_220",
+  "icon": "_icon_x2vxw_248",
+  "itemIndicator": "_itemIndicator_x2vxw_254",
+  "slide-down": "_slide-down_x2vxw_1",
+  "slide-in-right": "_slide-in-right_x2vxw_1",
+  "slide-out-right": "_slide-out-right_x2vxw_1"
 };
 
 // src/components/Select/index.tsx
-import { forwardRef as forwardRef10, useEffect as useEffect3, useState as useState5 } from "react";
+import { forwardRef as forwardRef10, useEffect as useEffect2, useState as useState4 } from "react";
 import clsx15 from "clsx";
-
-// src/hooks/media.ts
-import { useEffect as useEffect2, useState as useState4 } from "react";
-var useMediaQuery = /* @__PURE__ */ __name((query) => {
-  const [matches, setMatches] = useState4();
-  useEffect2(() => {
-    const mediaQuery = window.matchMedia(query);
-    const handleChange = /* @__PURE__ */ __name(() => setMatches(mediaQuery.matches), "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [query]);
-  return matches;
-}, "useMediaQuery");
-
-// src/components/Select/index.tsx
 import { Fragment as Fragment7, jsx as jsx153, jsxs as jsxs107 } from "react/jsx-runtime";
+var SelectContent = forwardRef10((props, ref) => {
+  const { isResponsive, popSide, sideOffset, listLabel, children } = props;
+  return /* @__PURE__ */ jsx153(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx153(
+    SelectPrimitive.Content,
+    {
+      ref: (instance) => {
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+        if (!instance) return;
+        instance.ontouchstart = (e) => {
+          e.stopPropagation();
+        };
+      },
+      className: clsx15(style_module_default13["desktop-content"], {
+        [style_module_default13["responsive"]]: isResponsive
+      }),
+      position: "popper",
+      side: popSide,
+      sideOffset,
+      avoidCollisions: false,
+      children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
+        /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { overflowY: void 0 }, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
+          /* @__PURE__ */ jsx153(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx153(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
+          children
+        ] }) }) }),
+        /* @__PURE__ */ jsx153(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx153(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
+      ] })
+    }
+  ) });
+});
 var SelectRoot = forwardRef10((props, ref) => {
   const {
     id,
@@ -7819,15 +7818,13 @@ var SelectRoot = forwardRef10((props, ref) => {
     children,
     open = false,
     onOpenChange,
-    isOverlay = false,
+    isResponsive = false,
     openDirection = "slide-right",
     ...rest
   } = props;
-  const [isOpen, setIsOpen] = useState5(true);
-  const [isClosing, setIsClosing] = useState5(false);
-  const [isBack, setIsBack] = useState5(false);
-  const isMobile = useMediaQuery("(max-width: 600px)");
-  useEffect3(() => {
+  const contentProps = { isResponsive, popSide, sideOffset, listLabel, children };
+  const [isOpen, setIsOpen] = useState4(true);
+  useEffect2(() => {
     setIsOpen(open);
   }, [open]);
   return /* @__PURE__ */ jsxs107(Fragment7, { children: [
@@ -7846,74 +7843,7 @@ var SelectRoot = forwardRef10((props, ref) => {
             /* @__PURE__ */ jsx153(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
             /* @__PURE__ */ jsx153(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx153(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
           ] }),
-          /* @__PURE__ */ jsx153(SelectPrimitive.Portal, { children: isMobile ? /* @__PURE__ */ jsxs107(Fragment7, { children: [
-            /* @__PURE__ */ jsx153(
-              SelectPrimitive.Content,
-              {
-                className: clsx15(style_module_default13["mobile-content"], {
-                  [style_module_default13["slide-in-right"]]: openDirection === "slide-right",
-                  [style_module_default13["slide-up"]]: openDirection === "slide-up",
-                  [style_module_default13["slide-out-right"]]: isBack,
-                  [style_module_default13["slide-down"]]: isClosing
-                }),
-                avoidCollisions: false,
-                children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
-                  /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
-                    /* @__PURE__ */ jsxs107("div", { className: style_module_default13.header, children: [
-                      /* @__PURE__ */ jsx153(
-                        IconButton,
-                        {
-                          name: "arrow-back",
-                          level: "tertiary",
-                          onClick: () => {
-                            setIsBack(true);
-                            setTimeout(() => {
-                              setIsOpen(false);
-                              setIsBack(false);
-                            }, 250);
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx153(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx153(Label, { className: style_module_default13["mobile-label"], level: "primary", size: "m", offset: "low", children: listLabel }) }),
-                      /* @__PURE__ */ jsx153(
-                        IconButton,
-                        {
-                          name: "close",
-                          level: "tertiary",
-                          onClick: () => {
-                            setIsClosing(true);
-                            setTimeout(() => {
-                              setIsOpen(false);
-                              setIsClosing(false);
-                            }, 250);
-                          }
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13["mobile-viewport"], style: { overflowY: void 0 }, children })
-                  ] }) }),
-                  /* @__PURE__ */ jsx153(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx153(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
-                ] })
-              }
-            ),
-            isOverlay && /* @__PURE__ */ jsx153("div", { className: style_module_default13["mobile-overlay"] })
-          ] }) : /* @__PURE__ */ jsx153(
-            SelectPrimitive.Content,
-            {
-              className: style_module_default13["desktop-content"],
-              position: "popper",
-              side: popSide,
-              sideOffset,
-              avoidCollisions: false,
-              children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
-                /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { overflowY: void 0 }, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
-                  /* @__PURE__ */ jsx153(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx153(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
-                  children
-                ] }) }) }),
-                /* @__PURE__ */ jsx153(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx153(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
-              ] })
-            }
-          ) })
+          /* @__PURE__ */ jsx153(SelectContent, { ...contentProps })
         ]
       }
     )