design-system-silkhaus 3.7.2 → 3.7.4

package/dist/app/index.js

@@ -10,7 +10,7 @@ var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writab
       X.call(e, a) && I(s, a, e[a]);
   return s;
 }, k = (s, e) => K(s, L(e));
-import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as os, h as is, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-BErKnj7L.js";
+import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-BErKnj7L.js";
 import { w as ks } from "../ButtonsGroupSelector-BErKnj7L.js";
 import { useState as b } from "react";
 const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
@@ -20,21 +20,21 @@ const M = ({
   trigger: e,
   triggerContainerClassName: a,
   disabled: l,
-  onOpenChange: i,
+  onOpenChange: o,
   adjustHeight: n = !0,
   adjustWidth: t = !0,
   options: r,
-  getSelectedValueDisplayText: o = S,
+  getSelectedValueDisplayText: i = P,
   placeholder: u,
   value: f,
   isMultiSelect: y,
   onChange: w
 }) => {
   const [p, N] = b(), h = typeof f == "undefined" ? p : f, c = typeof f == "undefined" ? N : () => {
-  }, [F, A] = b(!1), { refs: g, floatingStyles: B, context: j } = Z({
-    open: F,
+  }, [A, F] = b(!1), { refs: g, floatingStyles: B, context: j } = Z({
+    open: A,
     onOpenChange: (v) => {
-      A(v), i && i(v);
+      F(v), o && o(v);
     },
     middleware: [
       _(8),
@@ -44,19 +44,19 @@ const M = ({
       }),
       ss({ padding: 4 }),
       es({
-        apply({ availableWidth: v, availableHeight: H, elements: z }) {
-          n && (z.floating.style.maxHeight = `${H - 4}px`), t && (z.floating.style.maxWidth = `${v - 4}px`);
+        apply({ availableWidth: v, availableHeight: q, elements: z }) {
+          n && (z.floating.style.maxHeight = `${q - 4}px`), t && (z.floating.style.maxWidth = `${v - 4}px`);
         }
       })
     ],
-    whileElementsMounted: is,
+    whileElementsMounted: os,
     placement: s
-  }), E = ds(j), W = as(j), $ = ls(j), G = ts(j), { getReferenceProps: T, getFloatingProps: q } = rs([E, W, $, G]);
+  }), E = ds(j), W = as(j), $ = ls(j), G = ts(j), { getReferenceProps: T, getFloatingProps: H } = rs([E, W, $, G]);
   return e || (e = /* @__PURE__ */ d.jsx(
-    V,
+    U,
     {
       selectedOption: D(h, r),
-      getSelectedValueDisplayText: o,
+      getSelectedValueDisplayText: i,
       placeholder: u
     }
   )), l ? /* @__PURE__ */ d.jsx("div", { className: a, children: e }) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
@@ -69,25 +69,25 @@ const M = ({
         children: e
       })
     ),
-    F && /* @__PURE__ */ d.jsx(ns, { children: /* @__PURE__ */ d.jsx(
+    A && /* @__PURE__ */ d.jsx(ns, { children: /* @__PURE__ */ d.jsx(
       "div",
       k(x({
         ref: g.setFloating,
         style: B
-      }, q()), {
+      }, H()), {
         className: m(
           "ds-z-[29999] ds-flex ds-min-w-[200px] ds-flex-col ds-gap-1 ds-rounded ds-bg-white ds-p-2 ds-shadow-md",
           n && "ds-overflow-y-auto",
           t && "ds-overflow-x-auto"
         ),
         children: /* @__PURE__ */ d.jsx(
-          P,
+          V,
           {
             isMultiSelect: y,
             options: r,
             value: h,
             setValue: c,
-            setIsOpen: A,
+            setIsOpen: F,
             onChange: w
           }
         )
@@ -101,21 +101,21 @@ const R = ({
   triggerContainerClassName: e,
   disabled: a,
   onOpenChange: l,
-  getSelectedValueDisplayText: i = S,
+  getSelectedValueDisplayText: o = P,
   placeholder: n,
   value: t,
   options: r,
-  isMultiSelect: o,
+  isMultiSelect: i,
   onChange: u,
   closeButtonLabel: f = "Close"
 }) => {
   const [y, w] = b(), p = typeof t == "undefined" ? y : t, N = typeof t == "undefined" ? w : () => {
   }, [h, c] = b(!1);
   return s || (s = /* @__PURE__ */ d.jsx(
-    V,
+    U,
     {
       selectedOption: D(p, r),
-      getSelectedValueDisplayText: i,
+      getSelectedValueDisplayText: o,
       placeholder: n
     }
   )), a ? /* @__PURE__ */ d.jsx("div", { className: e, children: s }) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
@@ -130,7 +130,7 @@ const R = ({
       }
     ),
     /* @__PURE__ */ d.jsx(
-      os,
+      is,
       {
         animation: "slideUp",
         show: h,
@@ -140,16 +140,16 @@ const R = ({
         contentClassName: m("ds-absolute ds-mb-0 ds-w-full"),
         className: "ds-z-[29999]",
         children: /* @__PURE__ */ d.jsx(
-          U,
+          S,
           {
             onClose: () => {
               c(!1), l && l(!1);
             },
             closeButtonLabel: f,
             children: /* @__PURE__ */ d.jsx(
-              P,
+              V,
               {
-                isMultiSelect: o,
+                isMultiSelect: i,
                 options: r,
                 value: p,
                 setValue: N,
@@ -164,7 +164,7 @@ const R = ({
   ] });
 };
 R.displayName = "MobileDropdown";
-const U = ({ onClose: s, closeButtonLabel: e, children: a }) => /* @__PURE__ */ d.jsxs("div", { className: "ds-mb-0 ds-flex ds-max-h-dvh ds-w-full ds-flex-col ds-bg-white", children: [
+const S = ({ onClose: s, closeButtonLabel: e, children: a }) => /* @__PURE__ */ d.jsxs("div", { className: "ds-mb-0 ds-flex ds-max-h-dvh ds-w-full ds-flex-col ds-bg-white", children: [
   /* @__PURE__ */ d.jsxs("div", { className: "ds-flex ds-shrink-0 ds-items-center ds-justify-between ds-px-8 ds-py-4", children: [
     /* @__PURE__ */ d.jsx(
       "div",
@@ -186,8 +186,8 @@ const U = ({ onClose: s, closeButtonLabel: e, children: a }) => /* @__PURE__ */
     }
   ) })
 ] });
-U.displayName = "MobilePopoverContentWrapper";
-const V = ({
+S.displayName = "MobilePopoverContentWrapper";
+const U = ({
   selectedOption: s,
   getSelectedValueDisplayText: e,
   placeholder: a
@@ -202,12 +202,12 @@ const V = ({
       children: l
     }
   );
-}, P = ({
+}, V = ({
   options: s,
   isMultiSelect: e,
   value: a,
   setValue: l,
-  setIsOpen: i,
+  setIsOpen: o,
   onChange: n
 }) => s && s.map((t) => /* @__PURE__ */ d.jsx(
   js,
@@ -215,10 +215,10 @@ const V = ({
     onClick: () => {
       let r;
       if (e) {
-        const o = a || [];
-        o.includes(t.value) ? r = o.filter((u) => u !== t.value) : r = [...o, t.value];
+        const i = a || [];
+        i.includes(t.value) ? r = i.filter((u) => u !== t.value) : r = [...i, t.value];
       } else
-        r = t.value, i(!1);
+        r = t.value, o(!1);
       l(r), n && n(D(r, s));
     },
     option: t,
@@ -236,7 +236,7 @@ const V = ({
   {
     onClick: e.disabled ? void 0 : s,
     className: m(
-      "ds-group ds-flex ds-min-h-[72px] ds-cursor-pointer ds-items-center ds-gap-4 ds-rounded ds-px-4 ds-py-2 ds-text-smallFootnoteEmphasized hover:ds-bg-[#F6F8FC] ds-tablet:ds-min-h-[auto] ds-tablet:ds-gap-2 ds-tablet:ds-px-2 ds-desktop:ds-text-mediumFootnoteEmphasized",
+      "ds-group ds-flex ds-min-h-[72px] ds-cursor-pointer ds-items-center ds-gap-4 ds-rounded ds-px-4 ds-py-2 ds-text-mediumSubHeadEmphasized hover:ds-bg-[#F6F8FC] ds-tablet:ds-min-h-[auto] ds-tablet:ds-gap-2 ds-tablet:ds-px-2 ds-desktop:ds-text-mediumFootnoteEmphasized",
       !l && "ds-transition-[padding] ds-duration-300 hover:ds-px-4"
     ),
     children: [
@@ -268,7 +268,7 @@ const V = ({
       )
     ]
   }
-), D = (s, e) => Array.isArray(s) ? e.filter((a) => s.includes(a.value)) : e.find((a) => a.value === s), S = (s) => Array.isArray(s) ? s.map((e) => e.label).join(", ") : s.label;
+), D = (s, e) => Array.isArray(s) ? e.filter((a) => s.includes(a.value)) : e.find((a) => a.value === s), P = (s) => Array.isArray(s) ? s.map((e) => e.label).join(", ") : s.label;
 export {
   cs as Button,
   ks as ButtonsGroupSelector,

package/dist/index.d.ts

@@ -1285,7 +1285,7 @@ export declare type SelectOption = {
     value: string;
 };
 
-export declare const SelectPopover: ForwardRefExoticComponent<SelectPopoverProps & RefAttributes<HTMLDivElement>>;
+export declare const SelectPopover: FC<SelectPopoverProps>;
 
 export declare interface SelectPopoverProps {
     showPopup?: boolean;
@@ -1551,9 +1551,9 @@ export declare const TrashIcon: FC<{
     className?: string;
 }>;
 
-export declare const TravelList: default_2.ForwardRefExoticComponent<TravelListProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const TravelList: FC<TravelListProps>;
 
-export declare const TravelListItem: default_2.ForwardRefExoticComponent<TravelListItemProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const TravelListItem: FC<TravelListItemProps>;
 
 export declare interface TravelListItemProps {
     title?: string;