@vkzstudio/muza-ui 1.5.1 → 1.5.2

package/dist/components/PartnerCard/PartnerCard.js

@@ -3,18 +3,18 @@ import * as w from "react";
 import { Slot as pe } from "@radix-ui/react-slot";
 import { cva as Z } from "class-variance-authority";
 import { useMuzaTranslationContext as he } from "../../translations/TranslationContext.js";
-import { Button as ue } from "../Button/Button.js";
-import { CategoryIcon as ge } from "../CategoryIcon/CategoryIcon.js";
 import { cn as n } from "../../utils/cn.js";
-import { Typography as f } from "../Typography/Typography.js";
 import { disabledLinkProps as X } from "../../utils/disabledLinkProps.js";
+import { Button as ue } from "../Button/Button.js";
+import { CategoryIcon as ge } from "../CategoryIcon/CategoryIcon.js";
+import { DotDivider as fe } from "../DotDivider/DotDivider.js";
 import { Flex as m } from "../Flex/Flex.js";
-import { MapBold as fe } from "@solar-icons/react-perf";
 import { HeartButton as ve } from "../HeartButton/HeartButton.js";
-import { Rating as be } from "../Rating/Rating.js";
-import { Tag as T } from "../Tag/Tag.js";
-import { DotDivider as we } from "../DotDivider/DotDivider.js";
+import { MapBold as be } from "@solar-icons/react-perf";
+import { Rating as we } from "../Rating/Rating.js";
 import { Skeleton as d } from "../Skeleton/Skeleton.js";
+import { Tag as T } from "../Tag/Tag.js";
+import { Typography as f } from "../Typography/Typography.js";
 const xe = Z(
   "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
   {
@@ -39,7 +39,7 @@ const xe = Z(
   },
   defaultVariants: { variant: "search" }
 }), D = ({ rating: t, ratingCount: a, disabled: i }) => /* @__PURE__ */ r(m, { align: "center", gap: "xs", children: [
-  /* @__PURE__ */ e(be, { value: t, allowHalf: !0, disabled: i }),
+  /* @__PURE__ */ e(we, { value: t, allowHalf: !0, disabled: i }),
   a != null && /* @__PURE__ */ r(
     f,
     {
@@ -391,7 +391,7 @@ const re = w.forwardRef(
                 className: "hidden min-w-0 md:flex",
                 children: [
                   U,
-                  o && c && /* @__PURE__ */ e(we, {}),
+                  o && c && /* @__PURE__ */ e(fe, {}),
                   Q
                 ]
               }
@@ -489,7 +489,7 @@ const re = w.forwardRef(
                   variant: "secondary",
                   ghost: !0,
                   size: "xs",
-                  icon: /* @__PURE__ */ e(fe, {}),
+                  icon: /* @__PURE__ */ e(be, {}),
                   onClick: A,
                   disabled: s,
                   className: "relative z-10",

package/dist/components/PartnerCard/index.js

@@ -0,0 +1,6 @@
+import { PartnerCard as t, partnerCardTitleVariants as e, partnerCardVariants as n } from "./PartnerCard.js";
+export {
+  t as PartnerCard,
+  e as partnerCardTitleVariants,
+  n as partnerCardVariants
+};

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as u, useState as p } from "react";
 import { useMuzaTranslationContext as c } from "../../translations/TranslationContext.js";
-import { EyeClosed as f } from "../Icons/CustomIcons.js";
-import { Input as w } from "../Input/Input.js";
-import { cn as b } from "../../utils/cn.js";
-import { EyeBold as h } from "@solar-icons/react-perf";
+import { cn as f } from "../../utils/cn.js";
+import { EyeBold as w } from "@solar-icons/react-perf";
+import { EyeClosed as b } from "../Icons/CustomIcons.js";
+import { Input as h } from "../Input/Input.js";
 const P = u(
   ({
     initialShowPassword: t,
@@ -16,7 +16,7 @@ const P = u(
       t || !1
     ), m = e ? n ?? r.passwordInput.hidePasswordAriaLabel : i ?? r.passwordInput.showPasswordAriaLabel;
     return /* @__PURE__ */ o(
-      w,
+      h,
       {
         ...s,
         ref: d,
@@ -24,7 +24,7 @@ const P = u(
         suffix: /* @__PURE__ */ o(
           "button",
           {
-            className: b("cursor-pointer focus-visible-default", {
+            className: f("cursor-pointer focus-visible-default", {
               "pointer-events-none cursor-not-allowed": s.disabled
             }),
             onMouseDown: (a) => a.preventDefault(),
@@ -32,7 +32,7 @@ const P = u(
             disabled: s.disabled,
             type: "button",
             "aria-label": m,
-            children: e ? /* @__PURE__ */ o(h, { "aria-hidden": "true", className: "size-icon-medium" }) : /* @__PURE__ */ o(f, { "aria-hidden": "true", className: "size-icon-medium" })
+            children: e ? /* @__PURE__ */ o(w, { "aria-hidden": "true", className: "size-icon-medium" }) : /* @__PURE__ */ o(b, { "aria-hidden": "true", className: "size-icon-medium" })
           }
         )
       }

package/dist/components/PasswordInput/index.js

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

package/dist/components/PhoneInput/CountrySelector.js

@@ -1,10 +1,10 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { useState as u, useMemo as a } from "react";
 import { parseCountry as v, FlagImage as l } from "react-international-phone";
-import { DropdownSearchMenu as M, DropdownSearchMenuTrigger as y, DropdownSearchMenuContent as z, DropdownSearchMenuItem as D } from "../DropdownSearchMenu/DropdownSearchMenu.js";
 import { cn as f } from "../../utils/cn.js";
-import { Typography as N } from "../Typography/Typography.js";
-import { AltArrowUpOutline as A } from "@solar-icons/react-perf";
+import { DropdownSearchMenu as M, DropdownSearchMenuTrigger as y, DropdownSearchMenuContent as z, DropdownSearchMenuItem as D } from "../DropdownSearchMenu/DropdownSearchMenu.js";
+import { AltArrowUpOutline as N } from "@solar-icons/react-perf";
+import { Typography as A } from "../Typography/Typography.js";
 const O = ({
   selectedCountry: c,
   onCountryChange: h,
@@ -53,7 +53,7 @@ const O = ({
             children: [
               /* @__PURE__ */ r(l, { iso2: n.iso2, size: "20px" }),
               /* @__PURE__ */ p(
-                N,
+                A,
                 {
                   size: "input",
                   weight: "medium",
@@ -67,7 +67,7 @@ const O = ({
                 }
               ),
               /* @__PURE__ */ r(
-                A,
+                N,
                 {
                   "aria-hidden": "true",
                   className: f(

package/dist/components/PhoneInput/PhoneInput.js

@@ -2,11 +2,11 @@ import { jsx as u, jsxs as W } from "react/jsx-runtime";
 import { forwardRef as Y, useId as B, useRef as G, useState as H, useEffect as J } from "react";
 import { cva as K } from "class-variance-authority";
 import { usePhoneInput as O, defaultCountries as Q } from "react-international-phone";
-import { CountrySelector as U } from "./CountrySelector.js";
-import { useMuzaTranslations as X } from "../../translations/TranslationContext.js";
-import { FormField as Z } from "../FormField/FormField.js";
+import { useMuzaTranslations as U } from "../../translations/TranslationContext.js";
 import { cn as v } from "../../utils/cn.js";
-import { typographyVariants as _ } from "../Typography/Typography.js";
+import { FormField as X } from "../FormField/FormField.js";
+import { typographyVariants as Z } from "../Typography/Typography.js";
+import { CountrySelector as _ } from "./CountrySelector.js";
 const q = K(
   [
     "group flex items-center",
@@ -33,7 +33,7 @@ const q = K(
     }
   }
 ), ee = (t) => v(
-  _({
+  Z({
     size: t === "xs" || t === "sm" ? "input" : "base",
     weight: "medium",
     fixY: !0
@@ -64,7 +64,7 @@ const q = K(
     noResultsText: F,
     ...b
   }, e) => {
-    const s = X(), S = B(), r = k ?? S, y = c ? `${r}-hint` : void 0, x = p ? `${r}-label` : void 0, n = G(null), I = m !== void 0, [j, A] = H(C ?? ""), L = I ? m : j, { inputValue: M, country: T, setCountry: $, handlePhoneValueChange: D } = O({
+    const s = U(), S = B(), r = k ?? S, y = c ? `${r}-hint` : void 0, x = p ? `${r}-label` : void 0, n = G(null), I = m !== void 0, [j, A] = H(C ?? ""), L = I ? m : j, { inputValue: M, country: T, setCountry: $, handlePhoneValueChange: D } = O({
       defaultCountry: V,
       value: L,
       countries: h,
@@ -86,7 +86,7 @@ const q = K(
     return J(() => {
       e && (typeof e == "function" ? e(n.current) : e.current = n.current);
     }, [e]), /* @__PURE__ */ u(
-      Z,
+      X,
       {
         label: p,
         hint: c,
@@ -100,7 +100,7 @@ const q = K(
         infoTooltip: R,
         children: /* @__PURE__ */ W("div", { className: v(q({ size: d, error: o }), t), children: [
           /* @__PURE__ */ u(
-            U,
+            _,
             {
               selectedCountry: T.iso2,
               onCountryChange: (a) => $(a),

package/dist/components/PhoneInput/index.js

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

package/dist/components/PinIndicator/index.js

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

package/dist/components/Popover/index.js

@@ -0,0 +1,7 @@
+import { Popover as e, PopoverAnchor as p, PopoverContent as v, PopoverTrigger as P } from "./Popover.js";
+export {
+  e as Popover,
+  p as PopoverAnchor,
+  v as PopoverContent,
+  P as PopoverTrigger
+};

package/dist/components/Progress/index.js

@@ -0,0 +1,5 @@
+import { Progress as o, progressVariants as e } from "./Progress.js";
+export {
+  o as Progress,
+  e as progressVariants
+};

package/dist/components/Radio/index.js

@@ -0,0 +1,5 @@
+import { RadioGroup as p, RadioGroupItem as a } from "./Radio.js";
+export {
+  p as RadioGroup,
+  a as RadioGroupItem
+};

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.js

@@ -1,16 +1,16 @@
 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 { useMuzaTranslations as H } from "../../translations/TranslationContext.js";
 import { cn as D } from "../../utils/cn.js";
-import { AltArrowUpOutline as re } from "@solar-icons/react-perf";
+import { DropdownMenu as J, DropdownMenuTrigger as K, DropdownMenuContent as Q, DropdownMenuRadioGroup as X, DropdownMenuRadioItem as Y } from "../DropdownMenu/DropdownMenu.js";
+import { Flex as Z } from "../Flex/Flex.js";
+import { FormField as ee } from "../FormField/FormField.js";
+import { AltArrowUpOutline as te } from "@solar-icons/react-perf";
+import { Typography as o } from "../Typography/Typography.js";
+import { triggerWrapperVariants as re } from "./utils.js";
 const ne = G(
   (I, h) => {
-    const g = J(), {
+    const g = H(), {
       label: x,
       hint: b,
       error: w,
@@ -28,7 +28,7 @@ const ne = G(
       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: [
+    } = 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(Z, { flex: 1, direction: "column", className: "min-w-0 text-left", children: [
       /* @__PURE__ */ t(
         o,
         {
@@ -83,7 +83,7 @@ const ne = G(
       var e;
       l && n && m.current[n] && v && ((e = m.current[n]) == null || e.scrollIntoView({ block: "nearest" }));
     }, [l, v, n]), /* @__PURE__ */ t(
-      K,
+      ee,
       {
         label: x,
         hint: b,
@@ -96,13 +96,13 @@ const ne = G(
         infoTooltip: q,
         className: "flex-1",
         children: /* @__PURE__ */ u(
-          X,
+          J,
           {
             onOpenChange: (e) => {
               k(e);
             },
             children: [
-              /* @__PURE__ */ t(Y, { disabled: s, asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(K, { disabled: s, asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   ref: i,
@@ -112,7 +112,7 @@ const ne = G(
                   disabled: s,
                   "aria-required": N,
                   className: D(
-                    H({
+                    re({
                       size: O,
                       error: w,
                       expanded: l,
@@ -129,7 +129,7 @@ const ne = G(
                     ),
                     j,
                     /* @__PURE__ */ t(
-                      re,
+                      te,
                       {
                         className: D(
                           "transition-transform duration-200",
@@ -142,7 +142,7 @@ const ne = G(
                 }
               ) }),
               /* @__PURE__ */ t(
-                Z,
+                Q,
                 {
                   className: "mt-1",
                   style: {
@@ -163,14 +163,14 @@ const ne = G(
                       children: E
                     }
                   ) }) : /* @__PURE__ */ t(
-                    ee,
+                    X,
                     {
                       value: n,
                       onValueChange: (e) => {
                         p.current = !0, d == null || d(e);
                       },
                       children: a.map((e) => /* @__PURE__ */ t(
-                        te,
+                        Y,
                         {
                           value: e.value.toString(),
                           disabled: e.disabled,

package/dist/components/Select/index.js

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