@algodomain/smart-forms 0.1.1 → 0.1.2
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/{chunk-LRMJP5OJ.cjs → chunk-4H5U5IHH.cjs} +45 -41
- package/dist/chunk-4H5U5IHH.cjs.map +1 -0
- package/dist/{chunk-EE6VZXWC.js → chunk-5LRBJEZW.js} +45 -41
- package/dist/chunk-5LRBJEZW.js.map +1 -0
- package/dist/{chunk-Y3H6MI5D.cjs → chunk-CJ55WKPC.cjs} +79 -79
- package/dist/{chunk-Y3H6MI5D.cjs.map → chunk-CJ55WKPC.cjs.map} +1 -1
- package/dist/{chunk-5A5WAAED.js → chunk-KDPN4CHW.js} +3 -3
- package/dist/{chunk-5A5WAAED.js.map → chunk-KDPN4CHW.js.map} +1 -1
- package/dist/fields.cjs +108 -108
- package/dist/fields.js +4 -4
- package/dist/index.cjs +26 -26
- package/dist/index.js +4 -4
- package/dist/opinionated.cjs +18 -18
- package/dist/opinionated.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-EE6VZXWC.js.map +0 -1
- package/dist/chunk-LRMJP5OJ.cjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk4H5U5IHH_cjs = require('./chunk-4H5U5IHH.cjs');
|
|
4
4
|
var React4 = require('react');
|
|
5
5
|
var CheckboxPrimitive = require('@radix-ui/react-checkbox');
|
|
6
6
|
var lucideReact = require('lucide-react');
|
|
@@ -45,7 +45,7 @@ function Checkbox({
|
|
|
45
45
|
CheckboxPrimitive__namespace.Root,
|
|
46
46
|
{
|
|
47
47
|
"data-slot": "checkbox",
|
|
48
|
-
className:
|
|
48
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
49
49
|
"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
50
50
|
className
|
|
51
51
|
),
|
|
@@ -71,8 +71,8 @@ var SmartCheckbox = ({
|
|
|
71
71
|
info,
|
|
72
72
|
subLabel
|
|
73
73
|
}) => {
|
|
74
|
-
const { value, error, onChange, fieldRef, registerValidation } =
|
|
75
|
-
const fieldDetection =
|
|
74
|
+
const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
|
|
75
|
+
const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
|
|
76
76
|
const hasRegistered = React4.useRef(false);
|
|
77
77
|
const hasSetDefault = React4.useRef(false);
|
|
78
78
|
React4.useEffect(() => {
|
|
@@ -107,15 +107,15 @@ var SmartCheckbox = ({
|
|
|
107
107
|
id: `${field}-checkbox`
|
|
108
108
|
}
|
|
109
109
|
),
|
|
110
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
110
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
|
|
111
111
|
label || field,
|
|
112
112
|
" ",
|
|
113
113
|
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
|
|
114
114
|
] })
|
|
115
115
|
] }),
|
|
116
|
-
info && /* @__PURE__ */ jsxRuntime.jsx(
|
|
117
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
118
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
116
|
+
info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
|
|
117
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
|
|
118
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
|
|
119
119
|
] }) })
|
|
120
120
|
] }),
|
|
121
121
|
subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground ml-6", children: subLabel })
|
|
@@ -131,7 +131,7 @@ function RadioGroup({
|
|
|
131
131
|
RadioGroupPrimitive__namespace.Root,
|
|
132
132
|
{
|
|
133
133
|
"data-slot": "radio-group",
|
|
134
|
-
className:
|
|
134
|
+
className: chunk4H5U5IHH_cjs.cn("grid gap-3", className),
|
|
135
135
|
...props
|
|
136
136
|
}
|
|
137
137
|
);
|
|
@@ -144,7 +144,7 @@ function RadioGroupItem({
|
|
|
144
144
|
RadioGroupPrimitive__namespace.Item,
|
|
145
145
|
{
|
|
146
146
|
"data-slot": "radio-group-item",
|
|
147
|
-
className:
|
|
147
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
148
148
|
"border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
149
149
|
className
|
|
150
150
|
),
|
|
@@ -173,8 +173,8 @@ var SmartRadioGroup = ({
|
|
|
173
173
|
info,
|
|
174
174
|
subLabel
|
|
175
175
|
}) => {
|
|
176
|
-
const { value, error, onChange, fieldRef, registerValidation } =
|
|
177
|
-
const fieldDetection =
|
|
176
|
+
const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
|
|
177
|
+
const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
|
|
178
178
|
const hasRegistered = React4.useRef(false);
|
|
179
179
|
const hasSetDefault = React4.useRef(false);
|
|
180
180
|
React4.useEffect(() => {
|
|
@@ -197,14 +197,14 @@ var SmartRadioGroup = ({
|
|
|
197
197
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
|
|
198
198
|
label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
|
|
199
199
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
200
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
200
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
|
|
201
201
|
label,
|
|
202
202
|
" ",
|
|
203
203
|
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
|
|
204
204
|
] }),
|
|
205
|
-
info && /* @__PURE__ */ jsxRuntime.jsx(
|
|
206
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
207
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
205
|
+
info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
|
|
206
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
|
|
207
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
|
|
208
208
|
] }) })
|
|
209
209
|
] }),
|
|
210
210
|
subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
|
|
@@ -227,7 +227,7 @@ var SmartRadioGroup = ({
|
|
|
227
227
|
}
|
|
228
228
|
),
|
|
229
229
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
230
|
-
|
|
230
|
+
chunk4H5U5IHH_cjs.Label,
|
|
231
231
|
{
|
|
232
232
|
htmlFor: `${field}-${option.value}`,
|
|
233
233
|
className: "text-sm font-normal cursor-pointer",
|
|
@@ -261,7 +261,7 @@ function SelectTrigger({
|
|
|
261
261
|
{
|
|
262
262
|
"data-slot": "select-trigger",
|
|
263
263
|
"data-size": size,
|
|
264
|
-
className:
|
|
264
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
265
265
|
"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 px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *: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",
|
|
266
266
|
className
|
|
267
267
|
),
|
|
@@ -283,7 +283,7 @@ function SelectContent({
|
|
|
283
283
|
SelectPrimitive__namespace.Content,
|
|
284
284
|
{
|
|
285
285
|
"data-slot": "select-content",
|
|
286
|
-
className:
|
|
286
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
287
287
|
"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",
|
|
288
288
|
position === "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",
|
|
289
289
|
className
|
|
@@ -295,7 +295,7 @@ function SelectContent({
|
|
|
295
295
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
296
296
|
SelectPrimitive__namespace.Viewport,
|
|
297
297
|
{
|
|
298
|
-
className:
|
|
298
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
299
299
|
"p-1",
|
|
300
300
|
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
|
|
301
301
|
),
|
|
@@ -316,7 +316,7 @@ function SelectItem({
|
|
|
316
316
|
SelectPrimitive__namespace.Item,
|
|
317
317
|
{
|
|
318
318
|
"data-slot": "select-item",
|
|
319
|
-
className:
|
|
319
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
320
320
|
"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",
|
|
321
321
|
className
|
|
322
322
|
),
|
|
@@ -336,7 +336,7 @@ function SelectScrollUpButton({
|
|
|
336
336
|
SelectPrimitive__namespace.ScrollUpButton,
|
|
337
337
|
{
|
|
338
338
|
"data-slot": "select-scroll-up-button",
|
|
339
|
-
className:
|
|
339
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
340
340
|
"flex cursor-default items-center justify-center py-1",
|
|
341
341
|
className
|
|
342
342
|
),
|
|
@@ -353,7 +353,7 @@ function SelectScrollDownButton({
|
|
|
353
353
|
SelectPrimitive__namespace.ScrollDownButton,
|
|
354
354
|
{
|
|
355
355
|
"data-slot": "select-scroll-down-button",
|
|
356
|
-
className:
|
|
356
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
357
357
|
"flex cursor-default items-center justify-center py-1",
|
|
358
358
|
className
|
|
359
359
|
),
|
|
@@ -374,8 +374,8 @@ var SmartSelect = ({
|
|
|
374
374
|
info,
|
|
375
375
|
subLabel
|
|
376
376
|
}) => {
|
|
377
|
-
const { value, error, onChange, fieldRef, registerValidation } =
|
|
378
|
-
const fieldDetection =
|
|
377
|
+
const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
|
|
378
|
+
const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
|
|
379
379
|
const hasRegistered = React4.useRef(false);
|
|
380
380
|
const hasSetDefault = React4.useRef(false);
|
|
381
381
|
React4.useEffect(() => {
|
|
@@ -398,14 +398,14 @@ var SmartSelect = ({
|
|
|
398
398
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
|
|
399
399
|
label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
|
|
400
400
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
401
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
401
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
|
|
402
402
|
label,
|
|
403
403
|
" ",
|
|
404
404
|
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
|
|
405
405
|
] }),
|
|
406
|
-
info && /* @__PURE__ */ jsxRuntime.jsx(
|
|
407
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
408
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
406
|
+
info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
|
|
407
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
|
|
408
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
|
|
409
409
|
] }) })
|
|
410
410
|
] }),
|
|
411
411
|
subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
|
|
@@ -469,7 +469,7 @@ function Button({
|
|
|
469
469
|
Comp,
|
|
470
470
|
{
|
|
471
471
|
"data-slot": "button",
|
|
472
|
-
className:
|
|
472
|
+
className: chunk4H5U5IHH_cjs.cn(buttonVariants({ variant, size, className })),
|
|
473
473
|
...props
|
|
474
474
|
}
|
|
475
475
|
);
|
|
@@ -489,7 +489,7 @@ function Calendar({
|
|
|
489
489
|
reactDayPicker.DayPicker,
|
|
490
490
|
{
|
|
491
491
|
showOutsideDays,
|
|
492
|
-
className:
|
|
492
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
493
493
|
"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
494
494
|
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
495
495
|
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
@@ -501,85 +501,85 @@ function Calendar({
|
|
|
501
501
|
...formatters
|
|
502
502
|
},
|
|
503
503
|
classNames: {
|
|
504
|
-
root:
|
|
505
|
-
months:
|
|
504
|
+
root: chunk4H5U5IHH_cjs.cn("w-fit", defaultClassNames.root),
|
|
505
|
+
months: chunk4H5U5IHH_cjs.cn(
|
|
506
506
|
"flex gap-4 flex-col md:flex-row relative",
|
|
507
507
|
defaultClassNames.months
|
|
508
508
|
),
|
|
509
|
-
month:
|
|
510
|
-
nav:
|
|
509
|
+
month: chunk4H5U5IHH_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
|
|
510
|
+
nav: chunk4H5U5IHH_cjs.cn(
|
|
511
511
|
"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
|
|
512
512
|
defaultClassNames.nav
|
|
513
513
|
),
|
|
514
|
-
button_previous:
|
|
514
|
+
button_previous: chunk4H5U5IHH_cjs.cn(
|
|
515
515
|
buttonVariants({ variant: buttonVariant }),
|
|
516
516
|
"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
|
|
517
517
|
defaultClassNames.button_previous
|
|
518
518
|
),
|
|
519
|
-
button_next:
|
|
519
|
+
button_next: chunk4H5U5IHH_cjs.cn(
|
|
520
520
|
buttonVariants({ variant: buttonVariant }),
|
|
521
521
|
"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
|
|
522
522
|
defaultClassNames.button_next
|
|
523
523
|
),
|
|
524
|
-
month_caption:
|
|
524
|
+
month_caption: chunk4H5U5IHH_cjs.cn(
|
|
525
525
|
"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
|
|
526
526
|
defaultClassNames.month_caption
|
|
527
527
|
),
|
|
528
|
-
dropdowns:
|
|
528
|
+
dropdowns: chunk4H5U5IHH_cjs.cn(
|
|
529
529
|
"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
|
|
530
530
|
defaultClassNames.dropdowns
|
|
531
531
|
),
|
|
532
|
-
dropdown_root:
|
|
532
|
+
dropdown_root: chunk4H5U5IHH_cjs.cn(
|
|
533
533
|
"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
|
|
534
534
|
defaultClassNames.dropdown_root
|
|
535
535
|
),
|
|
536
|
-
dropdown:
|
|
536
|
+
dropdown: chunk4H5U5IHH_cjs.cn(
|
|
537
537
|
"absolute bg-popover inset-0 opacity-0",
|
|
538
538
|
defaultClassNames.dropdown
|
|
539
539
|
),
|
|
540
|
-
caption_label:
|
|
540
|
+
caption_label: chunk4H5U5IHH_cjs.cn(
|
|
541
541
|
"select-none font-medium",
|
|
542
542
|
captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
|
|
543
543
|
defaultClassNames.caption_label
|
|
544
544
|
),
|
|
545
545
|
table: "w-full border-collapse",
|
|
546
|
-
weekdays:
|
|
547
|
-
weekday:
|
|
546
|
+
weekdays: chunk4H5U5IHH_cjs.cn("flex", defaultClassNames.weekdays),
|
|
547
|
+
weekday: chunk4H5U5IHH_cjs.cn(
|
|
548
548
|
"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
|
|
549
549
|
defaultClassNames.weekday
|
|
550
550
|
),
|
|
551
|
-
week:
|
|
552
|
-
week_number_header:
|
|
551
|
+
week: chunk4H5U5IHH_cjs.cn("flex w-full mt-2", defaultClassNames.week),
|
|
552
|
+
week_number_header: chunk4H5U5IHH_cjs.cn(
|
|
553
553
|
"select-none w-(--cell-size)",
|
|
554
554
|
defaultClassNames.week_number_header
|
|
555
555
|
),
|
|
556
|
-
week_number:
|
|
556
|
+
week_number: chunk4H5U5IHH_cjs.cn(
|
|
557
557
|
"text-[0.8rem] select-none text-muted-foreground",
|
|
558
558
|
defaultClassNames.week_number
|
|
559
559
|
),
|
|
560
|
-
day:
|
|
560
|
+
day: chunk4H5U5IHH_cjs.cn(
|
|
561
561
|
"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
|
|
562
562
|
defaultClassNames.day
|
|
563
563
|
),
|
|
564
|
-
range_start:
|
|
564
|
+
range_start: chunk4H5U5IHH_cjs.cn(
|
|
565
565
|
"rounded-l-md bg-accent",
|
|
566
566
|
defaultClassNames.range_start
|
|
567
567
|
),
|
|
568
|
-
range_middle:
|
|
569
|
-
range_end:
|
|
570
|
-
today:
|
|
568
|
+
range_middle: chunk4H5U5IHH_cjs.cn("rounded-none", defaultClassNames.range_middle),
|
|
569
|
+
range_end: chunk4H5U5IHH_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
|
|
570
|
+
today: chunk4H5U5IHH_cjs.cn(
|
|
571
571
|
"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
|
|
572
572
|
defaultClassNames.today
|
|
573
573
|
),
|
|
574
|
-
outside:
|
|
574
|
+
outside: chunk4H5U5IHH_cjs.cn(
|
|
575
575
|
"text-muted-foreground aria-selected:text-muted-foreground",
|
|
576
576
|
defaultClassNames.outside
|
|
577
577
|
),
|
|
578
|
-
disabled:
|
|
578
|
+
disabled: chunk4H5U5IHH_cjs.cn(
|
|
579
579
|
"text-muted-foreground opacity-50",
|
|
580
580
|
defaultClassNames.disabled
|
|
581
581
|
),
|
|
582
|
-
hidden:
|
|
582
|
+
hidden: chunk4H5U5IHH_cjs.cn("invisible", defaultClassNames.hidden),
|
|
583
583
|
...classNames
|
|
584
584
|
},
|
|
585
585
|
components: {
|
|
@@ -589,25 +589,25 @@ function Calendar({
|
|
|
589
589
|
{
|
|
590
590
|
"data-slot": "calendar",
|
|
591
591
|
ref: rootRef,
|
|
592
|
-
className:
|
|
592
|
+
className: chunk4H5U5IHH_cjs.cn(className2),
|
|
593
593
|
...props2
|
|
594
594
|
}
|
|
595
595
|
);
|
|
596
596
|
},
|
|
597
597
|
Chevron: ({ className: className2, orientation, ...props2 }) => {
|
|
598
598
|
if (orientation === "left") {
|
|
599
|
-
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className:
|
|
599
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunk4H5U5IHH_cjs.cn("size-4", className2), ...props2 });
|
|
600
600
|
}
|
|
601
601
|
if (orientation === "right") {
|
|
602
602
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
603
603
|
lucideReact.ChevronRightIcon,
|
|
604
604
|
{
|
|
605
|
-
className:
|
|
605
|
+
className: chunk4H5U5IHH_cjs.cn("size-4", className2),
|
|
606
606
|
...props2
|
|
607
607
|
}
|
|
608
608
|
);
|
|
609
609
|
}
|
|
610
|
-
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className:
|
|
610
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunk4H5U5IHH_cjs.cn("size-4", className2), ...props2 });
|
|
611
611
|
},
|
|
612
612
|
DayButton: CalendarDayButton,
|
|
613
613
|
WeekNumber: ({ children, ...props2 }) => {
|
|
@@ -641,7 +641,7 @@ function CalendarDayButton({
|
|
|
641
641
|
"data-range-start": modifiers.range_start,
|
|
642
642
|
"data-range-end": modifiers.range_end,
|
|
643
643
|
"data-range-middle": modifiers.range_middle,
|
|
644
|
-
className:
|
|
644
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
645
645
|
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
|
|
646
646
|
defaultClassNames.day,
|
|
647
647
|
className
|
|
@@ -672,7 +672,7 @@ function PopoverContent({
|
|
|
672
672
|
"data-slot": "popover-content",
|
|
673
673
|
align,
|
|
674
674
|
sideOffset,
|
|
675
|
-
className:
|
|
675
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
676
676
|
"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 z-50 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
|
|
677
677
|
className
|
|
678
678
|
),
|
|
@@ -696,8 +696,8 @@ var SmartDatePicker = ({
|
|
|
696
696
|
info,
|
|
697
697
|
subLabel
|
|
698
698
|
}) => {
|
|
699
|
-
const { value, error, onChange, fieldRef, registerValidation } =
|
|
700
|
-
const fieldDetection =
|
|
699
|
+
const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
|
|
700
|
+
const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
|
|
701
701
|
const hasRegistered = React4.useRef(false);
|
|
702
702
|
const hasSetDefault = React4.useRef(false);
|
|
703
703
|
const parsedValue = React4.useMemo(() => {
|
|
@@ -755,17 +755,17 @@ var SmartDatePicker = ({
|
|
|
755
755
|
if (!parsedValue) return placeholder || `Select ${label || field}`;
|
|
756
756
|
return dateFns.format(parsedValue, "dd/MM/yyyy");
|
|
757
757
|
}, [parsedValue, placeholder, label, field]);
|
|
758
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
758
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4H5U5IHH_cjs.cn("flex-1 min-w-0", className), children: [
|
|
759
759
|
label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
|
|
760
760
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
761
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
761
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
|
|
762
762
|
label,
|
|
763
763
|
" ",
|
|
764
764
|
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
|
|
765
765
|
] }),
|
|
766
|
-
info && /* @__PURE__ */ jsxRuntime.jsx(
|
|
767
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
768
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
766
|
+
info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
|
|
767
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
|
|
768
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
|
|
769
769
|
] }) })
|
|
770
770
|
] }),
|
|
771
771
|
subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
|
|
@@ -776,7 +776,7 @@ var SmartDatePicker = ({
|
|
|
776
776
|
{
|
|
777
777
|
ref: fieldRef,
|
|
778
778
|
variant: "outline",
|
|
779
|
-
className:
|
|
779
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
780
780
|
"w-full justify-start text-left font-normal",
|
|
781
781
|
!parsedValue && "text-muted-foreground",
|
|
782
782
|
error && "border-destructive"
|
|
@@ -820,8 +820,8 @@ var SmartTags = ({
|
|
|
820
820
|
info,
|
|
821
821
|
subLabel
|
|
822
822
|
}) => {
|
|
823
|
-
const { value, error, onChange, fieldRef, registerValidation } =
|
|
824
|
-
const fieldDetection =
|
|
823
|
+
const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
|
|
824
|
+
const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
|
|
825
825
|
const hasRegistered = React4.useRef(false);
|
|
826
826
|
const hasSetDefault = React4.useRef(false);
|
|
827
827
|
const [tags, setTags] = React4.useState([]);
|
|
@@ -890,7 +890,7 @@ var SmartTags = ({
|
|
|
890
890
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
|
|
891
891
|
label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
|
|
892
892
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
893
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
893
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
|
|
894
894
|
label,
|
|
895
895
|
" ",
|
|
896
896
|
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
|
|
@@ -902,9 +902,9 @@ var SmartTags = ({
|
|
|
902
902
|
")"
|
|
903
903
|
] })
|
|
904
904
|
] }),
|
|
905
|
-
info && /* @__PURE__ */ jsxRuntime.jsx(
|
|
906
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
907
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
905
|
+
info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
|
|
906
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
|
|
907
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
|
|
908
908
|
] }) })
|
|
909
909
|
] }),
|
|
910
910
|
subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
|
|
@@ -913,7 +913,7 @@ var SmartTags = ({
|
|
|
913
913
|
"div",
|
|
914
914
|
{
|
|
915
915
|
ref: fieldRef,
|
|
916
|
-
className:
|
|
916
|
+
className: chunk4H5U5IHH_cjs.cn(
|
|
917
917
|
"min-h-[40px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
|
|
918
918
|
"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
|
|
919
919
|
"flex flex-wrap items-center gap-2 cursor-text",
|
|
@@ -949,7 +949,7 @@ var SmartTags = ({
|
|
|
949
949
|
`${tagText}-${index}`
|
|
950
950
|
)),
|
|
951
951
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
952
|
-
|
|
952
|
+
chunk4H5U5IHH_cjs.Input,
|
|
953
953
|
{
|
|
954
954
|
ref: inputRef,
|
|
955
955
|
type: "text",
|
|
@@ -978,5 +978,5 @@ exports.SmartDatePicker = SmartDatePicker;
|
|
|
978
978
|
exports.SmartRadioGroup = SmartRadioGroup;
|
|
979
979
|
exports.SmartSelect = SmartSelect;
|
|
980
980
|
exports.SmartTags = SmartTags;
|
|
981
|
-
//# sourceMappingURL=chunk-
|
|
982
|
-
//# sourceMappingURL=chunk-
|
|
981
|
+
//# sourceMappingURL=chunk-CJ55WKPC.cjs.map
|
|
982
|
+
//# sourceMappingURL=chunk-CJ55WKPC.cjs.map
|