@use-stall/ui 0.0.4 → 0.0.6

package/dist/index.mjs

@@ -1253,14 +1253,14 @@ function Combobox2({ modal = false, ...props }) {
 }
 
 // src/components/confirm-dialog.tsx
-import React14 from "react";
+import React13 from "react";
 
 // src/components/fancy-button.tsx
-import * as React13 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-
-// src/lib/recursive-clone-children.tsx
 import * as React12 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { createTV } from "tailwind-variants";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var tv = createTV({});
 function recursiveCloneChildren(children, additionalProps, displayNames, uniqueId, asChild) {
   const mappedChildren = React12.Children.map(
     children,
@@ -1286,20 +1286,13 @@ function recursiveCloneChildren(children, additionalProps, displayNames, uniqueI
   );
   return asChild ? mappedChildren?.[0] : mappedChildren;
 }
-
-// src/lib/tv.ts
-import { createTV } from "tailwind-variants";
-var tv = createTV({});
-
-// src/components/fancy-button.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var BUTTON_ROOT_NAME = "ButtonRoot";
 var BUTTON_ICON_NAME = "ButtonIcon";
 var fancyButtonVariants = tv({
   slots: {
     root: [
       // base
-      "group relative inline-flex items-center justify-center whitespace-nowrap text-label-sm outline-none",
+      "group relative inline-flex items-center justify-center whitespace-nowrap text-label-sm text-sm outline-none",
       "transition duration-200 ease-out cursor-pointer",
       // focus
       "focus:outline-none",
@@ -1373,7 +1366,7 @@ var fancyButtonVariants = tv({
     size: "medium"
   }
 });
-var ButtonRoot = React13.forwardRef(
+var ButtonRoot = React12.forwardRef(
   ({
     asChild,
     children,
@@ -1383,7 +1376,7 @@ var ButtonRoot = React13.forwardRef(
     loading,
     ...rest
   }, forwardedRef) => {
-    const uniqueId = React13.useId();
+    const uniqueId = React12.useId();
     const Component = asChild ? Slot2 : "button";
     const { root } = fancyButtonVariants({ variant, size });
     const sharedProps = {
@@ -1442,7 +1435,7 @@ ButtonIcon.displayName = BUTTON_ICON_NAME;
 
 // src/components/confirm-dialog.tsx
 import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var ConfirmDialog = React14.memo(({ trigger, confirmAction }) => {
+var ConfirmDialog = React13.memo(({ trigger, confirmAction }) => {
   return /* @__PURE__ */ jsxs10(AlertDialog, { children: [
     /* @__PURE__ */ jsx15(AlertDialogTrigger, { className: "contents", children: trigger || /* @__PURE__ */ jsx15(ButtonRoot, { variant: "neutral", children: "Confirm" }) }),
     /* @__PURE__ */ jsxs10(AlertDialogPopup, { children: [
@@ -1522,7 +1515,7 @@ var CopyButton = ({
 };
 
 // src/components/country-picker.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 import { Check as Check3, ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
 
 // src/constants/countries.ts
@@ -1737,8 +1730,8 @@ function CountryPicker({
   value_key = "value",
   ...props
 }) {
-  const [open, setOpen] = React15.useState(false);
-  const active_option = React15.useMemo(
+  const [open, setOpen] = React14.useState(false);
+  const active_option = React14.useMemo(
     () => options?.find(
       (item) => item[value_key] === props.value
     )?.label,
@@ -1854,7 +1847,7 @@ function CountryPicker({
 }
 
 // src/components/drawer.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var Drawer = ({
@@ -1871,7 +1864,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DrawerOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -1880,7 +1873,7 @@ var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DrawerPortal, { children: [
+var DrawerContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DrawerPortal, { children: [
   /* @__PURE__ */ jsx18(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs13(
     DrawerPrimitive.Content,
@@ -1921,7 +1914,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DrawerTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DrawerPrimitive.Title,
   {
     ref,
@@ -1933,7 +1926,7 @@ var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var DrawerDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DrawerPrimitive.Description,
   {
     ref,
@@ -1944,7 +1937,7 @@ var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/dropdown-menu.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check4, ChevronRight as ChevronRight2, Circle } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -1954,7 +1947,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1971,7 +1964,7 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1983,7 +1976,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1996,7 +1989,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DropdownMenuItem = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2009,7 +2002,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2026,7 +2019,7 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2042,7 +2035,7 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2055,7 +2048,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2128,7 +2121,7 @@ var FieldControl = FieldPrimitive.Control;
 var FieldValidity = FieldPrimitive.Validity;
 
 // src/components/form.tsx
-import * as React19 from "react";
+import * as React18 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -2137,14 +2130,14 @@ import {
 } from "react-hook-form";
 
 // src/components/label.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva3 } from "class-variance-authority";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var labelVariants = cva3(
   "text-xs text-muted-foreground font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var Label2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   LabelPrimitive.Root,
   {
     ref,
@@ -2157,7 +2150,7 @@ Label2.displayName = LabelPrimitive.Root.displayName;
 // src/components/form.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React19.createContext(
+var FormFieldContext = React18.createContext(
   {}
 );
 var FormField = ({
@@ -2166,8 +2159,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx22(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx22(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React19.useContext(FormFieldContext);
-  const itemContext = React19.useContext(FormItemContext);
+  const fieldContext = React18.useContext(FormFieldContext);
+  const itemContext = React18.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -2183,15 +2176,15 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React19.createContext(
+var FormItemContext = React18.createContext(
   {}
 );
-var FormItem = React19.forwardRef(({ className, ...props }, ref) => {
-  const id = React19.useId();
+var FormItem = React18.forwardRef(({ className, ...props }, ref) => {
+  const id = React18.useId();
   return /* @__PURE__ */ jsx22(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx22("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React19.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React18.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx22(
     Label2,
@@ -2204,7 +2197,7 @@ var FormLabel = React19.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React19.forwardRef(({ ...props }, ref) => {
+var FormControl = React18.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx22(
     Slot3,
@@ -2218,7 +2211,7 @@ var FormControl = React19.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React19.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React18.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx22(
     "p",
@@ -2231,7 +2224,7 @@ var FormDescription = React19.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React19.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React18.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -2251,9 +2244,9 @@ var FormMessage = React19.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // src/components/image-card.tsx
-import React20 from "react";
+import React19 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
-var ImageCard = React20.memo(
+var ImageCard = React19.memo(
   ({ src = "", alt = "", onErrorImage, className }) => {
     return /* @__PURE__ */ jsx23(
       "img",
@@ -2277,11 +2270,11 @@ var ImageCard = React20.memo(
 );
 
 // src/components/input-otp.tsx
-import * as React21 from "react";
+import * as React20 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
-var InputOTP = React21.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx24(
+var InputOTP = React20.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx24(
   OTPInput,
   {
     ref,
@@ -2294,10 +2287,10 @@ var InputOTP = React21.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React21.useContext(OTPInputContext);
+var InputOTPSlot = React20.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React20.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs15(
     "div",
@@ -2317,14 +2310,14 @@ var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx24(Dot, {}) }));
+var InputOTPSeparator = React20.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx24(Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/modal-container.tsx
-import React22 from "react";
+import React21 from "react";
 import { motion } from "framer-motion";
 import { jsx as jsx25 } from "react/jsx-runtime";
-var ModalContainer = React22.memo((props) => {
+var ModalContainer = React21.memo((props) => {
   return /* @__PURE__ */ jsx25(
     motion.div,
     {
@@ -2338,7 +2331,7 @@ var ModalContainer = React22.memo((props) => {
 });
 
 // src/components/multi-select.tsx
-import * as React23 from "react";
+import * as React22 from "react";
 import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var MultiSelect = ({
   options: options2 = [],
@@ -2350,10 +2343,10 @@ var MultiSelect = ({
   maxCount,
   required
 }) => {
-  const selectedOptions = React23.useMemo(() => {
+  const selectedOptions = React22.useMemo(() => {
     return value.map((v) => options2.find((opt) => opt.value === v)).filter(Boolean);
   }, [value, options2]);
-  const handleValueChange = React23.useCallback(
+  const handleValueChange = React22.useCallback(
     (newValue) => {
       if (Array.isArray(newValue)) {
         onValueChange?.(newValue.map((opt) => opt.value));
@@ -2380,7 +2373,7 @@ var MultiSelect = ({
               "min-h-10! before:hidden shadow-none rounded-10!",
               className
             ),
-            children: /* @__PURE__ */ jsx26(ComboboxValue, { children: (value2) => /* @__PURE__ */ jsxs16(React23.Fragment, { children: [
+            children: /* @__PURE__ */ jsx26(ComboboxValue, { children: (value2) => /* @__PURE__ */ jsxs16(React22.Fragment, { children: [
               value2?.map((item) => /* @__PURE__ */ jsx26(
                 ComboboxChip,
                 {
@@ -2442,11 +2435,11 @@ MultiSelect.displayName = "MultiSelect";
 
 // src/components/password-input.tsx
 import { Check as Check5, Eye, EyeOff, X } from "lucide-react";
-import React24 from "react";
+import React23 from "react";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-var PasswordInput = React24.forwardRef(
+var PasswordInput = React23.forwardRef(
   ({ className, onSubmit, showStrength, ...props }, ref) => {
-    const [isVisible, setIsVisible] = React24.useState(false);
+    const [isVisible, setIsVisible] = React23.useState(false);
     const toggleVisibility = () => setIsVisible((prevState) => !prevState);
     const checkStrength = (pass) => {
       const requirements = [
@@ -2461,7 +2454,7 @@ var PasswordInput = React24.forwardRef(
       }));
     };
     const strength = checkStrength(props.value?.toString() || "");
-    const strengthScore = React24.useMemo(() => {
+    const strengthScore = React23.useMemo(() => {
       return strength.filter((req) => req.met).length;
     }, [strength]);
     const getStrengthColor = (score) => {
@@ -2510,7 +2503,7 @@ var PasswordInput = React24.forwardRef(
         /* @__PURE__ */ jsx27(
           "button",
           {
-            className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+            className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-10 text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
             type: "button",
             onClick: toggleVisibility,
             "aria-label": isVisible ? "Hide password" : "Show password",
@@ -2520,7 +2513,7 @@ var PasswordInput = React24.forwardRef(
           }
         )
       ] }),
-      showStrength && /* @__PURE__ */ jsxs17(React24.Fragment, { children: [
+      showStrength && /* @__PURE__ */ jsxs17(React23.Fragment, { children: [
         /* @__PURE__ */ jsx27(
           "div",
           {
@@ -2584,7 +2577,7 @@ var PasswordInput = React24.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var password_input_default = React24.memo(PasswordInput);
+var password_input_default = React23.memo(PasswordInput);
 
 // src/components/phone-number-input.tsx
 import { ChevronDown as ChevronDown2, Phone } from "lucide-react";
@@ -2609,7 +2602,7 @@ function PhoneNumberInput({
   return /* @__PURE__ */ jsx28("div", { className, children: /* @__PURE__ */ jsx28(
     RPNInput.default,
     {
-      className: cn("flex rounded-md shadow-xs", error && "border border-red-500/70"),
+      className: cn("flex rounded-10 shadow-xs", error && "border border-red-500/70"),
       international: true,
       flagComponent: FlagComponent,
       countrySelectComponent: CountrySelect,
@@ -2650,7 +2643,7 @@ var CountrySelect = ({
   return /* @__PURE__ */ jsxs18(
     "div",
     {
-      className: "relative inline-flex items-center self-stretch rounded-s-md border border-input\n       bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10\n      focus-within:border-ring focus-within:outline-hidden focus-within:ring-[3px] focus-within:ring-ring/20\n       hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50",
+      className: "relative inline-flex items-center self-stretch rounded-s-10 border border-input\n       bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10\n      focus-within:border-ring focus-within:outline-hidden focus-within:ring-[3px] focus-within:ring-ring/20\n       hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50",
       children: [
         /* @__PURE__ */ jsxs18("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx28(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
@@ -2684,9 +2677,9 @@ var FlagComponent = ({ country, countryName }) => {
 };
 
 // src/components/price-input.tsx
-import React26 from "react";
+import React25 from "react";
 import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-var PriceInput = React26.forwardRef(
+var PriceInput = React25.forwardRef(
   ({ currency, ...props }, ref) => {
     return /* @__PURE__ */ jsxs19(
       "div",
@@ -2716,10 +2709,10 @@ var PriceInput = React26.forwardRef(
 PriceInput.displayName = "PriceInput";
 
 // src/components/progress.tsx
-import * as React27 from "react";
+import * as React26 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx30(
+var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx30(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2740,14 +2733,14 @@ var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/select.tsx
-import * as React28 from "react";
+import * as React27 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check6, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
 import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2763,7 +2756,7 @@ var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2776,7 +2769,7 @@ var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2789,7 +2782,7 @@ var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx31(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
+var SelectContent = React27.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx31(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
   SelectPrimitive.Content,
   {
     ref,
@@ -2817,7 +2810,7 @@ var SelectContent = React28.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Label,
   {
     ref,
@@ -2826,7 +2819,7 @@ var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   SelectPrimitive.Item,
   {
     ref,
@@ -2842,7 +2835,7 @@ var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2853,10 +2846,10 @@ var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
-import * as React29 from "react";
+import * as React28 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx32 } from "react/jsx-runtime";
-var Separator3 = React29.forwardRef(
+var Separator3 = React28.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx32(
     SeparatorPrimitive.Root,
     {
@@ -2875,7 +2868,7 @@ var Separator3 = React29.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
-import * as React30 from "react";
+import * as React29 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
@@ -2884,7 +2877,7 @@ var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SheetOverlay = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2912,7 +2905,7 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React30.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(SheetPortal, { children: [
+var SheetContent = React29.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(SheetPortal, { children: [
   /* @__PURE__ */ jsx33(SheetOverlay, {}),
   /* @__PURE__ */ jsxs21(
     SheetPrimitive.Content,
@@ -2959,7 +2952,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Title,
   {
     ref,
@@ -2968,7 +2961,7 @@ var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   SheetPrimitive.Description,
   {
     ref,
@@ -3187,11 +3180,11 @@ function TableCaption({
 }
 
 // src/components/tabs.tsx
-import * as React31 from "react";
+import * as React30 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx38 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.List,
   {
     ref,
@@ -3203,7 +3196,7 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3215,7 +3208,7 @@ var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Content,
   {
     ref,
@@ -3234,9 +3227,9 @@ import { useId as useId3, useState as useState4 } from "react";
 import { jsx as jsx39 } from "react/jsx-runtime";
 
 // src/components/textarea.tsx
-import * as React32 from "react";
+import * as React31 from "react";
 import { jsx as jsx40 } from "react/jsx-runtime";
-var Textarea = React32.forwardRef(
+var Textarea = React31.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx40(
       "textarea",
@@ -3254,17 +3247,17 @@ var Textarea = React32.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/timeline.tsx
-import * as React33 from "react";
+import * as React32 from "react";
 import { jsx as jsx41 } from "react/jsx-runtime";
-var TimelineContext = React33.createContext(null);
+var TimelineContext = React32.createContext(null);
 function useTimeline() {
-  const context = React33.useContext(TimelineContext);
+  const context = React32.useContext(TimelineContext);
   if (!context) {
     throw new Error("useTimeline must be used within a <Timeline />.");
   }
   return context;
 }
-var Timeline = React33.forwardRef(
+var Timeline = React32.forwardRef(
   ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx41(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx41(
     "ol",
     {
@@ -3281,7 +3274,7 @@ var Timeline = React33.forwardRef(
   ) })
 );
 Timeline.displayName = "Timeline";
-var TimelineItem = React33.forwardRef(({ className, ...props }, ref) => {
+var TimelineItem = React32.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "li",
@@ -3298,7 +3291,7 @@ var TimelineItem = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineItem.displayName = "TimelineItem";
-var TimelineSeparator = React33.forwardRef(({ className, ...props }, ref) => {
+var TimelineSeparator = React32.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "div",
@@ -3315,7 +3308,7 @@ var TimelineSeparator = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineSeparator.displayName = "TimelineSeparator";
-var TimelineDot = React33.forwardRef(({ variant = "default", className, ...props }, ref) => {
+var TimelineDot = React32.forwardRef(({ variant = "default", className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "div",
@@ -3334,7 +3327,7 @@ var TimelineDot = React33.forwardRef(({ variant = "default", className, ...props
   );
 });
 TimelineDot.displayName = "TimelineDot";
-var TimelineConnector = React33.forwardRef(({ className, ...props }, ref) => {
+var TimelineConnector = React32.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "div",
@@ -3352,7 +3345,7 @@ var TimelineConnector = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineConnector.displayName = "TimelineConnector";
-var TimelineContent = React33.forwardRef(({ className, ...props }, ref) => {
+var TimelineContent = React32.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "div",
@@ -3370,12 +3363,12 @@ var TimelineContent = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineContent.displayName = "TimelineContent";
-var TimelineTitle = React33.forwardRef((props, ref) => {
+var TimelineTitle = React32.forwardRef((props, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41("div", { ref, "data-orientation": orientation, ...props });
 });
 TimelineTitle.displayName = "TimelineTitle";
-var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
+var TimelineDescription = React32.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
   return /* @__PURE__ */ jsx41(
     "div",
@@ -3390,13 +3383,13 @@ var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
 TimelineDescription.displayName = "TimelineDescription";
 
 // src/components/tooltip.tsx
-import * as React34 from "react";
+import * as React33 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
+var TooltipContent = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3596,7 +3589,6 @@ export {
   buttonVariants,
   cn,
   statusIndicatorVariants,
-  tv,
   useComboboxFilter,
   useFormField
 };