@g4rcez/components 3.0.2 → 4.0.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/dist/CaretDown.es-Cj7klWI3.js +33 -0
- package/dist/CaretDown.es-Cj7klWI3.js.map +1 -0
- package/dist/CaretRight.es-0-M8D9y8.js +33 -0
- package/dist/CaretRight.es-0-M8D9y8.js.map +1 -0
- package/dist/CheckCircle.es-C6QWLfk_.js +33 -0
- package/dist/CheckCircle.es-C6QWLfk_.js.map +1 -0
- package/dist/File.es-CA-vuPED.js +33 -0
- package/dist/File.es-CA-vuPED.js.map +1 -0
- package/dist/IconBase.es-DJ1oCtpo.js +50 -0
- package/dist/IconBase.es-DJ1oCtpo.js.map +1 -0
- package/dist/Info.es-CrZKs4q4.js +33 -0
- package/dist/Info.es-CrZKs4q4.js.map +1 -0
- package/dist/MotionConfigContext-C7MqlSdv.js.map +1 -1
- package/dist/Warning.es-D_eI6tLe.js +39 -0
- package/dist/Warning.es-D_eI6tLe.js.map +1 -0
- package/dist/X.es-BJ1O93El.js +39 -0
- package/dist/X.es-BJ1O93El.js.map +1 -0
- package/dist/ai/docs/Alert.md +1 -1
- package/dist/ai/docs/AnimatedList.md +3 -3
- package/dist/ai/docs/Button.md +1 -1
- package/dist/ai/docs/CommandPalette.md +7 -7
- package/dist/ai/docs/Dropdown.md +4 -4
- package/dist/ai/docs/Empty.md +9 -9
- package/dist/ai/docs/Expand.md +1 -1
- package/dist/ai/docs/FileUpload.md +2 -2
- package/dist/ai/docs/Input.md +2 -2
- package/dist/ai/docs/InputField.md +2 -2
- package/dist/ai/docs/List.md +3 -3
- package/dist/ai/docs/Menu.md +3 -3
- package/dist/ai/docs/MultiSelect.md +1 -1
- package/dist/ai/docs/PageCalendar.md +1 -1
- package/dist/ai/docs/Select.md +1 -1
- package/dist/ai/docs/Slot.md +1 -1
- package/dist/ai/docs/Stats.md +11 -11
- package/dist/ai/docs/Table.md +1 -1
- package/dist/ai/docs/Tag.md +2 -2
- package/dist/ai/docs/Timeline.md +5 -5
- package/dist/ai/docs/Toolbar.md +2 -2
- package/dist/ai/docs/Tooltip.md +3 -3
- package/dist/ai/docs/TransferList.md +2 -2
- package/dist/{autocomplete-Boida9R7.js → autocomplete-Cn9Z2hLq.js} +48 -48
- package/dist/autocomplete-Cn9Z2hLq.js.map +1 -0
- package/dist/{calendar-BswV66Nx.js → calendar-B5lSd0ID.js} +599 -571
- package/dist/calendar-B5lSd0ID.js.map +1 -0
- package/dist/components/display/alert.js +18 -18
- package/dist/components/display/alert.js.map +1 -1
- package/dist/components/display/calendar.js +4 -4
- package/dist/components/display/card.d.ts +2 -2
- package/dist/components/display/card.d.ts.map +1 -1
- package/dist/components/display/card.js +6 -6
- package/dist/components/display/card.js.map +1 -1
- package/dist/components/display/empty.d.ts +2 -2
- package/dist/components/display/empty.d.ts.map +1 -1
- package/dist/components/display/list.js +15 -15
- package/dist/components/display/list.js.map +1 -1
- package/dist/components/display/notifications.js +5 -5
- package/dist/components/display/tabs.js +1 -1
- package/dist/components/floating/command-palette.d.ts +3 -3
- package/dist/components/floating/command-palette.d.ts.map +1 -1
- package/dist/components/floating/dropdown.js +1 -1
- package/dist/components/floating/expand.js +1 -1
- package/dist/components/floating/menu.d.ts +2 -2
- package/dist/components/floating/menu.d.ts.map +1 -1
- package/dist/components/floating/menu.js +31 -31
- package/dist/components/floating/menu.js.map +1 -1
- package/dist/components/floating/modal.js +35 -35
- package/dist/components/floating/modal.js.map +1 -1
- package/dist/components/floating/tooltip.js +1 -1
- package/dist/components/form/autocomplete.js +5 -5
- package/dist/components/form/date-picker.js +3 -3
- package/dist/components/form/file-upload.d.ts.map +1 -1
- package/dist/components/form/file-upload.js +3 -3
- package/dist/components/form/input-field.d.ts.map +1 -1
- package/dist/components/form/input.js +1 -1
- package/dist/components/form/select.js +29 -29
- package/dist/components/form/select.js.map +1 -1
- package/dist/components/form/task-list.js.map +1 -1
- package/dist/components/form/transfer-list.js +15 -15
- package/dist/components/form/transfer-list.js.map +1 -1
- package/dist/components/page-calendar/calendar-header.d.ts.map +1 -1
- package/dist/components/table/table.js +3 -3
- package/dist/config/context.d.ts +2 -0
- package/dist/config/context.d.ts.map +1 -1
- package/dist/context-BFXNJVn2.js.map +1 -1
- package/dist/{date-picker-BxPTdZPy.js → date-picker-DwNo22lx.js} +316 -288
- package/dist/date-picker-DwNo22lx.js.map +1 -0
- package/dist/{file-upload-BB6BdGcE.js → file-upload-Brf2NkLr.js} +1103 -976
- package/dist/file-upload-Brf2NkLr.js.map +1 -0
- package/dist/{floating-ui.react-DycKASR0.js → floating-ui.react-QNHG9W4N.js} +205 -205
- package/dist/{floating-ui.react-DycKASR0.js.map → floating-ui.react-QNHG9W4N.js.map} +1 -1
- package/dist/hooks/use-components-provider.d.ts.map +1 -1
- package/dist/index-0YMC-_Lt.js.map +1 -1
- package/dist/index-BelDtX5M.js +1821 -0
- package/dist/index-BelDtX5M.js.map +1 -0
- package/dist/{index-BtlhELJ3.js → index-C-PuFUZi.js} +136 -136
- package/dist/index-C-PuFUZi.js.map +1 -0
- package/dist/index-Z-fZHxfJ.js +335 -0
- package/dist/index-Z-fZHxfJ.js.map +1 -0
- package/dist/index-t1qLJTt5.js.map +1 -1
- package/dist/index.js +2404 -2328
- package/dist/index.js.map +1 -1
- package/dist/{input-CoJoHIhd.js → input-CrGrSnUt.js} +2 -2
- package/dist/{input-CoJoHIhd.js.map → input-CrGrSnUt.js.map} +1 -1
- package/dist/input-field-5vYcz5tT.js +166 -0
- package/dist/input-field-5vYcz5tT.js.map +1 -0
- package/dist/notifications-cUdVPs-B.js +2786 -0
- package/dist/notifications-cUdVPs-B.js.map +1 -0
- package/dist/proxy-BZcQiBrp.js.map +1 -1
- package/dist/{slot-CQW8ZzBb.js → slot-CRyweuj0.js} +5 -5
- package/dist/{slot-CQW8ZzBb.js.map → slot-CRyweuj0.js.map} +1 -1
- package/dist/{tabs-ccIA7vMo.js → tabs-S00a8qq8.js} +5 -5
- package/dist/{tabs-ccIA7vMo.js.map → tabs-S00a8qq8.js.map} +1 -1
- package/dist/use-motion-value-eGwNuWuw.js.map +1 -1
- package/package.json +2 -2
- package/dist/autocomplete-Boida9R7.js.map +0 -1
- package/dist/calendar-BswV66Nx.js.map +0 -1
- package/dist/chevron-down-BBFYYzZq.js +0 -6
- package/dist/chevron-down-BBFYYzZq.js.map +0 -1
- package/dist/chevron-right-DvXGOiS_.js +0 -6
- package/dist/chevron-right-DvXGOiS_.js.map +0 -1
- package/dist/circle-check-big-3M5lhTxx.js +0 -9
- package/dist/circle-check-big-3M5lhTxx.js.map +0 -1
- package/dist/createLucideIcon-CP-mMPfa.js +0 -76
- package/dist/createLucideIcon-CP-mMPfa.js.map +0 -1
- package/dist/date-picker-BxPTdZPy.js.map +0 -1
- package/dist/file-CBCP85VI.js +0 -15
- package/dist/file-CBCP85VI.js.map +0 -1
- package/dist/file-upload-BB6BdGcE.js.map +0 -1
- package/dist/index-BJ1ayTam.js +0 -126
- package/dist/index-BJ1ayTam.js.map +0 -1
- package/dist/index-BtlhELJ3.js.map +0 -1
- package/dist/index-ChfR6F8d.js +0 -1590
- package/dist/index-ChfR6F8d.js.map +0 -1
- package/dist/index-DE4shK8D.js +0 -215
- package/dist/index-DE4shK8D.js.map +0 -1
- package/dist/info-N5jWZg2A.js +0 -10
- package/dist/info-N5jWZg2A.js.map +0 -1
- package/dist/input-field-DTeIrwpK.js +0 -146
- package/dist/input-field-DTeIrwpK.js.map +0 -1
- package/dist/notifications-NPuFDsBp.js +0 -2550
- package/dist/notifications-NPuFDsBp.js.map +0 -1
- package/dist/triangle-alert-CHMhQ6yd.js +0 -16
- package/dist/triangle-alert-CHMhQ6yd.js.map +0 -1
- package/dist/x-B9bYxG31.js +0 -9
- package/dist/x-B9bYxG31.js.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as f } from "../../index-DJSMaZR4.js";
|
|
3
|
-
import {
|
|
3
|
+
import { c as g } from "../../CheckCircle.es-C6QWLfk_.js";
|
|
4
|
+
import { e as h } from "../../Info.es-CrZKs4q4.js";
|
|
5
|
+
import { r as x } from "../../Warning.es-D_eI6tLe.js";
|
|
6
|
+
import { e as y } from "../../X.es-BJ1O93El.js";
|
|
7
|
+
import { forwardRef as p } from "react";
|
|
4
8
|
import { c as n } from "../../dom-Dl8XH0CK.js";
|
|
5
|
-
import { P as
|
|
6
|
-
import { A as
|
|
7
|
-
import { X as y } from "../../x-B9bYxG31.js";
|
|
8
|
-
import { C as p } from "../../circle-check-big-3M5lhTxx.js";
|
|
9
|
-
import { I as v } from "../../info-N5jWZg2A.js";
|
|
10
|
-
import { T as w } from "../../triangle-alert-CHMhQ6yd.js";
|
|
9
|
+
import { P as v } from "../../polymorph-B5n9fs_K.js";
|
|
10
|
+
import { A as w, m as c } from "../../proxy-BZcQiBrp.js";
|
|
11
11
|
const d = {
|
|
12
12
|
true: { opacity: 1, height: "auto" },
|
|
13
13
|
false: { opacity: [0.7, 0.3, 0], height: 0 }
|
|
@@ -32,7 +32,7 @@ const d = {
|
|
|
32
32
|
className: n("aria-hidden:pointer-events-none", r.className),
|
|
33
33
|
children: r.children
|
|
34
34
|
}
|
|
35
|
-
),
|
|
35
|
+
), z = {
|
|
36
36
|
theme: {
|
|
37
37
|
primary: "bg-alert-primary-bg text-alert-primary-text border-alert-primary-border",
|
|
38
38
|
danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
|
|
@@ -42,12 +42,12 @@ const d = {
|
|
|
42
42
|
warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
|
|
43
43
|
neutral: "bg-transparent border border-card-border text-alert-primary-text"
|
|
44
44
|
}
|
|
45
|
-
},
|
|
46
|
-
variants:
|
|
45
|
+
}, k = f("p-4 w-full block border relative rounded-lg text-sm", {
|
|
46
|
+
variants: z,
|
|
47
47
|
defaultVariants: { theme: "neutral" }
|
|
48
|
-
}),
|
|
48
|
+
}), B = p(function({ className: m, theme: l, Icon: i, onClose: o, open: t = !0, ...a }, u) {
|
|
49
49
|
const b = () => o?.(!1);
|
|
50
|
-
return /* @__PURE__ */ e(
|
|
50
|
+
return /* @__PURE__ */ e(w, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: t ? /* @__PURE__ */ e(
|
|
51
51
|
c.div,
|
|
52
52
|
{
|
|
53
53
|
"data-open": !!t,
|
|
@@ -55,14 +55,14 @@ const d = {
|
|
|
55
55
|
"data-component": "alert",
|
|
56
56
|
className: n("isolate w-full", t ? "pointer-events-auto" : "pointer-events-none"),
|
|
57
57
|
children: /* @__PURE__ */ e(A, { "data-open": !!t, open: !!t, children: /* @__PURE__ */ e(
|
|
58
|
-
|
|
58
|
+
v,
|
|
59
59
|
{
|
|
60
60
|
...a,
|
|
61
61
|
ref: u,
|
|
62
62
|
role: "alert",
|
|
63
63
|
"data-theme": l,
|
|
64
64
|
as: a.as ?? "div",
|
|
65
|
-
className: n(
|
|
65
|
+
className: n(k({ theme: l }), m),
|
|
66
66
|
children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[auto_1fr] gap-base", children: [
|
|
67
67
|
o !== void 0 && t ? /* @__PURE__ */ e(
|
|
68
68
|
"button",
|
|
@@ -74,9 +74,9 @@ const d = {
|
|
|
74
74
|
}
|
|
75
75
|
) : null,
|
|
76
76
|
/* @__PURE__ */ s("div", { className: n("flex items-center gap-2", a.title ? "" : "w-fit"), children: [
|
|
77
|
-
!i && l === "success" ? /* @__PURE__ */ e(
|
|
78
|
-
!i && l === "info" ? /* @__PURE__ */ e(
|
|
79
|
-
!i && l === "danger" ? /* @__PURE__ */ e(
|
|
77
|
+
!i && l === "success" ? /* @__PURE__ */ e(g, { "aria-hidden": "true", size: 20 }) : null,
|
|
78
|
+
!i && l === "info" ? /* @__PURE__ */ e(h, { "aria-hidden": "true", size: 20 }) : null,
|
|
79
|
+
!i && l === "danger" ? /* @__PURE__ */ e(x, { "aria-hidden": "true", size: 20 }) : null,
|
|
80
80
|
i
|
|
81
81
|
] }),
|
|
82
82
|
a.title ? /* @__PURE__ */ e("h4", { className: "tracking-3 col-start-2 text-balance text-lg font-semibold", children: a.title }) : null,
|
|
@@ -88,7 +88,7 @@ const d = {
|
|
|
88
88
|
) : null });
|
|
89
89
|
});
|
|
90
90
|
export {
|
|
91
|
-
|
|
91
|
+
B as Alert,
|
|
92
92
|
A as Collapse
|
|
93
93
|
};
|
|
94
94
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon,
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\n\nconst variants = {\n true: { opacity: 1, height: \"auto\" },\n false: { opacity: [0.7, 0.3, 0], height: 0 },\n};\n\nconst transition = {\n type: \"tween\",\n duration: 0.7,\n ease: [0.04, 0.62, 0.23, 0.98],\n};\n\ntype CollapseProps = HTMLMotionProps<\"section\"> & { open: boolean };\n\nexport const Collapse = (props: PropsWithChildren<CollapseProps>) => (\n <motion.div\n {...(props as any)}\n layout\n layoutRoot\n layoutScroll\n initial={false}\n variants={variants}\n exit={variants.false}\n transition={transition}\n aria-hidden={!props.open}\n data-component=\"collapse\"\n animate={props.open.toString()}\n className={css(\"aria-hidden:pointer-events-none\", props.className)}\n >\n {props.children}\n </motion.div>\n);\n\nconst themeVariants = {\n theme: {\n primary: \"bg-alert-primary-bg text-alert-primary-text border-alert-primary-border\",\n danger: \"bg-alert-danger-bg text-alert-danger-text border-alert-danger-border\",\n info: \"bg-alert-info-bg text-alert-info-text border-alert-info-border\",\n success: \"bg-alert-success-bg text-alert-success-text border-alert-success-border\",\n secondary: \"bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border\",\n warn: \"bg-alert-warn-bg text-alert-warn-text border-alert-warn-border\",\n neutral: \"bg-transparent border border-card-border text-alert-primary-text\",\n },\n};\n\nconst alertVariants = cva(\"p-4 w-full block border relative rounded-lg text-sm\", {\n variants: themeVariants,\n defaultVariants: { theme: \"neutral\" },\n});\n\nexport type AlertProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n CvaVariants<typeof themeVariants> &\n Partial<{\n open?: boolean;\n container: string;\n Icon: React.ReactElement;\n onClose: (nextState: boolean) => void;\n }>,\n T\n>;\n\nexport const Alert: <T extends React.ElementType = \"div\">(props: AlertProps<T>) => any = forwardRef(function Alert(\n { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n ref: React.ForwardedRef<HTMLDivElement>\n) {\n const close = () => onClose?.(false);\n\n return (\n <AnimatePresence presenceAffectsLayout propagate mode=\"sync\">\n {open ? (\n <motion.div\n data-open={!!open}\n aria-hidden={!open}\n data-component=\"alert\"\n className={css(\"isolate w-full\", open ? \"pointer-events-auto\" : \"pointer-events-none\")}\n >\n <Collapse data-open={!!open} open={!!open}>\n <Polymorph\n {...props}\n ref={ref}\n role=\"alert\"\n data-theme={theme}\n as={props.as ?? \"div\"}\n className={css(alertVariants({ theme }), className)}\n >\n <div className=\"grid grid-cols-[auto_1fr] gap-base\">\n {onClose !== undefined && open ? (\n <button\n type=\"button\"\n onClick={close}\n className=\"absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n >\n <XIcon size={20} />\n </button>\n ) : null}\n <div className={css(\"flex items-center gap-2\", props.title ? \"\" : \"w-fit\")}>\n {!Icon && theme === \"success\" ? <CheckCircleIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"info\" ? <InfoIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"danger\" ? <WarningIcon aria-hidden=\"true\" size={20} /> : null}\n {Icon}\n </div>\n {props.title ? <h4 className=\"tracking-3 col-start-2 text-balance text-lg font-semibold\">{props.title}</h4> : null}\n <div className=\"col-start-2 w-full\">{props.children}</div>\n </div>\n </Polymorph>\n </Collapse>\n </motion.div>\n ) : null}\n </AnimatePresence>\n );\n}) as never;\n"],"names":["variants","transition","Collapse","props","jsx","motion","css","themeVariants","alertVariants","cva","Alert","forwardRef","className","theme","Icon","onClose","open","ref","close","AnimatePresence","Polymorph","jsxs","XIcon","CheckCircleIcon","InfoIcon","WarningIcon"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
+
import { C as n } from "../../calendar-B5lSd0ID.js";
|
|
3
|
+
import "../../CaretRight.es-0-M8D9y8.js";
|
|
2
4
|
import "react";
|
|
3
5
|
import "../../dom-Dl8XH0CK.js";
|
|
4
|
-
import "../../input-
|
|
5
|
-
import "../../index-
|
|
6
|
-
import { h as n } from "../../calendar-BswV66Nx.js";
|
|
6
|
+
import "../../input-CrGrSnUt.js";
|
|
7
|
+
import "../../index-Z-fZHxfJ.js";
|
|
7
8
|
import "../../use-translations-BwLKTrZv.js";
|
|
8
9
|
import "../../fns-D2eyJKd5.js";
|
|
9
10
|
import "../../proxy-BZcQiBrp.js";
|
|
10
|
-
import "../../chevron-right-DvXGOiS_.js";
|
|
11
11
|
import "../../index-0YMC-_Lt.js";
|
|
12
12
|
export {
|
|
13
13
|
n as Calendar
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type Icon } from "@phosphor-icons/react";
|
|
2
2
|
import React, { type PropsWithChildren } from "react";
|
|
3
3
|
import { Label } from "../../types";
|
|
4
4
|
import { PolymorphicProps } from "../core/polymorph";
|
|
@@ -19,7 +19,7 @@ export type CardHeaderTitleProps<T extends React.ElementType = "div"> = Polymorp
|
|
|
19
19
|
title: React.ReactElement | string;
|
|
20
20
|
}, T>;
|
|
21
21
|
export type StatsCardProps = CardProps<React.ElementType> & {
|
|
22
|
-
Icon?:
|
|
22
|
+
Icon?: Icon;
|
|
23
23
|
title: string;
|
|
24
24
|
value: Label;
|
|
25
25
|
mark?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAa,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACzE;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,yFAS7C,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;wDAyC0B,iBAAiB,CAAC,oBAAoB,CAAC;CAXlG,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACpF;IACI,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAoBF,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBAuB9C,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { e as x } from "../../Info.es-CrZKs4q4.js";
|
|
3
|
+
import { c, I as u } from "../../dom-Dl8XH0CK.js";
|
|
4
|
+
import { P as h } from "../../polymorph-B5n9fs_K.js";
|
|
4
5
|
import { a as s } from "../../skeleton-D75GFBV6.js";
|
|
5
|
-
import { I as h } from "../../info-N5jWZg2A.js";
|
|
6
6
|
const f = ({
|
|
7
7
|
title: a,
|
|
8
8
|
loading: t,
|
|
@@ -13,7 +13,7 @@ const f = ({
|
|
|
13
13
|
titleClassName: m = "",
|
|
14
14
|
...d
|
|
15
15
|
}) => /* @__PURE__ */ i(
|
|
16
|
-
|
|
16
|
+
h,
|
|
17
17
|
{
|
|
18
18
|
...d,
|
|
19
19
|
as: n || "div",
|
|
@@ -43,7 +43,7 @@ f.Title = ({ as: a, titleTag: t, navTag: r, children: n, ...l }) => {
|
|
|
43
43
|
o,
|
|
44
44
|
{
|
|
45
45
|
...l,
|
|
46
|
-
title:
|
|
46
|
+
title: u.string(l.title) ? l.title : void 0,
|
|
47
47
|
className: c("flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center", l.className),
|
|
48
48
|
children: [
|
|
49
49
|
/* @__PURE__ */ e(m, { className: "font-semibold", children: l.title }),
|
|
@@ -53,7 +53,7 @@ f.Title = ({ as: a, titleTag: t, navTag: r, children: n, ...l }) => {
|
|
|
53
53
|
);
|
|
54
54
|
};
|
|
55
55
|
const p = (a) => {
|
|
56
|
-
const t = a.interactive ?? !0, r = a.Icon ??
|
|
56
|
+
const t = a.interactive ?? !0, r = a.Icon ?? x;
|
|
57
57
|
return /* @__PURE__ */ e(f, { ...a, title: null, loading: void 0, container: "px-0 py-0", className: "flex items-center gap-4 px-0", children: /* @__PURE__ */ i(
|
|
58
58
|
"div",
|
|
59
59
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon,
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Skeleton } from \"./skeleton\";\n\nexport type CardProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n title?: Label;\n loading?: boolean;\n container?: string;\n titleClassName?: string;\n header?: React.ReactElement | null;\n },\n T\n>;\n\nexport const Card = <T extends React.ElementType = \"div\">({\n title,\n loading,\n children,\n as,\n header = null,\n container = \"\",\n titleClassName = \"\",\n ...props\n}: PropsWithChildren<CardProps<T>>) => (\n <Polymorph\n {...props}\n as={as || \"div\"}\n data-component=\"card\"\n className={css(\"flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card\", container)}\n >\n {title ? (\n <header\n data-component=\"card-title\"\n className={css(\"mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium\", titleClassName)}\n >\n {title}\n </header>\n ) : (\n header\n )}\n <div data-component=\"card-body\" className={css(\"min-w-full px-6\", props.className)}>\n {loading ? (\n <div className=\"flex flex-col gap-4\">\n <Skeleton className=\"w-full\" />\n <Skeleton className=\"w-8/12\" />\n <Skeleton className=\"w-10/12\" />\n <Skeleton className=\"w-1/2\" />\n </div>\n ) : (\n children\n )}\n </div>\n </Polymorph>\n);\n\nexport type CardHeaderTitleProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n navTag?: React.ElementType;\n titleTag?: React.ElementType;\n title: React.ReactElement | string;\n },\n T\n>;\n\nCard.Title = ({ as, titleTag, navTag, children, ...props }: PropsWithChildren<CardHeaderTitleProps>) => {\n const Component = (as || \"div\") as any;\n const Title = (titleTag || \"h2\") as any;\n const Nav = (navTag || \"nav\") as any;\n return (\n <Component\n {...props}\n title={Is.string(props.title) ? props.title : undefined}\n className={css(\"flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center\", props.className)}\n >\n <Title className=\"font-semibold\">{props.title}</Title>\n {children ? (\n <Nav className=\"gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end\">{children}</Nav>\n ) : null}\n </Component>\n );\n};\n\nexport type StatsCardProps = CardProps<React.ElementType> & {\n Icon?: Icon;\n title: string;\n value: Label;\n mark?: string;\n interactive?: boolean;\n};\n\nexport const StatsCard = (props: StatsCardProps) => {\n const interactive = props.interactive ?? true;\n const Icon = props.Icon ?? InfoIcon;\n return (\n <Card {...props} title={null} loading={undefined} container=\"px-0 py-0\" className=\"flex items-center gap-4 px-0\">\n <div\n className={`flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${interactive ? \"transition-colors duration-300 ease-linear hover:bg-primary-hover/10\" : \"\"}`}\n >\n <div\n className={css(\n \"flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground\",\n props.mark\n )}\n >\n {<Icon size={48} />}\n </div>\n <div className=\"flex flex-col justify-center gap-2 py-2\">\n <p className=\"text-lg\">{props.title}</p>\n {props.loading ? <Skeleton className=\"h-10\" /> : <p className=\"text-4xl font-bold tracking-wide\">{props.value}</p>}\n </div>\n </div>\n </Card>\n );\n};\n"],"names":["Card","title","loading","children","as","header","container","titleClassName","props","jsxs","Polymorph","css","jsx","Skeleton","titleTag","navTag","Component","Title","Nav","Is","StatsCard","interactive","Icon","InfoIcon"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type Icon } from "@phosphor-icons/react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
export type EmptyProps = {
|
|
4
|
-
Icon?:
|
|
4
|
+
Icon?: Icon;
|
|
5
5
|
message?: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const Empty: (props: EmptyProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAStC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { u as w, n as F, d as k, i as C, c as I, F as j, k as A, l as O } from "../../floating-ui.react-
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
const
|
|
2
|
+
import { u as w, n as F, d as k, i as C, c as I, F as j, k as A, l as O } from "../../floating-ui.react-QNHG9W4N.js";
|
|
3
|
+
import { e as P } from "../../X.es-BJ1O93El.js";
|
|
4
|
+
import $, { useState as L, useId as M, useCallback as z, Fragment as m } from "react";
|
|
5
|
+
import { m as s, A as S } from "../../proxy-BZcQiBrp.js";
|
|
6
|
+
import { M as D } from "../../index-0YMC-_Lt.js";
|
|
7
|
+
const _ = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(D, { reducedMotion: "user", transition: { type: "spring", damping: 30, stiffness: 350 }, children: /* @__PURE__ */ r(S, { mode: "wait", presenceAffectsLayout: !0, children: [
|
|
8
8
|
t ? /* @__PURE__ */ e(
|
|
9
9
|
s.div,
|
|
10
10
|
{
|
|
@@ -34,7 +34,7 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
|
|
|
34
34
|
type: "button",
|
|
35
35
|
onClick: i,
|
|
36
36
|
className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
|
|
37
|
-
children: /* @__PURE__ */ e(
|
|
37
|
+
children: /* @__PURE__ */ e(P, {})
|
|
38
38
|
}
|
|
39
39
|
) }),
|
|
40
40
|
/* @__PURE__ */ r(s.header, { layout: !0, className: "flex w-full flex-wrap items-center justify-between gap-2", children: [
|
|
@@ -45,16 +45,16 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
|
|
|
45
45
|
]
|
|
46
46
|
}
|
|
47
47
|
) }) }, "card") : null
|
|
48
|
-
] }) }) }),
|
|
49
|
-
const [l, i] =
|
|
48
|
+
] }) }) }), G = (t) => {
|
|
49
|
+
const [l, i] = L(null), c = M(), { context: a, refs: h } = w({
|
|
50
50
|
open: l !== null,
|
|
51
51
|
transform: !0,
|
|
52
52
|
onOpenChange: (d) => d ? void 0 : i(null)
|
|
53
|
-
}), f = F(a), y = k(a, { role: "dialog" }), g = C(a, { escapeKey: !0, referencePress: !0, outsidePress: !0 }), { getFloatingProps: x } = I([f, y, g]), v =
|
|
53
|
+
}), f = F(a), y = k(a, { role: "dialog" }), g = C(a, { escapeKey: !0, referencePress: !0, outsidePress: !0 }), { getFloatingProps: x } = I([f, y, g]), v = z(() => {
|
|
54
54
|
i(null);
|
|
55
|
-
}, []), b =
|
|
55
|
+
}, []), b = $.Children.toArray(t.children);
|
|
56
56
|
return /* @__PURE__ */ r(m, { children: [
|
|
57
|
-
/* @__PURE__ */ e(
|
|
57
|
+
/* @__PURE__ */ e(_, { refs: h, context: a, get: x, item: l, setter: v }),
|
|
58
58
|
/* @__PURE__ */ e("ul", { role: "list", children: b.map((d, N) => {
|
|
59
59
|
const n = d.props, o = `${c}-${N}`, u = () => i({ ...n, id: o }), p = n.leading;
|
|
60
60
|
return /* @__PURE__ */ e(
|
|
@@ -85,9 +85,9 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
|
|
|
85
85
|
);
|
|
86
86
|
}) })
|
|
87
87
|
] });
|
|
88
|
-
},
|
|
88
|
+
}, J = (t) => /* @__PURE__ */ e(m, { children: t.children });
|
|
89
89
|
export {
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
G as AnimatedList,
|
|
91
|
+
J as AnimatedListItem
|
|
92
92
|
};
|
|
93
93
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n FloatingContext,\n FloatingFocusManager,\n FloatingOverlay,\n FloatingPortal,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"lucide-react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n title: Label;\n description: Label;\n children: Label;\n avatar?: Label;\n leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n setter: () => void;\n context: FloatingContext;\n item: IdAnimatedItem | null;\n refs: { setFloating: any };\n get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n <FloatingPortal>\n <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n {item ? (\n <motion.div\n key=\"overlay\"\n exit={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n initial={{ opacity: 0 }}\n transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n />\n ) : null}\n {item ? (\n <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n <motion.div\n layout\n layoutId={`item-${item.id}`}\n initial={{ opacity: 0.6, scale: 0.98 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.98 }}\n className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n ref={refs.setFloating}\n {...get()}\n >\n <nav className=\"absolute right-4 top-1 lg:right-2\">\n <button\n type=\"button\"\n onClick={setter}\n className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n >\n <XIcon />\n </button>\n </nav>\n <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </motion.header>\n <motion.div layout>{item.children}</motion.div>\n </motion.div>\n </FloatingFocusManager>\n </FloatingOverlay>\n ) : null}\n </AnimatePresence>\n </MotionConfig>\n </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n const id = useId();\n const { context, refs } = useFloating({\n open: selected !== null,\n transform: true,\n onOpenChange: (open) => (open ? undefined : setSelected(null)),\n });\n const click = useClick(context);\n const role = useRole(context, { role: \"dialog\" });\n const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n const clear = useCallback(() => {\n setSelected(null);\n }, []);\n\n const items = React.Children.toArray(props.children);\n\n return (\n <Fragment>\n <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n <ul role=\"list\">\n {items.map((x, index) => {\n const item: AnimatedItemProps = (x as any).props;\n const innerId = `${id}-${index}`;\n const setter = () => setSelected({ ...item, id: innerId });\n const Leading = item.leading;\n return (\n <motion.li\n layout\n key={innerId}\n layoutId={`item-${innerId}`}\n className={`border-b border-card-border py-2 last:border-transparent`}\n >\n <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n <div className=\"relative flex items-start space-x-3\">\n <Fragment>\n {item.avatar ? (\n <div>\n <div className=\"relative px-1\">\n <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n {item.avatar}\n </button>\n </div>\n </div>\n ) : null}\n <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n <button\n onClick={setter}\n className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n >\n <h3>{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </button>\n {Leading ? <Leading open={setter} /> : null}\n </div>\n </div>\n </Fragment>\n </div>\n </motion.div>\n </motion.li>\n );\n })}\n </ul>\n </Fragment>\n );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n FloatingContext,\n FloatingFocusManager,\n FloatingOverlay,\n FloatingPortal,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n title: Label;\n description: Label;\n children: Label;\n avatar?: Label;\n leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n setter: () => void;\n context: FloatingContext;\n item: IdAnimatedItem | null;\n refs: { setFloating: any };\n get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n <FloatingPortal>\n <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n {item ? (\n <motion.div\n key=\"overlay\"\n exit={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n initial={{ opacity: 0 }}\n transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n />\n ) : null}\n {item ? (\n <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n <motion.div\n layout\n layoutId={`item-${item.id}`}\n initial={{ opacity: 0.6, scale: 0.98 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.98 }}\n className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n ref={refs.setFloating}\n {...get()}\n >\n <nav className=\"absolute right-4 top-1 lg:right-2\">\n <button\n type=\"button\"\n onClick={setter}\n className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n >\n <XIcon />\n </button>\n </nav>\n <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </motion.header>\n <motion.div layout>{item.children}</motion.div>\n </motion.div>\n </FloatingFocusManager>\n </FloatingOverlay>\n ) : null}\n </AnimatePresence>\n </MotionConfig>\n </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n const id = useId();\n const { context, refs } = useFloating({\n open: selected !== null,\n transform: true,\n onOpenChange: (open) => (open ? undefined : setSelected(null)),\n });\n const click = useClick(context);\n const role = useRole(context, { role: \"dialog\" });\n const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n const clear = useCallback(() => {\n setSelected(null);\n }, []);\n\n const items = React.Children.toArray(props.children);\n\n return (\n <Fragment>\n <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n <ul role=\"list\">\n {items.map((x, index) => {\n const item: AnimatedItemProps = (x as any).props;\n const innerId = `${id}-${index}`;\n const setter = () => setSelected({ ...item, id: innerId });\n const Leading = item.leading;\n return (\n <motion.li\n layout\n key={innerId}\n layoutId={`item-${innerId}`}\n className={`border-b border-card-border py-2 last:border-transparent`}\n >\n <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n <div className=\"relative flex items-start space-x-3\">\n <Fragment>\n {item.avatar ? (\n <div>\n <div className=\"relative px-1\">\n <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n {item.avatar}\n </button>\n </div>\n </div>\n ) : null}\n <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n <button\n onClick={setter}\n className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n >\n <h3>{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </button>\n {Leading ? <Leading open={setter} /> : null}\n </div>\n </div>\n </Fragment>\n </div>\n </motion.div>\n </motion.li>\n );\n })}\n </ul>\n </Fragment>\n );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../index-DJSMaZR4.js";
|
|
3
|
+
import "../../CheckCircle.es-C6QWLfk_.js";
|
|
4
|
+
import { w as n, s as N } from "../../notifications-cUdVPs-B.js";
|
|
5
|
+
import "../../Info.es-CrZKs4q4.js";
|
|
6
|
+
import "../../Warning.es-D_eI6tLe.js";
|
|
7
|
+
import "../../X.es-BJ1O93El.js";
|
|
3
8
|
import "react";
|
|
4
|
-
import { w as n, s as N } from "../../notifications-NPuFDsBp.js";
|
|
5
9
|
import "../../dom-Dl8XH0CK.js";
|
|
6
10
|
import "../../proxy-BZcQiBrp.js";
|
|
7
|
-
import "../../info-N5jWZg2A.js";
|
|
8
|
-
import "../../circle-check-big-3M5lhTxx.js";
|
|
9
|
-
import "../../triangle-alert-CHMhQ6yd.js";
|
|
10
|
-
import "../../x-B9bYxG31.js";
|
|
11
11
|
export {
|
|
12
12
|
n as Notifications,
|
|
13
13
|
N as useNotification
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../dom-Dl8XH0CK.js";
|
|
4
|
-
import { a as T, T as b } from "../../tabs-
|
|
4
|
+
import { a as T, T as b } from "../../tabs-S00a8qq8.js";
|
|
5
5
|
import "../../use-stable-ref-CYh-YkID.js";
|
|
6
6
|
import "../../polymorph-B5n9fs_K.js";
|
|
7
7
|
import "./card.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type Icon, type IconProps } from "@phosphor-icons/react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Label } from "../../types";
|
|
4
4
|
type ViewProps = {
|
|
@@ -39,9 +39,9 @@ export type CommandPaletteProps = {
|
|
|
39
39
|
command: CommandItemTypes;
|
|
40
40
|
text: string;
|
|
41
41
|
}>;
|
|
42
|
-
Icon?: React.FC<
|
|
42
|
+
Icon?: React.FC<IconProps & {
|
|
43
43
|
text: string;
|
|
44
|
-
Default:
|
|
44
|
+
Default: Icon;
|
|
45
45
|
}>;
|
|
46
46
|
};
|
|
47
47
|
export declare const CommandPalette: (props: CommandPaletteProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,
|
|
1
|
+
{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAmE,MAAM,OAAO,CAAC;AAQxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACvD,CAAC;AAEF,KAAK,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAEpD,KAAK,mBAAmB,GAAG,WAAW,CAClC,UAAU,EACV;IACI,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;KACjE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CACJ,CAAC;AAEF,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AA8CtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CAChE,CAAC;AAgCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA0LxD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { o as v, f as x, s as y, a as R, u as p, b as D, n as N, v as P, i as C, d as I, c as M, F as O, l as S, e as j } from "../../floating-ui.react-
|
|
2
|
+
import { o as v, f as x, s as y, a as R, u as p, b as D, n as N, v as P, i as C, d as I, c as M, F as O, l as S, e as j } from "../../floating-ui.react-QNHG9W4N.js";
|
|
3
3
|
import { useId as A, useState as E, useEffect as H, useRef as T, useMemo as z, Fragment as U } from "react";
|
|
4
4
|
const B = (e) => {
|
|
5
5
|
const r = A(), [a, n] = E(e.open);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as h, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { u as F, n as I, d as y, i as x, c as P, F as b, l as v } from "../../floating-ui.react-
|
|
2
|
+
import { u as F, n as I, d as y, i as x, c as P, F as b, l as v } from "../../floating-ui.react-QNHG9W4N.js";
|
|
3
3
|
import { useRef as O, useId as R, useState as j, useEffect as k } from "react";
|
|
4
4
|
import { Button as C } from "../core/button.js";
|
|
5
5
|
import { m as r, A as w } from "../../proxy-BZcQiBrp.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type Icon } from "@phosphor-icons/react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
export type MenuProps = Partial<{
|
|
4
4
|
hover: boolean;
|
|
@@ -19,7 +19,7 @@ export type MenuProps = Partial<{
|
|
|
19
19
|
type MenuItemProps = {
|
|
20
20
|
title: string;
|
|
21
21
|
disabled?: boolean;
|
|
22
|
-
Right?:
|
|
22
|
+
Right?: Icon;
|
|
23
23
|
};
|
|
24
24
|
export declare const MenuItem: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof MenuItemProps> & MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
25
25
|
export declare const Menu: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "open" | "asChild" | "restoreFocus" | "nested" | "isParent" | "floatingClassName" | "FloatingComponent"> & Partial<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAA2E,MAAM,OAAO,CAAC;AA6BhG,MAAM,MAAM,SAAS,GAAG,OAAO,CAC3B;IACI,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;CACxC,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CACzE,CAAC;AA0KF,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,QAAQ,oKAkCpB,CAAC;AAEF,eAAO,MAAM,IAAI;WA1NF,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WAC1B,MAAM;;WATT,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WACN,KAAK,CAAC,YAAY;WAAS,MAAM;qDA0NrE,CAAC"}
|