qaema-ui 0.0.1

package/dist/components/PhoneInputField.js

@@ -0,0 +1,484 @@
+import * as E from "../assets/flags/ad.svg.js";
+import * as F from "../assets/flags/ae.svg.js";
+import * as G from "../assets/flags/af.svg.js";
+import * as H from "../assets/flags/ag.svg.js";
+import * as M from "../assets/flags/ai.svg.js";
+import * as A from "../assets/flags/al.svg.js";
+import * as N from "../assets/flags/am.svg.js";
+import * as P from "../assets/flags/ao.svg.js";
+import * as _ from "../assets/flags/aq.svg.js";
+import * as B from "../assets/flags/ar.svg.js";
+import * as U from "../assets/flags/arab.svg.js";
+import * as J from "../assets/flags/as.svg.js";
+import * as K from "../assets/flags/asean.svg.js";
+import * as Q from "../assets/flags/at.svg.js";
+import * as V from "../assets/flags/au.svg.js";
+import * as X from "../assets/flags/aw.svg.js";
+import * as Y from "../assets/flags/ax.svg.js";
+import * as Z from "../assets/flags/az.svg.js";
+import * as ss from "../assets/flags/ba.svg.js";
+import * as as from "../assets/flags/bb.svg.js";
+import * as rs from "../assets/flags/bd.svg.js";
+import * as os from "../assets/flags/be.svg.js";
+import * as ts from "../assets/flags/bf.svg.js";
+import * as gs from "../assets/flags/bg.svg.js";
+import * as ms from "../assets/flags/bh.svg.js";
+import * as fs from "../assets/flags/bi.svg.js";
+import * as es from "../assets/flags/bj.svg.js";
+import * as is from "../assets/flags/bl.svg.js";
+import * as ls from "../assets/flags/bm.svg.js";
+import * as ps from "../assets/flags/bn.svg.js";
+import * as vs from "../assets/flags/bo.svg.js";
+import * as ns from "../assets/flags/bq.svg.js";
+import * as cs from "../assets/flags/br.svg.js";
+import * as ds from "../assets/flags/bs.svg.js";
+import * as bs from "../assets/flags/bt.svg.js";
+import * as hs from "../assets/flags/bv.svg.js";
+import * as us from "../assets/flags/bw.svg.js";
+import * as xs from "../assets/flags/by.svg.js";
+import * as ws from "../assets/flags/bz.svg.js";
+import * as ys from "../assets/flags/ca.svg.js";
+import * as ks from "../assets/flags/cc.svg.js";
+import * as js from "../assets/flags/cd.svg.js";
+import * as zs from "../assets/flags/cefta.svg.js";
+import * as $s from "../assets/flags/cf.svg.js";
+import * as Cs from "../assets/flags/cg.svg.js";
+import * as Rs from "../assets/flags/ch.svg.js";
+import * as Ss from "../assets/flags/ci.svg.js";
+import * as qs from "../assets/flags/ck.svg.js";
+import * as Ds from "../assets/flags/cl.svg.js";
+import * as Is from "../assets/flags/cm.svg.js";
+import * as Os from "../assets/flags/cn.svg.js";
+import * as Ts from "../assets/flags/co.svg.js";
+import * as Ws from "../assets/flags/cp.svg.js";
+import * as Ls from "../assets/flags/cr.svg.js";
+import * as Es from "../assets/flags/cu.svg.js";
+import * as Fs from "../assets/flags/cv.svg.js";
+import * as Gs from "../assets/flags/cw.svg.js";
+import * as Hs from "../assets/flags/cx.svg.js";
+import * as Ms from "../assets/flags/cy.svg.js";
+import * as As from "../assets/flags/cz.svg.js";
+import * as Ns from "../assets/flags/de.svg.js";
+import * as Ps from "../assets/flags/dg.svg.js";
+import * as _s from "../assets/flags/dj.svg.js";
+import * as Bs from "../assets/flags/dk.svg.js";
+import * as Us from "../assets/flags/dm.svg.js";
+import * as Js from "../assets/flags/do.svg.js";
+import * as Ks from "../assets/flags/dz.svg.js";
+import * as Qs from "../assets/flags/eac.svg.js";
+import * as Vs from "../assets/flags/ec.svg.js";
+import * as Xs from "../assets/flags/ee.svg.js";
+import * as Ys from "../assets/flags/eg.svg.js";
+import * as Zs from "../assets/flags/eh.svg.js";
+import * as sa from "../assets/flags/er.svg.js";
+import * as aa from "../assets/flags/es-ct.svg.js";
+import * as ra from "../assets/flags/es-ga.svg.js";
+import * as oa from "../assets/flags/es-pv.svg.js";
+import * as ta from "../assets/flags/es.svg.js";
+import * as ga from "../assets/flags/et.svg.js";
+import * as ma from "../assets/flags/eu.svg.js";
+import * as fa from "../assets/flags/fi.svg.js";
+import * as ea from "../assets/flags/fj.svg.js";
+import * as ia from "../assets/flags/fk.svg.js";
+import * as la from "../assets/flags/fm.svg.js";
+import * as pa from "../assets/flags/fo.svg.js";
+import * as va from "../assets/flags/fr.svg.js";
+import * as na from "../assets/flags/ga.svg.js";
+import * as ca from "../assets/flags/gb-eng.svg.js";
+import * as da from "../assets/flags/gb-nir.svg.js";
+import * as ba from "../assets/flags/gb-sct.svg.js";
+import * as ha from "../assets/flags/gb-wls.svg.js";
+import * as ua from "../assets/flags/gb.svg.js";
+import * as xa from "../assets/flags/gd.svg.js";
+import * as wa from "../assets/flags/ge.svg.js";
+import * as ya from "../assets/flags/gf.svg.js";
+import * as ka from "../assets/flags/gg.svg.js";
+import * as ja from "../assets/flags/gh.svg.js";
+import * as za from "../assets/flags/gi.svg.js";
+import * as $a from "../assets/flags/gl.svg.js";
+import * as Ca from "../assets/flags/gm.svg.js";
+import * as Ra from "../assets/flags/gn.svg.js";
+import * as Sa from "../assets/flags/gp.svg.js";
+import * as qa from "../assets/flags/gq.svg.js";
+import * as Da from "../assets/flags/gr.svg.js";
+import * as Ia from "../assets/flags/gs.svg.js";
+import * as Oa from "../assets/flags/gt.svg.js";
+import * as Ta from "../assets/flags/gu.svg.js";
+import * as Wa from "../assets/flags/gw.svg.js";
+import * as La from "../assets/flags/gy.svg.js";
+import * as Ea from "../assets/flags/hk.svg.js";
+import * as Fa from "../assets/flags/hm.svg.js";
+import * as Ga from "../assets/flags/hn.svg.js";
+import * as Ha from "../assets/flags/hr.svg.js";
+import * as Ma from "../assets/flags/ht.svg.js";
+import * as Aa from "../assets/flags/hu.svg.js";
+import * as Na from "../assets/flags/ic.svg.js";
+import * as Pa from "../assets/flags/id.svg.js";
+import * as _a from "../assets/flags/ie.svg.js";
+import * as Ba from "../assets/flags/im.svg.js";
+import * as Ua from "../assets/flags/in.svg.js";
+import * as Ja from "../assets/flags/io.svg.js";
+import * as Ka from "../assets/flags/iq.svg.js";
+import * as Qa from "../assets/flags/ir.svg.js";
+import * as Va from "../assets/flags/is.svg.js";
+import * as Xa from "../assets/flags/it.svg.js";
+import * as Ya from "../assets/flags/je.svg.js";
+import * as Za from "../assets/flags/jm.svg.js";
+import * as sr from "../assets/flags/jo.svg.js";
+import * as ar from "../assets/flags/jp.svg.js";
+import * as rr from "../assets/flags/ke.svg.js";
+import * as or from "../assets/flags/kg.svg.js";
+import * as tr from "../assets/flags/kh.svg.js";
+import * as gr from "../assets/flags/ki.svg.js";
+import * as mr from "../assets/flags/km.svg.js";
+import * as fr from "../assets/flags/kn.svg.js";
+import * as er from "../assets/flags/kp.svg.js";
+import * as ir from "../assets/flags/kr.svg.js";
+import * as lr from "../assets/flags/kw.svg.js";
+import * as pr from "../assets/flags/ky.svg.js";
+import * as vr from "../assets/flags/kz.svg.js";
+import * as nr from "../assets/flags/la.svg.js";
+import * as cr from "../assets/flags/lb.svg.js";
+import * as dr from "../assets/flags/lc.svg.js";
+import * as br from "../assets/flags/li.svg.js";
+import * as hr from "../assets/flags/lk.svg.js";
+import * as ur from "../assets/flags/lr.svg.js";
+import * as xr from "../assets/flags/ls.svg.js";
+import * as wr from "../assets/flags/lt.svg.js";
+import * as yr from "../assets/flags/lu.svg.js";
+import * as kr from "../assets/flags/lv.svg.js";
+import * as jr from "../assets/flags/ly.svg.js";
+import * as zr from "../assets/flags/ma.svg.js";
+import * as $r from "../assets/flags/mc.svg.js";
+import * as Cr from "../assets/flags/md.svg.js";
+import * as Rr from "../assets/flags/me.svg.js";
+import * as Sr from "../assets/flags/mf.svg.js";
+import * as qr from "../assets/flags/mg.svg.js";
+import * as Dr from "../assets/flags/mh.svg.js";
+import * as Ir from "../assets/flags/mk.svg.js";
+import * as Or from "../assets/flags/ml.svg.js";
+import * as Tr from "../assets/flags/mm.svg.js";
+import * as Wr from "../assets/flags/mn.svg.js";
+import * as Lr from "../assets/flags/mo.svg.js";
+import * as Er from "../assets/flags/mp.svg.js";
+import * as Fr from "../assets/flags/mq.svg.js";
+import * as Gr from "../assets/flags/mr.svg.js";
+import * as Hr from "../assets/flags/ms.svg.js";
+import * as Mr from "../assets/flags/mt.svg.js";
+import * as Ar from "../assets/flags/mu.svg.js";
+import * as Nr from "../assets/flags/mv.svg.js";
+import * as Pr from "../assets/flags/mw.svg.js";
+import * as _r from "../assets/flags/mx.svg.js";
+import * as Br from "../assets/flags/my.svg.js";
+import * as Ur from "../assets/flags/mz.svg.js";
+import * as Jr from "../assets/flags/na.svg.js";
+import * as Kr from "../assets/flags/nc.svg.js";
+import * as Qr from "../assets/flags/ne.svg.js";
+import * as Vr from "../assets/flags/nf.svg.js";
+import * as Xr from "../assets/flags/ng.svg.js";
+import * as Yr from "../assets/flags/ni.svg.js";
+import * as Zr from "../assets/flags/nl.svg.js";
+import * as so from "../assets/flags/no.svg.js";
+import * as ao from "../assets/flags/np.svg.js";
+import * as ro from "../assets/flags/nr.svg.js";
+import * as oo from "../assets/flags/nu.svg.js";
+import * as to from "../assets/flags/nz.svg.js";
+import * as go from "../assets/flags/om.svg.js";
+import * as mo from "../assets/flags/pa.svg.js";
+import * as fo from "../assets/flags/pc.svg.js";
+import * as eo from "../assets/flags/pe.svg.js";
+import * as io from "../assets/flags/pf.svg.js";
+import * as lo from "../assets/flags/pg.svg.js";
+import * as po from "../assets/flags/ph.svg.js";
+import * as vo from "../assets/flags/pk.svg.js";
+import * as no from "../assets/flags/pl.svg.js";
+import * as co from "../assets/flags/pm.svg.js";
+import * as bo from "../assets/flags/pn.svg.js";
+import * as ho from "../assets/flags/pr.svg.js";
+import * as uo from "../assets/flags/ps.svg.js";
+import * as xo from "../assets/flags/pt.svg.js";
+import * as wo from "../assets/flags/pw.svg.js";
+import * as yo from "../assets/flags/py.svg.js";
+import * as ko from "../assets/flags/qa.svg.js";
+import * as jo from "../assets/flags/re.svg.js";
+import * as zo from "../assets/flags/ro.svg.js";
+import * as $o from "../assets/flags/rs.svg.js";
+import * as Co from "../assets/flags/ru.svg.js";
+import * as Ro from "../assets/flags/rw.svg.js";
+import * as So from "../assets/flags/sa.svg.js";
+import * as qo from "../assets/flags/sb.svg.js";
+import * as Do from "../assets/flags/sc.svg.js";
+import * as Io from "../assets/flags/sd.svg.js";
+import * as Oo from "../assets/flags/se.svg.js";
+import * as To from "../assets/flags/sg.svg.js";
+import * as Wo from "../assets/flags/sh-ac.svg.js";
+import * as Lo from "../assets/flags/sh-hl.svg.js";
+import * as Eo from "../assets/flags/sh-ta.svg.js";
+import * as Fo from "../assets/flags/sh.svg.js";
+import * as Go from "../assets/flags/si.svg.js";
+import * as Ho from "../assets/flags/sj.svg.js";
+import * as Mo from "../assets/flags/sk.svg.js";
+import * as Ao from "../assets/flags/sl.svg.js";
+import * as No from "../assets/flags/sm.svg.js";
+import * as Po from "../assets/flags/sn.svg.js";
+import * as _o from "../assets/flags/so.svg.js";
+import * as Bo from "../assets/flags/sr.svg.js";
+import * as Uo from "../assets/flags/ss.svg.js";
+import * as Jo from "../assets/flags/st.svg.js";
+import * as Ko from "../assets/flags/sv.svg.js";
+import * as Qo from "../assets/flags/sx.svg.js";
+import * as Vo from "../assets/flags/sy.svg.js";
+import * as Xo from "../assets/flags/sz.svg.js";
+import * as Yo from "../assets/flags/tc.svg.js";
+import * as Zo from "../assets/flags/td.svg.js";
+import * as st from "../assets/flags/tf.svg.js";
+import * as at from "../assets/flags/tg.svg.js";
+import * as rt from "../assets/flags/th.svg.js";
+import * as ot from "../assets/flags/tj.svg.js";
+import * as tt from "../assets/flags/tk.svg.js";
+import * as gt from "../assets/flags/tl.svg.js";
+import * as mt from "../assets/flags/tm.svg.js";
+import * as ft from "../assets/flags/tn.svg.js";
+import * as et from "../assets/flags/to.svg.js";
+import * as it from "../assets/flags/tr.svg.js";
+import * as lt from "../assets/flags/tt.svg.js";
+import * as pt from "../assets/flags/tv.svg.js";
+import * as vt from "../assets/flags/tw.svg.js";
+import * as nt from "../assets/flags/tz.svg.js";
+import * as ct from "../assets/flags/ua.svg.js";
+import * as dt from "../assets/flags/ug.svg.js";
+import * as bt from "../assets/flags/um.svg.js";
+import * as ht from "../assets/flags/un.svg.js";
+import * as ut from "../assets/flags/us.svg.js";
+import * as xt from "../assets/flags/uy.svg.js";
+import * as wt from "../assets/flags/uz.svg.js";
+import * as yt from "../assets/flags/va.svg.js";
+import * as kt from "../assets/flags/vc.svg.js";
+import * as jt from "../assets/flags/ve.svg.js";
+import * as zt from "../assets/flags/vg.svg.js";
+import * as $t from "../assets/flags/vi.svg.js";
+import * as Ct from "../assets/flags/vn.svg.js";
+import * as Rt from "../assets/flags/vu.svg.js";
+import * as St from "../assets/flags/wf.svg.js";
+import * as qt from "../assets/flags/ws.svg.js";
+import * as Dt from "../assets/flags/xk.svg.js";
+import * as It from "../assets/flags/xx.svg.js";
+import * as Ot from "../assets/flags/ye.svg.js";
+import * as Tt from "../assets/flags/yt.svg.js";
+import * as Wt from "../assets/flags/za.svg.js";
+import * as Lt from "../assets/flags/zm.svg.js";
+import * as Et from "../assets/flags/zw.svg.js";
+import { j as a } from "../_virtual/jsx-runtime.js";
+import { useState as d, useEffect as q, useRef as Ft } from "react";
+import { COUNTRIES as C } from "../constants/phone.constant.js";
+import { FiChevronDown as Gt } from "../node_modules/react-icons/fi/index.js";
+import f, { useTheme as Ht } from "styled-components";
+import { InputContainer as Mt } from "../styles/Input.styles.js";
+import D from "./Image.js";
+import At from "./InputLabel.js";
+import b from "../node_modules/react-bootstrap/esm/Dropdown.js";
+import Nt from "../node_modules/react-bootstrap/esm/FormControl.js";
+const Pt = f.div`
+  width: 1px;
+  background-color: ${({ theme: s, $error: o }) => o ? s.colors.state.error.n450 : s.colors.grey.n150};
+`, _t = f(Nt).attrs((s) => ({
+  size: s.$size === "sm" ? "sm" : s.$size === "lg" ? "lg" : void 0
+}))`
+  background: ${({ theme: s }) => s.colors.grey.n50};
+  color: ${({ theme: s }) => s.colors.grey.n650};
+  border-left: ${({ theme: s }) => `2px solid ${s.colors.grey.n150}`};
+  padding: ${({ $size: s }) => s === "sm" ? "0.375rem 0.75rem" : s === "lg" ? "0.75rem 1.25rem" : "0.5rem 1rem"};
+  font-size: ${({ $size: s }) => s === "sm" ? "0.875rem" : s === "lg" ? "1.25rem" : "1rem"};
+  width: 100%;
+  border-radius: ${({ theme: s, $disabled: o }) => o ? "0px" : s.borderRadius.lg};
+  border: none;
+  box-shadow: ${({ theme: s }) => s.boxShadow.s2};
+  height: 3.5rem;
+  &:focus {
+    box-shadow: ${({ theme: s }) => s.boxShadow.s1};
+    outline: none;
+  }
+
+  &:disabled {
+    background-color: ${({ theme: s }) => s.colors.grey.n150};
+    box-shadow: ${({ theme: s }) => s.boxShadow.s3};
+    color: ${({ theme: s }) => s.colors.grey.n300};
+  }
+`, Bt = f(b.Toggle)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: ${({ $size: s }) => s === "sm" ? "0.25rem 0.5rem" : s === "lg" ? "0.75rem 1rem" : "0.5rem 0.75rem"};
+  width: 120px;
+
+   border-top-${({ theme: s }) => s.dir === "rtl" ? "right" : "left"}-radius: ${({ theme: s }) => s.borderRadius.lg};
+  border-bottom-${({ theme: s }) => s.dir === "rtl" ? "right" : "left"}-radius: ${({ theme: s }) => s.borderRadius.lg};
+  border-top-${({ theme: s }) => s.dir === "rtl" ? "left" : "right"}-radius: 0;
+  border-bottom-${({ theme: s }) => s.dir === "rtl" ? "left" : "right"}-radius: 0;
+  border: none;
+  background-color: ${({ theme: s, $variant: o, $disabled: t }) => t ? s.colors.grey.n150 : o === "primary" ? s.colors.grey.n50 : s.colors.grey.n400};
+`, Ut = f(b.Menu)`
+  max-height: 300px;
+  overflow-y: auto;
+  background-color: ${({ theme: s }) => s.colors.grey.n50};
+  border-radius: ${({ theme: s }) => s.borderRadius.md};
+  padding: 0 10px;
+  border: ${({ theme: s }) => `2px solid ${s.colors.grey.n100}`};
+  width: ${({ $width: s }) => s}px !important;
+  margin-top: 2px;
+  margin-left: -1px;
+  z-index: 999;
+`, Jt = f(b.Item)`
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  color: ${({ theme: s }) => s.colors.grey.n650};
+  text-decoration: none;
+
+  &:hover,
+  &:active {
+    background-color: ${({ theme: s }) => s.colors.grey.n150};
+  }
+`, I = f.span`
+  font-size: 1.2em;
+`, Kt = ({
+  $size: s = "md",
+  $variant: o = "primary",
+  $selectedCountry: t,
+  onSelect: h,
+  $error: l,
+  $disabled: m,
+  placeholder: u,
+  onChange: x,
+  name: w = "",
+  value: g = "",
+  maxLength: y,
+  currentValue: k,
+  setCurrentValue: e
+}) => {
+  const [p, v] = d(!1), [j, O] = d(0);
+  q(() => {
+    e(g);
+  }, [g]), C.forEach((r) => {
+    var i;
+    const $ = (i = r.dialCode) == null ? void 0 : i.replace("+", "");
+    g != null && g.startsWith($) && e(g == null ? void 0 : g.replace($, ""));
+  });
+  const z = Ft(null), n = Ht();
+  q(() => {
+    z.current && O(z.current.offsetWidth);
+  }, [p]);
+  const R = (r) => {
+    h(r), v(!1), e(g);
+  }, T = l ? n.colors.state.error.n450 : n.colors.grey.n100, c = /* @__PURE__ */ Object.assign({ "../assets/flags/ad.svg": E, "../assets/flags/ae.svg": F, "../assets/flags/af.svg": G, "../assets/flags/ag.svg": H, "../assets/flags/ai.svg": M, "../assets/flags/al.svg": A, "../assets/flags/am.svg": N, "../assets/flags/ao.svg": P, "../assets/flags/aq.svg": _, "../assets/flags/ar.svg": B, "../assets/flags/arab.svg": U, "../assets/flags/as.svg": J, "../assets/flags/asean.svg": K, "../assets/flags/at.svg": Q, "../assets/flags/au.svg": V, "../assets/flags/aw.svg": X, "../assets/flags/ax.svg": Y, "../assets/flags/az.svg": Z, "../assets/flags/ba.svg": ss, "../assets/flags/bb.svg": as, "../assets/flags/bd.svg": rs, "../assets/flags/be.svg": os, "../assets/flags/bf.svg": ts, "../assets/flags/bg.svg": gs, "../assets/flags/bh.svg": ms, "../assets/flags/bi.svg": fs, "../assets/flags/bj.svg": es, "../assets/flags/bl.svg": is, "../assets/flags/bm.svg": ls, "../assets/flags/bn.svg": ps, "../assets/flags/bo.svg": vs, "../assets/flags/bq.svg": ns, "../assets/flags/br.svg": cs, "../assets/flags/bs.svg": ds, "../assets/flags/bt.svg": bs, "../assets/flags/bv.svg": hs, "../assets/flags/bw.svg": us, "../assets/flags/by.svg": xs, "../assets/flags/bz.svg": ws, "../assets/flags/ca.svg": ys, "../assets/flags/cc.svg": ks, "../assets/flags/cd.svg": js, "../assets/flags/cefta.svg": zs, "../assets/flags/cf.svg": $s, "../assets/flags/cg.svg": Cs, "../assets/flags/ch.svg": Rs, "../assets/flags/ci.svg": Ss, "../assets/flags/ck.svg": qs, "../assets/flags/cl.svg": Ds, "../assets/flags/cm.svg": Is, "../assets/flags/cn.svg": Os, "../assets/flags/co.svg": Ts, "../assets/flags/cp.svg": Ws, "../assets/flags/cr.svg": Ls, "../assets/flags/cu.svg": Es, "../assets/flags/cv.svg": Fs, "../assets/flags/cw.svg": Gs, "../assets/flags/cx.svg": Hs, "../assets/flags/cy.svg": Ms, "../assets/flags/cz.svg": As, "../assets/flags/de.svg": Ns, "../assets/flags/dg.svg": Ps, "../assets/flags/dj.svg": _s, "../assets/flags/dk.svg": Bs, "../assets/flags/dm.svg": Us, "../assets/flags/do.svg": Js, "../assets/flags/dz.svg": Ks, "../assets/flags/eac.svg": Qs, "../assets/flags/ec.svg": Vs, "../assets/flags/ee.svg": Xs, "../assets/flags/eg.svg": Ys, "../assets/flags/eh.svg": Zs, "../assets/flags/er.svg": sa, "../assets/flags/es-ct.svg": aa, "../assets/flags/es-ga.svg": ra, "../assets/flags/es-pv.svg": oa, "../assets/flags/es.svg": ta, "../assets/flags/et.svg": ga, "../assets/flags/eu.svg": ma, "../assets/flags/fi.svg": fa, "../assets/flags/fj.svg": ea, "../assets/flags/fk.svg": ia, "../assets/flags/fm.svg": la, "../assets/flags/fo.svg": pa, "../assets/flags/fr.svg": va, "../assets/flags/ga.svg": na, "../assets/flags/gb-eng.svg": ca, "../assets/flags/gb-nir.svg": da, "../assets/flags/gb-sct.svg": ba, "../assets/flags/gb-wls.svg": ha, "../assets/flags/gb.svg": ua, "../assets/flags/gd.svg": xa, "../assets/flags/ge.svg": wa, "../assets/flags/gf.svg": ya, "../assets/flags/gg.svg": ka, "../assets/flags/gh.svg": ja, "../assets/flags/gi.svg": za, "../assets/flags/gl.svg": $a, "../assets/flags/gm.svg": Ca, "../assets/flags/gn.svg": Ra, "../assets/flags/gp.svg": Sa, "../assets/flags/gq.svg": qa, "../assets/flags/gr.svg": Da, "../assets/flags/gs.svg": Ia, "../assets/flags/gt.svg": Oa, "../assets/flags/gu.svg": Ta, "../assets/flags/gw.svg": Wa, "../assets/flags/gy.svg": La, "../assets/flags/hk.svg": Ea, "../assets/flags/hm.svg": Fa, "../assets/flags/hn.svg": Ga, "../assets/flags/hr.svg": Ha, "../assets/flags/ht.svg": Ma, "../assets/flags/hu.svg": Aa, "../assets/flags/ic.svg": Na, "../assets/flags/id.svg": Pa, "../assets/flags/ie.svg": _a, "../assets/flags/im.svg": Ba, "../assets/flags/in.svg": Ua, "../assets/flags/io.svg": Ja, "../assets/flags/iq.svg": Ka, "../assets/flags/ir.svg": Qa, "../assets/flags/is.svg": Va, "../assets/flags/it.svg": Xa, "../assets/flags/je.svg": Ya, "../assets/flags/jm.svg": Za, "../assets/flags/jo.svg": sr, "../assets/flags/jp.svg": ar, "../assets/flags/ke.svg": rr, "../assets/flags/kg.svg": or, "../assets/flags/kh.svg": tr, "../assets/flags/ki.svg": gr, "../assets/flags/km.svg": mr, "../assets/flags/kn.svg": fr, "../assets/flags/kp.svg": er, "../assets/flags/kr.svg": ir, "../assets/flags/kw.svg": lr, "../assets/flags/ky.svg": pr, "../assets/flags/kz.svg": vr, "../assets/flags/la.svg": nr, "../assets/flags/lb.svg": cr, "../assets/flags/lc.svg": dr, "../assets/flags/li.svg": br, "../assets/flags/lk.svg": hr, "../assets/flags/lr.svg": ur, "../assets/flags/ls.svg": xr, "../assets/flags/lt.svg": wr, "../assets/flags/lu.svg": yr, "../assets/flags/lv.svg": kr, "../assets/flags/ly.svg": jr, "../assets/flags/ma.svg": zr, "../assets/flags/mc.svg": $r, "../assets/flags/md.svg": Cr, "../assets/flags/me.svg": Rr, "../assets/flags/mf.svg": Sr, "../assets/flags/mg.svg": qr, "../assets/flags/mh.svg": Dr, "../assets/flags/mk.svg": Ir, "../assets/flags/ml.svg": Or, "../assets/flags/mm.svg": Tr, "../assets/flags/mn.svg": Wr, "../assets/flags/mo.svg": Lr, "../assets/flags/mp.svg": Er, "../assets/flags/mq.svg": Fr, "../assets/flags/mr.svg": Gr, "../assets/flags/ms.svg": Hr, "../assets/flags/mt.svg": Mr, "../assets/flags/mu.svg": Ar, "../assets/flags/mv.svg": Nr, "../assets/flags/mw.svg": Pr, "../assets/flags/mx.svg": _r, "../assets/flags/my.svg": Br, "../assets/flags/mz.svg": Ur, "../assets/flags/na.svg": Jr, "../assets/flags/nc.svg": Kr, "../assets/flags/ne.svg": Qr, "../assets/flags/nf.svg": Vr, "../assets/flags/ng.svg": Xr, "../assets/flags/ni.svg": Yr, "../assets/flags/nl.svg": Zr, "../assets/flags/no.svg": so, "../assets/flags/np.svg": ao, "../assets/flags/nr.svg": ro, "../assets/flags/nu.svg": oo, "../assets/flags/nz.svg": to, "../assets/flags/om.svg": go, "../assets/flags/pa.svg": mo, "../assets/flags/pc.svg": fo, "../assets/flags/pe.svg": eo, "../assets/flags/pf.svg": io, "../assets/flags/pg.svg": lo, "../assets/flags/ph.svg": po, "../assets/flags/pk.svg": vo, "../assets/flags/pl.svg": no, "../assets/flags/pm.svg": co, "../assets/flags/pn.svg": bo, "../assets/flags/pr.svg": ho, "../assets/flags/ps.svg": uo, "../assets/flags/pt.svg": xo, "../assets/flags/pw.svg": wo, "../assets/flags/py.svg": yo, "../assets/flags/qa.svg": ko, "../assets/flags/re.svg": jo, "../assets/flags/ro.svg": zo, "../assets/flags/rs.svg": $o, "../assets/flags/ru.svg": Co, "../assets/flags/rw.svg": Ro, "../assets/flags/sa.svg": So, "../assets/flags/sb.svg": qo, "../assets/flags/sc.svg": Do, "../assets/flags/sd.svg": Io, "../assets/flags/se.svg": Oo, "../assets/flags/sg.svg": To, "../assets/flags/sh-ac.svg": Wo, "../assets/flags/sh-hl.svg": Lo, "../assets/flags/sh-ta.svg": Eo, "../assets/flags/sh.svg": Fo, "../assets/flags/si.svg": Go, "../assets/flags/sj.svg": Ho, "../assets/flags/sk.svg": Mo, "../assets/flags/sl.svg": Ao, "../assets/flags/sm.svg": No, "../assets/flags/sn.svg": Po, "../assets/flags/so.svg": _o, "../assets/flags/sr.svg": Bo, "../assets/flags/ss.svg": Uo, "../assets/flags/st.svg": Jo, "../assets/flags/sv.svg": Ko, "../assets/flags/sx.svg": Qo, "../assets/flags/sy.svg": Vo, "../assets/flags/sz.svg": Xo, "../assets/flags/tc.svg": Yo, "../assets/flags/td.svg": Zo, "../assets/flags/tf.svg": st, "../assets/flags/tg.svg": at, "../assets/flags/th.svg": rt, "../assets/flags/tj.svg": ot, "../assets/flags/tk.svg": tt, "../assets/flags/tl.svg": gt, "../assets/flags/tm.svg": mt, "../assets/flags/tn.svg": ft, "../assets/flags/to.svg": et, "../assets/flags/tr.svg": it, "../assets/flags/tt.svg": lt, "../assets/flags/tv.svg": pt, "../assets/flags/tw.svg": vt, "../assets/flags/tz.svg": nt, "../assets/flags/ua.svg": ct, "../assets/flags/ug.svg": dt, "../assets/flags/um.svg": bt, "../assets/flags/un.svg": ht, "../assets/flags/us.svg": ut, "../assets/flags/uy.svg": xt, "../assets/flags/uz.svg": wt, "../assets/flags/va.svg": yt, "../assets/flags/vc.svg": kt, "../assets/flags/ve.svg": jt, "../assets/flags/vg.svg": zt, "../assets/flags/vi.svg": $t, "../assets/flags/vn.svg": Ct, "../assets/flags/vu.svg": Rt, "../assets/flags/wf.svg": St, "../assets/flags/ws.svg": qt, "../assets/flags/xk.svg": Dt, "../assets/flags/xx.svg": It, "../assets/flags/ye.svg": Ot, "../assets/flags/yt.svg": Tt, "../assets/flags/za.svg": Wt, "../assets/flags/zm.svg": Lt, "../assets/flags/zw.svg": Et }), W = c[`../assets/flags/${t == null ? void 0 : t.code.toLowerCase()}.svg`].default, L = (r) => c[`../assets/flags/${r == null ? void 0 : r.toLowerCase()}.svg`] ? c[`../assets/flags/${r == null ? void 0 : r.toLowerCase()}.svg`].default : c["../assets/flags/default.svg"];
+  return /* @__PURE__ */ a.jsxs(
+    b,
+    {
+      autoClose: !0,
+      onToggle: v,
+      style: {
+        border: `1px solid ${m ? n.colors.grey.n150 : T}`,
+        borderRadius: n.borderRadius.lg
+      },
+      children: [
+        /* @__PURE__ */ a.jsxs("div", { style: { display: "flex" }, ref: z, children: [
+          /* @__PURE__ */ a.jsxs(
+            Bt,
+            {
+              $variant: o,
+              $size: s,
+              $selectedCountry: t,
+              onSelect: R,
+              disabled: m,
+              $disabled: m,
+              children: [
+                /* @__PURE__ */ a.jsx(I, { children: /* @__PURE__ */ a.jsx(D, { src: W, alt: "LOGO", ratio: "2:1", height: 30, borderRadius: 15, width: 30 }) }),
+                /* @__PURE__ */ a.jsx("span", { children: t.dialCode }),
+                /* @__PURE__ */ a.jsx(Gt, { size: 14 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a.jsx(Pt, { $error: l }),
+          /* @__PURE__ */ a.jsx(
+            _t,
+            {
+              disabled: m,
+              $disabled: m,
+              type: "text",
+              placeholder: u,
+              $size: s,
+              $variant: o,
+              $fullWidth: !0,
+              value: k,
+              onChange: (r) => {
+                var S;
+                const i = r.target.value.replace(/\D/g, "");
+                e(i), x(((S = t.dialCode) == null ? void 0 : S.replace("+", "")) + i);
+              },
+              name: w,
+              maxLength: y
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a.jsxs(Ut, { hidden: !p, $width: j, children: [
+          /* @__PURE__ */ a.jsx("div", { style: { padding: "10px 0" }, children: "Select an option" }),
+          C.map((r) => /* @__PURE__ */ a.jsxs(Jt, { onClick: () => R(r), active: t.code === r.code, children: [
+            /* @__PURE__ */ a.jsx(I, { children: /* @__PURE__ */ a.jsx(D, { src: L(r.code), alt: "LOGO", ratio: "2:1", height: 30, borderRadius: 15, width: 30 }) }),
+            /* @__PURE__ */ a.jsx("span", { style: { marginRight: "1rem", fontWeight: "bold", width: "35px" }, children: r.dialCode }),
+            /* @__PURE__ */ a.jsx("span", { children: r.name })
+          ] }, r.code))
+        ] })
+      ]
+    }
+  );
+}, Qt = f.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: s }) => s.spacing.xxs};
+  font-size: ${({ theme: s }) => s.typography.sizes.s3};
+  color: ${({ error: s }) => s ? ({ theme: o }) => o.colors.state.error.n450 : ({ theme: o }) => o.colors.grey.n400};
+  margin-top: ${({ theme: s }) => s.spacing.xxs};
+  flex-direction: ${({ theme: s }) => s.dir === "rtl" ? "row-reverse" : "row"};
+  justify-content: ${({ theme: s }) => s.dir === "rtl" ? "flex-end" : "flex-start"};
+  text-align: ${({ theme: s }) => s.dir === "rtl" ? "right" : "left"};
+`, mg = ({
+  label: s,
+  value: o,
+  error: t,
+  disabled: h,
+  placeholder: l,
+  optional: m = !1,
+  onChange: u,
+  name: x = "",
+  maxLength: w
+}) => {
+  const g = C.find((j) => j.code === "SA"), [y, k] = d(g), [e, p] = d(o), v = () => t ? /* @__PURE__ */ a.jsx(Qt, { error: t, children: t }) : null;
+  return /* @__PURE__ */ a.jsxs(Mt, { children: [
+    /* @__PURE__ */ a.jsx(At, { label: s, optional: m }),
+    /* @__PURE__ */ a.jsx(
+      Kt,
+      {
+        $selectedCountry: y,
+        onSelect: k,
+        $variant: "primary",
+        $error: t,
+        $disabled: h,
+        placeholder: l,
+        onChange: u,
+        name: x,
+        value: o,
+        maxLength: w,
+        currentValue: e,
+        setCurrentValue: p
+      }
+    ),
+    v()
+  ] });
+};
+export {
+  Qt as HelperTextWrapper,
+  Pt as VerticalSeparator,
+  mg as default
+};

package/dist/components/PriceAmount.d.ts

@@ -0,0 +1,7 @@
+export type PriceAmountProps = {
+    amount: string;
+    period?: string;
+};
+declare const PriceAmount: (props: PriceAmountProps) => import("react/jsx-runtime").JSX.Element;
+export default PriceAmount;
+//# sourceMappingURL=PriceAmount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceAmount.d.ts","sourceRoot":"","sources":["../../src/lib/components/PriceAmount.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,gBAAgB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAcnE,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAe3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/PriceAmount.js

@@ -0,0 +1,28 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import e from "styled-components";
+import a from "../assets/svg/Riyal.svg.js";
+import m from "./Image.js";
+import t from "./Typography.js";
+const s = e.div`
+  display: flex;
+  align-items: end;
+  gap: 0.2rem;
+  caption {
+    margin-bottom: 0.2rem;
+  }
+`, l = e.div`
+  text-align: center;
+`, x = (o) => {
+  const { amount: n, period: i } = o;
+  return /* @__PURE__ */ r.jsxs(s, { children: [
+    /* @__PURE__ */ r.jsx(l, { children: /* @__PURE__ */ r.jsx(m, { src: a, alt: "Saudi Riyal", width: ".8rem", height: ".9rem" }) }),
+    /* @__PURE__ */ r.jsx(t, { weight: "bold", children: n }),
+    i && /* @__PURE__ */ r.jsxs(t, { variant: "caption", weight: "regular", children: [
+      "/ ",
+      i
+    ] })
+  ] });
+};
+export {
+  x as default
+};

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+export type ProgressBarProps = {
+    $filledPercentage: number;
+};
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/lib/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAsDF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAM3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ProgressBar.js

@@ -0,0 +1,47 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import o from "styled-components";
+const i = o.div`
+  width: 100%;
+  //TODO: WHEN SIZE IS SMALL:  height: 8px;
+  min-height: 12px;
+  height: 12px;
+  background: ${({ theme: r }) => `${r.colors.grey.n250}`};
+  position: relative;
+  overflow: hidden;
+`, s = o.div`
+  background: ${({ theme: r }) => `${r.colors.primary.purple.n500}`};
+  width: ${({ $filledPercentage: r }) => r}%;
+  height: 100%;
+  position: relative;
+  transition: width 0.3s ease;
+  top: 0;
+  left: 0;
+  //TODO: CHECK THIS
+  ${({ theme: r }) => r.dir === "rtl" && `
+  left: auto;
+  right: 0;
+`}
+`, e = o.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translateX(50%);
+  width: 0;
+  height: 0;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-top: ${({ theme: r }) => `12px solid ${r.colors.primary.purple.n500}`};
+  //TODO: CHECK THIS
+
+  ${({ theme: r }) => {
+  if (r.dir === "rtl")
+    return `
+         right: auto;
+         left: 0;
+         transform: translateX(-50%);
+          `;
+}}
+`, d = ({ $filledPercentage: r }) => /* @__PURE__ */ t.jsx(i, { children: /* @__PURE__ */ t.jsx(s, { $filledPercentage: r, children: r > 0 && /* @__PURE__ */ t.jsx(e, {}) }) });
+export {
+  d as default
+};

package/dist/components/QuickActionItem.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { LinkProps } from './Link';
+export type QuickAction = {
+    id: string | number;
+    title: string;
+    leftIcon?: React.ReactNode;
+    rightAdornment?: React.ReactNode;
+    disabled?: boolean;
+    linkProps?: LinkProps;
+    onClick?: () => void;
+    className?: string;
+    draggable?: boolean;
+};
+export type QuickActionsSection = {
+    title?: string;
+    items: QuickAction[];
+    maxVisible?: number;
+};
+export type QuickActionsGroupProps = {
+    sections: QuickActionsSection[];
+    gap?: 'xs' | 's' | 'm' | 'l';
+    className?: string;
+};
+declare const QuickActionsGroup: React.FC<QuickActionsGroupProps>;
+export default QuickActionsGroup;
+//# sourceMappingURL=QuickActionItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActionItem.d.ts","sourceRoot":"","sources":["../../src/lib/components/QuickActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,GAAG,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmIF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmBvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}