geoiq-frontend-ui-kit 2.0.1 → 2.0.3

package/dist/{index.es25.js.map → index27.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport { Option, SingleComboboxPropsType } from './single-combobox.types'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\n\nimport { Button } from '../../atoms/button'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { useRef } from 'react'\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n  onChangePopoverOpen,\n  popoverContentProps,\n  listEmptyComponent,\n  container,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string, value: Option) => {\n    onChange(newValue, value)\n    setOpen(false)\n  }\n  const handlePopoverOpen = (newOpen: boolean) => {\n    setOpen(newOpen)\n    onChangePopoverOpen && onChangePopoverOpen(newOpen)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={handlePopoverOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2 overflow-hidden\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 mt-1 rounded-lg bg-light-1\"\n        container={container}\n        {...popoverContentProps}\n      >\n        <Command shouldFilter={onSearchChange ? false : true}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty>\n            {listEmptyComponent ? (\n              listEmptyComponent\n            ) : (\n              <Typography variant={'body3'} className=\"text-light-4\">\n                {emptyMessage}\n              </Typography>\n            )}\n          </CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={() => {\n                      handleChange(option.id, option)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","onChangePopoverOpen","popoverContentProps","listEmptyComponent","container","open","setOpen","React","popoverRef","useRef","handleChange","newValue","handlePopoverOpen","newOpen","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","Check"],"mappings":"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"}
+{"version":3,"file":"index27.es.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport { Option, SingleComboboxPropsType } from './single-combobox.types'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\n\nimport { Button } from '../../atoms/button'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { useRef } from 'react'\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n  onChangePopoverOpen,\n  popoverContentProps,\n  listEmptyComponent,\n  container,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string, value: Option) => {\n    onChange(newValue, value)\n    setOpen(false)\n  }\n  const handlePopoverOpen = (newOpen: boolean) => {\n    setOpen(newOpen)\n    onChangePopoverOpen && onChangePopoverOpen(newOpen)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={handlePopoverOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2 overflow-hidden\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 mt-1 rounded-lg bg-light-1\"\n        container={container}\n        {...popoverContentProps}\n      >\n        <Command shouldFilter={onSearchChange ? false : true}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty>\n            {listEmptyComponent ? (\n              listEmptyComponent\n            ) : (\n              <Typography variant={'body3'} className=\"text-light-4\">\n                {emptyMessage}\n              </Typography>\n            )}\n          </CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={() => {\n                      handleChange(option.id, option)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","onChangePopoverOpen","popoverContentProps","listEmptyComponent","container","open","setOpen","React","popoverRef","useRef","handleChange","newValue","handlePopoverOpen","newOpen","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","Check"],"mappings":"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"}

package/dist/index28.es.js

@@ -0,0 +1,277 @@
+import n, { useState as b, useRef as ue, useCallback as pe, useEffect as he, useMemo as D } from "react";
+import { X as ge, ChevronUp as ye, ChevronDown as be, Plus as we, Check as Ee } from "lucide-react";
+import { Command as Ce, CommandInput as Ne, CommandEmpty as xe, CommandGroup as ve, CommandList as je, CommandItem as K } from "./index60.es.js";
+import { Popover as ke, PopoverTrigger as Se, PopoverContent as Le } from "./index90.es.js";
+import { Button as Ae } from "./index9.es.js";
+import { Typography as w } from "./index19.es.js";
+import { Badge as Pe } from "./index8.es.js";
+import { cn as R } from "./index89.es.js";
+import { ComboBoxStates as Oe } from "./index133.es.js";
+import { interpolateUrl as Q } from "./index134.es.js";
+function Me(o) {
+  const c = (a) => typeof a == "string" ? { id: a, name: a } : {
+    id: String(a.id ?? a.value ?? a.email ?? a),
+    name: String(a.name ?? a.label ?? a.id ?? a.value ?? a.email ?? a)
+  };
+  if (Array.isArray(o))
+    return o.map(c);
+  if (o && typeof o == "object") {
+    const a = o.data ?? o.options;
+    if (Array.isArray(a))
+      return a.map(c);
+  }
+  return [];
+}
+function _e(o, c) {
+  if (o && typeof o == "object") {
+    const a = o.data ?? o;
+    if (a && typeof a == "object") {
+      const m = a;
+      return {
+        id: String(m.id ?? m.value ?? m.email ?? c),
+        name: String(m.name ?? m.label ?? m.id ?? m.value ?? m.email ?? c)
+      };
+    }
+  }
+  return { id: c, name: c };
+}
+async function U(o) {
+  if (!o) return {};
+  const c = typeof o == "function" ? o() : o;
+  return await Promise.resolve(c) ?? {};
+}
+function Xe({
+  optionsUrl: o,
+  createOptionUrl: c,
+  fetchOptions: a,
+  createOption: m,
+  requestHeaders: P,
+  optionsRequestBody: V,
+  createOptionRequestBody: Y,
+  createOptionValueKey: Z = "value",
+  createOptionExtraBody: O,
+  skipCreateOptionExtraBody: I,
+  urlTemplateData: v = {},
+  value: f,
+  fieldId: j,
+  placeholder: H = "Select or type...",
+  searchPlaceholder: q = "Search or type a value...",
+  emptyMessage: ee = "No options",
+  addCustomMessage: te = (p) => `Add "${p}"`,
+  minSelected: M = 0,
+  maxSelected: l,
+  onChange: k,
+  container: ne
+}) {
+  const [p, _] = b(!1), [d, S] = b(""), [T, h] = b([]), [ae, L] = b(!0), [$, A] = b(!1), [B, g] = b(null), z = ue(null), G = pe(async () => {
+    if (a) {
+      L(!0);
+      try {
+        const t = await a();
+        h(t);
+      } catch {
+        h([]);
+      } finally {
+        L(!1);
+      }
+      return;
+    }
+    const e = o && Q(o, { ...v, fieldId: j });
+    if (e) {
+      L(!0);
+      try {
+        const t = await U(P), s = V ?? { ...v, fieldId: j }, r = await (await fetch(e, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...t },
+          body: JSON.stringify(s)
+        })).json();
+        h(Me(r));
+      } catch {
+        h([]);
+      } finally {
+        L(!1);
+      }
+    }
+  }, [
+    o,
+    v,
+    j,
+    a,
+    P,
+    V
+  ]);
+  he(() => {
+    G();
+  }, [G]);
+  const E = D(() => {
+    const e = f ?? [], t = T.map((r) => ({
+      id: r.id,
+      name: r.name
+    })), s = e.filter(
+      (r) => r?.trim() && !t.some((u) => u.id === r.trim())
+    ).map((r) => ({ id: r.trim(), name: r.trim() })), i = [...t];
+    for (const r of s)
+      i.some((u) => u.id === r.id) || i.push(r);
+    return i;
+  }, [T, f]), re = D(() => {
+    if (!d.trim()) return E;
+    const e = d.toLowerCase();
+    return E.filter(
+      (t) => t.name.toLowerCase().includes(e) || t.id.toLowerCase().includes(e)
+    );
+  }, [E, d]), F = l != null && (f ?? []).length >= l, oe = !F && d.trim() && !E.some(
+    (e) => e.id.toLowerCase() === d.trim().toLowerCase() || e.name.toLowerCase() === d.trim().toLowerCase()
+  ), se = (e) => {
+    const t = f ?? [], i = t.includes(e) ? t.filter((r) => r !== e) : [...t, e];
+    l != null && i.length > l || k(i);
+  }, ie = async () => {
+    const e = d.trim();
+    if (!e || F) return;
+    if (g(null), m) {
+      A(!0);
+      try {
+        const s = await m(e);
+        h((r) => r.some((u) => u.id === s.id) ? r : [...r, s]);
+        const i = [...f ?? [], s.id];
+        (l == null || i.length <= l) && k(i), S(""), _(!1);
+      } catch (s) {
+        const i = s instanceof Error ? s.message : String(s);
+        g(i || "Failed to add option");
+      } finally {
+        A(!1);
+      }
+      return;
+    }
+    const t = c && Q(c, {
+      ...v,
+      fieldId: j,
+      value: e
+    });
+    if (t) {
+      A(!0);
+      try {
+        const s = await U(P), i = I ? {} : typeof O == "function" ? await Promise.resolve(O()) : O ?? {}, r = {
+          ...Y,
+          [Z]: e,
+          ...i
+        }, u = await fetch(t, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...s },
+          body: JSON.stringify(r)
+        }), N = await u.text();
+        if (!u.ok) {
+          let y = N;
+          try {
+            const x = JSON.parse(N);
+            y = String(x.message ?? x.error ?? x.msg ?? N);
+          } catch {
+          }
+          g(y || "Failed to add option");
+          return;
+        }
+        const fe = N ? JSON.parse(N) : {}, J = _e(fe, e);
+        h((y) => y.some((x) => x.id === J.id) ? y : [...y, J]);
+        const X = [...f ?? [], J.id];
+        (l == null || X.length <= l) && k(X), S(""), _(!1);
+      } catch {
+        g("Failed to add option");
+      } finally {
+        A(!1);
+      }
+    }
+  }, le = (e) => {
+    const t = (f ?? []).filter((s) => s !== e);
+    k(t);
+  }, ce = (e) => {
+    _(e), e || (S(""), g(null));
+  }, C = f ?? [], W = C.map((e) => E.find((t) => t.id === e)).filter(Boolean), me = M > 0 && C.length < M, de = l != null && C.length > l;
+  return /* @__PURE__ */ n.createElement(ke, { open: p, onOpenChange: ce }, /* @__PURE__ */ n.createElement(Se, { ref: z, asChild: !0 }, /* @__PURE__ */ n.createElement(
+    Ae,
+    {
+      variant: "secondary",
+      role: "combobox",
+      "aria-expanded": p,
+      className: R(
+        Oe({
+          isOpen: p,
+          isValue: C.length > 0
+        }),
+        "w-full justify-between px-3 py-2 min-h-[40px] h-fit"
+      )
+    },
+    /* @__PURE__ */ n.createElement("div", { className: "flex flex-wrap gap-1 flex-1 min-w-0" }, W.length > 0 ? W.map((e) => /* @__PURE__ */ n.createElement(
+      Pe,
+      {
+        key: e.id,
+        variant: "default",
+        size: "sm",
+        showBorder: !0,
+        className: "gap-1"
+      },
+      /* @__PURE__ */ n.createElement("span", { className: "truncate max-w-[120px]" }, e.name),
+      /* @__PURE__ */ n.createElement(
+        "button",
+        {
+          type: "button",
+          className: "ml-0.5 rounded-full outline-none hover:bg-light-3",
+          onMouseDown: (t) => t.preventDefault(),
+          onClick: (t) => {
+            t.stopPropagation(), le(e.id);
+          }
+        },
+        /* @__PURE__ */ n.createElement(ge, { className: "w-3 h-3" })
+      )
+    )) : /* @__PURE__ */ n.createElement(w, { variant: "body2", className: "text-light-4" }, H)),
+    p ? /* @__PURE__ */ n.createElement(ye, { className: "w-4 h-4 ml-2 stroke-light-2 shrink-0" }) : /* @__PURE__ */ n.createElement(be, { className: "w-4 h-4 ml-2 stroke-light-2 shrink-0" })
+  )), /* @__PURE__ */ n.createElement(
+    Le,
+    {
+      style: { width: z.current?.clientWidth },
+      className: "p-0 mt-1 rounded-lg bg-light-1",
+      container: ne
+    },
+    /* @__PURE__ */ n.createElement(Ce, { shouldFilter: !1 }, /* @__PURE__ */ n.createElement(
+      Ne,
+      {
+        placeholder: q,
+        value: d,
+        onValueChange: (e) => {
+          S(e), g(null);
+        }
+      }
+    ), /* @__PURE__ */ n.createElement(xe, null, /* @__PURE__ */ n.createElement(w, { variant: "body3", className: "text-light-4" }, ae ? "Loading..." : ee)), /* @__PURE__ */ n.createElement(ve, null, /* @__PURE__ */ n.createElement(je, null, oe && /* @__PURE__ */ n.createElement(
+      K,
+      {
+        value: `__add__${d.trim()}`,
+        className: "text-brand hover:bg-light-2 focus:bg-light-2 gap-2",
+        onSelect: ie,
+        disabled: $
+      },
+      /* @__PURE__ */ n.createElement(we, { className: "h-4 w-4" }),
+      $ ? "Adding..." : te(d.trim())
+    ), re.map((e) => {
+      const t = C.includes(e.id), s = !t && F;
+      return /* @__PURE__ */ n.createElement(
+        K,
+        {
+          key: e.id,
+          value: e.id,
+          disabled: s,
+          className: R(
+            "justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground",
+            t ? "bg-light-2" : "",
+            s ? "opacity-50" : ""
+          ),
+          onSelect: () => se(e.id)
+        },
+        /* @__PURE__ */ n.createElement(w, { variant: "body2" }, e.name),
+        t ? /* @__PURE__ */ n.createElement(Ee, { className: R("h-4 w-4 stroke-brand") }) : /* @__PURE__ */ n.createElement("div", null)
+      );
+    })))),
+    B && /* @__PURE__ */ n.createElement(w, { variant: "body5", className: "text-danger-1 px-3 py-2" }, B)
+  ), me && /* @__PURE__ */ n.createElement(w, { variant: "body5", className: "text-danger-1 mt-1" }, "Select at least ", M, " option(s)", l != null && ` (max ${l})`), de && /* @__PURE__ */ n.createElement(w, { variant: "body5", className: "text-danger-1 mt-1" }, "Select at most ", l, " option(s)"));
+}
+export {
+  Xe as CreatableMultiCombobox
+};
+//# sourceMappingURL=index28.es.js.map

package/dist/index28.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index28.es.js","sources":["../src/components/molecules/creatable-multi-combobox/creatable-multi-combobox.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Check, ChevronDown, ChevronUp, Plus } from 'lucide-react'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { Button } from '../../atoms/button'\nimport { Typography } from '../../atoms/typography'\nimport { Badge } from '../../atoms/badge'\nimport { cn } from '@/lib/utils'\nimport { ComboBoxStates } from '../single-combobox/single-combobox.styles'\nimport {\n  CreatableMultiComboboxPropsType,\n  CreatableOption,\n  interpolateUrl,\n} from './creatable-multi-combobox.types'\nimport { X } from 'lucide-react'\n\nfunction parseOptionsResponse(res: unknown): CreatableOption[] {\n  const mapItem = (o: string | Record<string, unknown>): CreatableOption =>\n    typeof o === 'string'\n      ? { id: o, name: o }\n      : {\n          id: String(o.id ?? o.value ?? o.email ?? o),\n          name: String(o.name ?? o.label ?? o.id ?? o.value ?? o.email ?? o),\n        }\n  if (Array.isArray(res)) {\n    return res.map(mapItem)\n  }\n  if (res && typeof res === 'object') {\n    const arr =\n      (res as Record<string, unknown>).data ??\n      (res as Record<string, unknown>).options\n    if (Array.isArray(arr)) {\n      return arr.map(mapItem)\n    }\n  }\n  return []\n}\n\nfunction parseCreateResponse(res: unknown, value: string): CreatableOption {\n  if (res && typeof res === 'object') {\n    const obj = (res as Record<string, unknown>).data ?? res\n    if (obj && typeof obj === 'object') {\n      const o = obj as Record<string, unknown>\n      return {\n        id: String(o.id ?? o.value ?? o.email ?? value),\n        name: String(o.name ?? o.label ?? o.id ?? o.value ?? o.email ?? value),\n      }\n    }\n  }\n  return { id: value, name: value }\n}\n\nasync function resolveHeaders(\n  requestHeaders?:\n    | Record<string, string>\n    | (() => Record<string, string> | Promise<Record<string, string>>)\n): Promise<Record<string, string>> {\n  if (!requestHeaders) return {}\n  const resolved =\n    typeof requestHeaders === 'function' ? requestHeaders() : requestHeaders\n  return (await Promise.resolve(resolved)) ?? {}\n}\n\nexport function CreatableMultiCombobox({\n  optionsUrl,\n  createOptionUrl,\n  fetchOptions: fetchOptionsOverride,\n  createOption: createOptionOverride,\n  requestHeaders,\n  optionsRequestBody,\n  createOptionRequestBody,\n  createOptionValueKey = 'value',\n  createOptionExtraBody,\n  skipCreateOptionExtraBody,\n  urlTemplateData = {},\n  value,\n  fieldId,\n  placeholder = 'Select or type...',\n  searchPlaceholder = 'Search or type a value...',\n  emptyMessage = 'No options',\n  addCustomMessage = (v: string) => `Add \"${v}\"`,\n  minSelected = 0,\n  maxSelected,\n  onChange,\n  container,\n}: CreatableMultiComboboxPropsType) {\n  const [open, setOpen] = useState(false)\n  const [search, setSearch] = useState('')\n  const [options, setOptions] = useState<CreatableOption[]>([])\n  const [loading, setLoading] = useState(true)\n  const [creating, setCreating] = useState(false)\n  const [createError, setCreateError] = useState<string | null>(null)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const fetchOptions = useCallback(async () => {\n    if (fetchOptionsOverride) {\n      setLoading(true)\n      try {\n        const opts = await fetchOptionsOverride()\n        setOptions(opts)\n      } catch {\n        setOptions([])\n      } finally {\n        setLoading(false)\n      }\n      return\n    }\n    const url =\n      optionsUrl && interpolateUrl(optionsUrl, { ...urlTemplateData, fieldId })\n    if (!url) return\n    setLoading(true)\n    try {\n      const headers = await resolveHeaders(requestHeaders)\n      const body = optionsRequestBody ?? { ...urlTemplateData, fieldId }\n      const res = await fetch(url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', ...headers },\n        body: JSON.stringify(body),\n      })\n      const json = await res.json()\n      setOptions(parseOptionsResponse(json))\n    } catch {\n      setOptions([])\n    } finally {\n      setLoading(false)\n    }\n  }, [\n    optionsUrl,\n    urlTemplateData,\n    fieldId,\n    fetchOptionsOverride,\n    requestHeaders,\n    optionsRequestBody,\n  ])\n\n  useEffect(() => {\n    fetchOptions()\n  }, [fetchOptions])\n\n  const allOptions = useMemo((): CreatableOption[] => {\n    const currentValues = value ?? []\n    const fromApi = options.map((o: CreatableOption) => ({\n      id: o.id,\n      name: o.name,\n    }))\n    const fromSelected = currentValues\n      .filter(\n        (v) =>\n          v?.trim() && !fromApi.some((b: CreatableOption) => b.id === v.trim())\n      )\n      .map((v) => ({ id: v.trim(), name: v.trim() }))\n    const combined = [...fromApi]\n    for (const o of fromSelected) {\n      if (!combined.some((c) => c.id === o.id)) combined.push(o)\n    }\n    return combined\n  }, [options, value])\n\n  const filteredOptions = useMemo(() => {\n    if (!search.trim()) return allOptions\n    const lower = search.toLowerCase()\n    return allOptions.filter(\n      (o: CreatableOption) =>\n        o.name.toLowerCase().includes(lower) ||\n        o.id.toLowerCase().includes(lower)\n    )\n  }, [allOptions, search])\n\n  const atMaxSelected =\n    maxSelected != null && (value ?? []).length >= maxSelected\n  const canAddCustom =\n    !atMaxSelected &&\n    search.trim() &&\n    !allOptions.some(\n      (o: CreatableOption) =>\n        o.id.toLowerCase() === search.trim().toLowerCase() ||\n        o.name.toLowerCase() === search.trim().toLowerCase()\n    )\n\n  const handleSelect = (optionId: string) => {\n    const current = value ?? []\n    const exists = current.includes(optionId)\n    const next = exists\n      ? current.filter((v) => v !== optionId)\n      : [...current, optionId]\n    if (maxSelected != null && next.length > maxSelected) return\n    onChange(next)\n  }\n\n  const handleAddCustom = async () => {\n    const trimmed = search.trim()\n    if (!trimmed || atMaxSelected) return\n    setCreateError(null)\n    if (createOptionOverride) {\n      setCreating(true)\n      try {\n        const created = await createOptionOverride(trimmed)\n        setOptions((prev: CreatableOption[]) => {\n          if (prev.some((o: CreatableOption) => o.id === created.id))\n            return prev\n          return [...prev, created]\n        })\n        const next = [...(value ?? []), created.id]\n        if (maxSelected == null || next.length <= maxSelected) {\n          onChange(next)\n        }\n        setSearch('')\n        setOpen(false)\n      } catch (err) {\n        const msg = err instanceof Error ? err.message : String(err)\n        setCreateError(msg || 'Failed to add option')\n      } finally {\n        setCreating(false)\n      }\n      return\n    }\n    const url =\n      createOptionUrl &&\n      interpolateUrl(createOptionUrl, {\n        ...urlTemplateData,\n        fieldId,\n        value: trimmed,\n      })\n    if (!url) return\n    setCreating(true)\n    try {\n      const headers = await resolveHeaders(requestHeaders)\n      const extra = skipCreateOptionExtraBody\n        ? {}\n        : typeof createOptionExtraBody === 'function'\n          ? await Promise.resolve(createOptionExtraBody())\n          : (createOptionExtraBody ?? {})\n      const body = {\n        ...createOptionRequestBody,\n        [createOptionValueKey]: trimmed,\n        ...extra,\n      }\n      const res = await fetch(url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', ...headers },\n        body: JSON.stringify(body),\n      })\n      const text = await res.text()\n      if (!res.ok) {\n        let errMsg = text\n        try {\n          const json = JSON.parse(text) as Record<string, unknown>\n          errMsg = String(json.message ?? json.error ?? json.msg ?? text)\n        } catch {\n          // use text as-is\n        }\n        setCreateError(errMsg || 'Failed to add option')\n        return\n      }\n      const json = text ? (JSON.parse(text) as Record<string, unknown>) : {}\n      const created = parseCreateResponse(json, trimmed)\n      setOptions((prev: CreatableOption[]) => {\n        if (prev.some((o: CreatableOption) => o.id === created.id)) return prev\n        return [...prev, created]\n      })\n      const next = [...(value ?? []), created.id]\n      if (maxSelected == null || next.length <= maxSelected) {\n        onChange(next)\n      }\n      setSearch('')\n      setOpen(false)\n    } catch {\n      setCreateError('Failed to add option')\n    } finally {\n      setCreating(false)\n    }\n  }\n\n  const handleUnselect = (item: string) => {\n    const next = (value ?? []).filter((v) => v !== item)\n    onChange(next)\n  }\n\n  const handleOpenChange = (newOpen: boolean) => {\n    setOpen(newOpen)\n    if (!newOpen) {\n      setSearch('')\n      setCreateError(null)\n    }\n  }\n\n  const selectedValues = value ?? []\n  const selectedOptions = selectedValues\n    .map((id) => allOptions.find((o: CreatableOption) => o.id === id))\n    .filter(Boolean) as CreatableOption[]\n  const minNotMet = minSelected > 0 && selectedValues.length < minSelected\n  const maxExceeded = maxSelected != null && selectedValues.length > maxSelected\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className={cn(\n            ComboBoxStates({\n              isOpen: open,\n              isValue: selectedValues.length > 0,\n            }),\n            'w-full justify-between px-3 py-2 min-h-[40px] h-fit'\n          )}\n        >\n          <div className=\"flex flex-wrap gap-1 flex-1 min-w-0\">\n            {selectedOptions.length > 0 ? (\n              selectedOptions.map((opt) => (\n                <Badge\n                  key={opt.id}\n                  variant=\"default\"\n                  size=\"sm\"\n                  showBorder\n                  className=\"gap-1\"\n                >\n                  <span className=\"truncate max-w-[120px]\">{opt.name}</span>\n                  <button\n                    type=\"button\"\n                    className=\"ml-0.5 rounded-full outline-none hover:bg-light-3\"\n                    onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n                    onClick={(e: React.MouseEvent) => {\n                      e.stopPropagation()\n                      handleUnselect(opt.id)\n                    }}\n                  >\n                    <X className=\"w-3 h-3\" />\n                  </button>\n                </Badge>\n              ))\n            ) : (\n              <Typography variant=\"body2\" className=\"text-light-4\">\n                {placeholder}\n              </Typography>\n            )}\n          </div>\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2 shrink-0\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2 shrink-0\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        style={{ width: popoverRef.current?.clientWidth }}\n        className=\"p-0 mt-1 rounded-lg bg-light-1\"\n        container={container}\n      >\n        <Command shouldFilter={false}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            value={search}\n            onValueChange={(v) => {\n              setSearch(v)\n              setCreateError(null)\n            }}\n          />\n          <CommandEmpty>\n            <Typography variant=\"body3\" className=\"text-light-4\">\n              {loading ? 'Loading...' : emptyMessage}\n            </Typography>\n          </CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {canAddCustom && (\n                <CommandItem\n                  value={`__add__${search.trim()}`}\n                  className=\"text-brand hover:bg-light-2 focus:bg-light-2 gap-2\"\n                  onSelect={handleAddCustom}\n                  disabled={creating}\n                >\n                  <Plus className=\"h-4 w-4\" />\n                  {creating ? 'Adding...' : addCustomMessage(search.trim())}\n                </CommandItem>\n              )}\n              {filteredOptions.map((option: CreatableOption) => {\n                const isSelected = selectedValues.includes(option.id)\n                const disabled = !isSelected && atMaxSelected\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      isSelected ? 'bg-light-2' : '',\n                      disabled ? 'opacity-50' : ''\n                    )}\n                    onSelect={() => handleSelect(option.id)}\n                  >\n                    <Typography variant=\"body2\">{option.name}</Typography>\n                    {isSelected ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n        {createError && (\n          <Typography variant=\"body5\" className=\"text-danger-1 px-3 py-2\">\n            {createError}\n          </Typography>\n        )}\n      </PopoverContent>\n      {minNotMet && (\n        <Typography variant=\"body5\" className=\"text-danger-1 mt-1\">\n          Select at least {minSelected} option(s)\n          {maxSelected != null && ` (max ${maxSelected})`}\n        </Typography>\n      )}\n      {maxExceeded && (\n        <Typography variant=\"body5\" className=\"text-danger-1 mt-1\">\n          Select at most {maxSelected} option(s)\n        </Typography>\n      )}\n    </Popover>\n  )\n}\n"],"names":["parseOptionsResponse","res","mapItem","o","arr","parseCreateResponse","value","obj","resolveHeaders","requestHeaders","resolved","CreatableMultiCombobox","optionsUrl","createOptionUrl","fetchOptionsOverride","createOptionOverride","optionsRequestBody","createOptionRequestBody","createOptionValueKey","createOptionExtraBody","skipCreateOptionExtraBody","urlTemplateData","fieldId","placeholder","searchPlaceholder","emptyMessage","addCustomMessage","v","minSelected","maxSelected","onChange","container","open","setOpen","useState","search","setSearch","options","setOptions","loading","setLoading","creating","setCreating","createError","setCreateError","popoverRef","useRef","fetchOptions","useCallback","opts","url","interpolateUrl","headers","body","json","useEffect","allOptions","useMemo","currentValues","fromApi","fromSelected","b","combined","c","filteredOptions","lower","atMaxSelected","canAddCustom","handleSelect","optionId","current","next","handleAddCustom","trimmed","created","prev","err","msg","extra","text","errMsg","handleUnselect","item","handleOpenChange","newOpen","selectedValues","selectedOptions","id","minNotMet","maxExceeded","React","Popover","PopoverTrigger","Button","cn","ComboBoxStates","opt","Badge","e","X","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","Plus","option","isSelected","disabled","Check"],"mappings":"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"}

package/dist/{index.es26.js → index29.es.js}

@@ -1,36 +1,37 @@
 import e from "react";
-import * as f from "@radix-ui/react-select";
-import { SelectTrigger as g, SelectValue as d, SelectContent as S, SelectGroup as E, SelectItem as u } from "./index.es83.js";
-import { Typography as n } from "./index.es17.js";
-import { SelectStates as b } from "./index.es84.js";
-import { cn as N } from "./index.es81.js";
+import * as g from "@radix-ui/react-select";
+import { SelectTrigger as d, SelectValue as S, SelectContent as E, SelectGroup as u, SelectItem as b } from "./index91.es.js";
+import { Typography as n } from "./index19.es.js";
+import { SelectStates as N } from "./index92.es.js";
+import { cn as h } from "./index89.es.js";
 const O = e.forwardRef(
   ({
     // className,
     // children,
     placeholder: m,
-    onValueChange: s,
+    onValueChange: o,
     items: l,
     value: a,
+    container: s,
     // defaultValue,
     ...r
   }) => {
-    const c = l.find((t) => t.value === a), [o, i] = e.useState(!1);
+    const c = l.find((t) => t.value === a), [i, p] = e.useState(!1);
     return /* @__PURE__ */ e.createElement(
-      f.Root,
+      g.Root,
       {
-        onValueChange: s,
+        onValueChange: o,
         value: a,
-        onOpenChange: i,
+        onOpenChange: p,
         ...r
       },
       /* @__PURE__ */ e.createElement(
-        g,
+        d,
         {
-          className: N(b({ isOpen: o, isValue: !!a })),
+          className: h(N({ isOpen: i, isValue: !!a })),
           ...r.triggerProps
         },
-        /* @__PURE__ */ e.createElement(d, { placeholder: m }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, c?.icon, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement(S, { placeholder: m }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, c?.icon, /* @__PURE__ */ e.createElement(
           n,
           {
             variant: "body2",
@@ -39,12 +40,12 @@ const O = e.forwardRef(
           c?.label
         )))
       ),
-      /* @__PURE__ */ e.createElement(S, { className: "bg-light-1" }, /* @__PURE__ */ e.createElement(E, null, l.map((t, p) => /* @__PURE__ */ e.createElement(
-        u,
+      /* @__PURE__ */ e.createElement(E, { className: "bg-light-1", portalContainer: s }, /* @__PURE__ */ e.createElement(u, null, l.map((t, f) => /* @__PURE__ */ e.createElement(
+        b,
         {
           value: t.value,
           disabled: t.disabled ?? !1,
-          key: p
+          key: f
         },
         /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, t.icon, /* @__PURE__ */ e.createElement(n, { variant: "body2", className: "capitalize" }, t.label))
       ))))
@@ -54,4 +55,4 @@ const O = e.forwardRef(
 export {
   O as SingleSelect
 };
-//# sourceMappingURL=index.es26.js.map
+//# sourceMappingURL=index29.es.js.map

package/dist/index29.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index29.es.js","sources":["../src/components/molecules/single-select/index.tsx"],"sourcesContent":["import React from 'react'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { SelectProps } from './single-select.types'\nimport {\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from './single-select-components'\nimport { Typography } from '../../atoms/typography'\nimport { SelectStates } from './single-select-styles'\nimport { cn } from '@/lib/utils'\n\nconst SingleSelect = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Root>,\n  SelectProps\n>(\n  ({\n    // className,\n    // children,\n    placeholder,\n    onValueChange,\n    items,\n    value,\n    container,\n\n    // defaultValue,\n    ...props\n  }) => {\n    const selectedItem = items.find((item) => {\n      return item.value === value\n    })\n    const [isOpen, setIsOpen] = React.useState(false)\n    return (\n      <SelectPrimitive.Root\n        onValueChange={onValueChange}\n        value={value}\n        onOpenChange={setIsOpen}\n        {...props}\n      >\n        <SelectTrigger\n          className={cn(SelectStates({ isOpen, isValue: !!value }))}\n          {...props.triggerProps}\n        >\n          <SelectValue placeholder={placeholder}>\n            <div className=\"flex items-center gap-2\">\n              {selectedItem?.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedItem?.label}\n              </Typography>\n            </div>\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent className=\"bg-light-1\" portalContainer={container}>\n          <SelectGroup>\n            {items.map((item, index) => {\n              return (\n                <SelectItem\n                  value={item.value}\n                  disabled={item.disabled ?? false}\n                  key={index}\n                >\n                  <div className=\"flex items-center gap-2\">\n                    {item.icon}\n                    <Typography variant={'body2'} className=\"capitalize\">\n                      {item.label}\n                    </Typography>\n                  </div>\n                </SelectItem>\n              )\n            })}\n          </SelectGroup>\n        </SelectContent>\n      </SelectPrimitive.Root>\n    )\n  }\n)\n\nexport { SingleSelect }\n"],"names":["SingleSelect","React","placeholder","onValueChange","items","value","container","props","selectedItem","item","isOpen","setIsOpen","SelectPrimitive","SelectTrigger","cn","SelectStates","SelectValue","Typography","SelectContent","SelectGroup","index","SelectItem"],"mappings":";;;;;;AAcA,MAAMA,IAAeC,EAAM;AAAA,EAIzB,CAAC;AAAA;AAAA;AAAA,IAGC,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA;AAAA,IAGA,GAAGC;AAAA,EAAA,MACC;AACJ,UAAMC,IAAeJ,EAAM,KAAK,CAACK,MACxBA,EAAK,UAAUJ,CACvB,GACK,CAACK,GAAQC,CAAS,IAAIV,EAAM,SAAS,EAAK;AAChD,WACEA,gBAAAA,EAAA;AAAA,MAACW,EAAgB;AAAA,MAAhB;AAAA,QACC,eAAAT;AAAA,QACA,OAAAE;AAAA,QACA,cAAcM;AAAA,QACb,GAAGJ;AAAA,MAAA;AAAA,MAEJN,gBAAAA,EAAA;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,WAAWC,EAAGC,EAAa,EAAE,QAAAL,GAAQ,SAAS,CAAC,CAACL,EAAA,CAAO,CAAC;AAAA,UACvD,GAAGE,EAAM;AAAA,QAAA;AAAA,QAEVN,gBAAAA,EAAA,cAACe,KAAY,aAAAd,EAAA,GACXD,gBAAAA,EAAA,cAAC,SAAI,WAAU,0BAAA,GACZO,GAAc,MACfP,gBAAAA,EAAA;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAWZ,IAAQ,iBAAiB;AAAA,UAAA;AAAA,UAEnCG,GAAc;AAAA,QAAA,CAEnB,CACF;AAAA,MAAA;AAAA,MAEFP,gBAAAA,EAAA,cAACiB,GAAA,EAAc,WAAU,cAAa,iBAAiBZ,EAAA,GACrDL,gBAAAA,EAAA,cAACkB,GAAA,MACEf,EAAM,IAAI,CAACK,GAAMW,MAEdnB,gBAAAA,EAAA;AAAA,QAACoB;AAAA,QAAA;AAAA,UACC,OAAOZ,EAAK;AAAA,UACZ,UAAUA,EAAK,YAAY;AAAA,UAC3B,KAAKW;AAAA,QAAA;AAAA,QAELnB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,0BAAA,GACZQ,EAAK,MACNR,gBAAAA,EAAA,cAACgB,GAAA,EAAW,SAAS,SAAS,WAAU,aAAA,GACrCR,EAAK,KACR,CACF;AAAA,MAAA,CAGL,CACH,CACF;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/index3.es.js

@@ -0,0 +1,43 @@
+import s, { useState as f } from "react";
+import { Alert as m } from "./index20.es.js";
+import { RequestCreditsDialog as C } from "./index2.es.js";
+const h = ({
+  onRequestCredits: o,
+  onProceedToPayment: r,
+  buyCreditsOptions: a,
+  minimumCreditsToBuy: l,
+  requestOnly: i
+}) => {
+  const [u, e] = f(!1), c = (t, n) => {
+    o(t, n), e(!1);
+  }, d = (t, n) => {
+    r?.(t, n), e(!1);
+  };
+  return /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(
+    m,
+    {
+      className: "select-none",
+      buttonLabel: "Request for Credits",
+      onButtonClick: () => e(!0),
+      shortContent: !0,
+      showButton: !0,
+      title: "Insufficient Credits available!",
+      variant: "warning"
+    }
+  ), /* @__PURE__ */ s.createElement(
+    C,
+    {
+      open: u,
+      onClose: () => e(!1),
+      onRequestCredits: c,
+      onProceedToPayment: d,
+      buyCreditsOptions: a,
+      minimumCreditsToBuy: l,
+      requestOnly: i
+    }
+  ));
+};
+export {
+  h as default
+};
+//# sourceMappingURL=index3.es.js.map

package/dist/index3.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.es.js","sources":["../src/components/ui/request-credits-view/request-credits-view.tsx"],"sourcesContent":["import React, { FC, useState } from 'react'\nimport { RequestCreditsViewNS } from './request-credits-view.types'\nimport { Alert } from '@/components/molecules/alert'\nimport { RequestCreditsDialog } from './component/request-credit-dialog'\n\nconst RequestCreditsView: FC<RequestCreditsViewNS.RequestCreditsViewProps> = ({\n  onRequestCredits,\n  onProceedToPayment,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const handleRequestCredits = (credits: string, phoneNumber: string) => {\n    onRequestCredits(credits, phoneNumber)\n    setIsOpen(false)\n  }\n\n  const handleProceedToPayment = (credits: string, phoneNumber: string) => {\n    onProceedToPayment?.(credits, phoneNumber)\n    setIsOpen(false)\n  }\n\n  return (\n    <div>\n      <Alert\n        className=\"select-none\"\n        buttonLabel=\"Request for Credits\"\n        onButtonClick={() => setIsOpen(true)}\n        shortContent\n        showButton\n        title=\"Insufficient Credits available!\"\n        variant=\"warning\"\n      />\n      <RequestCreditsDialog\n        open={isOpen}\n        onClose={() => setIsOpen(false)}\n        onRequestCredits={handleRequestCredits}\n        onProceedToPayment={handleProceedToPayment}\n        buyCreditsOptions={buyCreditsOptions}\n        minimumCreditsToBuy={minimumCreditsToBuy}\n        requestOnly={requestOnly}\n      />\n    </div>\n  )\n}\n\nexport default RequestCreditsView\n"],"names":["RequestCreditsView","onRequestCredits","onProceedToPayment","buyCreditsOptions","minimumCreditsToBuy","requestOnly","isOpen","setIsOpen","useState","handleRequestCredits","credits","phoneNumber","handleProceedToPayment","React","Alert","RequestCreditsDialog"],"mappings":";;;AAKA,MAAMA,IAAuE,CAAC;AAAA,EAC5E,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAuB,CAACC,GAAiBC,MAAwB;AACrE,IAAAV,EAAiBS,GAASC,CAAW,GACrCJ,EAAU,EAAK;AAAA,EACjB,GAEMK,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAT,IAAqBQ,GAASC,CAAW,GACzCJ,EAAU,EAAK;AAAA,EACjB;AAEA,yCACG,OAAA,MACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,eAAe,MAAMP,EAAU,EAAI;AAAA,MACnC,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,OAAM;AAAA,MACN,SAAQ;AAAA,IAAA;AAAA,EAAA,GAEVM,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAMT;AAAA,MACN,SAAS,MAAMC,EAAU,EAAK;AAAA,MAC9B,kBAAkBE;AAAA,MAClB,oBAAoBG;AAAA,MACpB,mBAAAT;AAAA,MACA,qBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/{index.es27.js → index30.es.js}

@@ -1,7 +1,7 @@
 import * as o from "@radix-ui/react-slider";
 import * as e from "react";
-import { cn as t } from "./index.es81.js";
-import { SliderVariants as s } from "./index.es104.js";
+import { cn as t } from "./index89.es.js";
+import { SliderVariants as s } from "./index136.es.js";
 const n = e.forwardRef(({ className: r, id: l, ...a }, i) => (
   // <div className='bg-light-3 h-[100px] w-full flex'>
   /* @__PURE__ */ e.createElement(
@@ -20,4 +20,4 @@ n.displayName = o.Root.displayName;
 export {
   n as Slider
 };
-//# sourceMappingURL=index.es27.js.map
+//# sourceMappingURL=index30.es.js.map

package/dist/{index.es27.js.map → index30.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/components/molecules/slider/slider.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { SliderVariants } from './slider.styles'\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, id, ...props }, ref) => (\n  // <div className='bg-light-3 h-[100px] w-full flex'>\n\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(SliderVariants({ className }))}\n    id={id}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative w-full h-2 overflow-hidden rounded-full grow bg-light-4\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-click-p1\" />\n    </SliderPrimitive.Track>\n\n    <SliderPrimitive.Thumb className=\"block h-5 w-5 bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1  rounded-full border-[6px] border-neutral-0 hover:w-6 hover:h-6  shadow-lg bg-click-p1 outline-none transition-all focus-visible:outline-none  disabled:pointer-events-none disabled:opacity-50 focus-visible:cursor-pointer \" />\n  </SliderPrimitive.Root>\n  // </div>\n))\n\nSlider.displayName = SliderPrimitive.Root.displayName\n"],"names":["Slider","React","className","id","props","ref","SliderPrimitive","cn","SliderVariants"],"mappings":";;;;AAMO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,EAAA,GAASC;AAAA;AAAA,EAG9B,gBAAAJ,EAAA;AAAA,IAACK,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGC,EAAe,EAAE,WAAAN,EAAA,CAAW,CAAC;AAAA,MAC3C,IAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,mEAAA,GAC/B,gBAAAL,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,8BAAA,CAA8B,CACjE;AAAA,IAEA,gBAAAL,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,8RAAA,CAA8R;AAAA,EAAA;AAAA,CAGlU;AAEDN,EAAO,cAAcM,EAAgB,KAAK;"}
+{"version":3,"file":"index30.es.js","sources":["../src/components/molecules/slider/slider.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { SliderVariants } from './slider.styles'\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, id, ...props }, ref) => (\n  // <div className='bg-light-3 h-[100px] w-full flex'>\n\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(SliderVariants({ className }))}\n    id={id}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative w-full h-2 overflow-hidden rounded-full grow bg-light-4\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-click-p1\" />\n    </SliderPrimitive.Track>\n\n    <SliderPrimitive.Thumb className=\"block h-5 w-5 bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1  rounded-full border-[6px] border-neutral-0 hover:w-6 hover:h-6  shadow-lg bg-click-p1 outline-none transition-all focus-visible:outline-none  disabled:pointer-events-none disabled:opacity-50 focus-visible:cursor-pointer \" />\n  </SliderPrimitive.Root>\n  // </div>\n))\n\nSlider.displayName = SliderPrimitive.Root.displayName\n"],"names":["Slider","React","className","id","props","ref","SliderPrimitive","cn","SliderVariants"],"mappings":";;;;AAMO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,EAAA,GAASC;AAAA;AAAA,EAG9B,gBAAAJ,EAAA;AAAA,IAACK,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGC,EAAe,EAAE,WAAAN,EAAA,CAAW,CAAC;AAAA,MAC3C,IAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,mEAAA,GAC/B,gBAAAL,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,8BAAA,CAA8B,CACjE;AAAA,IAEA,gBAAAL,EAAA,cAACK,EAAgB,OAAhB,EAAsB,WAAU,8RAAA,CAA8R;AAAA,EAAA;AAAA,CAGlU;AAEDN,EAAO,cAAcM,EAAgB,KAAK;"}

package/dist/{index.es28.js → index31.es.js}

@@ -2,4 +2,4 @@ var n = /* @__PURE__ */ ((r) => (r.CURRENT = "current", r.PENDING = "pending", r
 export {
   n as StepItemStatus
 };
-//# sourceMappingURL=index.es28.js.map
+//# sourceMappingURL=index31.es.js.map

package/dist/{index.es28.js.map → index31.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/components/molecules/stepper/stepper.type.ts"],"sourcesContent":["export type StepperValue = {\n  id: string | number\n  value?: number\n  label: string\n  status:\n    | StepItemStatus.PENDING\n    | StepItemStatus.CURRENT\n    | StepItemStatus.COMPLETED\n}\nexport interface StepperItemProps {\n  value: StepperValue\n  variant:\n    | StepItemStatus.PENDING\n    | StepItemStatus.CURRENT\n    | StepItemStatus.COMPLETED\n}\n\nexport enum StepItemStatus {\n  CURRENT = 'current',\n  PENDING = 'pending',\n  COMPLETED = 'completed',\n}\n\nexport type StepperProps = { value: StepperValue[]; id?: string }\n"],"names":["StepItemStatus"],"mappings":"AAiBO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aAHFA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index31.es.js","sources":["../src/components/molecules/stepper/stepper.type.ts"],"sourcesContent":["export type StepperValue = {\n  id: string | number\n  value?: number\n  label: string\n  status:\n    | StepItemStatus.PENDING\n    | StepItemStatus.CURRENT\n    | StepItemStatus.COMPLETED\n}\nexport interface StepperItemProps {\n  value: StepperValue\n  variant:\n    | StepItemStatus.PENDING\n    | StepItemStatus.CURRENT\n    | StepItemStatus.COMPLETED\n}\n\nexport enum StepItemStatus {\n  CURRENT = 'current',\n  PENDING = 'pending',\n  COMPLETED = 'completed',\n}\n\nexport type StepperProps = { value: StepperValue[]; id?: string }\n"],"names":["StepItemStatus"],"mappings":"AAiBO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aAHFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/{index.es29.js → index32.es.js}

@@ -1,8 +1,8 @@
-import { StepperProvider as p, StepGroup as m } from "./index.es114.js";
+import { StepperProvider as p, StepGroup as m } from "./index107.es.js";
 import * as e from "react";
 const a = ({ value: t, id: r }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { steps: t, id: r }, /* @__PURE__ */ e.createElement(m, null)));
 a.displayName = "Stepper";
 export {
   a as Stepper
 };
-//# sourceMappingURL=index.es29.js.map
+//# sourceMappingURL=index32.es.js.map

package/dist/{index.es29.js.map → index32.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/molecules/stepper/stepper.tsx"],"sourcesContent":["import { StepperProvider, StepGroup } from './stepper-components'\nimport { StepperProps } from './stepper.type'\nimport { useStepper } from './use-stepper'\nimport * as React from 'react'\n\nconst Stepper = ({ value, id }: StepperProps) => {\n  return (\n    <>\n      <StepperProvider steps={value} id={id}>\n        <StepGroup />\n      </StepperProvider>\n    </>\n  )\n}\n\nStepper.displayName = 'Stepper'\n\nexport { Stepper, useStepper }\n"],"names":["Stepper","value","id","React","StepperProvider","StepGroup"],"mappings":";;AAKA,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,IAAAC,QAEtB,gBAAAC,EAAA,cAAAA,EAAA,UAAA,sCACGC,GAAA,EAAgB,OAAOH,GAAO,IAAAC,KAC7B,gBAAAC,EAAA,cAACE,GAAA,IAAU,CACb,CACF;AAIJL,EAAQ,cAAc;"}
+{"version":3,"file":"index32.es.js","sources":["../src/components/molecules/stepper/stepper.tsx"],"sourcesContent":["import { StepperProvider, StepGroup } from './stepper-components'\nimport { StepperProps } from './stepper.type'\nimport { useStepper } from './use-stepper'\nimport * as React from 'react'\n\nconst Stepper = ({ value, id }: StepperProps) => {\n  return (\n    <>\n      <StepperProvider steps={value} id={id}>\n        <StepGroup />\n      </StepperProvider>\n    </>\n  )\n}\n\nStepper.displayName = 'Stepper'\n\nexport { Stepper, useStepper }\n"],"names":["Stepper","value","id","React","StepperProvider","StepGroup"],"mappings":";;AAKA,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,IAAAC,QAEtB,gBAAAC,EAAA,cAAAA,EAAA,UAAA,sCACGC,GAAA,EAAgB,OAAOH,GAAO,IAAAC,KAC7B,gBAAAC,EAAA,cAACE,GAAA,IAAU,CACb,CACF;AAIJL,EAAQ,cAAc;"}