@clasing/ui 0.1.126 → 0.1.128
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/{badge-BnerQ2lF.js → badge-1kvIHznc.js} +1 -1
- package/dist/{badge-Czof3oqL.cjs → badge-P7DTJePf.cjs} +1 -1
- package/dist/{button-DddHyyHa.js → button-BMeBsgLZ.js} +156 -150
- package/dist/{button-Cegl49Yi.cjs → button-Chd1eL4R.cjs} +1 -1
- package/dist/{calendar-DL8gqdRp.cjs → calendar-B1iUTT_d.cjs} +1 -1
- package/dist/{calendar-BAQkzm4v.js → calendar-Bc6nud5f.js} +1 -1
- package/dist/{chip-A32aAc-8.cjs → chip-BtBgM97Y.cjs} +1 -1
- package/dist/{chip-ZZHZ8i1Q.js → chip-DOFVLzAe.js} +1 -1
- package/dist/command-BVqQYgq1.cjs +1 -0
- package/dist/command-DS_uqbdy.js +176 -0
- package/dist/components/accordion.cjs.js +1 -1
- package/dist/components/accordion.es.js +1 -1
- package/dist/components/alert-dialog.cjs.js +1 -1
- package/dist/components/alert-dialog.es.js +1 -1
- package/dist/components/alert.cjs.js +1 -1
- package/dist/components/alert.es.js +1 -1
- package/dist/components/badge.cjs.js +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/blocks/date-picker.cjs.js +1 -1
- package/dist/components/blocks/date-picker.es.js +2 -2
- package/dist/components/blocks/date-range-picker.cjs.js +1 -1
- package/dist/components/blocks/date-range-picker.es.js +1 -1
- package/dist/components/blocks/interactive-card.cjs.js +1 -1
- package/dist/components/blocks/interactive-card.es.js +2 -2
- package/dist/components/blocks/selectable-chips.cjs.js +1 -1
- package/dist/components/blocks/selectable-chips.es.js +1 -1
- package/dist/components/breadcrumb.cjs.js +1 -1
- package/dist/components/breadcrumb.es.js +1 -1
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/calendar.cjs.js +1 -1
- package/dist/components/calendar.es.js +1 -1
- package/dist/components/checkbox.cjs.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/chip.cjs.js +1 -1
- package/dist/components/chip.d.ts +1 -1
- package/dist/components/chip.es.js +1 -1
- package/dist/components/command.cjs.js +1 -1
- package/dist/components/command.es.js +1 -1
- package/dist/components/context-menu.cjs.js +1 -1
- package/dist/components/context-menu.es.js +1 -1
- package/dist/components/dialog.cjs.js +1 -1
- package/dist/components/dialog.es.js +1 -1
- package/dist/components/drawer.cjs.js +1 -3
- package/dist/components/drawer.es.js +58 -1091
- package/dist/components/dropdown-menu.cjs.js +1 -1
- package/dist/components/dropdown-menu.es.js +1 -1
- package/dist/components/icon-component.cjs.js +1 -1
- package/dist/components/icon-component.d.ts +2 -2
- package/dist/components/icon-component.es.js +1 -1
- package/dist/components/input-otp.cjs.js +1 -20
- package/dist/components/input-otp.es.js +37 -225
- package/dist/components/input.cjs.js +1 -1
- package/dist/components/input.d.ts +5 -8
- package/dist/components/input.es.js +1 -1
- package/dist/components/menubar.cjs.js +1 -1
- package/dist/components/menubar.es.js +1 -1
- package/dist/components/multi-select.cjs.js +1 -1
- package/dist/components/multi-select.es.js +3 -3
- package/dist/components/navigation-menu.cjs.js +1 -1
- package/dist/components/navigation-menu.es.js +1 -1
- package/dist/components/phone-input.cjs.js +1 -1
- package/dist/components/phone-input.es.js +4 -4
- package/dist/components/resizable.cjs.js +1 -1
- package/dist/components/resizable.es.js +24 -1527
- package/dist/components/select.cjs.js +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/sheet.cjs.js +1 -1
- package/dist/components/sheet.es.js +1 -1
- package/dist/{dialog-DZpF7OXg.js → dialog-BdbmyluB.js} +1 -1
- package/dist/{dialog-BKm2PZl2.cjs → dialog-DEwsbeqW.cjs} +1 -1
- package/dist/{icon-component-BZ-4FDV6.js → icon-component-DS1KwkwD.js} +11 -10
- package/dist/icon-component-lt1cLU_1.cjs +1 -0
- package/dist/{input-DwPDvbRE.js → input-CToZ7rWo.js} +55 -55
- package/dist/input-DDSu84U-.cjs +1 -0
- package/package.json +1 -1
- package/dist/command-BGCSJ9vX.js +0 -506
- package/dist/command-D9M8dk1M.cjs +0 -1
- package/dist/icon-component-LY_vGYHZ.cjs +0 -1
- package/dist/input-DFPJ_mtM.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-select"),r=require("../index-DoxiiusW.cjs"),l=require("../icon-component-lt1cLU_1.cjs");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const n=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(n.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(n.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(n.Value,{"data-slot":"select-value",...e})}function g({className:e,size:s="md",children:o,...a}){return t.jsxRuntimeExports.jsxs(n.Trigger,{"data-slot":"select-trigger","data-size":s,className:r.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',s==="sm"&&"text-label-md h-8 px-2 py-1",s==="md"&&"text-label-lg h-12 px-3 py-1",s==="lg"&&"text-label-xl h-16 px-4 py-2",e),...a,children:[o,t.jsxRuntimeExports.jsx(n.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4 opacity-50"})})]})}function f({className:e,children:s,position:o="popper",...a}){return t.jsxRuntimeExports.jsx(n.Portal,{children:t.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"select-content",className:r.cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:o,...a,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(n.Viewport,{className:r.cn("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:s}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"select-label",className:r.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...s})}function b({className:e,children:s,...o}){return t.jsxRuntimeExports.jsxs(n.Item,{"data-slot":"select-item",className:r.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...o,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(n.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t.jsxRuntimeExports.jsx(n.ItemText,{children:s})]})}function v({className:e,...s}){return t.jsxRuntimeExports.jsx(n.Separator,{"data-slot":"select-separator",className:r.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronUp",className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconChevronDown",className:"size-4"})})}exports.Select=x;exports.SelectContent=f;exports.SelectGroup=p;exports.SelectItem=b;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=v;exports.SelectTrigger=g;exports.SelectValue=m;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as s from "@radix-ui/react-select";
|
|
3
3
|
import { c as o } from "../index-CRiPKpXj.js";
|
|
4
|
-
import { I as n } from "../icon-component-
|
|
4
|
+
import { I as n } from "../icon-component-DS1KwkwD.js";
|
|
5
5
|
function m({
|
|
6
6
|
...t
|
|
7
7
|
}) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dialog"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dialog"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-lt1cLU_1.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=d(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"sheet",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"sheet-trigger",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(n.Close,{"data-slot":"sheet-close",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Overlay,{"data-slot":"sheet-overlay",className:a.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 f({className:t,children:e,side:s="right",...r}){return o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(p,{}),o.jsxRuntimeExports.jsxs(n.Content,{"data-slot":"sheet-content",className:a.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",s==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",s==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",s==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",s==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[e,o.jsxRuntimeExports.jsxs(n.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[o.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconX",className:"size-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:a.cn("flex flex-col gap-1.5 p-4",t),...e})}function g({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:a.cn("mt-auto flex flex-col gap-2 p-4",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Title,{"data-slot":"sheet-title",className:a.cn("text-foreground font-semibold",t),...e})}function b({className:t,...e}){return o.jsxRuntimeExports.jsx(n.Description,{"data-slot":"sheet-description",className:a.cn("text-muted-foreground text-sm",t),...e})}exports.Sheet=c;exports.SheetClose=x;exports.SheetContent=f;exports.SheetDescription=b;exports.SheetFooter=g;exports.SheetHeader=h;exports.SheetTitle=j;exports.SheetTrigger=u;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as a from "@radix-ui/react-dialog";
|
|
3
3
|
import { c as s } from "../index-CRiPKpXj.js";
|
|
4
|
-
import { I as i } from "../icon-component-
|
|
4
|
+
import { I as i } from "../icon-component-DS1KwkwD.js";
|
|
5
5
|
function m({ ...t }) {
|
|
6
6
|
return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "sheet", ...t });
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as a } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as e from "@radix-ui/react-dialog";
|
|
3
3
|
import { c as s } from "./index-CRiPKpXj.js";
|
|
4
|
-
import { I as l } from "./icon-component-
|
|
4
|
+
import { I as l } from "./icon-component-DS1KwkwD.js";
|
|
5
5
|
function f({
|
|
6
6
|
...t
|
|
7
7
|
}) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-
|
|
1
|
+
"use strict";const o=require("./jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-lt1cLU_1.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-overlay",className:n.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 p({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.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),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",t),...e})}function R({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=g;exports.DialogClose=m;exports.DialogContent=p;exports.DialogDescription=R;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as m } from "./index-CRiPKpXj.js";
|
|
3
3
|
import * as i from "@tabler/icons-react";
|
|
4
4
|
import { forwardRef as f } from "react";
|
|
5
|
-
const
|
|
6
|
-
({ iconName: o, iconText: r, stroke:
|
|
5
|
+
const c = f(
|
|
6
|
+
({ iconName: o, iconText: r, stroke: a = "1.5", onClick: p, size: e = 24, ...s }, l) => {
|
|
7
7
|
if (o) {
|
|
8
8
|
const n = i[o];
|
|
9
9
|
return /* @__PURE__ */ t.jsx(
|
|
10
10
|
n,
|
|
11
11
|
{
|
|
12
12
|
role: "img",
|
|
13
|
-
ref:
|
|
14
|
-
stroke:
|
|
15
|
-
onClick:
|
|
13
|
+
ref: l,
|
|
14
|
+
stroke: a,
|
|
15
|
+
onClick: p,
|
|
16
16
|
size: e,
|
|
17
|
-
className:
|
|
17
|
+
className: m("pointer-events-none", s.className),
|
|
18
18
|
...s
|
|
19
19
|
}
|
|
20
20
|
);
|
|
@@ -23,13 +23,14 @@ const m = f(
|
|
|
23
23
|
return /* @__PURE__ */ t.jsx(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
+
ref: l,
|
|
26
27
|
className: "pointer-events-none flex items-center justify-center",
|
|
27
28
|
style: { width: e, height: e },
|
|
28
29
|
role: "img",
|
|
29
30
|
children: /* @__PURE__ */ t.jsx(
|
|
30
31
|
"p",
|
|
31
32
|
{
|
|
32
|
-
className:
|
|
33
|
+
className: m({
|
|
33
34
|
"text-label-sm": e <= 16,
|
|
34
35
|
"text-label-md": e > 16
|
|
35
36
|
}),
|
|
@@ -42,8 +43,8 @@ const m = f(
|
|
|
42
43
|
return console.error(`Icon ${o} not found`), null;
|
|
43
44
|
}
|
|
44
45
|
);
|
|
45
|
-
|
|
46
|
-
const I =
|
|
46
|
+
c.displayName = "IconComponent";
|
|
47
|
+
const I = c;
|
|
47
48
|
export {
|
|
48
49
|
I
|
|
49
50
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("./jsx-runtime-DUiatUiq.cjs"),i=require("./index-DoxiiusW.cjs"),m=require("@tabler/icons-react"),p=require("react");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=f(m),u=p.forwardRef(({iconName:e,iconText:t,stroke:n="1.5",onClick:r,size:o=24,...l},a)=>{if(e){const s=d[e];return c.jsxRuntimeExports.jsx(s,{role:"img",ref:a,stroke:n,onClick:r,size:o,className:i.cn("pointer-events-none",l.className),...l})}else if(t){const s=t.slice(0,2).toUpperCase();return c.jsxRuntimeExports.jsx("div",{ref:a,className:"pointer-events-none flex items-center justify-center",style:{width:o,height:o},role:"img",children:c.jsxRuntimeExports.jsx("p",{className:i.cn({"text-label-sm":o<=16,"text-label-md":o>16}),children:s})})}else return console.error(`Icon ${e} not found`),null});u.displayName="IconComponent";const x=u;exports.IconComponent=x;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import { L as j } from "./label-BpDUqtrC.js";
|
|
3
3
|
import { c as r } from "./index-CRiPKpXj.js";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as N } from "./index-BqtVL8d-.js";
|
|
5
5
|
import * as I from "react";
|
|
6
|
-
import { I as
|
|
7
|
-
const
|
|
6
|
+
import { I as n } from "./icon-component-DS1KwkwD.js";
|
|
7
|
+
const y = N(
|
|
8
8
|
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full 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",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
@@ -30,37 +30,37 @@ const h = y(
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
|
-
function
|
|
34
|
-
className:
|
|
35
|
-
label:
|
|
36
|
-
helperText:
|
|
37
|
-
error:
|
|
38
|
-
touched:
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
function V({
|
|
34
|
+
className: b,
|
|
35
|
+
label: x,
|
|
36
|
+
helperText: u,
|
|
37
|
+
error: s,
|
|
38
|
+
touched: i,
|
|
39
|
+
iconName: f,
|
|
40
|
+
iconPosition: d = "left",
|
|
41
41
|
type: l = "text",
|
|
42
|
-
size:
|
|
43
|
-
rounded:
|
|
44
|
-
state:
|
|
42
|
+
size: g,
|
|
43
|
+
rounded: v,
|
|
44
|
+
state: z,
|
|
45
45
|
containerClassName: p,
|
|
46
46
|
...e
|
|
47
47
|
}) {
|
|
48
|
-
const [o, w] = I.useState(!1),
|
|
48
|
+
const [o, w] = I.useState(!1), a = f ? ((m) => typeof m == "string" ? { name: m } : m)(f) : void 0, c = s && i ? "error" : i && !s && e.value ? "success" : "default", h = () => {
|
|
49
49
|
w(!o);
|
|
50
50
|
};
|
|
51
|
-
return /* @__PURE__ */
|
|
52
|
-
|
|
51
|
+
return /* @__PURE__ */ t.jsxs("div", { className: r("flex flex-col gap-2", p), children: [
|
|
52
|
+
x && /* @__PURE__ */ t.jsx(
|
|
53
53
|
j,
|
|
54
54
|
{
|
|
55
55
|
htmlFor: e.id,
|
|
56
56
|
className: r({
|
|
57
57
|
"text-neutral-700": e.disabled
|
|
58
58
|
}),
|
|
59
|
-
children:
|
|
59
|
+
children: x
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
|
|
62
|
+
/* @__PURE__ */ t.jsxs("div", { className: "relative w-full", children: [
|
|
63
|
+
a && d === "left" && /* @__PURE__ */ t.jsx(
|
|
64
64
|
"span",
|
|
65
65
|
{
|
|
66
66
|
className: r("absolute top-1/2 left-3 -translate-y-1/2", {
|
|
@@ -69,51 +69,51 @@ function F({
|
|
|
69
69
|
"text-success-main": c === "success",
|
|
70
70
|
"text-neutral-700": e.disabled
|
|
71
71
|
}),
|
|
72
|
-
children: /* @__PURE__ */
|
|
73
|
-
|
|
72
|
+
children: /* @__PURE__ */ t.jsx(
|
|
73
|
+
n,
|
|
74
74
|
{
|
|
75
|
-
iconName:
|
|
76
|
-
stroke:
|
|
75
|
+
iconName: a.name,
|
|
76
|
+
stroke: a.stroke,
|
|
77
77
|
size: 20
|
|
78
78
|
}
|
|
79
79
|
)
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
|
-
/* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ t.jsx(
|
|
83
83
|
"input",
|
|
84
84
|
{
|
|
85
85
|
type: l === "password" ? o ? "text" : "password" : l,
|
|
86
86
|
"data-slot": "input",
|
|
87
|
-
"aria-describedby": e.id &&
|
|
88
|
-
"aria-invalid": !!(
|
|
89
|
-
"aria-errormessage": e.id &&
|
|
87
|
+
"aria-describedby": e.id && u ? `${e.id}-helper-text` : void 0,
|
|
88
|
+
"aria-invalid": !!(s && i),
|
|
89
|
+
"aria-errormessage": e.id && s ? `${e.id}-error-text` : void 0,
|
|
90
90
|
className: r(
|
|
91
|
-
|
|
92
|
-
size:
|
|
93
|
-
rounded:
|
|
91
|
+
y({
|
|
92
|
+
size: g,
|
|
93
|
+
rounded: v,
|
|
94
94
|
state: c,
|
|
95
95
|
className: r(
|
|
96
96
|
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
a && d === "left" ? "pl-10" : "",
|
|
98
|
+
a && d === "right" || l === "password" ? "pr-10" : "",
|
|
99
99
|
l === "color" ? "h-[50px] p-0" : "",
|
|
100
|
-
|
|
100
|
+
b
|
|
101
101
|
)
|
|
102
102
|
})
|
|
103
103
|
),
|
|
104
104
|
...e
|
|
105
105
|
}
|
|
106
106
|
),
|
|
107
|
-
l === "password" && /* @__PURE__ */
|
|
107
|
+
l === "password" && /* @__PURE__ */ t.jsx(
|
|
108
108
|
"button",
|
|
109
109
|
{
|
|
110
110
|
type: "button",
|
|
111
111
|
tabIndex: -1,
|
|
112
112
|
"aria-label": o ? "Hide password" : "Show password",
|
|
113
113
|
className: "absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",
|
|
114
|
-
onClick:
|
|
115
|
-
children: /* @__PURE__ */
|
|
116
|
-
|
|
114
|
+
onClick: h,
|
|
115
|
+
children: /* @__PURE__ */ t.jsx(
|
|
116
|
+
n,
|
|
117
117
|
{
|
|
118
118
|
iconName: o ? "IconEyeOff" : "IconEye",
|
|
119
119
|
size: 20
|
|
@@ -121,24 +121,24 @@ function F({
|
|
|
121
121
|
)
|
|
122
122
|
}
|
|
123
123
|
),
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
a && d === "right" && l !== "password" && /* @__PURE__ */ t.jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ t.jsx(
|
|
125
|
+
n,
|
|
126
126
|
{
|
|
127
|
-
iconName:
|
|
128
|
-
stroke:
|
|
127
|
+
iconName: a.name,
|
|
128
|
+
stroke: a.stroke,
|
|
129
129
|
size: 20
|
|
130
130
|
}
|
|
131
131
|
) }),
|
|
132
|
-
!
|
|
133
|
-
|
|
132
|
+
!a && s && i && l !== "password" && /* @__PURE__ */ t.jsx(
|
|
133
|
+
n,
|
|
134
134
|
{
|
|
135
135
|
iconName: "IconAlertCircleFilled",
|
|
136
136
|
size: 20,
|
|
137
137
|
className: "text-destructive absolute top-1/2 right-3 -translate-y-1/2"
|
|
138
138
|
}
|
|
139
139
|
),
|
|
140
|
-
!
|
|
141
|
-
|
|
140
|
+
!a && i && !s && e.value && l !== "password" && /* @__PURE__ */ t.jsx(
|
|
141
|
+
n,
|
|
142
142
|
{
|
|
143
143
|
iconName: "IconCircleCheckFilled",
|
|
144
144
|
size: 20,
|
|
@@ -146,29 +146,29 @@ function F({
|
|
|
146
146
|
}
|
|
147
147
|
)
|
|
148
148
|
] }),
|
|
149
|
-
|
|
149
|
+
s && i ? /* @__PURE__ */ t.jsx(
|
|
150
150
|
"span",
|
|
151
151
|
{
|
|
152
152
|
id: e.id && `${e.id}-error-text`,
|
|
153
153
|
"aria-invalid": !0,
|
|
154
154
|
className: "text-destructive text-label-md",
|
|
155
|
-
children:
|
|
155
|
+
children: s
|
|
156
156
|
}
|
|
157
|
-
) :
|
|
157
|
+
) : u ? /* @__PURE__ */ t.jsx(
|
|
158
158
|
"span",
|
|
159
159
|
{
|
|
160
160
|
id: e.id && `${e.id}-helper-text`,
|
|
161
161
|
className: r("text-label-md", {
|
|
162
|
-
"text-muted-foreground": !
|
|
163
|
-
"text-destructive":
|
|
164
|
-
"text-success-main":
|
|
162
|
+
"text-muted-foreground": !s && !i,
|
|
163
|
+
"text-destructive": s && i,
|
|
164
|
+
"text-success-main": i && !s && e.value !== void 0,
|
|
165
165
|
"text-neutral-700": e.disabled
|
|
166
166
|
}),
|
|
167
|
-
children:
|
|
167
|
+
children: u
|
|
168
168
|
}
|
|
169
169
|
) : null
|
|
170
170
|
] });
|
|
171
171
|
}
|
|
172
172
|
export {
|
|
173
|
-
|
|
173
|
+
V as I
|
|
174
174
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const s=require("./jsx-runtime-DUiatUiq.cjs"),h=require("./label-CbzkBbPT.cjs"),d=require("./index-DoxiiusW.cjs"),N=require("./index-C8P6Mn4U.cjs"),E=require("react"),u=require("./icon-component-lt1cLU_1.cjs");function I(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const R=I(E),y=N.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full 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",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",error:"border-destructive ring-destructive/20 dark:ring-destructive/40",success:"border-success ring-success/20 dark:ring-success/40"}},defaultVariants:{size:"md",rounded:"default",state:"default"}});function z({className:r,label:o,helperText:a,error:t,touched:i,iconName:b,iconPosition:c="left",type:l="text",size:g,rounded:p,state:k,containerClassName:j,...e}){const[x,v]=R.useState(!1),n=b?(f=>typeof f=="string"?{name:f}:f)(b):void 0,m=t&&i?"error":i&&!t&&e.value?"success":"default",w=()=>{v(!x)};return s.jsxRuntimeExports.jsxs("div",{className:d.cn("flex flex-col gap-2",j),children:[o&&s.jsxRuntimeExports.jsx(h.Label,{htmlFor:e.id,className:d.cn({"text-neutral-700":e.disabled}),children:o}),s.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[n&&c==="left"&&s.jsxRuntimeExports.jsx("span",{className:d.cn("absolute top-1/2 left-3 -translate-y-1/2",{"text-muted-foreground":m==="default","text-destructive":m==="error","text-success-main":m==="success","text-neutral-700":e.disabled}),children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),s.jsxRuntimeExports.jsx("input",{type:l==="password"?x?"text":"password":l,"data-slot":"input","aria-describedby":e.id&&a?`${e.id}-helper-text`:void 0,"aria-invalid":!!(t&&i),"aria-errormessage":e.id&&t?`${e.id}-error-text`:void 0,className:d.cn(y({size:g,rounded:p,state:m,className:d.cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",n&&c==="left"?"pl-10":"",n&&c==="right"||l==="password"?"pr-10":"",l==="color"?"h-[50px] p-0":"",r)})),...e}),l==="password"&&s.jsxRuntimeExports.jsx("button",{type:"button",tabIndex:-1,"aria-label":x?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",onClick:w,children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:x?"IconEyeOff":"IconEye",size:20})}),n&&c==="right"&&l!=="password"&&s.jsxRuntimeExports.jsx("span",{className:"absolute top-1/2 right-3 -translate-y-1/2",children:s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),!n&&t&&i&&l!=="password"&&s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:"IconAlertCircleFilled",size:20,className:"text-destructive absolute top-1/2 right-3 -translate-y-1/2"}),!n&&i&&!t&&e.value&&l!=="password"&&s.jsxRuntimeExports.jsx(u.IconComponent,{iconName:"IconCircleCheckFilled",size:20,className:"text-success-main absolute top-1/2 right-3 -translate-y-1/2"})]}),t&&i?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md",children:t}):a?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-helper-text`,className:d.cn("text-label-md",{"text-muted-foreground":!t&&!i,"text-destructive":t&&i,"text-success-main":i&&!t&&e.value!==void 0,"text-neutral-700":e.disabled}),children:a}):null]})}exports.Input=z;
|