@egose/shadcn-theme 0.0.1
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 +30 -0
- package/chunk-2NMEKWO5.js +38 -0
- package/chunk-2NMEKWO5.js.map +1 -0
- package/chunk-3ONILUYO.mjs +11 -0
- package/chunk-3ONILUYO.mjs.map +1 -0
- package/chunk-4CBX7RQR.mjs +37 -0
- package/chunk-4CBX7RQR.mjs.map +1 -0
- package/chunk-5HXFUN6E.mjs +132 -0
- package/chunk-5HXFUN6E.mjs.map +1 -0
- package/chunk-A6SPGGUA.mjs +31 -0
- package/chunk-A6SPGGUA.mjs.map +1 -0
- package/chunk-B2G2EZ4P.js +11 -0
- package/chunk-B2G2EZ4P.js.map +1 -0
- package/chunk-B5KVOXLO.js +119 -0
- package/chunk-B5KVOXLO.js.map +1 -0
- package/chunk-BBMYITL4.mjs +35 -0
- package/chunk-BBMYITL4.mjs.map +1 -0
- package/chunk-BIIFJJWL.mjs +119 -0
- package/chunk-BIIFJJWL.mjs.map +1 -0
- package/chunk-DDR4LO2B.mjs +27 -0
- package/chunk-DDR4LO2B.mjs.map +1 -0
- package/chunk-DG6G5KP2.js +35 -0
- package/chunk-DG6G5KP2.js.map +1 -0
- package/chunk-HPKA6MRM.js +132 -0
- package/chunk-HPKA6MRM.js.map +1 -0
- package/chunk-JB72ECC3.js +57 -0
- package/chunk-JB72ECC3.js.map +1 -0
- package/chunk-K5LCVJVQ.js +31 -0
- package/chunk-K5LCVJVQ.js.map +1 -0
- package/chunk-PEJ7BU4C.js +27 -0
- package/chunk-PEJ7BU4C.js.map +1 -0
- package/chunk-PICOAWKQ.js +49 -0
- package/chunk-PICOAWKQ.js.map +1 -0
- package/chunk-PZ6OC36F.js +32 -0
- package/chunk-PZ6OC36F.js.map +1 -0
- package/chunk-SIGC6GCN.mjs +32 -0
- package/chunk-SIGC6GCN.mjs.map +1 -0
- package/chunk-TVGM4RRO.mjs +21 -0
- package/chunk-TVGM4RRO.mjs.map +1 -0
- package/chunk-WTKKFZZ4.mjs +57 -0
- package/chunk-WTKKFZZ4.mjs.map +1 -0
- package/chunk-WTTHT7F4.js +21 -0
- package/chunk-WTTHT7F4.js.map +1 -0
- package/chunk-XHNXPJDJ.mjs +49 -0
- package/chunk-XHNXPJDJ.mjs.map +1 -0
- package/chunk-YOSPWY5K.mjs +38 -0
- package/chunk-YOSPWY5K.mjs.map +1 -0
- package/chunk-ZR3EVQAK.js +37 -0
- package/chunk-ZR3EVQAK.js.map +1 -0
- package/components/ui/accordion.d.mts +9 -0
- package/components/ui/accordion.d.ts +9 -0
- package/components/ui/accordion.js +59 -0
- package/components/ui/accordion.js.map +1 -0
- package/components/ui/accordion.mjs +59 -0
- package/components/ui/accordion.mjs.map +1 -0
- package/components/ui/alert-dialog.d.mts +22 -0
- package/components/ui/alert-dialog.d.ts +22 -0
- package/components/ui/alert-dialog.js +143 -0
- package/components/ui/alert-dialog.js.map +1 -0
- package/components/ui/alert-dialog.mjs +143 -0
- package/components/ui/alert-dialog.mjs.map +1 -0
- package/components/ui/alert.d.mts +11 -0
- package/components/ui/alert.d.ts +11 -0
- package/components/ui/alert.js +65 -0
- package/components/ui/alert.js.map +1 -0
- package/components/ui/alert.mjs +65 -0
- package/components/ui/alert.mjs.map +1 -0
- package/components/ui/aspect-ratio.d.mts +6 -0
- package/components/ui/aspect-ratio.d.ts +6 -0
- package/components/ui/aspect-ratio.js +9 -0
- package/components/ui/aspect-ratio.js.map +1 -0
- package/components/ui/aspect-ratio.mjs +9 -0
- package/components/ui/aspect-ratio.mjs.map +1 -0
- package/components/ui/avatar.d.mts +8 -0
- package/components/ui/avatar.d.ts +8 -0
- package/components/ui/avatar.js +57 -0
- package/components/ui/avatar.js.map +1 -0
- package/components/ui/avatar.mjs +57 -0
- package/components/ui/avatar.mjs.map +1 -0
- package/components/ui/badge.d.mts +12 -0
- package/components/ui/badge.d.ts +12 -0
- package/components/ui/badge.js +36 -0
- package/components/ui/badge.js.map +1 -0
- package/components/ui/badge.mjs +36 -0
- package/components/ui/badge.mjs.map +1 -0
- package/components/ui/breadcrumb.d.mts +21 -0
- package/components/ui/breadcrumb.d.ts +21 -0
- package/components/ui/breadcrumb.js +115 -0
- package/components/ui/breadcrumb.js.map +1 -0
- package/components/ui/breadcrumb.mjs +115 -0
- package/components/ui/breadcrumb.mjs.map +1 -0
- package/components/ui/button.d.mts +14 -0
- package/components/ui/button.d.ts +14 -0
- package/components/ui/button.js +11 -0
- package/components/ui/button.js.map +1 -0
- package/components/ui/button.mjs +11 -0
- package/components/ui/button.mjs.map +1 -0
- package/components/ui/calendar.d.mts +10 -0
- package/components/ui/calendar.d.ts +10 -0
- package/components/ui/calendar.js +81 -0
- package/components/ui/calendar.js.map +1 -0
- package/components/ui/calendar.mjs +81 -0
- package/components/ui/calendar.mjs.map +1 -0
- package/components/ui/card.d.mts +10 -0
- package/components/ui/card.d.ts +10 -0
- package/components/ui/card.js +82 -0
- package/components/ui/card.js.map +1 -0
- package/components/ui/card.mjs +82 -0
- package/components/ui/card.mjs.map +1 -0
- package/components/ui/carousel.d.mts +23 -0
- package/components/ui/carousel.d.ts +23 -0
- package/components/ui/carousel.js +206 -0
- package/components/ui/carousel.js.map +1 -0
- package/components/ui/carousel.mjs +206 -0
- package/components/ui/carousel.mjs.map +1 -0
- package/components/ui/chart.d.mts +68 -0
- package/components/ui/chart.d.ts +68 -0
- package/components/ui/chart.js +236 -0
- package/components/ui/chart.js.map +1 -0
- package/components/ui/chart.mjs +236 -0
- package/components/ui/chart.mjs.map +1 -0
- package/components/ui/checkbox.d.mts +6 -0
- package/components/ui/checkbox.d.ts +6 -0
- package/components/ui/checkbox.js +37 -0
- package/components/ui/checkbox.js.map +1 -0
- package/components/ui/checkbox.mjs +37 -0
- package/components/ui/checkbox.mjs.map +1 -0
- package/components/ui/collapsible.d.mts +8 -0
- package/components/ui/collapsible.d.ts +8 -0
- package/components/ui/collapsible.js +14 -0
- package/components/ui/collapsible.js.map +1 -0
- package/components/ui/collapsible.mjs +14 -0
- package/components/ui/collapsible.mjs.map +1 -0
- package/components/ui/command.d.mts +82 -0
- package/components/ui/command.d.ts +82 -0
- package/components/ui/command.js +135 -0
- package/components/ui/command.js.map +1 -0
- package/components/ui/command.mjs +135 -0
- package/components/ui/command.mjs.map +1 -0
- package/components/ui/context-menu.d.mts +29 -0
- package/components/ui/context-menu.d.ts +29 -0
- package/components/ui/context-menu.js +172 -0
- package/components/ui/context-menu.js.map +1 -0
- package/components/ui/context-menu.mjs +172 -0
- package/components/ui/context-menu.mjs.map +1 -0
- package/components/ui/dialog.d.mts +21 -0
- package/components/ui/dialog.d.ts +21 -0
- package/components/ui/dialog.js +28 -0
- package/components/ui/dialog.js.map +1 -0
- package/components/ui/dialog.mjs +28 -0
- package/components/ui/dialog.mjs.map +1 -0
- package/components/ui/drawer.d.mts +26 -0
- package/components/ui/drawer.d.ts +26 -0
- package/components/ui/drawer.js +122 -0
- package/components/ui/drawer.js.map +1 -0
- package/components/ui/drawer.mjs +122 -0
- package/components/ui/drawer.mjs.map +1 -0
- package/components/ui/dropdown-menu.d.mts +29 -0
- package/components/ui/dropdown-menu.d.ts +29 -0
- package/components/ui/dropdown-menu.js +171 -0
- package/components/ui/dropdown-menu.js.map +1 -0
- package/components/ui/dropdown-menu.mjs +171 -0
- package/components/ui/dropdown-menu.mjs.map +1 -0
- package/components/ui/form.d.mts +27 -0
- package/components/ui/form.d.ts +27 -0
- package/components/ui/form.js +123 -0
- package/components/ui/form.js.map +1 -0
- package/components/ui/form.mjs +123 -0
- package/components/ui/form.mjs.map +1 -0
- package/components/ui/hover-card.d.mts +8 -0
- package/components/ui/hover-card.d.ts +8 -0
- package/components/ui/hover-card.js +36 -0
- package/components/ui/hover-card.js.map +1 -0
- package/components/ui/hover-card.mjs +36 -0
- package/components/ui/hover-card.mjs.map +1 -0
- package/components/ui/input-otp.d.mts +37 -0
- package/components/ui/input-otp.d.ts +37 -0
- package/components/ui/input-otp.js +63 -0
- package/components/ui/input-otp.js.map +1 -0
- package/components/ui/input-otp.mjs +63 -0
- package/components/ui/input-otp.mjs.map +1 -0
- package/components/ui/input.d.mts +5 -0
- package/components/ui/input.d.ts +5 -0
- package/components/ui/input.js +9 -0
- package/components/ui/input.js.map +1 -0
- package/components/ui/input.mjs +9 -0
- package/components/ui/input.mjs.map +1 -0
- package/components/ui/label.d.mts +8 -0
- package/components/ui/label.d.ts +8 -0
- package/components/ui/label.js +9 -0
- package/components/ui/label.js.map +1 -0
- package/components/ui/label.mjs +9 -0
- package/components/ui/label.mjs.map +1 -0
- package/components/ui/menubar.d.mts +30 -0
- package/components/ui/menubar.d.ts +30 -0
- package/components/ui/menubar.js +221 -0
- package/components/ui/menubar.js.map +1 -0
- package/components/ui/menubar.mjs +221 -0
- package/components/ui/menubar.mjs.map +1 -0
- package/components/ui/navigation-menu.d.mts +15 -0
- package/components/ui/navigation-menu.d.ts +15 -0
- package/components/ui/navigation-menu.js +123 -0
- package/components/ui/navigation-menu.js.map +1 -0
- package/components/ui/navigation-menu.mjs +123 -0
- package/components/ui/navigation-menu.mjs.map +1 -0
- package/components/ui/pagination.d.mts +32 -0
- package/components/ui/pagination.d.ts +32 -0
- package/components/ui/pagination.js +130 -0
- package/components/ui/pagination.js.map +1 -0
- package/components/ui/pagination.mjs +130 -0
- package/components/ui/pagination.mjs.map +1 -0
- package/components/ui/popover.d.mts +9 -0
- package/components/ui/popover.d.ts +9 -0
- package/components/ui/popover.js +37 -0
- package/components/ui/popover.js.map +1 -0
- package/components/ui/popover.mjs +37 -0
- package/components/ui/popover.mjs.map +1 -0
- package/components/ui/progress.d.mts +6 -0
- package/components/ui/progress.d.ts +6 -0
- package/components/ui/progress.js +37 -0
- package/components/ui/progress.js.map +1 -0
- package/components/ui/progress.mjs +37 -0
- package/components/ui/progress.mjs.map +1 -0
- package/components/ui/radio-group.d.mts +7 -0
- package/components/ui/radio-group.d.ts +7 -0
- package/components/ui/radio-group.js +45 -0
- package/components/ui/radio-group.js.map +1 -0
- package/components/ui/radio-group.mjs +45 -0
- package/components/ui/radio-group.mjs.map +1 -0
- package/components/ui/resizable.d.mts +26 -0
- package/components/ui/resizable.d.ts +26 -0
- package/components/ui/resizable.js +54 -0
- package/components/ui/resizable.js.map +1 -0
- package/components/ui/resizable.mjs +54 -0
- package/components/ui/resizable.mjs.map +1 -0
- package/components/ui/scroll-area.d.mts +7 -0
- package/components/ui/scroll-area.d.ts +7 -0
- package/components/ui/scroll-area.js +48 -0
- package/components/ui/scroll-area.js.map +1 -0
- package/components/ui/scroll-area.mjs +48 -0
- package/components/ui/scroll-area.mjs.map +1 -0
- package/components/ui/select.d.mts +15 -0
- package/components/ui/select.d.ts +15 -0
- package/components/ui/select.js +141 -0
- package/components/ui/select.js.map +1 -0
- package/components/ui/select.mjs +141 -0
- package/components/ui/select.mjs.map +1 -0
- package/components/ui/separator.d.mts +6 -0
- package/components/ui/separator.d.ts +6 -0
- package/components/ui/separator.js +9 -0
- package/components/ui/separator.js.map +1 -0
- package/components/ui/separator.mjs +9 -0
- package/components/ui/separator.mjs.map +1 -0
- package/components/ui/sheet.d.mts +28 -0
- package/components/ui/sheet.d.ts +28 -0
- package/components/ui/sheet.js +28 -0
- package/components/ui/sheet.js.map +1 -0
- package/components/ui/sheet.mjs +28 -0
- package/components/ui/sheet.mjs.map +1 -0
- package/components/ui/sidebar.d.mts +72 -0
- package/components/ui/sidebar.d.ts +72 -0
- package/components/ui/sidebar.js +642 -0
- package/components/ui/sidebar.js.map +1 -0
- package/components/ui/sidebar.mjs +642 -0
- package/components/ui/sidebar.mjs.map +1 -0
- package/components/ui/skeleton.d.mts +5 -0
- package/components/ui/skeleton.d.ts +5 -0
- package/components/ui/skeleton.js +9 -0
- package/components/ui/skeleton.js.map +1 -0
- package/components/ui/skeleton.mjs +9 -0
- package/components/ui/skeleton.mjs.map +1 -0
- package/components/ui/slider.d.mts +6 -0
- package/components/ui/slider.d.ts +6 -0
- package/components/ui/slider.js +31 -0
- package/components/ui/slider.js.map +1 -0
- package/components/ui/slider.mjs +31 -0
- package/components/ui/slider.mjs.map +1 -0
- package/components/ui/sonner.d.mts +7 -0
- package/components/ui/sonner.d.ts +7 -0
- package/components/ui/sonner.js +32 -0
- package/components/ui/sonner.js.map +1 -0
- package/components/ui/sonner.mjs +32 -0
- package/components/ui/sonner.mjs.map +1 -0
- package/components/ui/switch.d.mts +6 -0
- package/components/ui/switch.d.ts +6 -0
- package/components/ui/switch.js +39 -0
- package/components/ui/switch.js.map +1 -0
- package/components/ui/switch.mjs +39 -0
- package/components/ui/switch.mjs.map +1 -0
- package/components/ui/table.d.mts +12 -0
- package/components/ui/table.d.ts +12 -0
- package/components/ui/table.js +115 -0
- package/components/ui/table.js.map +1 -0
- package/components/ui/table.mjs +115 -0
- package/components/ui/table.mjs.map +1 -0
- package/components/ui/tabs.d.mts +9 -0
- package/components/ui/tabs.d.ts +9 -0
- package/components/ui/tabs.js +61 -0
- package/components/ui/tabs.js.map +1 -0
- package/components/ui/tabs.mjs +61 -0
- package/components/ui/tabs.mjs.map +1 -0
- package/components/ui/textarea.d.mts +5 -0
- package/components/ui/textarea.d.ts +5 -0
- package/components/ui/textarea.js +28 -0
- package/components/ui/textarea.js.map +1 -0
- package/components/ui/textarea.mjs +28 -0
- package/components/ui/textarea.mjs.map +1 -0
- package/components/ui/toggle-group.d.mts +15 -0
- package/components/ui/toggle-group.d.ts +15 -0
- package/components/ui/toggle-group.js +55 -0
- package/components/ui/toggle-group.js.map +1 -0
- package/components/ui/toggle-group.mjs +55 -0
- package/components/ui/toggle-group.mjs.map +1 -0
- package/components/ui/toggle.d.mts +15 -0
- package/components/ui/toggle.d.ts +15 -0
- package/components/ui/toggle.js +11 -0
- package/components/ui/toggle.js.map +1 -0
- package/components/ui/toggle.mjs +11 -0
- package/components/ui/toggle.mjs.map +1 -0
- package/components/ui/tooltip.d.mts +9 -0
- package/components/ui/tooltip.d.ts +9 -0
- package/components/ui/tooltip.js +16 -0
- package/components/ui/tooltip.js.map +1 -0
- package/components/ui/tooltip.mjs +16 -0
- package/components/ui/tooltip.mjs.map +1 -0
- package/hooks/use-mobile.d.mts +3 -0
- package/hooks/use-mobile.d.ts +3 -0
- package/hooks/use-mobile.js +8 -0
- package/hooks/use-mobile.js.map +1 -0
- package/hooks/use-mobile.mjs +8 -0
- package/hooks/use-mobile.mjs.map +1 -0
- package/lib/utils.d.mts +5 -0
- package/lib/utils.d.ts +5 -0
- package/lib/utils.js +8 -0
- package/lib/utils.js.map +1 -0
- package/lib/utils.mjs +8 -0
- package/lib/utils.mjs.map +1 -0
- package/package.json +64 -0
|
@@ -0,0 +1,82 @@
|
|
|
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; } }
|
|
2
|
+
|
|
3
|
+
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
8
|
+
|
|
9
|
+
// components/ui/card.tsx
|
|
10
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
11
|
+
var Card = React.forwardRef((_a, ref) => {
|
|
12
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
13
|
+
return /* @__PURE__ */ React.createElement(
|
|
14
|
+
"div",
|
|
15
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
16
|
+
ref,
|
|
17
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
18
|
+
"rounded-xl border bg-card text-card-foreground shadow",
|
|
19
|
+
className
|
|
20
|
+
)
|
|
21
|
+
}, props)
|
|
22
|
+
);
|
|
23
|
+
});
|
|
24
|
+
Card.displayName = "Card";
|
|
25
|
+
var CardHeader = React.forwardRef((_a, ref) => {
|
|
26
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(
|
|
28
|
+
"div",
|
|
29
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
30
|
+
ref,
|
|
31
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className)
|
|
32
|
+
}, props)
|
|
33
|
+
);
|
|
34
|
+
});
|
|
35
|
+
CardHeader.displayName = "CardHeader";
|
|
36
|
+
var CardTitle = React.forwardRef((_a, ref) => {
|
|
37
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
38
|
+
return /* @__PURE__ */ React.createElement(
|
|
39
|
+
"div",
|
|
40
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
41
|
+
ref,
|
|
42
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "font-semibold leading-none tracking-tight", className)
|
|
43
|
+
}, props)
|
|
44
|
+
);
|
|
45
|
+
});
|
|
46
|
+
CardTitle.displayName = "CardTitle";
|
|
47
|
+
var CardDescription = React.forwardRef((_a, ref) => {
|
|
48
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
49
|
+
return /* @__PURE__ */ React.createElement(
|
|
50
|
+
"div",
|
|
51
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
52
|
+
ref,
|
|
53
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "text-sm text-muted-foreground", className)
|
|
54
|
+
}, props)
|
|
55
|
+
);
|
|
56
|
+
});
|
|
57
|
+
CardDescription.displayName = "CardDescription";
|
|
58
|
+
var CardContent = React.forwardRef((_a, ref) => {
|
|
59
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
60
|
+
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "p-6 pt-0", className) }, props));
|
|
61
|
+
});
|
|
62
|
+
CardContent.displayName = "CardContent";
|
|
63
|
+
var CardFooter = React.forwardRef((_a, ref) => {
|
|
64
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
65
|
+
return /* @__PURE__ */ React.createElement(
|
|
66
|
+
"div",
|
|
67
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
68
|
+
ref,
|
|
69
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex items-center p-6 pt-0", className)
|
|
70
|
+
}, props)
|
|
71
|
+
);
|
|
72
|
+
});
|
|
73
|
+
CardFooter.displayName = "CardFooter";
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
exports.Card = Card; exports.CardContent = CardContent; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle;
|
|
82
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/card.js","../../../components/ui/card.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AAIvB,IAAM,KAAA,EAAa,KAAA,CAAA,UAAA,CAGjB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAPL,EAAA,EAOG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,uDAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,IAAA,CAAK,YAAA,EAAc,MAAA;AAEnB,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAtBL,EAAA,EAsBG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA,+BAAG,EAAiC,SAAS;AAAA,IAAA,CAAA,EACpD,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,UAAA,CAAW,YAAA,EAAc,YAAA;AAEzB,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAlCL,EAAA,EAkCG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA,2CAAG,EAA6C,SAAS;AAAA,IAAA,CAAA,EAChE,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAc,WAAA;AAExB,IAAM,gBAAA,EAAwB,KAAA,CAAA,UAAA,CAG5B,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UA9CL,EAAA,EA8CG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA,+BAAG,EAAiC,SAAS;AAAA,IAAA,CAAA,EACpD,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,eAAA,CAAgB,YAAA,EAAc,iBAAA;AAE9B,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UA1DL,EAAA,EA0DG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,UAAG,EAAY,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,CACjE,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAlEL,EAAA,EAkEG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA,4BAAG,EAA8B,SAAS;AAAA,IAAA,CAAA,EACjD,KAAA;AAAA,EACN,CAAA;AAAA,CACD,CAAA;AACD,UAAA,CAAW,YAAA,EAAc,YAAA;ADAzB;AACE;AACA;AACA;AACA;AACA;AACA;AACF,mMAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/card.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"rounded-xl border bg-card text-card-foreground shadow\",\n className\n )}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n {...props}\n />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center p-6 pt-0\", className)}\n {...props}\n />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "../../chunk-3ONILUYO.mjs";
|
|
4
|
+
import {
|
|
5
|
+
__objRest,
|
|
6
|
+
__spreadValues
|
|
7
|
+
} from "../../chunk-YOSPWY5K.mjs";
|
|
8
|
+
|
|
9
|
+
// components/ui/card.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
var Card = React.forwardRef((_a, ref) => {
|
|
12
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
13
|
+
return /* @__PURE__ */ React.createElement(
|
|
14
|
+
"div",
|
|
15
|
+
__spreadValues({
|
|
16
|
+
ref,
|
|
17
|
+
className: cn(
|
|
18
|
+
"rounded-xl border bg-card text-card-foreground shadow",
|
|
19
|
+
className
|
|
20
|
+
)
|
|
21
|
+
}, props)
|
|
22
|
+
);
|
|
23
|
+
});
|
|
24
|
+
Card.displayName = "Card";
|
|
25
|
+
var CardHeader = React.forwardRef((_a, ref) => {
|
|
26
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(
|
|
28
|
+
"div",
|
|
29
|
+
__spreadValues({
|
|
30
|
+
ref,
|
|
31
|
+
className: cn("flex flex-col space-y-1.5 p-6", className)
|
|
32
|
+
}, props)
|
|
33
|
+
);
|
|
34
|
+
});
|
|
35
|
+
CardHeader.displayName = "CardHeader";
|
|
36
|
+
var CardTitle = React.forwardRef((_a, ref) => {
|
|
37
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
38
|
+
return /* @__PURE__ */ React.createElement(
|
|
39
|
+
"div",
|
|
40
|
+
__spreadValues({
|
|
41
|
+
ref,
|
|
42
|
+
className: cn("font-semibold leading-none tracking-tight", className)
|
|
43
|
+
}, props)
|
|
44
|
+
);
|
|
45
|
+
});
|
|
46
|
+
CardTitle.displayName = "CardTitle";
|
|
47
|
+
var CardDescription = React.forwardRef((_a, ref) => {
|
|
48
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
49
|
+
return /* @__PURE__ */ React.createElement(
|
|
50
|
+
"div",
|
|
51
|
+
__spreadValues({
|
|
52
|
+
ref,
|
|
53
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
54
|
+
}, props)
|
|
55
|
+
);
|
|
56
|
+
});
|
|
57
|
+
CardDescription.displayName = "CardDescription";
|
|
58
|
+
var CardContent = React.forwardRef((_a, ref) => {
|
|
59
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
60
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
|
|
61
|
+
});
|
|
62
|
+
CardContent.displayName = "CardContent";
|
|
63
|
+
var CardFooter = React.forwardRef((_a, ref) => {
|
|
64
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
65
|
+
return /* @__PURE__ */ React.createElement(
|
|
66
|
+
"div",
|
|
67
|
+
__spreadValues({
|
|
68
|
+
ref,
|
|
69
|
+
className: cn("flex items-center p-6 pt-0", className)
|
|
70
|
+
}, props)
|
|
71
|
+
);
|
|
72
|
+
});
|
|
73
|
+
CardFooter.displayName = "CardFooter";
|
|
74
|
+
export {
|
|
75
|
+
Card,
|
|
76
|
+
CardContent,
|
|
77
|
+
CardDescription,
|
|
78
|
+
CardFooter,
|
|
79
|
+
CardHeader,
|
|
80
|
+
CardTitle
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=card.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"rounded-xl border bg-card text-card-foreground shadow\",\n className\n )}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n {...props}\n />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center p-6 pt-0\", className)}\n {...props}\n />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AAIvB,IAAM,OAAa,iBAGjB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAPL,IAOG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,KAAK,cAAc;AAEnB,IAAM,aAAmB,iBAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAtBL,IAsBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc;AAEzB,IAAM,YAAkB,iBAGtB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAlCL,IAkCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,OAChE;AAAA,EACN;AAAA,CACD;AACD,UAAU,cAAc;AAExB,IAAM,kBAAwB,iBAG5B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9CL,IA8CG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,gBAAgB,cAAc;AAE9B,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1DL,IA0DG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6CAAC,wBAAI,KAAU,WAAW,GAAG,YAAY,SAAS,KAAO,MAAO;AAAA,CACjE;AACD,YAAY,cAAc;AAE1B,IAAM,aAAmB,iBAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAlEL,IAkEG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,OACjD;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc;","names":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ButtonProps } from './button.mjs';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
4
|
+
import 'class-variance-authority/types';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
8
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
9
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
10
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
11
|
+
type CarouselProps = {
|
|
12
|
+
opts?: CarouselOptions;
|
|
13
|
+
plugins?: CarouselPlugin;
|
|
14
|
+
orientation?: "horizontal" | "vertical";
|
|
15
|
+
setApi?: (api: CarouselApi) => void;
|
|
16
|
+
};
|
|
17
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
|
|
23
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ButtonProps } from './button.js';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
4
|
+
import 'class-variance-authority/types';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
8
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
9
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
10
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
11
|
+
type CarouselProps = {
|
|
12
|
+
opts?: CarouselOptions;
|
|
13
|
+
plugins?: CarouselPlugin;
|
|
14
|
+
orientation?: "horizontal" | "vertical";
|
|
15
|
+
setApi?: (api: CarouselApi) => void;
|
|
16
|
+
};
|
|
17
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
|
|
23
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
@@ -0,0 +1,206 @@
|
|
|
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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
+
|
|
3
|
+
var _chunkJB72ECC3js = require('../../chunk-JB72ECC3.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
12
|
+
|
|
13
|
+
// components/ui/carousel.tsx
|
|
14
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
15
|
+
var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);
|
|
16
|
+
var _lucidereact = require('lucide-react');
|
|
17
|
+
var CarouselContext = React.createContext(null);
|
|
18
|
+
function useCarousel() {
|
|
19
|
+
const context = React.useContext(CarouselContext);
|
|
20
|
+
if (!context) {
|
|
21
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
22
|
+
}
|
|
23
|
+
return context;
|
|
24
|
+
}
|
|
25
|
+
var Carousel = React.forwardRef(
|
|
26
|
+
(_a, ref) => {
|
|
27
|
+
var _b = _a, {
|
|
28
|
+
orientation = "horizontal",
|
|
29
|
+
opts,
|
|
30
|
+
setApi,
|
|
31
|
+
plugins,
|
|
32
|
+
className,
|
|
33
|
+
children
|
|
34
|
+
} = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
|
|
35
|
+
"orientation",
|
|
36
|
+
"opts",
|
|
37
|
+
"setApi",
|
|
38
|
+
"plugins",
|
|
39
|
+
"className",
|
|
40
|
+
"children"
|
|
41
|
+
]);
|
|
42
|
+
const [carouselRef, api] = _emblacarouselreact2.default.call(void 0,
|
|
43
|
+
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, opts), {
|
|
44
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
45
|
+
}),
|
|
46
|
+
plugins
|
|
47
|
+
);
|
|
48
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
49
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
50
|
+
const onSelect = React.useCallback((api2) => {
|
|
51
|
+
if (!api2) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
55
|
+
setCanScrollNext(api2.canScrollNext());
|
|
56
|
+
}, []);
|
|
57
|
+
const scrollPrev = React.useCallback(() => {
|
|
58
|
+
api == null ? void 0 : api.scrollPrev();
|
|
59
|
+
}, [api]);
|
|
60
|
+
const scrollNext = React.useCallback(() => {
|
|
61
|
+
api == null ? void 0 : api.scrollNext();
|
|
62
|
+
}, [api]);
|
|
63
|
+
const handleKeyDown = React.useCallback(
|
|
64
|
+
(event) => {
|
|
65
|
+
if (event.key === "ArrowLeft") {
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
scrollPrev();
|
|
68
|
+
} else if (event.key === "ArrowRight") {
|
|
69
|
+
event.preventDefault();
|
|
70
|
+
scrollNext();
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
[scrollPrev, scrollNext]
|
|
74
|
+
);
|
|
75
|
+
React.useEffect(() => {
|
|
76
|
+
if (!api || !setApi) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
setApi(api);
|
|
80
|
+
}, [api, setApi]);
|
|
81
|
+
React.useEffect(() => {
|
|
82
|
+
if (!api) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
onSelect(api);
|
|
86
|
+
api.on("reInit", onSelect);
|
|
87
|
+
api.on("select", onSelect);
|
|
88
|
+
return () => {
|
|
89
|
+
api == null ? void 0 : api.off("select", onSelect);
|
|
90
|
+
};
|
|
91
|
+
}, [api, onSelect]);
|
|
92
|
+
return /* @__PURE__ */ React.createElement(
|
|
93
|
+
CarouselContext.Provider,
|
|
94
|
+
{
|
|
95
|
+
value: {
|
|
96
|
+
carouselRef,
|
|
97
|
+
api,
|
|
98
|
+
opts,
|
|
99
|
+
orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
|
|
100
|
+
scrollPrev,
|
|
101
|
+
scrollNext,
|
|
102
|
+
canScrollPrev,
|
|
103
|
+
canScrollNext
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
/* @__PURE__ */ React.createElement(
|
|
107
|
+
"div",
|
|
108
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
109
|
+
ref,
|
|
110
|
+
onKeyDownCapture: handleKeyDown,
|
|
111
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "relative", className),
|
|
112
|
+
role: "region",
|
|
113
|
+
"aria-roledescription": "carousel"
|
|
114
|
+
}, props),
|
|
115
|
+
children
|
|
116
|
+
)
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
);
|
|
120
|
+
Carousel.displayName = "Carousel";
|
|
121
|
+
var CarouselContent = React.forwardRef((_a, ref) => {
|
|
122
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
123
|
+
const { carouselRef, orientation } = useCarousel();
|
|
124
|
+
return /* @__PURE__ */ React.createElement("div", { ref: carouselRef, className: "overflow-hidden" }, /* @__PURE__ */ React.createElement(
|
|
125
|
+
"div",
|
|
126
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
127
|
+
ref,
|
|
128
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
129
|
+
"flex",
|
|
130
|
+
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
131
|
+
className
|
|
132
|
+
)
|
|
133
|
+
}, props)
|
|
134
|
+
));
|
|
135
|
+
});
|
|
136
|
+
CarouselContent.displayName = "CarouselContent";
|
|
137
|
+
var CarouselItem = React.forwardRef((_a, ref) => {
|
|
138
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
139
|
+
const { orientation } = useCarousel();
|
|
140
|
+
return /* @__PURE__ */ React.createElement(
|
|
141
|
+
"div",
|
|
142
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
143
|
+
ref,
|
|
144
|
+
role: "group",
|
|
145
|
+
"aria-roledescription": "slide",
|
|
146
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
147
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
148
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
149
|
+
className
|
|
150
|
+
)
|
|
151
|
+
}, props)
|
|
152
|
+
);
|
|
153
|
+
});
|
|
154
|
+
CarouselItem.displayName = "CarouselItem";
|
|
155
|
+
var CarouselPrevious = React.forwardRef((_a, ref) => {
|
|
156
|
+
var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
|
|
157
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
158
|
+
return /* @__PURE__ */ React.createElement(
|
|
159
|
+
_chunkJB72ECC3js.Button,
|
|
160
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
161
|
+
ref,
|
|
162
|
+
variant,
|
|
163
|
+
size,
|
|
164
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
165
|
+
"absolute h-8 w-8 rounded-full",
|
|
166
|
+
orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
167
|
+
className
|
|
168
|
+
),
|
|
169
|
+
disabled: !canScrollPrev,
|
|
170
|
+
onClick: scrollPrev
|
|
171
|
+
}, props),
|
|
172
|
+
/* @__PURE__ */ React.createElement(_lucidereact.ArrowLeft, { className: "h-4 w-4" }),
|
|
173
|
+
/* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Previous slide")
|
|
174
|
+
);
|
|
175
|
+
});
|
|
176
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
177
|
+
var CarouselNext = React.forwardRef((_a, ref) => {
|
|
178
|
+
var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
|
|
179
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
180
|
+
return /* @__PURE__ */ React.createElement(
|
|
181
|
+
_chunkJB72ECC3js.Button,
|
|
182
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
183
|
+
ref,
|
|
184
|
+
variant,
|
|
185
|
+
size,
|
|
186
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
187
|
+
"absolute h-8 w-8 rounded-full",
|
|
188
|
+
orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
189
|
+
className
|
|
190
|
+
),
|
|
191
|
+
disabled: !canScrollNext,
|
|
192
|
+
onClick: scrollNext
|
|
193
|
+
}, props),
|
|
194
|
+
/* @__PURE__ */ React.createElement(_lucidereact.ArrowRight, { className: "h-4 w-4" }),
|
|
195
|
+
/* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Next slide")
|
|
196
|
+
);
|
|
197
|
+
});
|
|
198
|
+
CarouselNext.displayName = "CarouselNext";
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
exports.Carousel = Carousel; exports.CarouselContent = CarouselContent; exports.CarouselItem = CarouselItem; exports.CarouselNext = CarouselNext; exports.CarouselPrevious = CarouselPrevious;
|
|
206
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/carousel.js","../../../components/ui/carousel.tsx"],"names":["api"],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/ui/carousel.js","sourcesContent":[null,"import * as React from \"react\"\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ArrowLeft, ArrowRight } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n opts?: CarouselOptions\n plugins?: CarouselPlugin\n orientation?: \"horizontal\" | \"vertical\"\n setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n api: ReturnType<typeof useEmblaCarousel>[1]\n scrollPrev: () => void\n scrollNext: () => void\n canScrollPrev: boolean\n canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext)\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\")\n }\n\n return context\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n (\n {\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n },\n ref\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins\n )\n const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) {\n return\n }\n\n setCanScrollPrev(api.canScrollPrev())\n setCanScrollNext(api.canScrollNext())\n }, [])\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev()\n }, [api])\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext()\n }, [api])\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault()\n scrollPrev()\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault()\n scrollNext()\n }\n },\n [scrollPrev, scrollNext]\n )\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return\n }\n\n setApi(api)\n }, [api, setApi])\n\n React.useEffect(() => {\n if (!api) {\n return\n }\n\n onSelect(api)\n api.on(\"reInit\", onSelect)\n api.on(\"select\", onSelect)\n\n return () => {\n api?.off(\"select\", onSelect)\n }\n }, [api, onSelect])\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n )\n }\n)\nCarousel.displayName = \"Carousel\"\n\nconst CarouselContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n const { carouselRef, orientation } = useCarousel()\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n \"flex\",\n orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n className\n )}\n {...props}\n />\n </div>\n )\n})\nCarouselContent.displayName = \"CarouselContent\"\n\nconst CarouselItem = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n const { orientation } = useCarousel()\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n \"min-w-0 shrink-0 grow-0 basis-full\",\n orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n className\n )}\n {...props}\n />\n )\n})\nCarouselItem.displayName = \"CarouselItem\"\n\nconst CarouselPrevious = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute h-8 w-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-left-12 top-1/2 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft className=\"h-4 w-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n )\n})\nCarouselPrevious.displayName = \"CarouselPrevious\"\n\nconst CarouselNext = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n \"absolute h-8 w-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"-right-12 top-1/2 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight className=\"h-4 w-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n )\n})\nCarouselNext.displayName = \"CarouselNext\"\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n}\n"]}
|