@vkzstudio/muza-ui 1.5.1 → 1.6.0

package/dist/components/Rating/Rating.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import * as a from "react";
 import { useMuzaTranslationContext as _ } from "../../translations/TranslationContext.js";
-import { HalfStar as z } from "../Icons/CustomIcons.js";
-import { resolvePluralTemplate as C } from "../../translations/resolvePluralTemplate.js";
+import { resolvePluralTemplate as z } from "../../translations/resolvePluralTemplate.js";
 import { cn as y } from "../../utils/cn.js";
-import { StarBold as F } from "@solar-icons/react-perf";
+import { StarBold as C } from "@solar-icons/react-perf";
+import { HalfStar as F } from "../Icons/CustomIcons.js";
 const T = (l, m, p) => Array.from({ length: m }, (s, n) => {
   const c = n + 1;
   return p ? l >= c - 0.25 ? "full" : l >= c - 0.75 ? "half" : "empty" : l >= c - 0.5 ? "full" : "empty";
@@ -50,7 +50,7 @@ const T = (l, m, p) => Array.from({ length: m }, (s, n) => {
         ),
         ...R,
         children: H.map((e, t) => {
-          const o = t + 1, v = /* @__PURE__ */ f(e === "half" ? z : F, { className: y(e === "empty" ? "text-comp-rating-star-empty" : "text-comp-rating-star-default", "transition-colors") });
+          const o = t + 1, v = /* @__PURE__ */ f(e === "half" ? F : C, { className: y(e === "empty" ? "text-comp-rating-star-empty" : "text-comp-rating-star-default", "transition-colors") });
           return i ? /* @__PURE__ */ f(
             "button",
             {
@@ -60,7 +60,7 @@ const T = (l, m, p) => Array.from({ length: m }, (s, n) => {
               type: "button",
               role: "radio",
               "aria-checked": Math.ceil(r) === o,
-              "aria-label": (I ?? C(
+              "aria-label": (I ?? z(
                 o,
                 D,
                 M.rating.starLabel

package/dist/components/Rating/index.js

@@ -0,0 +1,4 @@
+import { Rating as t } from "./Rating.js";
+export {
+  t as Rating
+};

package/dist/components/RatingBlock/RatingBlock.js

@@ -2,11 +2,11 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as n from "react";
 import { useMuzaTranslationContext as b } from "../../translations/TranslationContext.js";
 import { resolvePluralTemplate as M } from "../../translations/resolvePluralTemplate.js";
-import { Card as B } from "../Card/Card.js";
 import { cn as p } from "../../utils/cn.js";
-import { Typography as u } from "../Typography/Typography.js";
+import { Card as B } from "../Card/Card.js";
 import { Flex as C } from "../Flex/Flex.js";
 import { Rating as z } from "../Rating/Rating.js";
+import { Typography as u } from "../Typography/Typography.js";
 const T = n.forwardRef(
   ({
     value: i,

package/dist/components/RatingBlock/index.js

@@ -0,0 +1,4 @@
+import { RatingBlock as t } from "./RatingBlock.js";
+export {
+  t as RatingBlock
+};

package/dist/components/Reorderable/index.js

@@ -0,0 +1,9 @@
+import { ReorderableGroup as o, ReorderableHandle as a, ReorderableItem as d, ReorderableStaticItem as l, useReorderableGroup as b, useReorderableItem as t } from "./Reorderable.js";
+export {
+  o as ReorderableGroup,
+  a as ReorderableHandle,
+  d as ReorderableItem,
+  l as ReorderableStaticItem,
+  b as useReorderableGroup,
+  t as useReorderableItem
+};

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -1,9 +1,10 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
 import { motion as l } from "motion/react";
-import { ReorderableGroup as k, ReorderableItem as w, ReorderableHandle as z } from "../Reorderable/Reorderable.js";
-import { Reorder as G } from "../Icons/CustomIcons.js";
 import { cn as d } from "../../utils/cn.js";
+import "@solar-icons/react-perf";
+import { Reorder as k } from "../Icons/CustomIcons.js";
+import { ReorderableGroup as w, ReorderableItem as z, ReorderableHandle as G } from "../Reorderable/Reorderable.js";
 import { typographyVariants as W, Typography as K } from "../Typography/Typography.js";
 const f = 72, N = 20, R = 24, U = 4, F = ({
   data: g,
@@ -64,7 +65,7 @@ const f = 72, N = 20, R = 24, U = 4, F = ({
         )
       ] }) }),
       /* @__PURE__ */ e(
-        k,
+        w,
         {
           values: g,
           onReorder: x,
@@ -80,7 +81,7 @@ const f = 72, N = 20, R = 24, U = 4, F = ({
           children: (o) => o.map((a, p) => {
             const D = (m == null ? void 0 : m(a, p)) ?? !1, t = u || D, b = !!n && !t;
             return /* @__PURE__ */ h(
-              w,
+              z,
               {
                 value: a,
                 as: "tr",
@@ -169,14 +170,14 @@ const f = 72, N = 20, R = 24, U = 4, F = ({
                           transition: { duration: 0.3, ease: "easeInOut" },
                           className: "flex h-full items-center justify-center overflow-hidden border-l border-stroke-base-secondary",
                           children: /* @__PURE__ */ e(
-                            z,
+                            G,
                             {
                               disabled: !i || t,
                               className: d(
                                 "flex h-comp-button-h-sm w-comp-button-w-sm items-center justify-center focus-visible-default",
                                 t ? "text-text-dark-disabled" : "text-text-brand-def"
                               ),
-                              children: /* @__PURE__ */ e(G, { className: "size-icon-default" })
+                              children: /* @__PURE__ */ e(k, { className: "size-icon-default" })
                             }
                           )
                         }

package/dist/components/ReorderableTable/index.js

@@ -0,0 +1,4 @@
+import { ReorderableTable as o } from "./ReorderableTable.js";
+export {
+  o as ReorderableTable
+};

package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js

@@ -2,8 +2,8 @@ import { jsx as r, jsxs as T } from "react/jsx-runtime";
 import "react";
 import { useBreakpoints as E } from "../../hooks/use-is-breakpoint.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as H, Typography as S } from "../Typography/Typography.js";
-import { Skeleton as V } from "../Skeleton/Skeleton.js";
+import { Skeleton as H } from "../Skeleton/Skeleton.js";
+import { typographyVariants as S, Typography as V } from "../Typography/Typography.js";
 const J = ({
   data: y,
   layouts: n,
@@ -50,7 +50,7 @@ const J = ({
               "th",
               {
                 className: l(
-                  H({
+                  S({
                     size: "sm",
                     uppercase: !0,
                     variant: "body",
@@ -100,8 +100,8 @@ const J = ({
                         i && "relative",
                         t.className
                       ),
-                      children: a ? t.skeleton ?? /* @__PURE__ */ r(V, { color: "light", className: "h-4 w-full" }) : t.render ? t.render(e, s, o) : /* @__PURE__ */ r(
-                        S,
+                      children: a ? t.skeleton ?? /* @__PURE__ */ r(H, { color: "light", className: "h-4 w-full" }) : t.render ? t.render(e, s, o) : /* @__PURE__ */ r(
+                        V,
                         {
                           variant: "body",
                           size: "base",

package/dist/components/ResponsiveLayoutTable/index.js

@@ -0,0 +1,4 @@
+import { ResponsiveLayoutTable as a } from "./ResponsiveLayoutTable.js";
+export {
+  a as ResponsiveLayoutTable
+};

package/dist/components/SearchFilters/SearchFilters.js

@@ -1,11 +1,11 @@
 import { jsxs as s, jsx as e, Fragment as N } from "react/jsx-runtime";
 import * as n from "react";
+import { cn as l } from "../../utils/cn.js";
 import { Button as w } from "../Button/Button.js";
-import { Searchbar as k } from "../Searchbar/Searchbar.js";
-import { Carousel as y, CarouselContent as v, CarouselItem as S, CarouselPrevious as C, CarouselNext as F } from "../Carousel/Carousel.js";
+import { Carousel as k, CarouselContent as y, CarouselItem as v, CarouselPrevious as S, CarouselNext as C } from "../Carousel/Carousel.js";
 import { Flex as m } from "../Flex/Flex.js";
-import { cn as l } from "../../utils/cn.js";
-import { ArrowLeftOutline as A } from "@solar-icons/react-perf";
+import { ArrowLeftOutline as F } from "@solar-icons/react-perf";
+import { Searchbar as A } from "../Searchbar/Searchbar.js";
 import { Skeleton as f } from "../Skeleton/Skeleton.js";
 const R = n.forwardRef(
   ({
@@ -55,13 +55,13 @@ const R = n.forwardRef(
                       {
                         variant: "tertiary",
                         size: "icon",
-                        icon: /* @__PURE__ */ e(A, {}),
+                        icon: /* @__PURE__ */ e(F, {}),
                         ...a
                       }
                     )
                   }
                 ),
-                r && /* @__PURE__ */ e("div", { className: "flex-1 md:w-[280px] md:flex-none", children: /* @__PURE__ */ e(k, { ...r }) })
+                r && /* @__PURE__ */ e("div", { className: "flex-1 md:w-[280px] md:flex-none", children: /* @__PURE__ */ e(A, { ...r }) })
               ]
             }
           ),
@@ -89,9 +89,9 @@ const R = n.forwardRef(
                 // bleed to the viewport's right edge (left stays inset by the bar).
                 "md:-mr-2xl md:flex-1 md:border-b-0 md:p-0"
               ),
-              children: /* @__PURE__ */ s(y, { align: "start", options: d, className: "w-full", children: [
-                /* @__PURE__ */ e(v, { className: "!ml-0 items-center gap-xs", children: p.map((g, o) => /* @__PURE__ */ e(
-                  S,
+              children: /* @__PURE__ */ s(k, { align: "start", options: d, className: "w-full", children: [
+                /* @__PURE__ */ e(y, { className: "!ml-0 items-center gap-xs", children: p.map((g, o) => /* @__PURE__ */ e(
+                  v,
                   {
                     className: l(
                       "!basis-auto !pl-0",
@@ -108,14 +108,14 @@ const R = n.forwardRef(
                 )) }),
                 u && /* @__PURE__ */ s(N, { children: [
                   /* @__PURE__ */ e(
-                    C,
+                    S,
                     {
                       hideWhenDisabled: !0,
                       className: "hidden md:left-0 md:flex"
                     }
                   ),
                   /* @__PURE__ */ e(
-                    F,
+                    C,
                     {
                       hideWhenDisabled: !0,
                       className: "hidden md:right-2xl md:flex"

package/dist/components/SearchFilters/index.js

@@ -0,0 +1,5 @@
+import { SearchFilters as t, SearchFiltersSkeleton as l } from "./SearchFilters.js";
+export {
+  t as SearchFilters,
+  l as SearchFiltersSkeleton
+};

package/dist/components/Searchbar/index.js

@@ -0,0 +1,4 @@
+import { Searchbar as e } from "./Searchbar.js";
+export {
+  e as Searchbar
+};

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,5 @@
+import { SegmentedControl as t, SegmentedControlItem as m } from "./SegmentedControl.js";
+export {
+  t as SegmentedControl,
+  m as SegmentedControlItem
+};

package/dist/components/SegmentedIconControl/index.js

@@ -0,0 +1,5 @@
+import { SegmentedIconControl as n, SegmentedIconControlItem as t } from "./SegmentedIconControl.js";
+export {
+  n as SegmentedIconControl,
+  t as SegmentedIconControlItem
+};

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA+OlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAcd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFAoNlB,CAAA"}

package/dist/components/Select/Select.js

@@ -1,36 +1,34 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import f, { forwardRef as G, useId as L, useMemo as U, useRef as S, useEffect as T } from "react";
-import { triggerWrapperVariants as H } from "./utils.js";
-import { useMuzaTranslations as J } from "../../translations/TranslationContext.js";
-import { FormField as K } from "../FormField/FormField.js";
-import { Typography as o } from "../Typography/Typography.js";
-import { Flex as Q } from "../Flex/Flex.js";
-import { DropdownMenu as X, DropdownMenuTrigger as Y, DropdownMenuContent as Z, DropdownMenuRadioGroup as ee, DropdownMenuRadioItem as te } from "../DropdownMenu/DropdownMenu.js";
-import { cn as D } from "../../utils/cn.js";
-import { AltArrowUpOutline as re } from "@solar-icons/react-perf";
-const ne = G(
-  (I, h) => {
-    const g = J(), {
-      label: x,
-      hint: b,
-      error: w,
-      options: a,
-      onChange: d,
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import u, { forwardRef as B, useId as G, useMemo as L, useRef as z, useEffect as S } from "react";
+import { useMuzaTranslations as H } from "../../translations/TranslationContext.js";
+import { DropdownMenu as J, DropdownMenuTrigger as K, DropdownMenuContent as Q, DropdownMenuRadioGroup as U, DropdownMenuRadioItem as X } from "../DropdownMenu/DropdownMenu.js";
+import { Flex as Y } from "../Flex/Flex.js";
+import { FormField as Z } from "../FormField/FormField.js";
+import { Typography as l } from "../Typography/Typography.js";
+import { SelectTrigger as ee } from "./SelectTrigger.js";
+const te = B(
+  (T, p) => {
+    const m = H(), {
+      label: f,
+      hint: h,
+      error: g,
+      options: s,
+      onChange: c,
       value: n,
-      disabled: s,
-      prefix: y,
-      size: O,
-      placeholder: W,
-      emptyMessage: A,
-      shouldScrollToSelectedOption: v,
-      collisionPadding: C,
-      required: N,
-      disableRequiredAsterisk: F,
-      labelExtra: V,
-      infoTooltip: q
-    } = I, R = W ?? g.select.placeholder, E = A ?? g.select.noOptions, M = L(), P = x ? `${M}-label` : void 0, $ = b ? `${M}-hint` : void 0, r = n ? a.find((e) => e.value === n) : void 0, j = U(() => r ? r.description ? /* @__PURE__ */ u(Q, { flex: 1, direction: "column", className: "min-w-0 text-left", children: [
+      disabled: x,
+      prefix: D,
+      size: I,
+      placeholder: C,
+      emptyMessage: F,
+      shouldScrollToSelectedOption: b,
+      collisionPadding: O,
+      required: y,
+      disableRequiredAsterisk: W,
+      labelExtra: q,
+      infoTooltip: E
+    } = T, v = C ?? m.select.placeholder, P = F ?? m.select.noOptions, w = G(), V = f ? `${w}-label` : void 0, $ = h ? `${w}-hint` : void 0, r = n ? s.find((e) => e.value === n) : void 0, j = L(() => r ? r.description ? /* @__PURE__ */ N(Y, { flex: 1, direction: "column", className: "min-w-0 text-left", children: [
       /* @__PURE__ */ t(
-        o,
+        l,
         {
           size: "sm",
           variant: "title",
@@ -41,7 +39,7 @@ const ne = G(
         }
       ),
       /* @__PURE__ */ t(
-        o,
+        l,
         {
           size: "sm",
           variant: "body",
@@ -52,7 +50,7 @@ const ne = G(
         }
       )
     ] }) : typeof r.label != "function" ? /* @__PURE__ */ t(
-      o,
+      l,
       {
         size: "input",
         className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
@@ -61,123 +59,99 @@ const ne = G(
         children: r.label
       }
     ) : r.label : /* @__PURE__ */ t(
-      o,
+      l,
       {
         size: "input",
         className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
         weight: "regular",
         component: "span",
-        children: R
+        children: v
       }
-    ), [r, R]), [l, k] = f.useState(!1), [z, _] = f.useState(0), p = f.useRef(!1), B = S(null), m = S({}), i = (typeof h == "function" ? null : h) ?? B;
-    return T(() => {
+    ), [r, v]), [R, k] = u.useState(!1), [M, A] = u.useState(0), a = u.useRef(!1), _ = z(null), d = z({}), i = (typeof p == "function" ? null : p) ?? _;
+    return S(() => {
       const e = () => {
-        i.current && _(i.current.offsetWidth);
+        i.current && A(i.current.offsetWidth);
       };
       e();
-      const c = new ResizeObserver(e);
-      return i.current && c.observe(i.current), () => {
-        c.disconnect();
+      const o = new ResizeObserver(e);
+      return i.current && o.observe(i.current), () => {
+        o.disconnect();
       };
-    }, [i]), T(() => {
+    }, [i]), S(() => {
       var e;
-      l && n && m.current[n] && v && ((e = m.current[n]) == null || e.scrollIntoView({ block: "nearest" }));
-    }, [l, v, n]), /* @__PURE__ */ t(
-      K,
+      R && n && d.current[n] && b && ((e = d.current[n]) == null || e.scrollIntoView({ block: "nearest" }));
+    }, [R, b, n]), /* @__PURE__ */ t(
+      Z,
       {
-        label: x,
-        hint: b,
-        error: w,
-        required: N,
-        disableRequiredAsterisk: F,
-        labelId: P,
+        label: f,
+        hint: h,
+        error: g,
+        required: y,
+        disableRequiredAsterisk: W,
+        labelId: V,
         hintId: $,
-        labelExtra: V,
-        infoTooltip: q,
+        labelExtra: q,
+        infoTooltip: E,
         className: "flex-1",
-        children: /* @__PURE__ */ u(
-          X,
+        children: /* @__PURE__ */ N(
+          J,
           {
             onOpenChange: (e) => {
               k(e);
             },
             children: [
-              /* @__PURE__ */ t(Y, { disabled: s, asChild: !0, children: /* @__PURE__ */ t(
-                "button",
+              /* @__PURE__ */ t(K, { disabled: x, asChild: !0, children: /* @__PURE__ */ t(
+                ee,
                 {
                   ref: i,
-                  type: "button",
                   role: "input",
                   tabIndex: 0,
-                  disabled: s,
-                  "aria-required": N,
-                  className: D(
-                    H({
-                      size: O,
-                      error: w,
-                      expanded: l,
-                      hasDescription: !!(r != null && r.description)
-                    })
-                  ),
-                  children: /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
-                    y && /* @__PURE__ */ t(
-                      "span",
-                      {
-                        className: s ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
-                        children: y
-                      }
-                    ),
-                    j,
-                    /* @__PURE__ */ t(
-                      re,
-                      {
-                        className: D(
-                          "transition-transform duration-200",
-                          l ? "rotate-0" : "rotate-180",
-                          s ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def"
-                        )
-                      }
-                    )
-                  ] })
+                  disabled: x,
+                  "aria-required": y,
+                  size: I,
+                  error: g,
+                  prefix: D,
+                  hasDescription: !!(r != null && r.description),
+                  children: j
                 }
               ) }),
               /* @__PURE__ */ t(
-                Z,
+                Q,
                 {
                   className: "mt-1",
                   style: {
-                    width: z > 0 ? `${z}px` : void 0
+                    width: M > 0 ? `${M}px` : void 0
                   },
                   align: "center",
                   onCloseAutoFocus: (e) => {
-                    p.current || e.preventDefault(), p.current = !1;
+                    a.current || e.preventDefault(), a.current = !1;
                   },
-                  collisionPadding: C,
-                  children: a.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
-                    o,
+                  collisionPadding: O,
+                  children: s.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
+                    l,
                     {
                       component: "span",
                       size: "input",
                       weight: "regular",
                       className: "text-comp-select-text-secondary",
-                      children: E
+                      children: P
                     }
                   ) }) : /* @__PURE__ */ t(
-                    ee,
+                    U,
                     {
                       value: n,
                       onValueChange: (e) => {
-                        p.current = !0, d == null || d(e);
+                        a.current = !0, c == null || c(e);
                       },
-                      children: a.map((e) => /* @__PURE__ */ t(
-                        te,
+                      children: s.map((e) => /* @__PURE__ */ t(
+                        X,
                         {
                           value: e.value.toString(),
                           disabled: e.disabled,
                           icon: e.icon,
                           description: e.description,
-                          ref: (c) => {
-                            m.current[e.value] = c;
+                          ref: (o) => {
+                            d.current[e.value] = o;
                           },
                           children: e.label
                         },
@@ -194,7 +168,7 @@ const ne = G(
     );
   }
 );
-ne.displayName = "Select";
+te.displayName = "Select";
 export {
-  ne as Select
+  te as Select
 };

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoI7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsI7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

package/dist/components/Select/SelectTrigger.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * Props for the SelectTrigger component.
+ *
+ * Extends the native `<button>` attributes — every unrecognised prop is spread onto
+ * the root element, so overlay primitives such as `DropdownMenuTrigger asChild` can
+ * inject their handlers, `aria-*` attributes and `data-state`.
+ */
+export interface ISelectTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
+    /**
+     * Label content. A `string` or `number` is rendered in the standard truncated
+     * trigger label style; pass your own node to control the layout (as `Select`
+     * does for its two-line options).
+     */
+    children?: React.ReactNode;
+    /** Controls height and horizontal padding. Matches the `Select` size scale. @default 'base' */
+    size?: 'xs' | 'sm' | 'base' | 'lg';
+    /** Applies the error border color. @default false */
+    error?: boolean;
+    /** Icon or element rendered before the label. */
+    prefix?: React.ReactNode;
+    /** Adds vertical padding for two-line label content. @default false */
+    hasDescription?: boolean;
+}
+/**
+ * The presentational trigger used by {@link Select} — a pill-shaped button with an
+ * optional prefix, a truncated label and a chevron that flips when the surrounding
+ * overlay opens.
+ *
+ * It is fully stateless: the expanded styling is derived from the `data-state="open"`
+ * attribute that Radix sets on a trigger, so the same component works inside
+ * `Select`, `DropdownMenu`, `Popover` or any other overlay without an extra prop.
+ * Use it directly when a menu needs to *look* like a select but is not a combobox —
+ * an account menu, a filter menu, a navigation dropdown.
+ *
+ * @example Standalone
+ * ```tsx
+ * <SelectTrigger size="sm">Jan Novák</SelectTrigger>
+ * ```
+ *
+ * @example As a DropdownMenu trigger
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <SelectTrigger size="sm" className="max-w-comp-market-nav-select-max-w">
+ *       {userName}
+ *     </SelectTrigger>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent align="end">…</DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+export declare const SelectTrigger: React.ForwardRefExoticComponent<ISelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectTrigger.d.ts.map

package/dist/components/Select/SelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;;;GAMG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IACrE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa,+FAuDzB,CAAA"}

package/dist/components/Select/SelectTrigger.js

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as g from "react";
+import { cn as o } from "../../utils/cn.js";
+import { AltArrowUpOutline as d } from "@solar-icons/react-perf";
+import { Typography as f } from "../Typography/Typography.js";
+import { triggerWrapperVariants as x } from "./utils.js";
+const u = g.forwardRef(
+  ({
+    children: e,
+    className: s,
+    size: a,
+    error: i,
+    prefix: r,
+    hasDescription: m,
+    type: c = "button",
+    ...p
+  }, n) => /* @__PURE__ */ t(
+    "button",
+    {
+      ref: n,
+      type: c,
+      className: o(
+        x({ size: a, error: i, hasDescription: m }),
+        "group/select-trigger",
+        s
+      ),
+      ...p,
+      children: /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
+        r && /* @__PURE__ */ t("span", { className: "text-comp-select-icon-brand-def group-disabled/select-trigger:text-comp-select-icon-disabled", children: r }),
+        typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ t(
+          f,
+          {
+            size: "input",
+            className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
+            weight: "medium",
+            component: "span",
+            children: e
+          }
+        ) : e,
+        /* @__PURE__ */ t(
+          d,
+          {
+            className: o(
+              "shrink-0 rotate-180 transition-transform duration-200",
+              "group-data-[state=open]/select-trigger:rotate-0",
+              "text-comp-select-icon-brand-def group-disabled/select-trigger:text-comp-select-icon-disabled"
+            )
+          }
+        )
+      ] })
+    }
+  )
+);
+u.displayName = "SelectTrigger";
+export {
+  u as SelectTrigger
+};