@use-stall/ui 0.0.3 → 0.0.5

package/dist/index.js

@@ -158,6 +158,7 @@ __export(index_exports, {
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
+  PriceInput: () => PriceInput,
   Progress: () => Progress,
   Root: () => ButtonRoot,
   ScrollArea: () => ScrollArea,
@@ -215,7 +216,6 @@ __export(index_exports, {
   buttonVariants: () => buttonVariants,
   cn: () => cn,
   statusIndicatorVariants: () => statusIndicatorVariants,
-  tv: () => tv,
   useComboboxFilter: () => useComboboxFilter,
   useFormField: () => useFormField
 });
@@ -1479,11 +1479,11 @@ function Combobox2({ modal = false, ...props }) {
 var import_react = __toESM(require("react"));
 
 // src/components/fancy-button.tsx
-var React13 = __toESM(require("react"));
-var import_react_slot2 = require("@radix-ui/react-slot");
-
-// src/lib/recursive-clone-children.tsx
 var React12 = __toESM(require("react"));
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var tv = (0, import_tailwind_variants.createTV)({});
 function recursiveCloneChildren(children, additionalProps, displayNames, uniqueId, asChild) {
   const mappedChildren = React12.Children.map(
     children,
@@ -1509,20 +1509,13 @@ function recursiveCloneChildren(children, additionalProps, displayNames, uniqueI
   );
   return asChild ? mappedChildren?.[0] : mappedChildren;
 }
-
-// src/lib/tv.ts
-var import_tailwind_variants = require("tailwind-variants");
-var tv = (0, import_tailwind_variants.createTV)({});
-
-// src/components/fancy-button.tsx
-var import_jsx_runtime14 = require("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-sm text-label-sm outline-none",
       "transition duration-200 ease-out cursor-pointer",
       // focus
       "focus:outline-none",
@@ -1596,7 +1589,7 @@ var fancyButtonVariants = tv({
     size: "medium"
   }
 });
-var ButtonRoot = React13.forwardRef(
+var ButtonRoot = React12.forwardRef(
   ({
     asChild,
     children,
@@ -1606,7 +1599,7 @@ var ButtonRoot = React13.forwardRef(
     loading,
     ...rest
   }, forwardedRef) => {
-    const uniqueId = React13.useId();
+    const uniqueId = React12.useId();
     const Component = asChild ? import_react_slot2.Slot : "button";
     const { root } = fancyButtonVariants({ variant, size });
     const sharedProps = {
@@ -1745,7 +1738,7 @@ var CopyButton = ({
 };
 
 // src/components/country-picker.tsx
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_lucide_react8 = require("lucide-react");
 
 // src/constants/countries.ts
@@ -1960,8 +1953,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,
@@ -2077,7 +2070,7 @@ function CountryPicker({
 }
 
 // src/components/drawer.tsx
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_vaul = require("vaul");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Drawer = ({
@@ -2094,7 +2087,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DrawerOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   import_vaul.Drawer.Overlay,
   {
     ref,
@@ -2103,7 +2096,7 @@ var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DrawerPortal, { children: [
+var DrawerContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DrawerPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DrawerOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_vaul.Drawer.Content,
@@ -2144,7 +2137,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DrawerTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -2156,7 +2149,7 @@ var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DrawerDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -2167,7 +2160,7 @@ var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/dropdown-menu.tsx
-var React17 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -2177,7 +2170,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__ */ (0, import_jsx_runtime19.jsxs)(
+var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2194,7 +2187,7 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2206,7 +2199,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2219,7 +2212,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var DropdownMenuItem = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2232,7 +2225,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2249,7 +2242,7 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2265,7 +2258,7 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2278,7 +2271,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2351,19 +2344,19 @@ var FieldControl = import_field.Field.Control;
 var FieldValidity = import_field.Field.Validity;
 
 // src/components/form.tsx
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // src/components/label.tsx
-var React18 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority3.cva)(
   "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__ */ (0, import_jsx_runtime21.jsx)(
+var Label2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -2376,7 +2369,7 @@ Label2.displayName = LabelPrimitive.Root.displayName;
 // src/components/form.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React19.createContext(
+var FormFieldContext = React18.createContext(
   {}
 );
 var FormField = ({
@@ -2385,8 +2378,8 @@ var FormField = ({
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_hook_form.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 } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -2402,15 +2395,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__ */ (0, import_jsx_runtime22.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)(
     Label2,
@@ -2423,7 +2416,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__ */ (0, import_jsx_runtime22.jsx)(
     import_react_slot3.Slot,
@@ -2437,7 +2430,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__ */ (0, import_jsx_runtime22.jsx)(
     "p",
@@ -2450,7 +2443,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) {
@@ -2496,11 +2489,11 @@ var ImageCard = import_react2.default.memo(
 );
 
 // src/components/input-otp.tsx
-var React21 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var InputOTP = React21.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var InputOTP = React20.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -2513,10 +2506,10 @@ var InputOTP = React21.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React21.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React20.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React20.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
@@ -2536,7 +2529,7 @@ var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Dot, {}) }));
+var InputOTPSeparator = React20.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/modal-container.tsx
@@ -2557,7 +2550,7 @@ var ModalContainer = import_react3.default.memo((props) => {
 });
 
 // src/components/multi-select.tsx
-var React23 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var MultiSelect = ({
   options: options2 = [],
@@ -2569,10 +2562,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));
@@ -2599,7 +2592,7 @@ var MultiSelect = ({
               "min-h-10! before:hidden shadow-none rounded-10!",
               className
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComboboxValue, { children: (value2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(React23.Fragment, { children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComboboxValue, { children: (value2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(React22.Fragment, { children: [
               value2?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 ComboboxChip,
                 {
@@ -2905,38 +2898,40 @@ var FlagComponent = ({ country, countryName }) => {
 // src/components/price-input.tsx
 var import_react6 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var PriceInput = import_react6.default.forwardRef(({ currency, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    "div",
-    {
-      className: cn(
-        "relative h-fit flex overflow-hidden p-0",
-        props.containerClassname
-      ),
-      children: [
-        !props.hide_currency_symbol && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          Input,
-          {
-            ref,
-            placeholder: "0.00",
-            type: "text",
-            ...props,
-            className: cn("px-10 shadow-none m-0! py-0", props.className)
-          }
+var PriceInput = import_react6.default.forwardRef(
+  ({ currency, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "div",
+      {
+        className: cn(
+          "relative h-fit flex overflow-hidden p-0",
+          props.containerClassname
         ),
-        !props.hide_currency_code && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
-      ]
-    }
-  );
-});
+        children: [
+          !props.hide_currency_symbol && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Input,
+            {
+              ref,
+              placeholder: "0.00",
+              type: "text",
+              ...props,
+              className: cn("px-10 shadow-none m-0! py-0", props.className)
+            }
+          ),
+          !props.hide_currency_code && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
+        ]
+      }
+    );
+  }
+);
 PriceInput.displayName = "PriceInput";
 
 // src/components/progress.tsx
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2957,14 +2952,14 @@ var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/select.tsx
-var React28 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2980,7 +2975,7 @@ var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2993,7 +2988,7 @@ var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3006,7 +3001,7 @@ var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectContent = React27.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3034,7 +3029,7 @@ var SelectContent = React28.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3043,7 +3038,7 @@ var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3059,7 +3054,7 @@ var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3070,10 +3065,10 @@ var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
-var React29 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var Separator3 = React29.forwardRef(
+var Separator3 = React28.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     SeparatorPrimitive.Root,
     {
@@ -3092,7 +3087,7 @@ var Separator3 = React29.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
-var React30 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_lucide_react14 = require("lucide-react");
@@ -3101,7 +3096,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__ */ (0, import_jsx_runtime33.jsx)(
+var SheetOverlay = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3129,7 +3124,7 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var SheetContent = React30.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPortal, { children: [
+var SheetContent = React29.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     SheetPrimitive.Content,
@@ -3176,7 +3171,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -3185,7 +3180,7 @@ var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -3404,11 +3399,11 @@ function TableCaption({
 }
 
 // src/components/tabs.tsx
-var React31 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -3420,7 +3415,7 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3432,7 +3427,7 @@ var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -3451,9 +3446,9 @@ var import_react7 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/components/textarea.tsx
-var React32 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var Textarea = React32.forwardRef(
+var Textarea = React31.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "textarea",
@@ -3471,17 +3466,17 @@ var Textarea = React32.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/timeline.tsx
-var React33 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime41 = require("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__ */ (0, import_jsx_runtime41.jsx)(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "ol",
     {
@@ -3498,7 +3493,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__ */ (0, import_jsx_runtime41.jsx)(
     "li",
@@ -3515,7 +3510,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__ */ (0, import_jsx_runtime41.jsx)(
     "div",
@@ -3532,7 +3527,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__ */ (0, import_jsx_runtime41.jsx)(
     "div",
@@ -3551,7 +3546,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__ */ (0, import_jsx_runtime41.jsx)(
     "div",
@@ -3569,7 +3564,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__ */ (0, import_jsx_runtime41.jsx)(
     "div",
@@ -3587,12 +3582,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__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime41.jsx)(
     "div",
@@ -3607,13 +3602,13 @@ var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
 TimelineDescription.displayName = "TimelineDescription";
 
 // src/components/tooltip.tsx
-var React34 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime42 = require("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__ */ (0, import_jsx_runtime42.jsx)(
+var TooltipContent = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3756,6 +3751,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
   Popover,
   PopoverContent,
   PopoverTrigger,
+  PriceInput,
   Progress,
   Root,
   ScrollArea,
@@ -3813,7 +3809,6 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
   buttonVariants,
   cn,
   statusIndicatorVariants,
-  tv,
   useComboboxFilter,
   useFormField
 });