@clasing/ui 0.1.129 → 0.1.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{button-DcSOP6sn.js → button-BVN4jg0O.js} +74 -74
- package/dist/{button-Ha5yZjbm.cjs → button-DVFHfLyC.cjs} +1 -1
- package/dist/components/alert-dialog.cjs.js +1 -1
- package/dist/components/alert-dialog.es.js +1 -1
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/phone-input.cjs.js +1 -1
- package/dist/components/phone-input.d.ts +1 -1
- package/dist/components/phone-input.es.js +114 -113
- package/dist/ui.css +2 -0
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-DywqP_6a.js";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as g } from "./index-CRiPKpXj.js";
|
|
3
3
|
import { Slot as q } from "@radix-ui/react-slot";
|
|
4
4
|
import { c as v } from "./index-BqtVL8d-.js";
|
|
5
|
-
import
|
|
6
|
-
import { I as
|
|
7
|
-
import { b as
|
|
8
|
-
const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",
|
|
5
|
+
import l from "react";
|
|
6
|
+
import { I as o } from "./icon-component-CxQsODCa.js";
|
|
7
|
+
import { b as j, T as N, c as I, a as V } from "./tooltip-BnIdKYZi.js";
|
|
8
|
+
const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", E = v(f, {
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
11
|
// Variantes de botón sólido
|
|
@@ -128,7 +128,7 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
128
128
|
rounded: "full",
|
|
129
129
|
iconPosition: "left"
|
|
130
130
|
}
|
|
131
|
-
}),
|
|
131
|
+
}), F = v(`${f} cursor-default`, {
|
|
132
132
|
variants: {
|
|
133
133
|
variant: {
|
|
134
134
|
primary: ["bg-primary-800 text-white outline-transparent"],
|
|
@@ -239,7 +239,7 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
239
239
|
rounded: "full",
|
|
240
240
|
iconPosition: "left"
|
|
241
241
|
}
|
|
242
|
-
}),
|
|
242
|
+
}), M = v(f, {
|
|
243
243
|
variants: {
|
|
244
244
|
variant: {
|
|
245
245
|
primary: ["bg-primary-800 text-white outline-transparent"],
|
|
@@ -350,26 +350,26 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
350
350
|
rounded: "full",
|
|
351
351
|
iconPosition: "left"
|
|
352
352
|
}
|
|
353
|
-
}),
|
|
353
|
+
}), R = l.forwardRef(
|
|
354
354
|
({
|
|
355
|
-
className:
|
|
356
|
-
variant:
|
|
355
|
+
className: d,
|
|
356
|
+
variant: c,
|
|
357
357
|
size: i,
|
|
358
|
-
weight:
|
|
359
|
-
rounded:
|
|
360
|
-
children:
|
|
358
|
+
weight: m,
|
|
359
|
+
rounded: b,
|
|
360
|
+
children: r,
|
|
361
361
|
iconName: n,
|
|
362
|
-
iconText:
|
|
363
|
-
iconPosition:
|
|
364
|
-
isLoading:
|
|
362
|
+
iconText: h,
|
|
363
|
+
iconPosition: y = "left",
|
|
364
|
+
isLoading: s,
|
|
365
365
|
isActive: S,
|
|
366
366
|
disabled: w,
|
|
367
|
-
tooltip:
|
|
367
|
+
tooltip: p,
|
|
368
368
|
tooltipPlacement: z = "top",
|
|
369
369
|
asChild: k,
|
|
370
|
-
...
|
|
371
|
-
},
|
|
372
|
-
const
|
|
370
|
+
...B
|
|
371
|
+
}, C) => {
|
|
372
|
+
const T = k ? q : "button", e = l.useMemo(() => !r && n || y === "only" ? "only" : y, [r, n, y]), a = l.useMemo(() => n ? typeof n == "string" ? { name: n } : n : null, [n]), x = e === "only" ? {
|
|
373
373
|
xl: "min-w-6 h-6",
|
|
374
374
|
lg: "min-w-6 h-6",
|
|
375
375
|
md: "min-w-5 h-5",
|
|
@@ -381,20 +381,20 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
381
381
|
md: "min-w-4 h-4",
|
|
382
382
|
sm: "min-w-4 h-4",
|
|
383
383
|
xs: "min-w-3.5 h-3.5"
|
|
384
|
-
},
|
|
384
|
+
}, P = /* @__PURE__ */ t.jsx(t.Fragment, { children: e === "only" ? (
|
|
385
385
|
// Renderizado para modo icon-only
|
|
386
|
-
/* @__PURE__ */ t.jsx(t.Fragment, { children:
|
|
387
|
-
|
|
386
|
+
/* @__PURE__ */ t.jsx(t.Fragment, { children: s ? /* @__PURE__ */ t.jsx(
|
|
387
|
+
o,
|
|
388
388
|
{
|
|
389
389
|
iconName: "IconLoader2",
|
|
390
|
-
className:
|
|
390
|
+
className: g("animate-spin", x[i || "xl"])
|
|
391
391
|
}
|
|
392
392
|
) : a && /* @__PURE__ */ t.jsx(
|
|
393
|
-
|
|
393
|
+
o,
|
|
394
394
|
{
|
|
395
395
|
iconName: a.name,
|
|
396
396
|
stroke: a.stroke,
|
|
397
|
-
iconText:
|
|
397
|
+
iconText: h,
|
|
398
398
|
size: 24
|
|
399
399
|
}
|
|
400
400
|
) })
|
|
@@ -404,12 +404,12 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
404
404
|
/* @__PURE__ */ t.jsx(
|
|
405
405
|
"span",
|
|
406
406
|
{
|
|
407
|
-
className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${
|
|
407
|
+
className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s ? "visible opacity-100" : "invisible opacity-0"}`,
|
|
408
408
|
children: /* @__PURE__ */ t.jsx(
|
|
409
|
-
|
|
409
|
+
o,
|
|
410
410
|
{
|
|
411
411
|
iconName: "IconLoader2",
|
|
412
|
-
className:
|
|
412
|
+
className: g("animate-spin", x[i || "xl"])
|
|
413
413
|
}
|
|
414
414
|
)
|
|
415
415
|
}
|
|
@@ -417,94 +417,94 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
|
|
|
417
417
|
/* @__PURE__ */ t.jsxs(
|
|
418
418
|
"span",
|
|
419
419
|
{
|
|
420
|
-
className:
|
|
420
|
+
className: g(
|
|
421
421
|
"flex items-center justify-center gap-2",
|
|
422
|
-
|
|
422
|
+
s ? "invisible opacity-0" : "visible opacity-100"
|
|
423
423
|
),
|
|
424
424
|
children: [
|
|
425
425
|
a && e === "left" && /* @__PURE__ */ t.jsx(
|
|
426
|
-
|
|
426
|
+
o,
|
|
427
427
|
{
|
|
428
428
|
iconName: a.name,
|
|
429
|
-
iconText:
|
|
429
|
+
iconText: h,
|
|
430
430
|
stroke: a.stroke,
|
|
431
|
-
className:
|
|
431
|
+
className: x[i || "xl"]
|
|
432
432
|
}
|
|
433
433
|
),
|
|
434
|
-
|
|
434
|
+
r,
|
|
435
435
|
a && e === "right" && /* @__PURE__ */ t.jsx(
|
|
436
|
-
|
|
436
|
+
o,
|
|
437
437
|
{
|
|
438
438
|
iconName: a.name,
|
|
439
|
-
iconText:
|
|
439
|
+
iconText: h,
|
|
440
440
|
stroke: a.stroke,
|
|
441
|
-
className:
|
|
441
|
+
className: x[i || "xl"]
|
|
442
442
|
}
|
|
443
443
|
)
|
|
444
444
|
]
|
|
445
445
|
}
|
|
446
446
|
)
|
|
447
447
|
] })
|
|
448
|
-
) }),
|
|
449
|
-
|
|
448
|
+
) }), u = /* @__PURE__ */ t.jsx(
|
|
449
|
+
T,
|
|
450
450
|
{
|
|
451
|
-
ref:
|
|
452
|
-
className:
|
|
453
|
-
|
|
454
|
-
variant:
|
|
455
|
-
weight:
|
|
451
|
+
ref: C,
|
|
452
|
+
className: g(
|
|
453
|
+
s ? F({
|
|
454
|
+
variant: c,
|
|
455
|
+
weight: m,
|
|
456
456
|
size: i,
|
|
457
|
-
rounded:
|
|
457
|
+
rounded: b,
|
|
458
458
|
iconPosition: e,
|
|
459
|
-
className:
|
|
460
|
-
}) : S ?
|
|
461
|
-
variant:
|
|
462
|
-
weight:
|
|
459
|
+
className: d
|
|
460
|
+
}) : S ? M({
|
|
461
|
+
variant: c,
|
|
462
|
+
weight: m,
|
|
463
463
|
size: i,
|
|
464
|
-
rounded:
|
|
464
|
+
rounded: b,
|
|
465
465
|
iconPosition: e,
|
|
466
|
-
className:
|
|
467
|
-
}) :
|
|
468
|
-
variant:
|
|
469
|
-
weight:
|
|
466
|
+
className: d
|
|
467
|
+
}) : E({
|
|
468
|
+
variant: c,
|
|
469
|
+
weight: m,
|
|
470
470
|
size: i,
|
|
471
|
-
rounded:
|
|
471
|
+
rounded: b,
|
|
472
472
|
iconPosition: e,
|
|
473
|
-
className:
|
|
473
|
+
className: d
|
|
474
474
|
})
|
|
475
475
|
),
|
|
476
|
-
disabled: w ||
|
|
477
|
-
...
|
|
478
|
-
children: k ? l :
|
|
476
|
+
disabled: w || s,
|
|
477
|
+
...B,
|
|
478
|
+
children: k ? l.isValidElement(r) ? l.cloneElement(r, {}, P) : r : P
|
|
479
479
|
}
|
|
480
480
|
);
|
|
481
|
-
return
|
|
482
|
-
/* @__PURE__ */ t.jsx(
|
|
481
|
+
return p && (w || s) ? /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsxs(N, { children: [
|
|
482
|
+
/* @__PURE__ */ t.jsx(I, { asChild: e === "only", children: e === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: u }) : u }),
|
|
483
483
|
/* @__PURE__ */ t.jsx(
|
|
484
|
-
|
|
484
|
+
V,
|
|
485
485
|
{
|
|
486
486
|
side: z,
|
|
487
487
|
className: "text-muted-foreground",
|
|
488
|
-
children:
|
|
488
|
+
children: p
|
|
489
489
|
}
|
|
490
490
|
)
|
|
491
|
-
] }) }) :
|
|
492
|
-
/* @__PURE__ */ t.jsx(
|
|
491
|
+
] }) }) : p ? /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsxs(N, { children: [
|
|
492
|
+
/* @__PURE__ */ t.jsx(I, { asChild: e === "only", children: u }),
|
|
493
493
|
/* @__PURE__ */ t.jsx(
|
|
494
|
-
|
|
494
|
+
V,
|
|
495
495
|
{
|
|
496
496
|
side: z,
|
|
497
497
|
className: "text-muted-foreground",
|
|
498
|
-
children:
|
|
498
|
+
children: p
|
|
499
499
|
}
|
|
500
500
|
)
|
|
501
|
-
] }) }) :
|
|
501
|
+
] }) }) : u;
|
|
502
502
|
}
|
|
503
503
|
);
|
|
504
|
-
|
|
504
|
+
R.displayName = "Button";
|
|
505
505
|
export {
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
506
|
+
R as B,
|
|
507
|
+
F as a,
|
|
508
|
+
M as b,
|
|
509
|
+
E as c
|
|
510
510
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-CEDi24JD.cjs"),
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-CEDi24JD.cjs"),g=require("./index-DoxiiusW.cjs"),V=require("@radix-ui/react-slot"),f=require("./index-C8P6Mn4U.cjs"),l=require("react"),x=require("./icon-component-DuSAouum.cjs"),i=require("./tooltip-CqOXzvfb.cjs"),j="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",E=f.cva(j,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),R=f.cva(`${j} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=f.cva(j,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),q=l.forwardRef(({className:m,variant:d,size:s,weight:b,rounded:h,children:a,iconName:r,iconText:y,iconPosition:v="left",isLoading:o,isActive:I,disabled:w,tooltip:p,tooltipPlacement:z="top",asChild:P,...S},N)=>{const T=P?V.Slot:"button",e=l.useMemo(()=>!a&&r||v==="only"?"only":v,[a,r,v]),n=l.useMemo(()=>r?typeof r=="string"?{name:r}:r:null,[r]),u=e==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},k=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:o?t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:"IconLoader2",className:g.cn("animate-spin",u[s||"xl"])}):n&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,stroke:n.stroke,iconText:y,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${o?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:"IconLoader2",className:g.cn("animate-spin",u[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:g.cn("flex items-center justify-center gap-2",o?"invisible opacity-0":"visible opacity-100"),children:[n&&e==="left"&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,iconText:y,stroke:n.stroke,className:u[s||"xl"]}),a,n&&e==="right"&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,iconText:y,stroke:n.stroke,className:u[s||"xl"]})]})]})}),c=t.jsxRuntimeExports.jsx(T,{ref:N,className:g.cn(o?R({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m}):I?C({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m}):E({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m})),disabled:w||o,...S,children:P?l.isValidElement(a)?l.cloneElement(a,{},k):a:k});return p&&(w||o)?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:e==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:c}):c}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:p})]})}):p?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:c}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:p})]})}):c});q.displayName="Button";exports.Button=q;exports.buttonActiveStyles=C;exports.buttonLoadingStyles=R;exports.buttonStyles=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-CEDi24JD.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-CEDi24JD.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-DVFHfLyC.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-DywqP_6a.js";
|
|
2
2
|
import * as o from "@radix-ui/react-alert-dialog";
|
|
3
|
-
import { c as r } from "../button-
|
|
3
|
+
import { c as r } from "../button-BVN4jg0O.js";
|
|
4
4
|
import { c as l } from "../index-CRiPKpXj.js";
|
|
5
5
|
function g({
|
|
6
6
|
...t
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-DVFHfLyC.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-CEDi24JD.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-CEDi24JD.cjs"),S=require("react"),I=require("react-phone-number-input"),q=require("react-phone-number-input/flags"),w=require("react-phone-number-input/locale/en"),P=require("react-phone-number-input/locale/es"),O=require("react-phone-number-input/locale/fr"),p=require("../command-8g6GQBZ9.cjs"),_=require("../input-DHz92pYC.cjs"),T=require("../label-DzIkWgU7.cjs"),h=require("../popover-DuG87bap.cjs"),k=require("../scroll-area-DWxaYCKb.cjs"),m=require("../index-DoxiiusW.cjs"),y=require("../icon-component-DuSAouum.cjs");function C(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const f=C(S),E=C(I),N=f.forwardRef(({className:t,onChange:n,value:s,size:o="md",rounded:r="default",label:a,helperText:c,locale:x="en",error:l,touched:d,...i},g)=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[a&&e.jsxRuntimeExports.jsx(T.Label,{htmlFor:i.id,className:m.cn({"text-neutral-700":i.disabled}),children:a}),e.jsxRuntimeExports.jsx(E.default,{ref:g,className:m.cn("flex",t),flagComponent:R,countrySelectComponent:A,inputComponent:v,smartCaret:!1,labels:x==="es"?P:x==="fr"?O:w,value:s||void 0,onChange:j=>n?.(j||""),countrySelectProps:{size:o,rounded:r,error:l,touched:d},numberInputProps:{size:o,rounded:r,error:l,touched:d},...i}),l&&d?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md -mt-1",children:l}):c?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-helper-text`,className:m.cn("text-label-md -mt-1",{"text-muted-foreground":!l&&!d,"text-destructive":l&&d,"text-neutral-700":i.disabled}),children:c}):null]}));N.displayName="PhoneInput";const v=f.forwardRef(({className:t,rounded:n="default",error:s,touched:o,size:r,...a},c)=>{const{"data-country":x,...l}=a;return e.jsxRuntimeExports.jsx(_.Input,{size:r,containerClassName:"w-full",className:m.cn("w-full",{"border-destructive":s&&o,"border-blue-800":o&&!s,"rounded-s-none rounded-e-lg":n!=="full","rounded-s-none rounded-e-full":n==="full","rounded-e-sm":r==="sm","rounded-e-md":r==="md","rounded-e-lg":r==="lg"},t),...l,ref:c})});v.displayName="InputComponent";const A=({disabled:t,value:n,options:s,onChange:o,size:r="md",rounded:a="default",error:c,touched:x})=>{const l=f.useRef(null),[d,i]=f.useState(""),[g,j]=f.useState(!1);return e.jsxRuntimeExports.jsxs(h.Popover,{open:g,modal:!0,onOpenChange:u=>{j(u),u&&i("")},children:[e.jsxRuntimeExports.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:m.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-fit items-center justify-center min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm border-r-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:z-1",a==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":c&&x,"outline-blue-800":x&&!c,"text-label-md h-8 rounded-s-sm px-2 py-1":r==="sm","text-label-lg h-12 rounded-s-md px-3 py-1":r==="md","text-label-xl h-16 rounded-s-lg px-4 py-2":r==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(R,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconChevronDown",className:m.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(h.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{children:[e.jsxRuntimeExports.jsx(p.CommandInput,{value:d,onValueChange:u=>{i(u),setTimeout(()=>{if(l.current){const b=l.current.querySelector("[data-radix-scroll-area-viewport]");b&&(b.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(p.CommandList,{children:e.jsxRuntimeExports.jsxs(k.ScrollArea,{ref:l,className:"h-72",children:[e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(p.CommandGroup,{children:s.map(({value:u,label:b})=>u?e.jsxRuntimeExports.jsx(D,{country:u,countryName:b,selectedCountry:n,onChange:o,onSelectComplete:()=>j(!1)},u):null)})]})})]})})]})},D=({country:t,countryName:n,selectedCountry:s,onChange:o,onSelectComplete:r})=>{const a=()=>{o(t),r()};return e.jsxRuntimeExports.jsxs(p.CommandItem,{className:"gap-2",onSelect:a,children:[e.jsxRuntimeExports.jsx(R,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 text-sm",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-sm",children:`+${E.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===s?"opacity-100":"opacity-0"}`})]})},R=({country:t,countryName:n,disabled:s})=>{const o=q[t];return e.jsxRuntimeExports.jsx("span",{className:m.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":s}),children:o&&e.jsxRuntimeExports.jsx(o,{title:n})})};exports.PhoneInput=N;
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import * as RPNInput from 'react-phone-number-input';
|
|
3
3
|
type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
|
|
4
4
|
onChange?: (value: RPNInput.Value) => void;
|
|
5
|
-
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
6
|
rounded?: 'default' | 'full';
|
|
7
7
|
label?: string;
|
|
8
8
|
helperText?: string;
|
|
@@ -1,204 +1,205 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-DywqP_6a.js";
|
|
2
2
|
import * as f from "react";
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import { C as w, d as R, f as z, b as O, c as $, e as E } from "../command-pED95x7-.js";
|
|
3
|
+
import * as j from "react-phone-number-input";
|
|
4
|
+
import N from "react-phone-number-input/flags";
|
|
5
|
+
import v from "react-phone-number-input/locale/en";
|
|
6
|
+
import I from "react-phone-number-input/locale/es";
|
|
7
|
+
import w from "react-phone-number-input/locale/fr";
|
|
8
|
+
import { C as S, d as P, f as R, b as O, c as $, e as E } from "../command-pED95x7-.js";
|
|
10
9
|
import { I as F } from "../input-CUSAqhCy.js";
|
|
11
10
|
import { L } from "../label-_kG7WBoJ.js";
|
|
12
|
-
import { P as V, c as
|
|
11
|
+
import { P as V, c as k, b as A } from "../popover-CHAUhJda.js";
|
|
13
12
|
import { S as T } from "../scroll-area-DwBiu3Jn.js";
|
|
14
13
|
import { c as u } from "../index-CRiPKpXj.js";
|
|
15
|
-
import { I as
|
|
14
|
+
import { I as C } from "../icon-component-CxQsODCa.js";
|
|
16
15
|
const _ = f.forwardRef(
|
|
17
16
|
({
|
|
18
|
-
className:
|
|
19
|
-
onChange:
|
|
20
|
-
value:
|
|
21
|
-
|
|
17
|
+
className: t,
|
|
18
|
+
onChange: n,
|
|
19
|
+
value: a,
|
|
20
|
+
size: s = "md",
|
|
22
21
|
rounded: o = "default",
|
|
23
|
-
label:
|
|
24
|
-
helperText:
|
|
22
|
+
label: i,
|
|
23
|
+
helperText: m,
|
|
25
24
|
locale: p = "en",
|
|
26
25
|
error: l,
|
|
27
|
-
touched:
|
|
28
|
-
...
|
|
29
|
-
},
|
|
30
|
-
|
|
26
|
+
touched: c,
|
|
27
|
+
...r
|
|
28
|
+
}, g) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3", children: [
|
|
29
|
+
i && /* @__PURE__ */ e.jsx(
|
|
31
30
|
L,
|
|
32
31
|
{
|
|
33
|
-
htmlFor:
|
|
32
|
+
htmlFor: r.id,
|
|
34
33
|
className: u({
|
|
35
|
-
"text-neutral-700":
|
|
34
|
+
"text-neutral-700": r.disabled
|
|
36
35
|
}),
|
|
37
|
-
children:
|
|
36
|
+
children: i
|
|
38
37
|
}
|
|
39
38
|
),
|
|
40
39
|
/* @__PURE__ */ e.jsx(
|
|
41
|
-
|
|
40
|
+
j.default,
|
|
42
41
|
{
|
|
43
|
-
ref:
|
|
44
|
-
className: u("flex",
|
|
45
|
-
flagComponent:
|
|
46
|
-
countrySelectComponent:
|
|
42
|
+
ref: g,
|
|
43
|
+
className: u("flex", t),
|
|
44
|
+
flagComponent: h,
|
|
45
|
+
countrySelectComponent: q,
|
|
47
46
|
inputComponent: y,
|
|
48
47
|
smartCaret: !1,
|
|
49
|
-
labels: p === "es" ?
|
|
50
|
-
value:
|
|
51
|
-
onChange: (x) =>
|
|
48
|
+
labels: p === "es" ? I : p === "fr" ? w : v,
|
|
49
|
+
value: a || void 0,
|
|
50
|
+
onChange: (x) => n?.(x || ""),
|
|
52
51
|
countrySelectProps: {
|
|
53
|
-
|
|
52
|
+
size: s,
|
|
54
53
|
rounded: o,
|
|
55
54
|
error: l,
|
|
56
|
-
touched:
|
|
55
|
+
touched: c
|
|
57
56
|
},
|
|
58
57
|
numberInputProps: {
|
|
59
|
-
|
|
58
|
+
size: s,
|
|
60
59
|
rounded: o,
|
|
61
60
|
error: l,
|
|
62
|
-
touched:
|
|
61
|
+
touched: c
|
|
63
62
|
},
|
|
64
|
-
...
|
|
63
|
+
...r
|
|
65
64
|
}
|
|
66
65
|
),
|
|
67
|
-
l &&
|
|
66
|
+
l && c ? /* @__PURE__ */ e.jsx(
|
|
68
67
|
"span",
|
|
69
68
|
{
|
|
70
|
-
id:
|
|
69
|
+
id: r.id && `${r.id}-error-text`,
|
|
71
70
|
"aria-invalid": !0,
|
|
72
71
|
className: "text-destructive text-label-md -mt-1",
|
|
73
72
|
children: l
|
|
74
73
|
}
|
|
75
|
-
) :
|
|
74
|
+
) : m ? /* @__PURE__ */ e.jsx(
|
|
76
75
|
"span",
|
|
77
76
|
{
|
|
78
|
-
id:
|
|
77
|
+
id: r.id && `${r.id}-helper-text`,
|
|
79
78
|
className: u("text-label-md -mt-1", {
|
|
80
|
-
"text-muted-foreground": !l && !
|
|
81
|
-
"text-destructive": l &&
|
|
82
|
-
"text-neutral-700":
|
|
79
|
+
"text-muted-foreground": !l && !c,
|
|
80
|
+
"text-destructive": l && c,
|
|
81
|
+
"text-neutral-700": r.disabled
|
|
83
82
|
}),
|
|
84
|
-
children:
|
|
83
|
+
children: m
|
|
85
84
|
}
|
|
86
85
|
) : null
|
|
87
|
-
] })
|
|
86
|
+
] })
|
|
88
87
|
);
|
|
89
88
|
_.displayName = "PhoneInput";
|
|
90
89
|
const y = f.forwardRef(
|
|
91
|
-
({ className:
|
|
92
|
-
const { "data-country": p, ...l } =
|
|
90
|
+
({ className: t, rounded: n = "default", error: a, touched: s, size: o, ...i }, m) => {
|
|
91
|
+
const { "data-country": p, ...l } = i;
|
|
93
92
|
return /* @__PURE__ */ e.jsx(
|
|
94
93
|
F,
|
|
95
94
|
{
|
|
96
|
-
|
|
95
|
+
size: o,
|
|
96
|
+
containerClassName: "w-full",
|
|
97
97
|
className: u(
|
|
98
|
-
|
|
98
|
+
"w-full",
|
|
99
99
|
{
|
|
100
|
-
"border-destructive":
|
|
101
|
-
"border-blue-800":
|
|
100
|
+
"border-destructive": a && s,
|
|
101
|
+
"border-blue-800": s && !a,
|
|
102
|
+
"rounded-s-none rounded-e-lg": n !== "full",
|
|
103
|
+
"rounded-s-none rounded-e-full": n === "full",
|
|
102
104
|
"rounded-e-sm": o === "sm",
|
|
103
105
|
"rounded-e-md": o === "md",
|
|
104
106
|
"rounded-e-lg": o === "lg"
|
|
105
107
|
},
|
|
106
|
-
|
|
108
|
+
t
|
|
107
109
|
),
|
|
108
110
|
...l,
|
|
109
|
-
ref:
|
|
111
|
+
ref: m
|
|
110
112
|
}
|
|
111
113
|
);
|
|
112
114
|
}
|
|
113
115
|
);
|
|
114
116
|
y.displayName = "InputComponent";
|
|
115
|
-
const
|
|
116
|
-
disabled:
|
|
117
|
-
value:
|
|
118
|
-
options:
|
|
119
|
-
onChange:
|
|
120
|
-
|
|
121
|
-
rounded:
|
|
122
|
-
error:
|
|
117
|
+
const q = ({
|
|
118
|
+
disabled: t,
|
|
119
|
+
value: n,
|
|
120
|
+
options: a,
|
|
121
|
+
onChange: s,
|
|
122
|
+
size: o = "md",
|
|
123
|
+
rounded: i = "default",
|
|
124
|
+
error: m,
|
|
123
125
|
touched: p
|
|
124
126
|
}) => {
|
|
125
|
-
const l = f.useRef(null), [
|
|
127
|
+
const l = f.useRef(null), [c, r] = f.useState(""), [g, x] = f.useState(!1);
|
|
126
128
|
return /* @__PURE__ */ e.jsxs(
|
|
127
129
|
V,
|
|
128
130
|
{
|
|
129
|
-
open:
|
|
131
|
+
open: g,
|
|
130
132
|
modal: !0,
|
|
131
133
|
onOpenChange: (d) => {
|
|
132
|
-
x(d), d &&
|
|
134
|
+
x(d), d && r("");
|
|
133
135
|
},
|
|
134
136
|
children: [
|
|
135
|
-
/* @__PURE__ */ e.jsx(
|
|
136
|
-
|
|
137
|
+
/* @__PURE__ */ e.jsx(k, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
|
|
138
|
+
"button",
|
|
137
139
|
{
|
|
138
140
|
type: "button",
|
|
139
|
-
variant: "outline",
|
|
140
141
|
className: u(
|
|
141
|
-
"
|
|
142
|
-
|
|
142
|
+
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-fit items-center justify-center min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm border-r-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:z-1",
|
|
143
|
+
i === "default" ? "rounded-e-none" : "rounded-s-full rounded-e-none",
|
|
143
144
|
{
|
|
144
|
-
"outline-destructive":
|
|
145
|
-
"outline-blue-800": p && !
|
|
146
|
-
"h-8 rounded-s-sm": o === "sm",
|
|
147
|
-
"h-12 rounded-s-md": o === "md",
|
|
148
|
-
"h-16 rounded-s-lg": o === "lg"
|
|
145
|
+
"outline-destructive": m && p,
|
|
146
|
+
"outline-blue-800": p && !m,
|
|
147
|
+
"text-label-md h-8 rounded-s-sm px-2 py-1": o === "sm",
|
|
148
|
+
"text-label-lg h-12 rounded-s-md px-3 py-1": o === "md",
|
|
149
|
+
"text-label-xl h-16 rounded-s-lg px-4 py-2": o === "lg"
|
|
149
150
|
}
|
|
150
151
|
),
|
|
151
|
-
disabled:
|
|
152
|
+
disabled: t,
|
|
152
153
|
children: [
|
|
153
154
|
/* @__PURE__ */ e.jsx(
|
|
154
|
-
|
|
155
|
+
h,
|
|
155
156
|
{
|
|
156
|
-
country:
|
|
157
|
-
countryName:
|
|
158
|
-
disabled:
|
|
157
|
+
country: n,
|
|
158
|
+
countryName: n,
|
|
159
|
+
disabled: t
|
|
159
160
|
}
|
|
160
161
|
),
|
|
161
162
|
/* @__PURE__ */ e.jsx(
|
|
162
|
-
|
|
163
|
+
C,
|
|
163
164
|
{
|
|
164
165
|
iconName: "IconChevronDown",
|
|
165
166
|
className: u(
|
|
166
167
|
"-mr-2 size-4 opacity-50",
|
|
167
|
-
|
|
168
|
+
t ? "hidden" : "opacity-100"
|
|
168
169
|
)
|
|
169
170
|
}
|
|
170
171
|
)
|
|
171
172
|
]
|
|
172
173
|
}
|
|
173
174
|
) }),
|
|
174
|
-
/* @__PURE__ */ e.jsx(
|
|
175
|
+
/* @__PURE__ */ e.jsx(A, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(S, { children: [
|
|
175
176
|
/* @__PURE__ */ e.jsx(
|
|
176
|
-
|
|
177
|
+
P,
|
|
177
178
|
{
|
|
178
|
-
value:
|
|
179
|
+
value: c,
|
|
179
180
|
onValueChange: (d) => {
|
|
180
|
-
|
|
181
|
+
r(d), setTimeout(() => {
|
|
181
182
|
if (l.current) {
|
|
182
|
-
const
|
|
183
|
+
const b = l.current.querySelector(
|
|
183
184
|
"[data-radix-scroll-area-viewport]"
|
|
184
185
|
);
|
|
185
|
-
|
|
186
|
+
b && (b.scrollTop = 0);
|
|
186
187
|
}
|
|
187
188
|
}, 0);
|
|
188
189
|
},
|
|
189
190
|
placeholder: "Search country..."
|
|
190
191
|
}
|
|
191
192
|
),
|
|
192
|
-
/* @__PURE__ */ e.jsx(
|
|
193
|
+
/* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsxs(T, { ref: l, className: "h-72", children: [
|
|
193
194
|
/* @__PURE__ */ e.jsx(O, { children: "No country found." }),
|
|
194
|
-
/* @__PURE__ */ e.jsx($, { children:
|
|
195
|
-
({ value: d, label:
|
|
196
|
-
|
|
195
|
+
/* @__PURE__ */ e.jsx($, { children: a.map(
|
|
196
|
+
({ value: d, label: b }) => d ? /* @__PURE__ */ e.jsx(
|
|
197
|
+
D,
|
|
197
198
|
{
|
|
198
199
|
country: d,
|
|
199
|
-
countryName:
|
|
200
|
-
selectedCountry:
|
|
201
|
-
onChange:
|
|
200
|
+
countryName: b,
|
|
201
|
+
selectedCountry: n,
|
|
202
|
+
onChange: s,
|
|
202
203
|
onSelectComplete: () => x(!1)
|
|
203
204
|
},
|
|
204
205
|
d
|
|
@@ -209,42 +210,42 @@ const k = ({
|
|
|
209
210
|
]
|
|
210
211
|
}
|
|
211
212
|
);
|
|
212
|
-
},
|
|
213
|
-
country:
|
|
214
|
-
countryName:
|
|
215
|
-
selectedCountry:
|
|
216
|
-
onChange:
|
|
213
|
+
}, D = ({
|
|
214
|
+
country: t,
|
|
215
|
+
countryName: n,
|
|
216
|
+
selectedCountry: a,
|
|
217
|
+
onChange: s,
|
|
217
218
|
onSelectComplete: o
|
|
218
219
|
}) => {
|
|
219
|
-
const
|
|
220
|
-
t
|
|
220
|
+
const i = () => {
|
|
221
|
+
s(t), o();
|
|
221
222
|
};
|
|
222
|
-
return /* @__PURE__ */ e.jsxs(E, { className: "gap-2", onSelect:
|
|
223
|
-
/* @__PURE__ */ e.jsx(
|
|
224
|
-
/* @__PURE__ */ e.jsx("span", { className: "flex-1 text-sm", children:
|
|
225
|
-
/* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 text-sm", children: `+${
|
|
223
|
+
return /* @__PURE__ */ e.jsxs(E, { className: "gap-2", onSelect: i, children: [
|
|
224
|
+
/* @__PURE__ */ e.jsx(h, { country: t, countryName: n }),
|
|
225
|
+
/* @__PURE__ */ e.jsx("span", { className: "flex-1 text-sm", children: n }),
|
|
226
|
+
/* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 text-sm", children: `+${j.getCountryCallingCode(t)}` }),
|
|
226
227
|
/* @__PURE__ */ e.jsx(
|
|
227
|
-
|
|
228
|
+
C,
|
|
228
229
|
{
|
|
229
230
|
iconName: "IconCheck",
|
|
230
|
-
className: `ml-auto size-4 ${
|
|
231
|
+
className: `ml-auto size-4 ${t === a ? "opacity-100" : "opacity-0"}`
|
|
231
232
|
}
|
|
232
233
|
)
|
|
233
234
|
] });
|
|
234
|
-
},
|
|
235
|
-
country:
|
|
236
|
-
countryName:
|
|
237
|
-
disabled:
|
|
235
|
+
}, h = ({
|
|
236
|
+
country: t,
|
|
237
|
+
countryName: n,
|
|
238
|
+
disabled: a
|
|
238
239
|
}) => {
|
|
239
|
-
const
|
|
240
|
+
const s = N[t];
|
|
240
241
|
return /* @__PURE__ */ e.jsx(
|
|
241
242
|
"span",
|
|
242
243
|
{
|
|
243
244
|
className: u(
|
|
244
245
|
"bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",
|
|
245
|
-
{ "opacity-50":
|
|
246
|
+
{ "opacity-50": a }
|
|
246
247
|
),
|
|
247
|
-
children:
|
|
248
|
+
children: s && /* @__PURE__ */ e.jsx(s, { title: n })
|
|
248
249
|
}
|
|
249
250
|
);
|
|
250
251
|
};
|
package/dist/ui.css
CHANGED