@xjur-ui/react 1.0.6 → 2.1.0
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/.turbo/turbo-build.log +279 -68
- package/CHANGELOG.md +114 -0
- package/README.md +146 -0
- package/dist/chunk-2CM3SFOY.js +2 -0
- package/dist/chunk-2CM3SFOY.js.map +1 -0
- package/dist/chunk-2CTBH6VI.js +2 -0
- package/dist/chunk-2CTBH6VI.js.map +1 -0
- package/dist/chunk-4BGTC333.js +2 -0
- package/dist/chunk-4BGTC333.js.map +1 -0
- package/dist/chunk-5WLIDYZH.js +2 -0
- package/dist/chunk-5WLIDYZH.js.map +1 -0
- package/dist/chunk-6AD6O6II.js +2 -0
- package/dist/chunk-6AD6O6II.js.map +1 -0
- package/dist/chunk-AA6V5YEC.js +2 -0
- package/dist/chunk-AA6V5YEC.js.map +1 -0
- package/dist/chunk-BK6FP63A.js +2 -0
- package/dist/chunk-BK6FP63A.js.map +1 -0
- package/dist/chunk-BZDGWC5O.js +2 -0
- package/dist/chunk-BZDGWC5O.js.map +1 -0
- package/dist/chunk-CBFC4QME.js +2 -0
- package/dist/chunk-CBFC4QME.js.map +1 -0
- package/dist/chunk-CI3ZXWEX.js +2 -0
- package/dist/chunk-CI3ZXWEX.js.map +1 -0
- package/dist/chunk-DFXHNK5D.js +2 -0
- package/dist/chunk-DFXHNK5D.js.map +1 -0
- package/dist/chunk-EIG6CBTQ.js +2 -0
- package/dist/chunk-EIG6CBTQ.js.map +1 -0
- package/dist/chunk-EXC2XOL6.js +2 -0
- package/dist/chunk-EXC2XOL6.js.map +1 -0
- package/dist/chunk-F4DYKYWJ.js +2 -0
- package/dist/chunk-F4DYKYWJ.js.map +1 -0
- package/dist/chunk-F5ZLEQGN.js +2 -0
- package/dist/chunk-F5ZLEQGN.js.map +1 -0
- package/dist/chunk-IKL6PSXU.js +2 -0
- package/dist/chunk-IKL6PSXU.js.map +1 -0
- package/dist/chunk-IRHU7PDO.js +2 -0
- package/dist/chunk-IRHU7PDO.js.map +1 -0
- package/dist/chunk-J4X5RQTR.js +2 -0
- package/dist/chunk-J4X5RQTR.js.map +1 -0
- package/dist/chunk-KIFR5VIE.js +2 -0
- package/dist/chunk-KIFR5VIE.js.map +1 -0
- package/dist/chunk-KS6WGBHQ.js +2 -0
- package/dist/chunk-KS6WGBHQ.js.map +1 -0
- package/dist/chunk-L4ET6GIZ.js +2 -0
- package/dist/chunk-L4ET6GIZ.js.map +1 -0
- package/dist/chunk-MZSV4LNY.js +2 -0
- package/dist/chunk-MZSV4LNY.js.map +1 -0
- package/dist/chunk-NELCN6E2.js +2 -0
- package/dist/chunk-NELCN6E2.js.map +1 -0
- package/dist/chunk-OS53BV63.js +3 -0
- package/dist/chunk-OS53BV63.js.map +1 -0
- package/dist/chunk-PKCW37CJ.js +2 -0
- package/dist/chunk-PKCW37CJ.js.map +1 -0
- package/dist/chunk-RWMV7APX.js +2 -0
- package/dist/chunk-RWMV7APX.js.map +1 -0
- package/dist/chunk-SLAAEXWI.js +2 -0
- package/dist/chunk-SLAAEXWI.js.map +1 -0
- package/dist/chunk-SXGSWVMZ.js +2 -0
- package/dist/chunk-SXGSWVMZ.js.map +1 -0
- package/dist/chunk-TB6KI6CL.js +2 -0
- package/dist/chunk-TB6KI6CL.js.map +1 -0
- package/dist/chunk-TSVURBUY.js +2 -0
- package/dist/chunk-TSVURBUY.js.map +1 -0
- package/dist/chunk-UXIVZWLB.js +2 -0
- package/dist/chunk-UXIVZWLB.js.map +1 -0
- package/dist/chunk-WEBAXQID.js +2 -0
- package/dist/chunk-WEBAXQID.js.map +1 -0
- package/dist/chunk-WV7QV2PU.js +2 -0
- package/dist/chunk-WV7QV2PU.js.map +1 -0
- package/dist/chunk-Z47R2CIM.js +2 -0
- package/dist/chunk-Z47R2CIM.js.map +1 -0
- package/dist/chunk-ZVVPUP7V.js +2 -0
- package/dist/chunk-ZVVPUP7V.js.map +1 -0
- package/dist/components/avatar-group.js +2 -179
- package/dist/components/avatar-group.js.map +1 -0
- package/dist/components/avatar.js +2 -59
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.js +2 -111
- package/dist/components/badge.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +20 -0
- package/dist/components/breadcrumb.js +2 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/chip.d.ts +5 -2
- package/dist/components/chip.js +2 -256
- package/dist/components/chip.js.map +1 -0
- package/dist/components/collapsible.js +2 -41
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/dialog.d.ts +51 -0
- package/dist/components/dialog.js +2 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/divider.js +2 -29
- package/dist/components/divider.js.map +1 -0
- package/dist/components/drag-and-drop/drag-handle.d.ts +15 -0
- package/dist/components/drag-and-drop/drag-handle.js +2 -0
- package/dist/components/drag-and-drop/drag-handle.js.map +1 -0
- package/dist/components/drag-and-drop/drag-list-item.d.ts +14 -0
- package/dist/components/drag-and-drop/drag-list-item.js +2 -0
- package/dist/components/drag-and-drop/drag-list-item.js.map +1 -0
- package/dist/components/drag-and-drop/drag-list.d.ts +14 -0
- package/dist/components/drag-and-drop/drag-list.js +2 -0
- package/dist/components/drag-and-drop/drag-list.js.map +1 -0
- package/dist/components/drag-and-drop/drag-root.d.ts +6 -0
- package/dist/components/drag-and-drop/drag-root.js +2 -0
- package/dist/components/drag-and-drop/drag-root.js.map +1 -0
- package/dist/components/drag-and-drop/index.d.ts +10 -0
- package/dist/components/drag-and-drop/index.js +2 -0
- package/dist/components/drag-and-drop/index.js.map +1 -0
- package/dist/components/drag-and-drop/types/drag-item.d.ts +9 -0
- package/dist/components/drag-and-drop/types/drag-item.js +2 -0
- package/dist/components/drag-and-drop/types/drag-item.js.map +1 -0
- package/dist/components/dropdown-menu.js +2 -295
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/form/button.js +2 -0
- package/dist/components/form/button.js.map +1 -0
- package/dist/components/form/calendar.js +2 -0
- package/dist/components/form/calendar.js.map +1 -0
- package/dist/components/form/checkbox.js +2 -0
- package/dist/components/form/checkbox.js.map +1 -0
- package/dist/components/form/context/field.context.d.ts +15 -0
- package/dist/components/form/context/field.context.js +2 -0
- package/dist/components/form/context/field.context.js.map +1 -0
- package/dist/components/form/date-picker.d.ts +84 -0
- package/dist/components/form/date-picker.js +2 -0
- package/dist/components/form/date-picker.js.map +1 -0
- package/dist/components/form/floating-label.d.ts +6 -0
- package/dist/components/form/floating-label.js +2 -0
- package/dist/components/form/floating-label.js.map +1 -0
- package/dist/components/form/input.d.ts +95 -0
- package/dist/components/form/input.js +2 -0
- package/dist/components/form/input.js.map +1 -0
- package/dist/components/form/otp-input.js +2 -0
- package/dist/components/form/otp-input.js.map +1 -0
- package/dist/components/form/radio.js +2 -0
- package/dist/components/form/radio.js.map +1 -0
- package/dist/components/{rich-editor.d.ts → form/rich-editor.d.ts} +2 -1
- package/dist/components/form/rich-editor.js +2 -0
- package/dist/components/form/rich-editor.js.map +1 -0
- package/dist/components/form/search-input.js +2 -0
- package/dist/components/form/search-input.js.map +1 -0
- package/dist/components/form/select.d.ts +94 -0
- package/dist/components/form/select.js +2 -0
- package/dist/components/form/select.js.map +1 -0
- package/dist/components/form/switch.js +2 -0
- package/dist/components/form/switch.js.map +1 -0
- package/dist/components/full-calendar/calendar-add-event.d.ts +9 -0
- package/dist/components/full-calendar/calendar-add-event.js +2 -0
- package/dist/components/full-calendar/calendar-add-event.js.map +1 -0
- package/dist/components/full-calendar/calendar-body.d.ts +6 -0
- package/dist/components/full-calendar/calendar-body.js +2 -0
- package/dist/components/full-calendar/calendar-body.js.map +1 -0
- package/dist/components/full-calendar/calendar-cell.d.ts +11 -0
- package/dist/components/full-calendar/calendar-cell.js +2 -0
- package/dist/components/full-calendar/calendar-cell.js.map +1 -0
- package/dist/components/full-calendar/calendar-day-view.d.ts +5 -0
- package/dist/components/full-calendar/calendar-day-view.js +2 -0
- package/dist/components/full-calendar/calendar-day-view.js.map +1 -0
- package/dist/components/full-calendar/calendar-event.d.ts +18 -0
- package/dist/components/full-calendar/calendar-event.js +2 -0
- package/dist/components/full-calendar/calendar-event.js.map +1 -0
- package/dist/components/full-calendar/calendar-header.d.ts +6 -0
- package/dist/components/full-calendar/calendar-header.js +2 -0
- package/dist/components/full-calendar/calendar-header.js.map +1 -0
- package/dist/components/full-calendar/calendar-month-view.d.ts +5 -0
- package/dist/components/full-calendar/calendar-month-view.js +2 -0
- package/dist/components/full-calendar/calendar-month-view.js.map +1 -0
- package/dist/components/full-calendar/calendar-more-events-dropdown.d.ts +9 -0
- package/dist/components/full-calendar/calendar-more-events-dropdown.js +2 -0
- package/dist/components/full-calendar/calendar-more-events-dropdown.js.map +1 -0
- package/dist/components/full-calendar/calendar-navigator.d.ts +5 -0
- package/dist/components/full-calendar/calendar-navigator.js +2 -0
- package/dist/components/full-calendar/calendar-navigator.js.map +1 -0
- package/dist/components/full-calendar/calendar-root.d.ts +30 -0
- package/dist/components/full-calendar/calendar-root.js +2 -0
- package/dist/components/full-calendar/calendar-root.js.map +1 -0
- package/dist/components/full-calendar/calendar-today-button.d.ts +9 -0
- package/dist/components/full-calendar/calendar-today-button.js +2 -0
- package/dist/components/full-calendar/calendar-today-button.js.map +1 -0
- package/dist/components/full-calendar/calendar-toggle-view.d.ts +5 -0
- package/dist/components/full-calendar/calendar-toggle-view.js +2 -0
- package/dist/components/full-calendar/calendar-toggle-view.js.map +1 -0
- package/dist/components/full-calendar/calendar-view-renderer.d.ts +5 -0
- package/dist/components/full-calendar/calendar-view-renderer.js +2 -0
- package/dist/components/full-calendar/calendar-view-renderer.js.map +1 -0
- package/dist/components/full-calendar/calendar-week-day.d.ts +10 -0
- package/dist/components/full-calendar/calendar-week-day.js +2 -0
- package/dist/components/full-calendar/calendar-week-day.js.map +1 -0
- package/dist/components/full-calendar/calendar-week-view.d.ts +5 -0
- package/dist/components/full-calendar/calendar-week-view.js +2 -0
- package/dist/components/full-calendar/calendar-week-view.js.map +1 -0
- package/dist/components/full-calendar/helpers/calendar.d.ts +25 -0
- package/dist/components/full-calendar/helpers/calendar.js +2 -0
- package/dist/components/full-calendar/helpers/calendar.js.map +1 -0
- package/dist/components/full-calendar/index.d.ts +18 -0
- package/dist/components/full-calendar/index.js +2 -0
- package/dist/components/full-calendar/index.js.map +1 -0
- package/dist/components/full-calendar/types/calendar-cell.d.ts +6 -0
- package/dist/components/full-calendar/types/calendar-cell.js +2 -0
- package/dist/components/full-calendar/types/calendar-cell.js.map +1 -0
- package/dist/components/full-calendar/types/calendar-event.d.ts +8 -0
- package/dist/components/full-calendar/types/calendar-event.js +2 -0
- package/dist/components/full-calendar/types/calendar-event.js.map +1 -0
- package/dist/components/full-calendar/types/calendar-view.d.ts +3 -0
- package/dist/components/full-calendar/types/calendar-view.js +2 -0
- package/dist/components/full-calendar/types/calendar-view.js.map +1 -0
- package/dist/components/full-calendar/types/calendar-week-hour.d.ts +6 -0
- package/dist/components/full-calendar/types/calendar-week-hour.js +2 -0
- package/dist/components/full-calendar/types/calendar-week-hour.js.map +1 -0
- package/dist/components/horizontal-scroll.d.ts +11 -0
- package/dist/components/horizontal-scroll.js +2 -0
- package/dist/components/horizontal-scroll.js.map +1 -0
- package/dist/components/icon.d.ts +3 -4
- package/dist/components/icon.js +2 -177
- package/dist/components/icon.js.map +1 -0
- package/dist/components/list.js +2 -179
- package/dist/components/list.js.map +1 -0
- package/dist/components/logo.js +2 -324
- package/dist/components/logo.js.map +1 -0
- package/dist/components/selection-bar.d.ts +57 -0
- package/dist/components/selection-bar.js +2 -0
- package/dist/components/selection-bar.js.map +1 -0
- package/dist/components/sheet.d.ts +8 -8
- package/dist/components/sheet.js +2 -251
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/skeleton.js +2 -16
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/status.js +2 -111
- package/dist/components/status.js.map +1 -0
- package/dist/components/table.js +2 -196
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +9 -6
- package/dist/components/tabs.js +2 -54
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tag.d.ts +5 -2
- package/dist/components/tag.js +2 -189
- package/dist/components/tag.js.map +1 -0
- package/dist/components/tooltip.js +2 -58
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/typography.js +2 -78
- package/dist/components/typography.js.map +1 -0
- package/dist/components/upload.d.ts +74 -0
- package/dist/components/upload.js +2 -0
- package/dist/components/upload.js.map +1 -0
- package/dist/hooks/index.d.ts +7 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/icons-CmDuL0gZ.d.ts +4 -0
- package/dist/index.css +2 -2322
- package/dist/index.css.map +1 -0
- package/dist/logo-PQRZORCS.js +3 -0
- package/dist/logo-PQRZORCS.js.map +1 -0
- package/package.json +60 -18
- package/src/components/breadcrumb.tsx +119 -0
- package/src/components/chip.tsx +11 -3
- package/src/components/dialog.tsx +242 -0
- package/src/components/drag-and-drop/drag-handle.tsx +46 -0
- package/src/components/drag-and-drop/drag-list-item.tsx +91 -0
- package/src/components/drag-and-drop/drag-list.tsx +47 -0
- package/src/components/drag-and-drop/drag-root.tsx +30 -0
- package/src/components/drag-and-drop/index.ts +39 -0
- package/src/components/drag-and-drop/types/drag-item.ts +7 -0
- package/src/components/{calendar.tsx → form/calendar.tsx} +9 -8
- package/src/components/{checkbox.tsx → form/checkbox.tsx} +2 -2
- package/src/components/form/context/field.context.ts +27 -0
- package/src/components/form/date-picker.tsx +199 -0
- package/src/components/form/floating-label.tsx +60 -0
- package/src/components/form/input.tsx +235 -0
- package/src/components/{radio.tsx → form/radio.tsx} +1 -1
- package/src/components/{rich-editor.tsx → form/rich-editor.tsx} +10 -9
- package/src/components/{search-input.tsx → form/search-input.tsx} +2 -2
- package/src/components/form/select.tsx +274 -0
- package/src/components/full-calendar/calendar-add-event.tsx +15 -0
- package/src/components/full-calendar/calendar-body.tsx +12 -0
- package/src/components/full-calendar/calendar-cell.tsx +120 -0
- package/src/components/full-calendar/calendar-day-view.tsx +76 -0
- package/src/components/full-calendar/calendar-event.tsx +178 -0
- package/src/components/full-calendar/calendar-header.tsx +14 -0
- package/src/components/full-calendar/calendar-month-view.tsx +69 -0
- package/src/components/full-calendar/calendar-more-events-dropdown.tsx +39 -0
- package/src/components/full-calendar/calendar-navigator.tsx +86 -0
- package/src/components/full-calendar/calendar-root.tsx +165 -0
- package/src/components/full-calendar/calendar-today-button.tsx +21 -0
- package/src/components/full-calendar/calendar-toggle-view.tsx +61 -0
- package/src/components/full-calendar/calendar-view-renderer.tsx +19 -0
- package/src/components/full-calendar/calendar-week-day.tsx +49 -0
- package/src/components/full-calendar/calendar-week-view.tsx +88 -0
- package/src/components/full-calendar/helpers/calendar.ts +158 -0
- package/src/components/full-calendar/index.ts +16 -0
- package/src/components/full-calendar/types/calendar-cell.ts +4 -0
- package/src/components/full-calendar/types/calendar-event.ts +7 -0
- package/src/components/full-calendar/types/calendar-view.ts +1 -0
- package/src/components/full-calendar/types/calendar-week-hour.ts +4 -0
- package/src/components/horizontal-scroll.tsx +159 -0
- package/src/components/icon.tsx +1 -1
- package/src/components/logo.tsx +25 -20
- package/src/components/selection-bar.tsx +273 -0
- package/src/components/sheet.tsx +2 -2
- package/src/components/tabs.tsx +56 -37
- package/src/components/tag.tsx +11 -3
- package/src/components/upload.tsx +647 -0
- package/src/index.css +2 -2
- package/src/resources/icons.ts +4 -1
- package/src/resources/logo/index.tsx +33 -0
- package/tsup.config.ts +23 -5
- package/dist/components/button.js +0 -98
- package/dist/components/calendar.js +0 -751
- package/dist/components/checkbox.js +0 -153
- package/dist/components/date-picker.d.ts +0 -20
- package/dist/components/date-picker.js +0 -232
- package/dist/components/input.d.ts +0 -32
- package/dist/components/input.js +0 -315
- package/dist/components/otp-input.js +0 -47
- package/dist/components/radio.js +0 -156
- package/dist/components/rich-editor.js +0 -723
- package/dist/components/search-input.js +0 -274
- package/dist/components/select.d.ts +0 -33
- package/dist/components/select.js +0 -550
- package/dist/components/switch.js +0 -36
- package/dist/components/test.d.ts +0 -5
- package/dist/components/test.js +0 -8
- package/dist/index.js +0 -0
- package/src/components/date-picker.tsx +0 -160
- package/src/components/input.tsx +0 -256
- package/src/components/select.tsx +0 -240
- package/src/components/test.tsx +0 -3
- package/src/index.ts +0 -1
- package/src/resources/logo/index.ts +0 -3
- /package/dist/components/{button.d.ts → form/button.d.ts} +0 -0
- /package/dist/components/{calendar.d.ts → form/calendar.d.ts} +0 -0
- /package/dist/components/{checkbox.d.ts → form/checkbox.d.ts} +0 -0
- /package/dist/components/{otp-input.d.ts → form/otp-input.d.ts} +0 -0
- /package/dist/components/{radio.d.ts → form/radio.d.ts} +0 -0
- /package/dist/components/{search-input.d.ts → form/search-input.d.ts} +0 -0
- /package/dist/components/{switch.d.ts → form/switch.d.ts} +0 -0
- /package/src/components/{button.tsx → form/button.tsx} +0 -0
- /package/src/components/{otp-input.tsx → form/otp-input.tsx} +0 -0
- /package/src/components/{switch.tsx → form/switch.tsx} +0 -0
package/dist/components/chip.js
CHANGED
|
@@ -1,256 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import "react";
|
|
4
|
-
|
|
5
|
-
// src/components/typography.tsx
|
|
6
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
7
|
-
import { cva } from "@xjur-ui/util";
|
|
8
|
-
import { memo } from "react";
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
var typographyVariants = cva("", {
|
|
11
|
-
variants: {
|
|
12
|
-
variant: {
|
|
13
|
-
body: "",
|
|
14
|
-
label: "",
|
|
15
|
-
title: "",
|
|
16
|
-
headline: ""
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
"sm-2x": "",
|
|
20
|
-
"sm-1x": "",
|
|
21
|
-
sm: "",
|
|
22
|
-
md: "",
|
|
23
|
-
lg: ""
|
|
24
|
-
},
|
|
25
|
-
weight: {
|
|
26
|
-
thin: "font-thin",
|
|
27
|
-
extraLight: "font-extralight",
|
|
28
|
-
light: "font-light",
|
|
29
|
-
normal: "font-normal",
|
|
30
|
-
medium: "font-medium",
|
|
31
|
-
semibold: "font-semibold",
|
|
32
|
-
bold: "font-bold",
|
|
33
|
-
extraBold: "font-extrabold",
|
|
34
|
-
black: "font-black"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
compoundVariants: [
|
|
38
|
-
{ variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
|
|
39
|
-
{ variant: "body", size: "sm", class: "text-size-body-sm" },
|
|
40
|
-
{ variant: "body", size: "md", class: "text-size-body-md" },
|
|
41
|
-
{ variant: "body", size: "lg", class: "text-size-body-lg" },
|
|
42
|
-
{ variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
|
|
43
|
-
{ variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
|
|
44
|
-
{ variant: "label", size: "sm", class: "text-size-label-sm" },
|
|
45
|
-
{ variant: "label", size: "md", class: "text-size-label-md" },
|
|
46
|
-
{ variant: "label", size: "lg", class: "text-size-label-lg" },
|
|
47
|
-
{ variant: "title", size: "sm", class: "text-size-title-sm" },
|
|
48
|
-
{ variant: "title", size: "md", class: "text-size-title-md" },
|
|
49
|
-
{ variant: "title", size: "lg", class: "text-size-title-lg" },
|
|
50
|
-
{ variant: "headline", size: "sm", class: "text-size-headline-sm" },
|
|
51
|
-
{ variant: "headline", size: "md", class: "text-size-headline-md" },
|
|
52
|
-
{ variant: "headline", size: "lg", class: "text-size-headline-lg" }
|
|
53
|
-
],
|
|
54
|
-
defaultVariants: {
|
|
55
|
-
variant: "body",
|
|
56
|
-
size: "md",
|
|
57
|
-
weight: "normal"
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
var Typography = memo(
|
|
61
|
-
({
|
|
62
|
-
variant,
|
|
63
|
-
size,
|
|
64
|
-
weight,
|
|
65
|
-
asChild,
|
|
66
|
-
className,
|
|
67
|
-
...props
|
|
68
|
-
}) => {
|
|
69
|
-
const Component = asChild ? Slot : "span";
|
|
70
|
-
return /* @__PURE__ */ jsx(
|
|
71
|
-
Component,
|
|
72
|
-
{
|
|
73
|
-
className: typographyVariants({ variant, size, weight, className }),
|
|
74
|
-
...props
|
|
75
|
-
}
|
|
76
|
-
);
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
Typography.displayName = "Typography";
|
|
80
|
-
|
|
81
|
-
// src/components/icon.tsx
|
|
82
|
-
import { cx } from "@xjur-ui/util";
|
|
83
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
84
|
-
function Icon({ className, filled = false, name, ...props }) {
|
|
85
|
-
return /* @__PURE__ */ jsx2(
|
|
86
|
-
"span",
|
|
87
|
-
{
|
|
88
|
-
...props,
|
|
89
|
-
className: cx(
|
|
90
|
-
"material-symbols-outlined",
|
|
91
|
-
"text-size-body-lg",
|
|
92
|
-
className
|
|
93
|
-
),
|
|
94
|
-
style: {
|
|
95
|
-
fontVariationSettings: `'FILL' ${filled ? 1 : 0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,
|
|
96
|
-
...props.style
|
|
97
|
-
},
|
|
98
|
-
children: name
|
|
99
|
-
}
|
|
100
|
-
);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
// src/components/avatar.tsx
|
|
104
|
-
import "react";
|
|
105
|
-
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
106
|
-
import { cx as cx2 } from "@xjur-ui/util";
|
|
107
|
-
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
108
|
-
function AvatarRoot({
|
|
109
|
-
className,
|
|
110
|
-
size = "md",
|
|
111
|
-
...props
|
|
112
|
-
}) {
|
|
113
|
-
return /* @__PURE__ */ jsx3(
|
|
114
|
-
AvatarPrimitive.Root,
|
|
115
|
-
{
|
|
116
|
-
className: cx2(
|
|
117
|
-
"rounded-circle relative flex shrink-0 overflow-hidden",
|
|
118
|
-
"data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x",
|
|
119
|
-
"data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",
|
|
120
|
-
className
|
|
121
|
-
),
|
|
122
|
-
"data-size": size,
|
|
123
|
-
"data-slot": "avatar",
|
|
124
|
-
...props
|
|
125
|
-
}
|
|
126
|
-
);
|
|
127
|
-
}
|
|
128
|
-
function AvatarImage({
|
|
129
|
-
className,
|
|
130
|
-
...props
|
|
131
|
-
}) {
|
|
132
|
-
return /* @__PURE__ */ jsx3(
|
|
133
|
-
AvatarPrimitive.Image,
|
|
134
|
-
{
|
|
135
|
-
className: cx2("aspect-square size-full", className),
|
|
136
|
-
"data-slot": "avatar-image",
|
|
137
|
-
...props
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
}
|
|
141
|
-
function AvatarFallback({
|
|
142
|
-
className,
|
|
143
|
-
...props
|
|
144
|
-
}) {
|
|
145
|
-
return /* @__PURE__ */ jsx3(
|
|
146
|
-
AvatarPrimitive.Fallback,
|
|
147
|
-
{
|
|
148
|
-
className: cx2(
|
|
149
|
-
"bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",
|
|
150
|
-
className
|
|
151
|
-
),
|
|
152
|
-
"data-slot": "avatar-fallback",
|
|
153
|
-
...props
|
|
154
|
-
}
|
|
155
|
-
);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
// src/components/chip.tsx
|
|
159
|
-
import { jsx as jsx4, jsxs } from "react/jsx-runtime";
|
|
160
|
-
var chipVariants = cva2(
|
|
161
|
-
[
|
|
162
|
-
"group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt",
|
|
163
|
-
"transition-all duration-200"
|
|
164
|
-
],
|
|
165
|
-
{
|
|
166
|
-
variants: {
|
|
167
|
-
variant: {
|
|
168
|
-
primary: "bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",
|
|
169
|
-
danger: "bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",
|
|
170
|
-
neutral: "bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"
|
|
171
|
-
}
|
|
172
|
-
},
|
|
173
|
-
defaultVariants: {
|
|
174
|
-
variant: "primary"
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
);
|
|
178
|
-
function ChipRoot({
|
|
179
|
-
className,
|
|
180
|
-
variant = "primary",
|
|
181
|
-
...props
|
|
182
|
-
}) {
|
|
183
|
-
return /* @__PURE__ */ jsx4("div", { className: cx3(chipVariants({ variant }), className), ...props });
|
|
184
|
-
}
|
|
185
|
-
function ChipText({
|
|
186
|
-
variant = "label",
|
|
187
|
-
size = "sm-1x",
|
|
188
|
-
weight = "medium",
|
|
189
|
-
className,
|
|
190
|
-
...props
|
|
191
|
-
}) {
|
|
192
|
-
return /* @__PURE__ */ jsx4(
|
|
193
|
-
Typography,
|
|
194
|
-
{
|
|
195
|
-
className: cx3(className, "truncate"),
|
|
196
|
-
size,
|
|
197
|
-
variant,
|
|
198
|
-
weight,
|
|
199
|
-
...props
|
|
200
|
-
}
|
|
201
|
-
);
|
|
202
|
-
}
|
|
203
|
-
function ChipIcon({ className, ...props }) {
|
|
204
|
-
return /* @__PURE__ */ jsx4(
|
|
205
|
-
Icon,
|
|
206
|
-
{
|
|
207
|
-
className: (cx3(
|
|
208
|
-
"text-size-body-md",
|
|
209
|
-
"group-data-[variant=primary]:text-primary-label-idle",
|
|
210
|
-
"group-data-[variant=danger]:text-danger-label-idle",
|
|
211
|
-
"group-data-[variant=neutral]:text-icon-neutral-3"
|
|
212
|
-
), className),
|
|
213
|
-
...props
|
|
214
|
-
}
|
|
215
|
-
);
|
|
216
|
-
}
|
|
217
|
-
function ChipClose({
|
|
218
|
-
className,
|
|
219
|
-
children = /* @__PURE__ */ jsx4(ChipIcon, { name: "close" }),
|
|
220
|
-
...props
|
|
221
|
-
}) {
|
|
222
|
-
return /* @__PURE__ */ jsx4(
|
|
223
|
-
"button",
|
|
224
|
-
{
|
|
225
|
-
className: cx3(
|
|
226
|
-
className,
|
|
227
|
-
"cursor-pointer bg-inherit",
|
|
228
|
-
"invisible items-center justify-center group-hover/chip:visible",
|
|
229
|
-
"absolute top-0 right-0",
|
|
230
|
-
"h-large-2x w-large-2x rounded-circle",
|
|
231
|
-
"transition-[visibility] duration-200"
|
|
232
|
-
),
|
|
233
|
-
type: "button",
|
|
234
|
-
...props,
|
|
235
|
-
children
|
|
236
|
-
}
|
|
237
|
-
);
|
|
238
|
-
}
|
|
239
|
-
function ChipAvatar({
|
|
240
|
-
size = "xs",
|
|
241
|
-
avatarFallback = "CN",
|
|
242
|
-
avatarUrl,
|
|
243
|
-
...props
|
|
244
|
-
}) {
|
|
245
|
-
return /* @__PURE__ */ jsxs(AvatarRoot, { size, style: { marginLeft: "-4px" }, ...props, children: [
|
|
246
|
-
avatarUrl && /* @__PURE__ */ jsx4(AvatarImage, { src: avatarUrl }),
|
|
247
|
-
/* @__PURE__ */ jsx4(AvatarFallback, { children: avatarFallback })
|
|
248
|
-
] });
|
|
249
|
-
}
|
|
250
|
-
export {
|
|
251
|
-
ChipAvatar,
|
|
252
|
-
ChipClose,
|
|
253
|
-
ChipIcon,
|
|
254
|
-
ChipRoot,
|
|
255
|
-
ChipText
|
|
256
|
-
};
|
|
1
|
+
import {a as a$1,b as b$1,c}from'../chunk-TB6KI6CL.js';import {b}from'../chunk-WV7QV2PU.js';import {a}from'../chunk-EIG6CBTQ.js';import {cva,cx}from'@xjur-ui/util';import'react';import {jsx,jsxs}from'react/jsx-runtime';var u=cva(["group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function C({className:a,variant:t="primary",disabled:r=false,...o}){return jsx("div",{className:cx(u({variant:t}),a),"data-disabled":r,...o})}function P({variant:a$1="label",size:t="sm-1x",weight:r="medium",className:o,...d}){return jsx(a,{className:cx(o,"truncate"),size:t,variant:a$1,weight:r,...d})}function g({className:a,...t}){return jsx(b,{className:(cx("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),a),...t})}function A({className:a,children:t=jsx(g,{name:"close"}),...r}){return jsx("button",{className:cx(a,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/chip:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...r,children:t})}function I({size:a="xs",avatarFallback:t="CN",avatarUrl:r,...o}){return jsxs(a$1,{size:a,style:{marginLeft:"-4px"},...o,children:[r&&jsx(b$1,{src:r}),jsx(c,{children:t})]})}export{I as ChipAvatar,A as ChipClose,g as ChipIcon,C as ChipRoot,P as ChipText};//# sourceMappingURL=chip.js.map
|
|
2
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/chip.tsx"],"names":["chipVariants","cva","ChipRoot","className","variant","disabled","props","jsx","cx","ChipText","size","weight","Typography","ChipIcon","Icon","ChipClose","children","ChipAvatar","avatarFallback","avatarUrl","jsxs","AvatarRoot","AvatarImage","AvatarFallback"],"mappings":"2NAMA,IAAMA,CAAAA,CAAeC,GAAAA,CACnB,CACE,yGAAA,CACA,6BACF,EACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,yEACF,MAAA,CACE,qEAAA,CACF,QAAS,0DACX,CACF,EACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CACF,EAEO,SAASC,CAAAA,CAAS,CACvB,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EAAU,SAAA,CACV,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGC,CACL,EACmE,CACjE,OACEC,IAAC,KAAA,CAAA,CACC,SAAA,CAAWC,GAAGR,CAAAA,CAAa,CAAE,OAAA,CAAAI,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CAClD,eAAA,CAAeE,CAAAA,CACd,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAS,CACvB,OAAA,CAAAL,GAAAA,CAAU,OAAA,CACV,KAAAM,CAAAA,CAAO,OAAA,CACP,MAAA,CAAAC,CAAAA,CAAS,QAAA,CACT,SAAA,CAAAR,EACA,GAAGG,CACL,CAAA,CAAsC,CACpC,OACEC,GAAAA,CAACK,EAAA,CACC,SAAA,CAAWJ,EAAAA,CAAGL,CAAAA,CAAW,UAAU,CAAA,CACnC,KAAMO,CAAAA,CACN,OAAA,CAASN,GAAAA,CACT,MAAA,CAAQO,CAAAA,CACP,GAAGL,EACN,CAEJ,CAEO,SAASO,CAAAA,CAAS,CAAE,UAAAV,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC7E,OACEC,IAACO,CAAAA,CAAA,CACC,SAAA,EACGN,EAAAA,CACC,mBAAA,CACA,sDAAA,CACA,qDACA,kDACF,CAAA,CACAL,CAAAA,CAAAA,CAED,GAAGG,CAAAA,CACN,CAEJ,CAEO,SAASS,CAAAA,CAAU,CACxB,SAAA,CAAAZ,CAAAA,CACA,SAAAa,CAAAA,CAAWT,GAAAA,CAACM,CAAAA,CAAA,CAAS,IAAA,CAAK,OAAA,CAAQ,EAClC,GAAGP,CACL,CAAA,CAAmD,CACjD,OACEC,GAAAA,CAAC,UACC,SAAA,CAAWC,EAAAA,CACTL,CAAAA,CACA,2BAAA,CACA,sFAAA,CACA,wBAAA,CACA,uCACA,sCACF,CAAA,CACA,KAAK,QAAA,CACJ,GAAGG,EAEH,QAAA,CAAAU,CAAAA,CACH,CAEJ,CAEO,SAASC,CAAAA,CAAW,CACzB,IAAA,CAAAP,CAAAA,CAAO,IAAA,CACP,cAAA,CAAAQ,CAAAA,CAAiB,IAAA,CACjB,UAAAC,CAAAA,CACA,GAAGb,CACL,CAAA,CAGG,CACD,OACEc,KAACC,GAAAA,CAAA,CAAW,IAAA,CAAMX,CAAAA,CAAM,KAAA,CAAO,CAAE,WAAY,MAAO,CAAA,CAAI,GAAGJ,CAAAA,CACxD,QAAA,CAAA,CAAAa,CAAAA,EAAaZ,IAACe,GAAAA,CAAA,CAAY,GAAA,CAAKH,CAAAA,CAAW,CAAA,CAC3CZ,GAAAA,CAACgB,EAAA,CAAgB,QAAA,CAAAL,CAAAA,CAAe,CAAA,CAAA,CAClC,CAEJ","file":"chip.js","sourcesContent":["import { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { type ComponentProps } from 'react'\nimport { Typography } from './typography'\nimport { Icon, type IconType } from './icon'\nimport { AvatarFallback, AvatarImage, AvatarRoot } from './avatar'\n\nconst chipVariants = cva(\n [\n 'group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt',\n 'transition-all duration-200'\n ],\n {\n variants: {\n variant: {\n primary:\n 'bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover',\n danger:\n 'bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover',\n neutral: 'bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover'\n }\n },\n defaultVariants: {\n variant: 'primary'\n }\n }\n)\n\nexport function ChipRoot({\n className,\n variant = 'primary',\n disabled = false,\n ...props\n}: ComponentProps<'div'> &\n ClassVariantProps<typeof chipVariants> & { disabled?: boolean }) {\n return (\n <div\n className={cx(chipVariants({ variant }), className)}\n data-disabled={disabled}\n {...props}\n />\n )\n}\n\nexport function ChipText({\n variant = 'label',\n size = 'sm-1x',\n weight = 'medium',\n className,\n ...props\n}: ComponentProps<typeof Typography>) {\n return (\n <Typography\n className={cx(className, 'truncate')}\n size={size}\n variant={variant}\n weight={weight}\n {...props}\n />\n )\n}\n\nexport function ChipIcon({ className, ...props }: ComponentProps<typeof Icon>) {\n return (\n <Icon\n className={\n (cx(\n 'text-size-body-md',\n 'group-data-[variant=primary]:text-primary-label-idle',\n 'group-data-[variant=danger]:text-danger-label-idle',\n 'group-data-[variant=neutral]:text-icon-neutral-3'\n ),\n className)\n }\n {...props}\n />\n )\n}\n\nexport function ChipClose({\n className,\n children = <ChipIcon name=\"close\" />,\n ...props\n}: ComponentProps<'button'> & { name?: IconType }) {\n return (\n <button\n className={cx(\n className,\n 'cursor-pointer bg-inherit',\n 'invisible items-center justify-center group-hover/chip:data-[disabled=false]:visible',\n 'absolute top-0 right-0',\n 'h-large-2x w-large-2x rounded-circle',\n 'transition-[visibility] duration-200'\n )}\n type=\"button\"\n {...props}\n >\n {children}\n </button>\n )\n}\n\nexport function ChipAvatar({\n size = 'xs',\n avatarFallback = 'CN',\n avatarUrl,\n ...props\n}: ComponentProps<typeof AvatarRoot> & {\n avatarUrl?: string\n avatarFallback: string\n}) {\n return (\n <AvatarRoot size={size} style={{ marginLeft: '-4px' }} {...props}>\n {avatarUrl && <AvatarImage src={avatarUrl} />}\n <AvatarFallback>{avatarFallback}</AvatarFallback>\n </AvatarRoot>\n )\n}\n"]}
|
|
@@ -1,41 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { cx } from "@xjur-ui/util";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
function CollapsibleRoot({
|
|
6
|
-
...props
|
|
7
|
-
}) {
|
|
8
|
-
return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
|
|
9
|
-
}
|
|
10
|
-
function CollapsibleTrigger2({
|
|
11
|
-
...props
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
CollapsiblePrimitive.CollapsibleTrigger,
|
|
15
|
-
{
|
|
16
|
-
"data-slot": "collapsible-trigger",
|
|
17
|
-
...props
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
function CollapsibleContent2({
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
}) {
|
|
25
|
-
return /* @__PURE__ */ jsx(
|
|
26
|
-
CollapsiblePrimitive.CollapsibleContent,
|
|
27
|
-
{
|
|
28
|
-
className: cx(
|
|
29
|
-
className,
|
|
30
|
-
"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up"
|
|
31
|
-
),
|
|
32
|
-
"data-slot": "collapsible-content",
|
|
33
|
-
...props
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
export {
|
|
38
|
-
CollapsibleContent2 as CollapsibleContent,
|
|
39
|
-
CollapsibleRoot,
|
|
40
|
-
CollapsibleTrigger2 as CollapsibleTrigger
|
|
41
|
-
};
|
|
1
|
+
import*as l from'@radix-ui/react-collapsible';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function p({...o}){return jsx(l.Root,{"data-slot":"collapsible",...o})}function s({...o}){return jsx(l.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...o})}function r({className:o,...t}){return jsx(l.CollapsibleContent,{className:cx(o,"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up"),"data-slot":"collapsible-content",...t})}export{r as CollapsibleContent,p as CollapsibleRoot,s as CollapsibleTrigger};//# sourceMappingURL=collapsible.js.map
|
|
2
|
+
//# sourceMappingURL=collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/collapsible.tsx"],"names":["CollapsibleRoot","props","jsx","CollapsibleTrigger","CollapsibleContent","className","cx"],"mappings":"iHAGO,SAASA,CAAAA,CAAgB,CAC9B,GAAGC,CACL,CAAA,CAA2D,CACzD,OAAOC,GAAAA,CAAsB,CAAA,CAAA,IAAA,CAArB,CAA0B,WAAA,CAAU,aAAA,CAAe,GAAGD,CAAAA,CAAO,CACvE,CAEO,SAASE,CAAAA,CAAmB,CACjC,GAAGF,CACL,CAAA,CAAyE,CACvE,OACEC,GAAAA,CAAsB,CAAA,CAAA,kBAAA,CAArB,CACC,WAAA,CAAU,qBAAA,CACT,GAAGD,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAmB,CACjC,UAAAC,CAAAA,CACA,GAAGJ,CACL,CAAA,CAAyE,CACvE,OACEC,GAAAA,CAAsB,CAAA,CAAA,kBAAA,CAArB,CACC,SAAA,CAAWI,EAAAA,CACTD,CAAAA,CACA,uFACF,CAAA,CACA,WAAA,CAAU,qBAAA,CACT,GAAGJ,EACN,CAEJ","file":"collapsible.js","sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { cx } from '@xjur-ui/util'\n\nexport function CollapsibleRoot({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nexport function CollapsibleTrigger({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n return (\n <CollapsiblePrimitive.CollapsibleTrigger\n data-slot=\"collapsible-trigger\"\n {...props}\n />\n )\n}\n\nexport function CollapsibleContent({\n className,\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n return (\n <CollapsiblePrimitive.CollapsibleContent\n className={cx(\n className,\n 'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up'\n )}\n data-slot=\"collapsible-content\"\n {...props}\n />\n )\n}\n"]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
6
|
+
import { ClassVariantProps } from '@xjur-ui/util';
|
|
7
|
+
|
|
8
|
+
declare const dialogOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
9
|
+
declare const dialogContentVariants: (props?: ({
|
|
10
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
11
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
12
|
+
declare const dialogHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
13
|
+
declare const dialogFooterVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
14
|
+
declare const dialogTitleVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
15
|
+
declare const dialogDescriptionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
16
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
17
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
19
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
interface DialogOverlayProps extends ComponentProps<typeof DialogPrimitive.Overlay>, ClassVariantProps<typeof dialogOverlayVariants> {
|
|
21
|
+
}
|
|
22
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content>, ClassVariantProps<typeof dialogContentVariants> {
|
|
24
|
+
}
|
|
25
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
interface DialogHeaderProps extends ComponentProps<'div'>, ClassVariantProps<typeof dialogHeaderVariants> {
|
|
27
|
+
}
|
|
28
|
+
declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
interface DialogFooterProps extends ComponentProps<'div'>, ClassVariantProps<typeof dialogFooterVariants> {
|
|
30
|
+
}
|
|
31
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
interface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title>, ClassVariantProps<typeof dialogTitleVariants> {
|
|
33
|
+
}
|
|
34
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
35
|
+
interface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description>, ClassVariantProps<typeof dialogDescriptionVariants> {
|
|
36
|
+
}
|
|
37
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
38
|
+
interface DeleteDialogProps {
|
|
39
|
+
open?: boolean;
|
|
40
|
+
onOpenChange?: (open: boolean) => void;
|
|
41
|
+
title?: string;
|
|
42
|
+
description?: string;
|
|
43
|
+
onConfirm?: () => void;
|
|
44
|
+
onCancel?: () => void;
|
|
45
|
+
confirmText?: string;
|
|
46
|
+
cancelText?: string;
|
|
47
|
+
isLoading?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare function DeleteDialog({ open, onOpenChange, title, description, onConfirm, onCancel, confirmText, cancelText, isLoading }: DeleteDialogProps): react_jsx_runtime.JSX.Element;
|
|
50
|
+
|
|
51
|
+
export { DeleteDialog, type DeleteDialogProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {b as b$1}from'../chunk-PKCW37CJ.js';import {b}from'../chunk-WV7QV2PU.js';import {a}from'../chunk-EIG6CBTQ.js';import*as e from'@radix-ui/react-dialog';import {cva,cx}from'@xjur-ui/util';import {forwardRef}from'react';import {jsx,jsxs}from'react/jsx-runtime';var N=cva(["fixed inset-0 z-50 bg-black/50 backdrop-blur-sm","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"]),T=cva(["fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-layer-1-idle p-6 shadow-lg duration-200","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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]","data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]","sm:rounded-lg"],{variants:{size:{sm:"max-w-sm",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl"}},defaultVariants:{size:"md"}}),O=cva(["flex flex-col space-y-1.5 text-center sm:text-left"]),w=cva(["flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"]),z=cva(["text-lg font-semibold leading-none tracking-tight"]),R=cva(["text-sm text-neutral-dark"]),E=e.Root,A=e.Trigger,H=e.Portal,G=e.Close,D=forwardRef(({className:a,...o},i)=>jsx(e.Overlay,{className:cx(N(),a),ref:i,...o}));D.displayName=e.Overlay.displayName;var P=forwardRef(({className:a,children:o,size:i,...p},d)=>jsxs(H,{children:[jsx(D,{}),jsxs(e.Content,{className:cx(T({size:i}),a),ref:d,...p,children:[o,jsxs(e.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[jsx(b,{className:"h-4 w-4",name:"close"}),jsx("span",{className:"sr-only",children:"Fechar"})]})]})]}));P.displayName=e.Content.displayName;var x=forwardRef(({className:a,...o},i)=>jsx("div",{className:cx(O(),a),ref:i,...o}));x.displayName="DialogHeader";var v=forwardRef(({className:a,...o},i)=>jsx("div",{className:cx(w(),a),ref:i,...o}));v.displayName="DialogFooter";var y=forwardRef(({className:a,...o},i)=>jsx(e.Title,{className:cx(z(),a),ref:i,...o}));y.displayName=e.Title.displayName;var C=forwardRef(({className:a,...o},i)=>jsx(e.Description,{className:cx(R(),a),ref:i,...o}));C.displayName=e.Description.displayName;function J({open:a$1,onOpenChange:o,title:i="Excluir documento",description:p="Voc\xEA tem certeza que deseja excluir este documento permanentemente?",onConfirm:d,onCancel:u,confirmText:V="Excluir permanentemente",cancelText:h="Cancelar",isLoading:m=false}){return jsx(E,{open:a$1,onOpenChange:b=>{o?.(b);},children:jsxs(P,{size:"sm",children:[jsxs(x,{children:[jsx(y,{children:jsx(a,{size:"md",variant:"title",weight:"semibold",children:i})}),jsx(C,{children:jsx(a,{size:"md",variant:"body",children:p})})]}),jsxs(v,{children:[jsx(b$1,{appearance:"ghost",disabled:m,variant:"tertiary",onClick:()=>{u?.(),o?.(false);},children:h}),jsx(b$1,{appearance:"solid",disabled:m,variant:"destructive",onClick:()=>{d?.();},children:m?"Excluindo...":V})]})]})})}export{J as DeleteDialog,E as Dialog,G as DialogClose,P as DialogContent,C as DialogDescription,v as DialogFooter,x as DialogHeader,D as DialogOverlay,H as DialogPortal,y as DialogTitle,A as DialogTrigger};//# sourceMappingURL=dialog.js.map
|
|
2
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/dialog.tsx"],"names":["dialogOverlayVariants","cva","dialogContentVariants","dialogHeaderVariants","dialogFooterVariants","dialogTitleVariants","dialogDescriptionVariants","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","props","ref","jsx","cx","DialogContent","children","size","jsxs","Icon","DialogHeader","DialogFooter","DialogTitle","DialogDescription","DeleteDialog","open","onOpenChange","title","description","onConfirm","onCancel","confirmText","cancelText","isLoading","newOpen","Typography","Button"],"mappings":"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","file":"dialog.js","sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { forwardRef, type ComponentProps } from 'react'\nimport { Button } from './form/button'\nimport { Typography } from './typography'\nimport { Icon } from './icon'\n\nconst dialogOverlayVariants = cva([\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0'\n])\n\nconst dialogContentVariants = cva(\n [\n 'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-layer-1-idle p-6 shadow-lg duration-200',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]',\n 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n 'sm:rounded-lg'\n ],\n {\n variants: {\n size: {\n sm: 'max-w-sm',\n md: 'max-w-lg',\n lg: 'max-w-2xl',\n xl: 'max-w-4xl'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n }\n)\n\nconst dialogHeaderVariants = cva([\n 'flex flex-col space-y-1.5 text-center sm:text-left'\n])\n\nconst dialogFooterVariants = cva([\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2'\n])\n\nconst dialogTitleVariants = cva([\n 'text-lg font-semibold leading-none tracking-tight'\n])\n\nconst dialogDescriptionVariants = cva(['text-sm text-neutral-dark'])\n\nexport const Dialog = DialogPrimitive.Root\n\nexport const DialogTrigger = DialogPrimitive.Trigger\n\nexport const DialogPortal = DialogPrimitive.Portal\n\nexport const DialogClose = DialogPrimitive.Close\n\nexport interface DialogOverlayProps\n extends ComponentProps<typeof DialogPrimitive.Overlay>,\n ClassVariantProps<typeof dialogOverlayVariants> {}\n\nexport const DialogOverlay = forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n DialogOverlayProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n className={cx(dialogOverlayVariants(), className)}\n ref={ref}\n {...props}\n />\n))\n\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nexport interface DialogContentProps\n extends ComponentProps<typeof DialogPrimitive.Content>,\n ClassVariantProps<typeof dialogContentVariants> {}\n\nexport const DialogContent = forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ className, children, size, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n className={cx(dialogContentVariants({ size }), className)}\n ref={ref}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n <Icon className=\"h-4 w-4\" name=\"close\" />\n <span className=\"sr-only\">Fechar</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\n\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nexport interface DialogHeaderProps\n extends ComponentProps<'div'>,\n ClassVariantProps<typeof dialogHeaderVariants> {}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n ({ className, ...props }, ref) => (\n <div\n className={cx(dialogHeaderVariants(), className)}\n ref={ref}\n {...props}\n />\n )\n)\n\nDialogHeader.displayName = 'DialogHeader'\n\nexport interface DialogFooterProps\n extends ComponentProps<'div'>,\n ClassVariantProps<typeof dialogFooterVariants> {}\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n ({ className, ...props }, ref) => (\n <div\n className={cx(dialogFooterVariants(), className)}\n ref={ref}\n {...props}\n />\n )\n)\n\nDialogFooter.displayName = 'DialogFooter'\n\nexport interface DialogTitleProps\n extends ComponentProps<typeof DialogPrimitive.Title>,\n ClassVariantProps<typeof dialogTitleVariants> {}\n\nexport const DialogTitle = forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n DialogTitleProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n className={cx(dialogTitleVariants(), className)}\n ref={ref}\n {...props}\n />\n))\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nexport interface DialogDescriptionProps\n extends ComponentProps<typeof DialogPrimitive.Description>,\n ClassVariantProps<typeof dialogDescriptionVariants> {}\n\nexport const DialogDescription = forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n className={cx(dialogDescriptionVariants(), className)}\n ref={ref}\n {...props}\n />\n))\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport interface DeleteDialogProps {\n open?: boolean\n onOpenChange?: (open: boolean) => void\n title?: string\n description?: string\n onConfirm?: () => void\n onCancel?: () => void\n confirmText?: string\n cancelText?: string\n isLoading?: boolean\n}\n\nexport function DeleteDialog({\n open,\n onOpenChange,\n title = 'Excluir documento',\n description = 'Você tem certeza que deseja excluir este documento permanentemente?',\n onConfirm,\n onCancel,\n confirmText = 'Excluir permanentemente',\n cancelText = 'Cancelar',\n isLoading = false\n}: DeleteDialogProps) {\n const handleCancel = () => {\n onCancel?.()\n onOpenChange?.(false)\n }\n\n const handleConfirm = () => {\n onConfirm?.()\n }\n\n const handleOpenChange = (newOpen: boolean) => {\n onOpenChange?.(newOpen)\n }\n\n return (\n <Dialog open={open} onOpenChange={handleOpenChange}>\n <DialogContent size=\"sm\">\n <DialogHeader>\n <DialogTitle>\n <Typography size=\"md\" variant=\"title\" weight=\"semibold\">\n {title}\n </Typography>\n </DialogTitle>\n <DialogDescription>\n <Typography size=\"md\" variant=\"body\">\n {description}\n </Typography>\n </DialogDescription>\n </DialogHeader>\n <DialogFooter>\n <Button\n appearance=\"ghost\"\n disabled={isLoading}\n variant=\"tertiary\"\n onClick={handleCancel}\n >\n {cancelText}\n </Button>\n <Button\n appearance=\"solid\"\n disabled={isLoading}\n variant=\"destructive\"\n onClick={handleConfirm}\n >\n {isLoading ? 'Excluindo...' : confirmText}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n )\n}\n"]}
|
|
@@ -1,29 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
4
|
-
import { cx } from "@xjur-ui/util";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
function Divider({
|
|
7
|
-
className,
|
|
8
|
-
orientation = "horizontal",
|
|
9
|
-
decorative = true,
|
|
10
|
-
...props
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ jsx(
|
|
13
|
-
SeparatorPrimitive.Root,
|
|
14
|
-
{
|
|
15
|
-
className: cx(
|
|
16
|
-
"bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full",
|
|
17
|
-
"data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
|
18
|
-
className
|
|
19
|
-
),
|
|
20
|
-
"data-slot": "separator",
|
|
21
|
-
decorative,
|
|
22
|
-
orientation,
|
|
23
|
-
...props
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
export {
|
|
28
|
-
Divider
|
|
29
|
-
};
|
|
1
|
+
export{a as Divider}from'../chunk-CBFC4QME.js';//# sourceMappingURL=divider.js.map
|
|
2
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"divider.js"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
|
|
5
|
+
|
|
6
|
+
interface DragHandleContextType {
|
|
7
|
+
listeners?: SyntheticListenerMap;
|
|
8
|
+
setActivatorNodeRef: (el: HTMLElement | null) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const DragHandlerContext: React.Context<DragHandleContextType>;
|
|
11
|
+
declare function DragHandle({ className, asChild, ...props }: ComponentProps<'button'> & {
|
|
12
|
+
asChild?: boolean;
|
|
13
|
+
}): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
export { DragHandle, DragHandlerContext };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"drag-handle.js"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
import { DragItem } from './types/drag-item.js';
|
|
5
|
+
|
|
6
|
+
declare function DragListItem({ id, className, draggableClassName, data, useCustomDragHandle, hasOverlay, ...props }: Omit<ComponentProps<'li'>, 'id'> & {
|
|
7
|
+
id: UniqueIdentifier;
|
|
8
|
+
draggableClassName?: string;
|
|
9
|
+
data: DragItem;
|
|
10
|
+
useCustomDragHandle?: boolean;
|
|
11
|
+
hasOverlay?: boolean;
|
|
12
|
+
}): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { DragListItem };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"drag-list-item.js"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
import { SortableContextProps } from '@dnd-kit/sortable';
|
|
4
|
+
import { DragItem } from './types/drag-item.js';
|
|
5
|
+
|
|
6
|
+
declare function DragList({ items, orientation, children, className, id, data, ...props }: Omit<SortableContextProps, 'items' | 'id'> & {
|
|
7
|
+
items: DragItem[];
|
|
8
|
+
orientation?: 'vertical' | 'horizontal';
|
|
9
|
+
className?: string;
|
|
10
|
+
id: UniqueIdentifier;
|
|
11
|
+
data?: DragItem;
|
|
12
|
+
}): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { DragList };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"drag-list.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"drag-root.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { arrayMove, useSortable } from '@dnd-kit/sortable';
|
|
2
|
+
export { DragAbortEvent, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent, DragOverlay, DragPendingEvent, DragStartEvent, UniqueIdentifier, closestCenter, closestCorners, getClientRect, getFirstCollision, pointerWithin, useDndContext, useDndMonitor, useDraggable, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
|
|
3
|
+
export { DragRoot } from './drag-root.js';
|
|
4
|
+
export { DragList } from './drag-list.js';
|
|
5
|
+
export { DragListItem } from './drag-list-item.js';
|
|
6
|
+
export { DragHandle } from './drag-handle.js';
|
|
7
|
+
export { DragItem } from './types/drag-item.js';
|
|
8
|
+
import 'react/jsx-runtime';
|
|
9
|
+
import 'react';
|
|
10
|
+
import '@dnd-kit/core/dist/hooks/utilities';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export{a as DragListItem}from'../../chunk-BZDGWC5O.js';export{b as DragHandle}from'../../chunk-F5ZLEQGN.js';export{a as DragList}from'../../chunk-DFXHNK5D.js';export{a as DragRoot}from'../../chunk-WEBAXQID.js';export{arrayMove,useSortable}from'@dnd-kit/sortable';export{DragOverlay,closestCenter,closestCorners,getClientRect,getFirstCollision,pointerWithin,useDndContext,useDndMonitor,useDraggable,useDroppable,useSensor,useSensors}from'@dnd-kit/core';//# sourceMappingURL=index.js.map
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"drag-item.js"}
|