@egose/shadcn-theme 0.0.1 → 0.0.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/README.md +13 -14
- package/chunk-44EDWDHY.js +57 -0
- package/chunk-44EDWDHY.js.map +1 -0
- package/{chunk-B5KVOXLO.js → chunk-5CDRBI5O.js} +8 -41
- package/chunk-5CDRBI5O.js.map +1 -0
- package/{chunk-ZR3EVQAK.js → chunk-5T5QQDSP.js} +1 -1
- package/chunk-5T5QQDSP.js.map +1 -0
- package/chunk-623DYAHT.mjs +29 -0
- package/chunk-623DYAHT.mjs.map +1 -0
- package/chunk-7M4CHPRA.mjs +57 -0
- package/chunk-7M4CHPRA.mjs.map +1 -0
- package/chunk-7OK7ZIDG.mjs +71 -0
- package/chunk-7OK7ZIDG.mjs.map +1 -0
- package/chunk-7W42BHVK.mjs +23 -0
- package/chunk-7W42BHVK.mjs.map +1 -0
- package/{chunk-K5LCVJVQ.js → chunk-AXZDZXCY.js} +4 -12
- package/chunk-AXZDZXCY.js.map +1 -0
- package/chunk-CBPD4MCN.mjs +18 -0
- package/chunk-CBPD4MCN.mjs.map +1 -0
- package/{chunk-WTTHT7F4.js → chunk-FB6MG6BO.js} +1 -1
- package/{chunk-WTTHT7F4.js.map → chunk-FB6MG6BO.js.map} +1 -1
- package/{chunk-XHNXPJDJ.mjs → chunk-GIWS4EGG.mjs} +2 -8
- package/chunk-GIWS4EGG.mjs.map +1 -0
- package/{chunk-PZ6OC36F.js → chunk-GJJM336N.js} +1 -1
- package/chunk-GJJM336N.js.map +1 -0
- package/{chunk-PICOAWKQ.js → chunk-IMRGSJCL.js} +2 -8
- package/chunk-IMRGSJCL.js.map +1 -0
- package/chunk-IQP24H6D.js +31 -0
- package/chunk-IQP24H6D.js.map +1 -0
- package/chunk-J2S6AWOC.js +18 -0
- package/chunk-J2S6AWOC.js.map +1 -0
- package/{chunk-SIGC6GCN.mjs → chunk-KBUB4CRW.mjs} +1 -1
- package/chunk-KBUB4CRW.mjs.map +1 -0
- package/chunk-KW4OLCGW.js +24 -0
- package/chunk-KW4OLCGW.js.map +1 -0
- package/chunk-LT3WL2W3.js +71 -0
- package/chunk-LT3WL2W3.js.map +1 -0
- package/{chunk-HPKA6MRM.js → chunk-LUOWYBFH.js} +13 -55
- package/chunk-LUOWYBFH.js.map +1 -0
- package/chunk-MKSF24CS.js +40 -0
- package/chunk-MKSF24CS.js.map +1 -0
- package/{chunk-5HXFUN6E.mjs → chunk-NFHY5TW2.mjs} +13 -55
- package/chunk-NFHY5TW2.mjs.map +1 -0
- package/chunk-P2MQ6OUG.mjs +40 -0
- package/chunk-P2MQ6OUG.mjs.map +1 -0
- package/chunk-PEKKKPKP.mjs +31 -0
- package/chunk-PEKKKPKP.mjs.map +1 -0
- package/{chunk-4CBX7RQR.mjs → chunk-PMQ65SGR.mjs} +1 -1
- package/chunk-PMQ65SGR.mjs.map +1 -0
- package/{chunk-BIIFJJWL.mjs → chunk-QOOQ43HV.mjs} +8 -41
- package/chunk-QOOQ43HV.mjs.map +1 -0
- package/{chunk-TVGM4RRO.mjs → chunk-VDCTULTM.mjs} +1 -1
- package/chunk-VDCTULTM.mjs.map +1 -0
- package/chunk-VXIIBN2D.mjs +24 -0
- package/chunk-VXIIBN2D.mjs.map +1 -0
- package/chunk-XC6HXMMM.mjs +207 -0
- package/chunk-XC6HXMMM.mjs.map +1 -0
- package/{chunk-DG6G5KP2.js → chunk-XVEDXQIR.js} +13 -19
- package/chunk-XVEDXQIR.js.map +1 -0
- package/chunk-YWS36WKB.js +207 -0
- package/chunk-YWS36WKB.js.map +1 -0
- package/components/form/FormError.d.mts +9 -0
- package/components/form/FormError.d.ts +9 -0
- package/components/form/FormError.js +9 -0
- package/components/form/FormError.js.map +1 -0
- package/components/form/FormError.mjs +9 -0
- package/components/form/FormError.mjs.map +1 -0
- package/components/form/FormTextInput.d.mts +19 -0
- package/components/form/FormTextInput.d.ts +19 -0
- package/components/form/FormTextInput.js +12 -0
- package/components/form/FormTextInput.js.map +1 -0
- package/components/form/FormTextInput.mjs +12 -0
- package/components/form/FormTextInput.mjs.map +1 -0
- package/components/form/FormTextarea.d.mts +21 -0
- package/components/form/FormTextarea.d.ts +21 -0
- package/components/form/FormTextarea.js +12 -0
- package/components/form/FormTextarea.js.map +1 -0
- package/components/form/FormTextarea.mjs +12 -0
- package/components/form/FormTextarea.mjs.map +1 -0
- package/components/form/HookFormTextInput.d.mts +11 -0
- package/components/form/HookFormTextInput.d.ts +11 -0
- package/components/form/HookFormTextInput.js +72 -0
- package/components/form/HookFormTextInput.js.map +1 -0
- package/components/form/HookFormTextInput.mjs +72 -0
- package/components/form/HookFormTextInput.mjs.map +1 -0
- package/components/form/HookFormTextarea.d.mts +11 -0
- package/components/form/HookFormTextarea.d.ts +11 -0
- package/components/form/HookFormTextarea.js +72 -0
- package/components/form/HookFormTextarea.js.map +1 -0
- package/components/form/HookFormTextarea.mjs +72 -0
- package/components/form/HookFormTextarea.mjs.map +1 -0
- package/components/ui/accordion.js +1 -7
- package/components/ui/accordion.js.map +1 -1
- package/components/ui/accordion.mjs +1 -7
- package/components/ui/accordion.mjs.map +1 -1
- package/components/ui/alert-dialog.js +10 -55
- package/components/ui/alert-dialog.js.map +1 -1
- package/components/ui/alert-dialog.mjs +10 -55
- package/components/ui/alert-dialog.mjs.map +1 -1
- package/components/ui/alert.d.mts +1 -1
- package/components/ui/alert.d.ts +1 -1
- package/components/ui/alert.js +13 -28
- package/components/ui/alert.js.map +1 -1
- package/components/ui/alert.mjs +13 -28
- package/components/ui/alert.mjs.map +1 -1
- package/components/ui/aspect-ratio.js.map +1 -1
- package/components/ui/aspect-ratio.mjs.map +1 -1
- package/components/ui/avatar.js +3 -15
- package/components/ui/avatar.js.map +1 -1
- package/components/ui/avatar.mjs +3 -15
- package/components/ui/avatar.mjs.map +1 -1
- package/components/ui/badge.d.mts +1 -1
- package/components/ui/badge.d.ts +1 -1
- package/components/ui/badge.js.map +1 -1
- package/components/ui/badge.mjs.map +1 -1
- package/components/ui/breadcrumb.js +40 -64
- package/components/ui/breadcrumb.js.map +1 -1
- package/components/ui/breadcrumb.mjs +40 -64
- package/components/ui/breadcrumb.mjs.map +1 -1
- package/components/ui/button.d.mts +5 -1
- package/components/ui/button.d.ts +5 -1
- package/components/ui/button.js +3 -2
- package/components/ui/button.js.map +1 -1
- package/components/ui/button.mjs +2 -1
- package/components/ui/calendar.js +7 -24
- package/components/ui/calendar.js.map +1 -1
- package/components/ui/calendar.mjs +7 -24
- package/components/ui/calendar.mjs.map +1 -1
- package/components/ui/card.js +31 -54
- package/components/ui/card.js.map +1 -1
- package/components/ui/card.mjs +31 -54
- package/components/ui/card.mjs.map +1 -1
- package/components/ui/carousel.d.mts +1 -1
- package/components/ui/carousel.d.ts +1 -1
- package/components/ui/carousel.js +77 -90
- package/components/ui/carousel.js.map +1 -1
- package/components/ui/carousel.mjs +77 -90
- package/components/ui/carousel.mjs.map +1 -1
- package/components/ui/chart.js +39 -60
- package/components/ui/chart.js.map +1 -1
- package/components/ui/chart.mjs +39 -60
- package/components/ui/chart.mjs.map +1 -1
- package/components/ui/checkbox.js +1 -7
- package/components/ui/checkbox.js.map +1 -1
- package/components/ui/checkbox.mjs +1 -7
- package/components/ui/checkbox.mjs.map +1 -1
- package/components/ui/collapsible.js.map +1 -1
- package/components/ui/collapsible.mjs.map +1 -1
- package/components/ui/command.js +6 -30
- package/components/ui/command.js.map +1 -1
- package/components/ui/command.mjs +5 -29
- package/components/ui/command.mjs.map +1 -1
- package/components/ui/context-menu.js +4 -26
- package/components/ui/context-menu.js.map +1 -1
- package/components/ui/context-menu.mjs +4 -26
- package/components/ui/context-menu.mjs.map +1 -1
- package/components/ui/dialog.js +2 -2
- package/components/ui/dialog.mjs +1 -1
- package/components/ui/drawer.js +9 -51
- package/components/ui/drawer.js.map +1 -1
- package/components/ui/drawer.mjs +9 -51
- package/components/ui/drawer.mjs.map +1 -1
- package/components/ui/dropdown-menu.js +8 -27
- package/components/ui/dropdown-menu.js.map +1 -1
- package/components/ui/dropdown-menu.mjs +8 -27
- package/components/ui/dropdown-menu.mjs.map +1 -1
- package/components/ui/form.js +50 -64
- package/components/ui/form.js.map +1 -1
- package/components/ui/form.mjs +51 -65
- package/components/ui/form.mjs.map +1 -1
- package/components/ui/hover-card.js.map +1 -1
- package/components/ui/hover-card.mjs.map +1 -1
- package/components/ui/input-otp.js +25 -22
- package/components/ui/input-otp.js.map +1 -1
- package/components/ui/input-otp.mjs +25 -22
- package/components/ui/input-otp.mjs.map +1 -1
- package/components/ui/input.js +2 -2
- package/components/ui/input.mjs +1 -1
- package/components/ui/label.d.mts +3 -1
- package/components/ui/label.d.ts +3 -1
- package/components/ui/label.js +2 -2
- package/components/ui/label.mjs +1 -1
- package/components/ui/menubar.js +21 -48
- package/components/ui/menubar.js.map +1 -1
- package/components/ui/menubar.mjs +21 -48
- package/components/ui/menubar.mjs.map +1 -1
- package/components/ui/navigation-menu.js +2 -8
- package/components/ui/navigation-menu.js.map +1 -1
- package/components/ui/navigation-menu.mjs +2 -8
- package/components/ui/navigation-menu.mjs.map +1 -1
- package/components/ui/pagination.d.mts +1 -1
- package/components/ui/pagination.d.ts +1 -1
- package/components/ui/pagination.js +17 -66
- package/components/ui/pagination.js.map +1 -1
- package/components/ui/pagination.mjs +16 -65
- package/components/ui/pagination.mjs.map +1 -1
- package/components/ui/popover.js.map +1 -1
- package/components/ui/popover.mjs.map +1 -1
- package/components/ui/progress.js +1 -4
- package/components/ui/progress.js.map +1 -1
- package/components/ui/progress.mjs +1 -4
- package/components/ui/progress.mjs.map +1 -1
- package/components/ui/radio-group.js +1 -8
- package/components/ui/radio-group.js.map +1 -1
- package/components/ui/radio-group.mjs +1 -8
- package/components/ui/radio-group.mjs.map +1 -1
- package/components/ui/resizable.js +2 -9
- package/components/ui/resizable.js.map +1 -1
- package/components/ui/resizable.mjs +2 -9
- package/components/ui/resizable.mjs.map +1 -1
- package/components/ui/scroll-area.js +1 -10
- package/components/ui/scroll-area.js.map +1 -1
- package/components/ui/scroll-area.mjs +1 -10
- package/components/ui/scroll-area.mjs.map +1 -1
- package/components/ui/select.js +4 -22
- package/components/ui/select.js.map +1 -1
- package/components/ui/select.mjs +4 -22
- package/components/ui/select.mjs.map +1 -1
- package/components/ui/separator.js +2 -2
- package/components/ui/separator.mjs +1 -1
- package/components/ui/sheet.js +2 -2
- package/components/ui/sheet.mjs +1 -1
- package/components/ui/sidebar.d.mts +1 -1
- package/components/ui/sidebar.d.ts +1 -1
- package/components/ui/sidebar.js +314 -390
- package/components/ui/sidebar.js.map +1 -1
- package/components/ui/sidebar.mjs +316 -392
- package/components/ui/sidebar.mjs.map +1 -1
- package/components/ui/skeleton.js +2 -2
- package/components/ui/skeleton.mjs +1 -1
- package/components/ui/slider.js +1 -4
- package/components/ui/slider.js.map +1 -1
- package/components/ui/slider.mjs +1 -4
- package/components/ui/slider.mjs.map +1 -1
- package/components/ui/sonner.js.map +1 -1
- package/components/ui/sonner.mjs.map +1 -1
- package/components/ui/spinner.d.mts +20 -0
- package/components/ui/spinner.d.ts +20 -0
- package/components/ui/spinner.js +9 -0
- package/components/ui/spinner.js.map +1 -0
- package/components/ui/spinner.mjs +9 -0
- package/components/ui/spinner.mjs.map +1 -0
- package/components/ui/switch.js.map +1 -1
- package/components/ui/switch.mjs.map +1 -1
- package/components/ui/table.js +69 -86
- package/components/ui/table.js.map +1 -1
- package/components/ui/table.mjs +69 -86
- package/components/ui/table.mjs.map +1 -1
- package/components/ui/tabs.js.map +1 -1
- package/components/ui/tabs.mjs.map +1 -1
- package/components/ui/textarea.js +5 -24
- package/components/ui/textarea.js.map +1 -1
- package/components/ui/textarea.mjs +4 -23
- package/components/ui/textarea.mjs.map +1 -1
- package/components/ui/toggle-group.js +3 -10
- package/components/ui/toggle-group.js.map +1 -1
- package/components/ui/toggle-group.mjs +2 -9
- package/components/ui/toggle-group.mjs.map +1 -1
- package/components/ui/toggle.js +2 -2
- package/components/ui/toggle.mjs +1 -1
- package/components/ui/tooltip.js +2 -2
- package/components/ui/tooltip.mjs +1 -1
- package/hooks/use-mobile.js +2 -2
- package/hooks/use-mobile.mjs +1 -1
- package/package.json +5 -4
- package/chunk-4CBX7RQR.mjs.map +0 -1
- package/chunk-5HXFUN6E.mjs.map +0 -1
- package/chunk-A6SPGGUA.mjs +0 -31
- package/chunk-A6SPGGUA.mjs.map +0 -1
- package/chunk-B5KVOXLO.js.map +0 -1
- package/chunk-BBMYITL4.mjs +0 -35
- package/chunk-BBMYITL4.mjs.map +0 -1
- package/chunk-BIIFJJWL.mjs.map +0 -1
- package/chunk-DDR4LO2B.mjs +0 -27
- package/chunk-DDR4LO2B.mjs.map +0 -1
- package/chunk-DG6G5KP2.js.map +0 -1
- package/chunk-HPKA6MRM.js.map +0 -1
- package/chunk-JB72ECC3.js +0 -57
- package/chunk-JB72ECC3.js.map +0 -1
- package/chunk-K5LCVJVQ.js.map +0 -1
- package/chunk-PEJ7BU4C.js +0 -27
- package/chunk-PEJ7BU4C.js.map +0 -1
- package/chunk-PICOAWKQ.js.map +0 -1
- package/chunk-PZ6OC36F.js.map +0 -1
- package/chunk-SIGC6GCN.mjs.map +0 -1
- package/chunk-TVGM4RRO.mjs.map +0 -1
- package/chunk-WTKKFZZ4.mjs +0 -57
- package/chunk-WTKKFZZ4.mjs.map +0 -1
- package/chunk-XHNXPJDJ.mjs.map +0 -1
- package/chunk-ZR3EVQAK.js.map +0 -1
package/components/ui/form.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkAXZDZXCYjs = require('../../chunk-AXZDZXCY.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
@@ -13,15 +13,9 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
|
13
13
|
// components/ui/form.tsx
|
|
14
14
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
15
15
|
var _reactslot = require('@radix-ui/react-slot');
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var _reacthookform = require('react-hook-form');
|
|
21
17
|
var Form = _reacthookform.FormProvider;
|
|
22
|
-
var FormFieldContext = React.createContext(
|
|
23
|
-
{}
|
|
24
|
-
);
|
|
18
|
+
var FormFieldContext = React.createContext({});
|
|
25
19
|
var FormField = (_a) => {
|
|
26
20
|
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
27
21
|
return /* @__PURE__ */ React.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React.createElement(_reacthookform.Controller, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, props)));
|
|
@@ -43,72 +37,64 @@ var useFormField = () => {
|
|
|
43
37
|
formMessageId: `${id}-form-item-message`
|
|
44
38
|
}, fieldState);
|
|
45
39
|
};
|
|
46
|
-
var FormItemContext = React.createContext(
|
|
47
|
-
|
|
40
|
+
var FormItemContext = React.createContext({});
|
|
41
|
+
var FormItem = React.forwardRef(
|
|
42
|
+
(_a, ref) => {
|
|
43
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
44
|
+
const id = React.useId();
|
|
45
|
+
return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "space-y-2", className) }, props)));
|
|
46
|
+
}
|
|
48
47
|
);
|
|
49
|
-
var FormItem = React.forwardRef((_a, ref) => {
|
|
50
|
-
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
51
|
-
const id = React.useId();
|
|
52
|
-
return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "space-y-2", className) }, props)));
|
|
53
|
-
});
|
|
54
48
|
FormItem.displayName = "FormItem";
|
|
55
49
|
var FormLabel = React.forwardRef((_a, ref) => {
|
|
56
50
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
57
51
|
const { error, formItemId } = useFormField();
|
|
58
|
-
return /* @__PURE__ */ React.createElement(
|
|
59
|
-
_chunkK5LCVJVQjs.Label,
|
|
60
|
-
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
61
|
-
ref,
|
|
62
|
-
className: _chunkB2G2EZ4Pjs.cn.call(void 0, error && "text-destructive", className),
|
|
63
|
-
htmlFor: formItemId
|
|
64
|
-
}, props)
|
|
65
|
-
);
|
|
52
|
+
return /* @__PURE__ */ React.createElement(_chunkAXZDZXCYjs.Label, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, error && "text-destructive", className), htmlFor: formItemId }, props));
|
|
66
53
|
});
|
|
67
54
|
FormLabel.displayName = "FormLabel";
|
|
68
|
-
var FormControl = React.forwardRef(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
55
|
+
var FormControl = React.forwardRef(
|
|
56
|
+
(_a, ref) => {
|
|
57
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
58
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
_reactslot.Slot,
|
|
61
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
62
|
+
ref,
|
|
63
|
+
id: formItemId,
|
|
64
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
65
|
+
"aria-invalid": !!error
|
|
66
|
+
}, props)
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
);
|
|
81
70
|
FormControl.displayName = "FormControl";
|
|
82
|
-
var FormDescription = React.forwardRef(
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
"p",
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
id: formDescriptionId,
|
|
90
|
-
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "text-[0.8rem] text-muted-foreground", className)
|
|
91
|
-
}, props)
|
|
92
|
-
);
|
|
93
|
-
});
|
|
71
|
+
var FormDescription = React.forwardRef(
|
|
72
|
+
(_a, ref) => {
|
|
73
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
74
|
+
const { formDescriptionId } = useFormField();
|
|
75
|
+
return /* @__PURE__ */ React.createElement("p", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, id: formDescriptionId, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "text-[0.8rem] text-muted-foreground", className) }, props));
|
|
76
|
+
}
|
|
77
|
+
);
|
|
94
78
|
FormDescription.displayName = "FormDescription";
|
|
95
|
-
var FormMessage = React.forwardRef(
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
79
|
+
var FormMessage = React.forwardRef(
|
|
80
|
+
(_a, ref) => {
|
|
81
|
+
var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
|
|
82
|
+
const { error, formMessageId } = useFormField();
|
|
83
|
+
const body = error ? String(error == null ? void 0 : error.message) : children;
|
|
84
|
+
if (!body) {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
return /* @__PURE__ */ React.createElement(
|
|
88
|
+
"p",
|
|
89
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
90
|
+
ref,
|
|
91
|
+
id: formMessageId,
|
|
92
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "text-[0.8rem] font-medium text-destructive", className)
|
|
93
|
+
}, props),
|
|
94
|
+
body
|
|
95
|
+
);
|
|
101
96
|
}
|
|
102
|
-
|
|
103
|
-
"p",
|
|
104
|
-
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
105
|
-
ref,
|
|
106
|
-
id: formMessageId,
|
|
107
|
-
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "text-[0.8rem] font-medium text-destructive", className)
|
|
108
|
-
}, props),
|
|
109
|
-
body
|
|
110
|
-
);
|
|
111
|
-
});
|
|
97
|
+
);
|
|
112
98
|
FormMessage.displayName = "FormMessage";
|
|
113
99
|
|
|
114
100
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/form.js","../../../components/ui/form.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACVA,2EAAuB;AAEvB,iDAAqB;AACrB
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/form.js","../../../components/ui/form.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACVA,2EAAuB;AAEvB,iDAAqB;AACrB,gDAAkG;AAKlG,IAAM,KAAA,EAAO,2BAAA;AASb,IAAM,iBAAA,EAAyB,KAAA,CAAA,aAAA,CAAqC,CAAC,CAA0B,CAAA;AAE/F,IAAM,UAAA,EAAY,CAGhB,EAAA,EAAA,GAE0C;AAF1C,EAAA,IACG,MAAA,EAAA,wCAAA,EADH,EACG,CAAA,CAAA,CAAA;AAEH,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,CAAM,KAAK,EAAA,CAAA,kBACnD,KAAA,CAAA,aAAA,CAAC,yBAAA,EAAA,6CAAA,CAAA,CAAA,EAAe,KAAA,CAAO,CACzB,CAAA;AAEJ,CAAA;AAEA,IAAM,aAAA,EAAe,CAAA,EAAA,GAAM;AACzB,EAAA,MAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAAW,gBAAgB,CAAA;AACtD,EAAA,MAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAAW,eAAe,CAAA;AACpD,EAAA,MAAM,EAAE,aAAA,EAAe,UAAU,EAAA,EAAI,2CAAA,CAAe;AAEpD,EAAA,MAAM,WAAA,EAAa,aAAA,CAAc,YAAA,CAAa,IAAA,EAAM,SAAS,CAAA;AAE7D,EAAA,GAAA,CAAI,CAAC,YAAA,EAAc;AACjB,IAAA,MAAM,IAAI,KAAA,CAAM,gDAAgD,CAAA;AAAA,EAClE;AAEA,EAAA,MAAM,EAAE,GAAG,EAAA,EAAI,WAAA;AAEf,EAAA,OAAO,6CAAA;AAAA,IACL,EAAA;AAAA,IACA,IAAA,EAAM,YAAA,CAAa,IAAA;AAAA,IACnB,UAAA,EAAY,CAAA,EAAA;AACZ,IAAA;AACA,IAAA;AACG,EAAA;AAEP;AAMM;AAEiB;AACa,EAAA;AAA/B,IAAA;AACgB,IAAA;AAGf,IAAA;AAIJ,EAAA;AACF;AACS;AAEe;AAGnB,EAAA;AACY,EAAA;AAER,EAAA;AACR;AACS;AAEJ;AACmB,EAAA;AAAjB,IAAA;AACI,IAAA;AAGN,IAAA;AAAC,MAAA;AAAA,MAAA;AACC,QAAA;AACI,QAAA;AACJ,QAAA;AACA,QAAA;AACI,MAAA;AACN,IAAA;AAEJ,EAAA;AACF;AACY;AAEN;AAC8B,EAAA;AAA/B,IAAA;AACO,IAAA;AAGN,IAAA;AAEJ,EAAA;AACF;AACgB;AAEV;AACwC,EAAA;AAAzC,IAAA;AACO,IAAA;AACK,IAAA;AAEF,IAAA;AACF,MAAA;AACT,IAAA;AAGE,IAAA;AAAC,MAAA;AAAA,MAAA;AACC,QAAA;AACI,QAAA;AACJ,QAAA;AACI,MAAA;AAEH,MAAA;AACH,IAAA;AAEJ,EAAA;AACF;AACY;ADrCK;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/form.js","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from 'react-hook-form';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n );\n};\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext);\n const itemContext = React.useContext(FormItemContext);\n const { getFieldState, formState } = useFormContext();\n\n const fieldState = getFieldState(fieldContext.name, formState);\n\n if (!fieldContext) {\n throw new Error('useFormField should be used within <FormField>');\n }\n\n const { id } = itemContext;\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n };\n};\n\ntype FormItemContextValue = {\n id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const id = React.useId();\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn('space-y-2', className)} {...props} />\n </FormItemContext.Provider>\n );\n },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField();\n\n return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n ({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={!!error}\n {...props}\n />\n );\n },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField();\n\n return (\n <p ref={ref} id={formDescriptionId} className={cn('text-[0.8rem] text-muted-foreground', className)} {...props} />\n );\n },\n);\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField();\n const body = error ? String(error?.message) : children;\n\n if (!body) {\n return null;\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-[0.8rem] font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n );\n },\n);\nFormMessage.displayName = 'FormMessage';\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"]}
|
package/components/ui/form.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Label
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-7W42BHVK.mjs";
|
|
5
5
|
import {
|
|
6
6
|
cn
|
|
7
7
|
} from "../../chunk-3ONILUYO.mjs";
|
|
@@ -13,15 +13,9 @@ import {
|
|
|
13
13
|
// components/ui/form.tsx
|
|
14
14
|
import * as React from "react";
|
|
15
15
|
import { Slot } from "@radix-ui/react-slot";
|
|
16
|
-
import {
|
|
17
|
-
Controller,
|
|
18
|
-
FormProvider,
|
|
19
|
-
useFormContext
|
|
20
|
-
} from "react-hook-form";
|
|
16
|
+
import { Controller, FormProvider, useFormContext } from "react-hook-form";
|
|
21
17
|
var Form = FormProvider;
|
|
22
|
-
var FormFieldContext = React.createContext(
|
|
23
|
-
{}
|
|
24
|
-
);
|
|
18
|
+
var FormFieldContext = React.createContext({});
|
|
25
19
|
var FormField = (_a) => {
|
|
26
20
|
var props = __objRest(_a, []);
|
|
27
21
|
return /* @__PURE__ */ React.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React.createElement(Controller, __spreadValues({}, props)));
|
|
@@ -43,72 +37,64 @@ var useFormField = () => {
|
|
|
43
37
|
formMessageId: `${id}-form-item-message`
|
|
44
38
|
}, fieldState);
|
|
45
39
|
};
|
|
46
|
-
var FormItemContext = React.createContext(
|
|
47
|
-
|
|
40
|
+
var FormItemContext = React.createContext({});
|
|
41
|
+
var FormItem = React.forwardRef(
|
|
42
|
+
(_a, ref) => {
|
|
43
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
44
|
+
const id = React.useId();
|
|
45
|
+
return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)));
|
|
46
|
+
}
|
|
48
47
|
);
|
|
49
|
-
var FormItem = React.forwardRef((_a, ref) => {
|
|
50
|
-
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
51
|
-
const id = React.useId();
|
|
52
|
-
return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)));
|
|
53
|
-
});
|
|
54
48
|
FormItem.displayName = "FormItem";
|
|
55
49
|
var FormLabel = React.forwardRef((_a, ref) => {
|
|
56
50
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
57
51
|
const { error, formItemId } = useFormField();
|
|
58
|
-
return /* @__PURE__ */ React.createElement(
|
|
59
|
-
Label,
|
|
60
|
-
__spreadValues({
|
|
61
|
-
ref,
|
|
62
|
-
className: cn(error && "text-destructive", className),
|
|
63
|
-
htmlFor: formItemId
|
|
64
|
-
}, props)
|
|
65
|
-
);
|
|
52
|
+
return /* @__PURE__ */ React.createElement(Label, __spreadValues({ ref, className: cn(error && "text-destructive", className), htmlFor: formItemId }, props));
|
|
66
53
|
});
|
|
67
54
|
FormLabel.displayName = "FormLabel";
|
|
68
|
-
var FormControl = React.forwardRef(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
55
|
+
var FormControl = React.forwardRef(
|
|
56
|
+
(_a, ref) => {
|
|
57
|
+
var props = __objRest(_a, []);
|
|
58
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
Slot,
|
|
61
|
+
__spreadValues({
|
|
62
|
+
ref,
|
|
63
|
+
id: formItemId,
|
|
64
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
65
|
+
"aria-invalid": !!error
|
|
66
|
+
}, props)
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
);
|
|
81
70
|
FormControl.displayName = "FormControl";
|
|
82
|
-
var FormDescription = React.forwardRef(
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
"p",
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
id: formDescriptionId,
|
|
90
|
-
className: cn("text-[0.8rem] text-muted-foreground", className)
|
|
91
|
-
}, props)
|
|
92
|
-
);
|
|
93
|
-
});
|
|
71
|
+
var FormDescription = React.forwardRef(
|
|
72
|
+
(_a, ref) => {
|
|
73
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
74
|
+
const { formDescriptionId } = useFormField();
|
|
75
|
+
return /* @__PURE__ */ React.createElement("p", __spreadValues({ ref, id: formDescriptionId, className: cn("text-[0.8rem] text-muted-foreground", className) }, props));
|
|
76
|
+
}
|
|
77
|
+
);
|
|
94
78
|
FormDescription.displayName = "FormDescription";
|
|
95
|
-
var FormMessage = React.forwardRef(
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
79
|
+
var FormMessage = React.forwardRef(
|
|
80
|
+
(_a, ref) => {
|
|
81
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
82
|
+
const { error, formMessageId } = useFormField();
|
|
83
|
+
const body = error ? String(error == null ? void 0 : error.message) : children;
|
|
84
|
+
if (!body) {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
return /* @__PURE__ */ React.createElement(
|
|
88
|
+
"p",
|
|
89
|
+
__spreadValues({
|
|
90
|
+
ref,
|
|
91
|
+
id: formMessageId,
|
|
92
|
+
className: cn("text-[0.8rem] font-medium text-destructive", className)
|
|
93
|
+
}, props),
|
|
94
|
+
body
|
|
95
|
+
);
|
|
101
96
|
}
|
|
102
|
-
|
|
103
|
-
"p",
|
|
104
|
-
__spreadValues({
|
|
105
|
-
ref,
|
|
106
|
-
id: formMessageId,
|
|
107
|
-
className: cn("text-[0.8rem] font-medium text-destructive", className)
|
|
108
|
-
}, props),
|
|
109
|
-
body
|
|
110
|
-
);
|
|
111
|
-
});
|
|
97
|
+
);
|
|
112
98
|
FormMessage.displayName = "FormMessage";
|
|
113
99
|
export {
|
|
114
100
|
Form,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/form.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from 'react-hook-form';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n );\n};\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext);\n const itemContext = React.useContext(FormItemContext);\n const { getFieldState, formState } = useFormContext();\n\n const fieldState = getFieldState(fieldContext.name, formState);\n\n if (!fieldContext) {\n throw new Error('useFormField should be used within <FormField>');\n }\n\n const { id } = itemContext;\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n };\n};\n\ntype FormItemContextValue = {\n id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const id = React.useId();\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn('space-y-2', className)} {...props} />\n </FormItemContext.Provider>\n );\n },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField();\n\n return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n ({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={!!error}\n {...props}\n />\n );\n },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n ({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField();\n\n return (\n <p ref={ref} id={formDescriptionId} className={cn('text-[0.8rem] text-muted-foreground', className)} {...props} />\n );\n },\n);\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField();\n const body = error ? String(error?.message) : children;\n\n if (!body) {\n return null;\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-[0.8rem] font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n );\n },\n);\nFormMessage.displayName = 'FormMessage';\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"mappings":"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","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/hover-card.js","../../../components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACPA,2EAAuB;AACvB,+HAAoC;AAIpC,IAAM,UAAA,EAA+B,kBAAA,CAAA,IAAA;AAErC,IAAM,iBAAA,EAAsC,kBAAA,CAAA,OAAA;AAE5C,IAAM,iBAAA,EAAyB,KAAA,CAAA,UAAA,CAG7B,CAAC,EAAA,EAA2D,GAAA,EAAA,GAAK;AAAhE,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,EAd/C,EAAA,EAcG,EAAA,EAAkD,MAAA,EAAA,wCAAA,EAAlD,EAAkD,CAAhD,WAAA,EAAW,OAAA,EAAkB,YAAA,CAAA,CAAA;AAChC,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,OAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,4aAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,gBAAA,CAAiB,YAAA,EAAiC,kBAAA,CAAA,OAAA,CAAQ,WAAA;ADI1D;AACE;AACA;AACA;AACF,wHAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/hover-card.js","sourcesContent":[null,"
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/hover-card.js","../../../components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACPA,2EAAuB;AACvB,+HAAoC;AAIpC,IAAM,UAAA,EAA+B,kBAAA,CAAA,IAAA;AAErC,IAAM,iBAAA,EAAsC,kBAAA,CAAA,OAAA;AAE5C,IAAM,iBAAA,EAAyB,KAAA,CAAA,UAAA,CAG7B,CAAC,EAAA,EAA2D,GAAA,EAAA,GAAK;AAAhE,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,EAd/C,EAAA,EAcG,EAAA,EAAkD,MAAA,EAAA,wCAAA,EAAlD,EAAkD,CAAhD,WAAA,EAAW,OAAA,EAAkB,YAAA,CAAA,CAAA;AAChC,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,OAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,4aAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,gBAAA,CAAiB,YAAA,EAAiC,kBAAA,CAAA,OAAA,CAAQ,WAAA;ADI1D;AACE;AACA;AACA;AACF,wHAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/hover-card.js","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '../../lib/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n React.ElementRef<typeof HoverCardPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',\n className,\n )}\n {...props}\n />\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/hover-card.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/hover-card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '../../lib/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n React.ElementRef<typeof HoverCardPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',\n className,\n )}\n {...props}\n />\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAIpC,IAAM,YAA+B;AAErC,IAAM,mBAAsC;AAE5C,IAAM,mBAAyB,iBAG7B,CAAC,IAA2D,QAAK;AAAhE,eAAE,aAAW,QAAQ,UAAU,aAAa,EAd/C,IAcG,IAAkD,kBAAlD,IAAkD,CAAhD,aAAW,SAAkB;AAChC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}
|
|
@@ -10,25 +10,26 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
|
10
10
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
11
11
|
var _inputotp = require('input-otp');
|
|
12
12
|
var _lucidereact = require('lucide-react');
|
|
13
|
-
var InputOTP = React.forwardRef(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
21
|
-
|
|
22
|
-
)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
});
|
|
13
|
+
var InputOTP = React.forwardRef(
|
|
14
|
+
(_a, ref) => {
|
|
15
|
+
var _b = _a, { className, containerClassName } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "containerClassName"]);
|
|
16
|
+
return /* @__PURE__ */ React.createElement(
|
|
17
|
+
_inputotp.OTPInput,
|
|
18
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
19
|
+
ref,
|
|
20
|
+
containerClassName: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
|
|
21
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "disabled:cursor-not-allowed", className)
|
|
22
|
+
}, props)
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
);
|
|
27
26
|
InputOTP.displayName = "InputOTP";
|
|
28
|
-
var InputOTPGroup = React.forwardRef(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
27
|
+
var InputOTPGroup = React.forwardRef(
|
|
28
|
+
(_a, ref) => {
|
|
29
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
30
|
+
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex items-center", className) }, props));
|
|
31
|
+
}
|
|
32
|
+
);
|
|
32
33
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
33
34
|
var InputOTPSlot = React.forwardRef((_a, ref) => {
|
|
34
35
|
var _b = _a, { index, className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["index", "className"]);
|
|
@@ -49,10 +50,12 @@ var InputOTPSlot = React.forwardRef((_a, ref) => {
|
|
|
49
50
|
);
|
|
50
51
|
});
|
|
51
52
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
52
|
-
var InputOTPSeparator = React.forwardRef(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
});
|
|
53
|
+
var InputOTPSeparator = React.forwardRef(
|
|
54
|
+
(_a, ref) => {
|
|
55
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
56
|
+
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, role: "separator" }, props), /* @__PURE__ */ React.createElement(_lucidereact.Minus, null));
|
|
57
|
+
}
|
|
58
|
+
);
|
|
56
59
|
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
57
60
|
|
|
58
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,qCAA0C;AAC1C,2CAAsB;AAItB,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA,
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":[],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/input-otp.js","sourcesContent":[null,"import * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n className={cn('disabled:cursor-not-allowed', className)}\n {...props}\n />\n ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<'div'>,\n React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n isActive && 'z-10 ring-1 ring-ring',\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <Minus />\n </div>\n ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"]}
|
|
@@ -10,25 +10,26 @@ import {
|
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { OTPInput, OTPInputContext } from "input-otp";
|
|
12
12
|
import { Minus } from "lucide-react";
|
|
13
|
-
var InputOTP = React.forwardRef(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
21
|
-
|
|
22
|
-
)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
});
|
|
13
|
+
var InputOTP = React.forwardRef(
|
|
14
|
+
(_a, ref) => {
|
|
15
|
+
var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
|
|
16
|
+
return /* @__PURE__ */ React.createElement(
|
|
17
|
+
OTPInput,
|
|
18
|
+
__spreadValues({
|
|
19
|
+
ref,
|
|
20
|
+
containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
|
|
21
|
+
className: cn("disabled:cursor-not-allowed", className)
|
|
22
|
+
}, props)
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
);
|
|
27
26
|
InputOTP.displayName = "InputOTP";
|
|
28
|
-
var InputOTPGroup = React.forwardRef(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
27
|
+
var InputOTPGroup = React.forwardRef(
|
|
28
|
+
(_a, ref) => {
|
|
29
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
30
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
|
|
31
|
+
}
|
|
32
|
+
);
|
|
32
33
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
33
34
|
var InputOTPSlot = React.forwardRef((_a, ref) => {
|
|
34
35
|
var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
|
|
@@ -49,10 +50,12 @@ var InputOTPSlot = React.forwardRef((_a, ref) => {
|
|
|
49
50
|
);
|
|
50
51
|
});
|
|
51
52
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
52
|
-
var InputOTPSeparator = React.forwardRef(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
});
|
|
53
|
+
var InputOTPSeparator = React.forwardRef(
|
|
54
|
+
(_a, ref) => {
|
|
55
|
+
var props = __objRest(_a, []);
|
|
56
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, role: "separator" }, props), /* @__PURE__ */ React.createElement(Minus, null));
|
|
57
|
+
}
|
|
58
|
+
);
|
|
56
59
|
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
57
60
|
export {
|
|
58
61
|
InputOTP,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["import * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n className={cn('disabled:cursor-not-allowed', className)}\n {...props}\n />\n ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<'div'>,\n React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n isActive && 'z-10 ring-1 ring-ring',\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <Minus />\n </div>\n ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,aAAa;AAItB,IAAM,WAAiB;AAAA,EACrB,CAAC,IAA6C,QAAK;AAAlD,iBAAE,aAAW,mBAPhB,IAOG,IAAoC,kBAApC,IAAoC,CAAlC,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,QAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,SAClD;AAAA,IACN;AAAA;AAEJ;AACA,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EAC1B,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YAnBL,IAmBG,IAAgB,kBAAhB,IAAgB,CAAd;AAA+B,+CAAC,wBAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,KAAO,MAAO;AAAA;AAC7G;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAGzB,CAAC,IAAgC,QAAQ;AAAxC,eAAE,SAAO,UA1BZ,IA0BG,IAAuB,kBAAvB,IAAuB,CAArB,SAAO;AACV,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,OACI;AAAA,IAEH;AAAA,IACA,gBACC,oCAAC,SAAI,WAAU,2EACb,oCAAC,SAAI,WAAU,4DAA2D,CAC5E;AAAA,EAEJ;AAEJ,CAAC;AACD,aAAa,cAAc;AAE3B,IAAM,oBAA0B;AAAA,EAC9B,CAAC,IAAc,QAAK;AAAnB,QAAK,kBAAL,IAAK;AACJ,+CAAC,wBAAI,KAAU,MAAK,eAAgB,QAClC,oCAAC,WAAM,CACT;AAAA;AAEJ;AACA,kBAAkB,cAAc;","names":[]}
|
package/components/ui/input.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkGJJM336Njs = require('../../chunk-GJJM336N.js');
|
|
4
4
|
require('../../chunk-B2G2EZ4P.js');
|
|
5
5
|
require('../../chunk-2NMEKWO5.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
exports.Input =
|
|
8
|
+
exports.Input = _chunkGJJM336Njs.Input;
|
|
9
9
|
//# sourceMappingURL=input.js.map
|