@zentauri-ui/zentauri-components 1.7.0 → 1.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -5
- package/cli/index.mjs +1 -0
- package/cli/registry.json +3 -0
- package/dist/chunk-6QQUQLPB.js +107 -0
- package/dist/chunk-6QQUQLPB.js.map +1 -0
- package/dist/chunk-BC6M42HQ.mjs +251 -0
- package/dist/chunk-BC6M42HQ.mjs.map +1 -0
- package/dist/chunk-K6IZANTI.mjs +80 -0
- package/dist/chunk-K6IZANTI.mjs.map +1 -0
- package/dist/chunk-MTTXLC2V.mjs +100 -0
- package/dist/chunk-MTTXLC2V.mjs.map +1 -0
- package/dist/chunk-PHEUJ4EF.js +84 -0
- package/dist/chunk-PHEUJ4EF.js.map +1 -0
- package/dist/chunk-QSPXPU72.js +259 -0
- package/dist/chunk-QSPXPU72.js.map +1 -0
- package/dist/design-system/checkbox.d.ts +32 -0
- package/dist/design-system/checkbox.d.ts.map +1 -0
- package/dist/design-system/index.d.ts +3 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/popover.d.ts +40 -0
- package/dist/design-system/popover.d.ts.map +1 -0
- package/dist/design-system/radio-group.d.ts +37 -0
- package/dist/design-system/radio-group.d.ts.map +1 -0
- package/dist/ui/checkbox/animated/animations.d.ts +32 -0
- package/dist/ui/checkbox/animated/animations.d.ts.map +1 -0
- package/dist/ui/checkbox/animated/checkbox-animated.d.ts +6 -0
- package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map +1 -0
- package/dist/ui/checkbox/animated/index.d.ts +4 -0
- package/dist/ui/checkbox/animated/index.d.ts.map +1 -0
- package/dist/ui/checkbox/animated/types.d.ts +8 -0
- package/dist/ui/checkbox/animated/types.d.ts.map +1 -0
- package/dist/ui/checkbox/animated.js +153 -0
- package/dist/ui/checkbox/animated.js.map +1 -0
- package/dist/ui/checkbox/animated.mjs +150 -0
- package/dist/ui/checkbox/animated.mjs.map +1 -0
- package/dist/ui/checkbox/checkbox-base.d.ts +6 -0
- package/dist/ui/checkbox/checkbox-base.d.ts.map +1 -0
- package/dist/ui/checkbox/checkbox.d.ts +6 -0
- package/dist/ui/checkbox/checkbox.d.ts.map +1 -0
- package/dist/ui/checkbox/index.d.ts +4 -0
- package/dist/ui/checkbox/index.d.ts.map +1 -0
- package/dist/ui/checkbox/types.d.ts +19 -0
- package/dist/ui/checkbox/types.d.ts.map +1 -0
- package/dist/ui/checkbox/variants.d.ts +11 -0
- package/dist/ui/checkbox/variants.d.ts.map +1 -0
- package/dist/ui/checkbox.js +150 -0
- package/dist/ui/checkbox.js.map +1 -0
- package/dist/ui/checkbox.mjs +137 -0
- package/dist/ui/checkbox.mjs.map +1 -0
- package/dist/ui/popover/animated/animations.d.ts +3 -0
- package/dist/ui/popover/animated/animations.d.ts.map +1 -0
- package/dist/ui/popover/animated/index.d.ts +4 -0
- package/dist/ui/popover/animated/index.d.ts.map +1 -0
- package/dist/ui/popover/animated/popover-content-animated.d.ts +3 -0
- package/dist/ui/popover/animated/popover-content-animated.d.ts.map +1 -0
- package/dist/ui/popover/animated/types.d.ts +9 -0
- package/dist/ui/popover/animated/types.d.ts.map +1 -0
- package/dist/ui/popover/animated.js +67 -0
- package/dist/ui/popover/animated.js.map +1 -0
- package/dist/ui/popover/animated.mjs +64 -0
- package/dist/ui/popover/animated.mjs.map +1 -0
- package/dist/ui/popover/index.d.ts +4 -0
- package/dist/ui/popover/index.d.ts.map +1 -0
- package/dist/ui/popover/popover-base.d.ts +8 -0
- package/dist/ui/popover/popover-base.d.ts.map +1 -0
- package/dist/ui/popover/popover.d.ts +2 -0
- package/dist/ui/popover/popover.d.ts.map +1 -0
- package/dist/ui/popover/types.d.ts +34 -0
- package/dist/ui/popover/types.d.ts.map +1 -0
- package/dist/ui/popover/variants.d.ts +6 -0
- package/dist/ui/popover/variants.d.ts.map +1 -0
- package/dist/ui/popover.js +34 -0
- package/dist/ui/popover.js.map +1 -0
- package/dist/ui/popover.mjs +5 -0
- package/dist/ui/popover.mjs.map +1 -0
- package/dist/ui/radio-group/animated/animations.d.ts +32 -0
- package/dist/ui/radio-group/animated/animations.d.ts.map +1 -0
- package/dist/ui/radio-group/animated/index.d.ts +4 -0
- package/dist/ui/radio-group/animated/index.d.ts.map +1 -0
- package/dist/ui/radio-group/animated/radio-group-animated.d.ts +10 -0
- package/dist/ui/radio-group/animated/radio-group-animated.d.ts.map +1 -0
- package/dist/ui/radio-group/animated/types.d.ts +11 -0
- package/dist/ui/radio-group/animated/types.d.ts.map +1 -0
- package/dist/ui/radio-group/animated.js +177 -0
- package/dist/ui/radio-group/animated.js.map +1 -0
- package/dist/ui/radio-group/animated.mjs +173 -0
- package/dist/ui/radio-group/animated.mjs.map +1 -0
- package/dist/ui/radio-group/index.d.ts +4 -0
- package/dist/ui/radio-group/index.d.ts.map +1 -0
- package/dist/ui/radio-group/radio-group-context.d.ts +13 -0
- package/dist/ui/radio-group/radio-group-context.d.ts.map +1 -0
- package/dist/ui/radio-group/radio-group.d.ts +10 -0
- package/dist/ui/radio-group/radio-group.d.ts.map +1 -0
- package/dist/ui/radio-group/types.d.ts +26 -0
- package/dist/ui/radio-group/types.d.ts.map +1 -0
- package/dist/ui/radio-group/variants.d.ts +14 -0
- package/dist/ui/radio-group/variants.d.ts.map +1 -0
- package/dist/ui/radio-group.js +171 -0
- package/dist/ui/radio-group.js.map +1 -0
- package/dist/ui/radio-group.mjs +153 -0
- package/dist/ui/radio-group.mjs.map +1 -0
- package/package.json +1 -1
- package/src/design-system/checkbox.ts +47 -0
- package/src/design-system/index.ts +3 -0
- package/src/design-system/popover.ts +66 -0
- package/src/design-system/radio-group.ts +54 -0
- package/src/ui/checkbox/animated/animations.ts +12 -0
- package/src/ui/checkbox/animated/checkbox-animated.tsx +145 -0
- package/src/ui/checkbox/animated/index.ts +9 -0
- package/src/ui/checkbox/animated/types.ts +9 -0
- package/src/ui/checkbox/checkbox-base.tsx +134 -0
- package/src/ui/checkbox/checkbox.test.tsx +53 -0
- package/src/ui/checkbox/checkbox.tsx +8 -0
- package/src/ui/checkbox/index.ts +15 -0
- package/src/ui/checkbox/types.ts +40 -0
- package/src/ui/checkbox/variants.ts +50 -0
- package/src/ui/popover/animated/animations.ts +15 -0
- package/src/ui/popover/animated/index.ts +10 -0
- package/src/ui/popover/animated/popover-content-animated.tsx +54 -0
- package/src/ui/popover/animated/types.ts +18 -0
- package/src/ui/popover/index.ts +18 -0
- package/src/ui/popover/popover-base.tsx +261 -0
- package/src/ui/popover/popover.test.tsx +84 -0
- package/src/ui/popover/popover.tsx +8 -0
- package/src/ui/popover/types.ts +38 -0
- package/src/ui/popover/variants.ts +21 -0
- package/src/ui/radio-group/animated/animations.ts +12 -0
- package/src/ui/radio-group/animated/index.ts +10 -0
- package/src/ui/radio-group/animated/radio-group-animated.tsx +173 -0
- package/src/ui/radio-group/animated/types.ts +13 -0
- package/src/ui/radio-group/index.ts +19 -0
- package/src/ui/radio-group/radio-group-context.ts +23 -0
- package/src/ui/radio-group/radio-group.test.tsx +61 -0
- package/src/ui/radio-group/radio-group.tsx +159 -0
- package/src/ui/radio-group/types.ts +62 -0
- package/src/ui/radio-group/variants.ts +61 -0
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkPHEUJ4EF_js = require('../chunk-PHEUJ4EF.js');
|
|
5
|
+
var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
function resolveCheckboxState(checked, indeterminate) {
|
|
10
|
+
if (indeterminate) {
|
|
11
|
+
return "indeterminate";
|
|
12
|
+
}
|
|
13
|
+
return checked ? "checked" : "unchecked";
|
|
14
|
+
}
|
|
15
|
+
function CheckboxBase(props) {
|
|
16
|
+
const {
|
|
17
|
+
className,
|
|
18
|
+
rootClassName,
|
|
19
|
+
controlClassName,
|
|
20
|
+
indicatorClassName,
|
|
21
|
+
appearance,
|
|
22
|
+
size,
|
|
23
|
+
checked,
|
|
24
|
+
defaultChecked = false,
|
|
25
|
+
indeterminate,
|
|
26
|
+
onCheckedChange,
|
|
27
|
+
disabled,
|
|
28
|
+
children,
|
|
29
|
+
label,
|
|
30
|
+
id,
|
|
31
|
+
ref,
|
|
32
|
+
"aria-label": ariaLabel,
|
|
33
|
+
...rest
|
|
34
|
+
} = props;
|
|
35
|
+
const generatedId = react.useId();
|
|
36
|
+
const controlId = id ?? generatedId;
|
|
37
|
+
const isControlled = checked !== void 0;
|
|
38
|
+
const [uncontrolled, setUncontrolled] = react.useState(defaultChecked);
|
|
39
|
+
const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;
|
|
40
|
+
const state = resolveCheckboxState(resolvedChecked, indeterminate);
|
|
41
|
+
const labelContent = label ?? children;
|
|
42
|
+
const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
|
|
43
|
+
const setChecked = react.useCallback(
|
|
44
|
+
(next) => {
|
|
45
|
+
if (!isControlled) {
|
|
46
|
+
setUncontrolled(next);
|
|
47
|
+
}
|
|
48
|
+
onCheckedChange?.(next);
|
|
49
|
+
},
|
|
50
|
+
[isControlled, onCheckedChange]
|
|
51
|
+
);
|
|
52
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
53
|
+
"label",
|
|
54
|
+
{
|
|
55
|
+
className: chunkZS5756ZC_js.cn(chunkPHEUJ4EF_js.checkboxRootVariants({ size }), rootClassName, className),
|
|
56
|
+
"data-disabled": disabled ? "true" : void 0,
|
|
57
|
+
"data-state": state,
|
|
58
|
+
htmlFor: controlId,
|
|
59
|
+
children: [
|
|
60
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
+
"input",
|
|
62
|
+
{
|
|
63
|
+
ref,
|
|
64
|
+
id: controlId,
|
|
65
|
+
type: "checkbox",
|
|
66
|
+
"data-slot": "checkbox",
|
|
67
|
+
className: "peer sr-only",
|
|
68
|
+
checked: resolvedChecked,
|
|
69
|
+
disabled,
|
|
70
|
+
"aria-checked": indeterminate ? "mixed" : resolvedChecked,
|
|
71
|
+
"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Checkbox"),
|
|
72
|
+
onChange: (event) => setChecked(event.currentTarget.checked),
|
|
73
|
+
...rest
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
77
|
+
"span",
|
|
78
|
+
{
|
|
79
|
+
"aria-hidden": "true",
|
|
80
|
+
className: chunkZS5756ZC_js.cn(
|
|
81
|
+
chunkPHEUJ4EF_js.checkboxControlVariants({ appearance, size }),
|
|
82
|
+
controlClassName
|
|
83
|
+
),
|
|
84
|
+
"data-slot": "checkbox-control",
|
|
85
|
+
children: state === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
86
|
+
"svg",
|
|
87
|
+
{
|
|
88
|
+
viewBox: "0 0 16 16",
|
|
89
|
+
fill: "none",
|
|
90
|
+
className: chunkZS5756ZC_js.cn(
|
|
91
|
+
chunkPHEUJ4EF_js.checkboxIndicatorVariants({ size }),
|
|
92
|
+
indicatorClassName
|
|
93
|
+
),
|
|
94
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
95
|
+
"path",
|
|
96
|
+
{
|
|
97
|
+
d: "M3.5 8H12.5",
|
|
98
|
+
strokeWidth: "2.4",
|
|
99
|
+
strokeLinecap: "round"
|
|
100
|
+
}
|
|
101
|
+
)
|
|
102
|
+
}
|
|
103
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
104
|
+
"svg",
|
|
105
|
+
{
|
|
106
|
+
viewBox: "0 0 16 16",
|
|
107
|
+
fill: "none",
|
|
108
|
+
className: chunkZS5756ZC_js.cn(
|
|
109
|
+
chunkPHEUJ4EF_js.checkboxIndicatorVariants({ size }),
|
|
110
|
+
indicatorClassName
|
|
111
|
+
),
|
|
112
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
113
|
+
"path",
|
|
114
|
+
{
|
|
115
|
+
d: "M3.2 8.4L6.5 11.5L12.8 4.5",
|
|
116
|
+
strokeWidth: "2.2",
|
|
117
|
+
strokeLinecap: "round",
|
|
118
|
+
strokeLinejoin: "round"
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
}
|
|
124
|
+
),
|
|
125
|
+
hasVisibleLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
|
|
126
|
+
]
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
CheckboxBase.displayName = "Checkbox";
|
|
131
|
+
function Checkbox(props) {
|
|
132
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase, { ...props });
|
|
133
|
+
}
|
|
134
|
+
Checkbox.displayName = "Checkbox";
|
|
135
|
+
|
|
136
|
+
Object.defineProperty(exports, "checkboxControlVariants", {
|
|
137
|
+
enumerable: true,
|
|
138
|
+
get: function () { return chunkPHEUJ4EF_js.checkboxControlVariants; }
|
|
139
|
+
});
|
|
140
|
+
Object.defineProperty(exports, "checkboxIndicatorVariants", {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
get: function () { return chunkPHEUJ4EF_js.checkboxIndicatorVariants; }
|
|
143
|
+
});
|
|
144
|
+
Object.defineProperty(exports, "checkboxRootVariants", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function () { return chunkPHEUJ4EF_js.checkboxRootVariants; }
|
|
147
|
+
});
|
|
148
|
+
exports.Checkbox = Checkbox;
|
|
149
|
+
//# sourceMappingURL=checkbox.js.map
|
|
150
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/checkbox/checkbox-base.tsx","../../src/ui/checkbox/checkbox.tsx"],"names":["useId","useState","useCallback","jsxs","cn","checkboxRootVariants","jsx","checkboxControlVariants","checkboxIndicatorVariants"],"mappings":"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","file":"checkbox.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { CheckboxProps, CheckboxState } from \"./types\";\nimport {\n checkboxControlVariants,\n checkboxIndicatorVariants,\n checkboxRootVariants,\n} from \"./variants\";\n\nfunction resolveCheckboxState(\n checked: boolean,\n indeterminate: boolean | undefined,\n): CheckboxState {\n if (indeterminate) {\n return \"indeterminate\";\n }\n return checked ? \"checked\" : \"unchecked\";\n}\n\nexport function CheckboxBase(props: CheckboxProps) {\n const {\n className,\n rootClassName,\n controlClassName,\n indicatorClassName,\n appearance,\n size,\n checked,\n defaultChecked = false,\n indeterminate,\n onCheckedChange,\n disabled,\n children,\n label,\n id,\n ref,\n \"aria-label\": ariaLabel,\n ...rest\n } = props;\n const generatedId = useId();\n const controlId = id ?? generatedId;\n const isControlled = checked !== undefined;\n const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;\n const state = resolveCheckboxState(resolvedChecked, indeterminate);\n const labelContent = label ?? children;\n const hasVisibleLabel =\n labelContent !== undefined && labelContent !== null && labelContent !== false;\n\n const setChecked = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolled(next);\n }\n onCheckedChange?.(next);\n },\n [isControlled, onCheckedChange],\n );\n\n return (\n <label\n className={cn(checkboxRootVariants({ size }), rootClassName, className)}\n data-disabled={disabled ? \"true\" : undefined}\n data-state={state}\n htmlFor={controlId}\n >\n <input\n ref={ref}\n id={controlId}\n type=\"checkbox\"\n data-slot=\"checkbox\"\n className=\"peer sr-only\"\n checked={resolvedChecked}\n disabled={disabled}\n aria-checked={indeterminate ? \"mixed\" : resolvedChecked}\n aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Checkbox\")}\n onChange={(event) => setChecked(event.currentTarget.checked)}\n {...rest}\n />\n <span\n aria-hidden=\"true\"\n className={cn(\n checkboxControlVariants({ appearance, size }),\n controlClassName,\n )}\n data-slot=\"checkbox-control\"\n >\n {state === \"indeterminate\" ? (\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={cn(\n checkboxIndicatorVariants({ size }),\n indicatorClassName,\n )}\n >\n <path\n d=\"M3.5 8H12.5\"\n strokeWidth=\"2.4\"\n strokeLinecap=\"round\"\n />\n </svg>\n ) : (\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={cn(\n checkboxIndicatorVariants({ size }),\n indicatorClassName,\n )}\n >\n <path\n d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n strokeWidth=\"2.2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </span>\n {hasVisibleLabel && (\n <span className=\"min-w-0 leading-6\" data-slot=\"checkbox-label\">\n {labelContent}\n </span>\n )}\n </label>\n );\n}\n\nCheckboxBase.displayName = \"Checkbox\";\n","import { CheckboxBase } from \"./checkbox-base\";\nimport type { CheckboxProps } from \"./types\";\n\nexport function Checkbox(props: CheckboxProps) {\n return <CheckboxBase {...props} />;\n}\n\nCheckbox.displayName = \"Checkbox\";\n"]}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../chunk-K6IZANTI.mjs';
|
|
3
|
+
export { checkboxControlVariants, checkboxIndicatorVariants, checkboxRootVariants } from '../chunk-K6IZANTI.mjs';
|
|
4
|
+
import { cn } from '../chunk-4D54YOL6.mjs';
|
|
5
|
+
import { useId, useState, useCallback } from 'react';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function resolveCheckboxState(checked, indeterminate) {
|
|
9
|
+
if (indeterminate) {
|
|
10
|
+
return "indeterminate";
|
|
11
|
+
}
|
|
12
|
+
return checked ? "checked" : "unchecked";
|
|
13
|
+
}
|
|
14
|
+
function CheckboxBase(props) {
|
|
15
|
+
const {
|
|
16
|
+
className,
|
|
17
|
+
rootClassName,
|
|
18
|
+
controlClassName,
|
|
19
|
+
indicatorClassName,
|
|
20
|
+
appearance,
|
|
21
|
+
size,
|
|
22
|
+
checked,
|
|
23
|
+
defaultChecked = false,
|
|
24
|
+
indeterminate,
|
|
25
|
+
onCheckedChange,
|
|
26
|
+
disabled,
|
|
27
|
+
children,
|
|
28
|
+
label,
|
|
29
|
+
id,
|
|
30
|
+
ref,
|
|
31
|
+
"aria-label": ariaLabel,
|
|
32
|
+
...rest
|
|
33
|
+
} = props;
|
|
34
|
+
const generatedId = useId();
|
|
35
|
+
const controlId = id ?? generatedId;
|
|
36
|
+
const isControlled = checked !== void 0;
|
|
37
|
+
const [uncontrolled, setUncontrolled] = useState(defaultChecked);
|
|
38
|
+
const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;
|
|
39
|
+
const state = resolveCheckboxState(resolvedChecked, indeterminate);
|
|
40
|
+
const labelContent = label ?? children;
|
|
41
|
+
const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
|
|
42
|
+
const setChecked = useCallback(
|
|
43
|
+
(next) => {
|
|
44
|
+
if (!isControlled) {
|
|
45
|
+
setUncontrolled(next);
|
|
46
|
+
}
|
|
47
|
+
onCheckedChange?.(next);
|
|
48
|
+
},
|
|
49
|
+
[isControlled, onCheckedChange]
|
|
50
|
+
);
|
|
51
|
+
return /* @__PURE__ */ jsxs(
|
|
52
|
+
"label",
|
|
53
|
+
{
|
|
54
|
+
className: cn(checkboxRootVariants({ size }), rootClassName, className),
|
|
55
|
+
"data-disabled": disabled ? "true" : void 0,
|
|
56
|
+
"data-state": state,
|
|
57
|
+
htmlFor: controlId,
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ jsx(
|
|
60
|
+
"input",
|
|
61
|
+
{
|
|
62
|
+
ref,
|
|
63
|
+
id: controlId,
|
|
64
|
+
type: "checkbox",
|
|
65
|
+
"data-slot": "checkbox",
|
|
66
|
+
className: "peer sr-only",
|
|
67
|
+
checked: resolvedChecked,
|
|
68
|
+
disabled,
|
|
69
|
+
"aria-checked": indeterminate ? "mixed" : resolvedChecked,
|
|
70
|
+
"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Checkbox"),
|
|
71
|
+
onChange: (event) => setChecked(event.currentTarget.checked),
|
|
72
|
+
...rest
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
"span",
|
|
77
|
+
{
|
|
78
|
+
"aria-hidden": "true",
|
|
79
|
+
className: cn(
|
|
80
|
+
checkboxControlVariants({ appearance, size }),
|
|
81
|
+
controlClassName
|
|
82
|
+
),
|
|
83
|
+
"data-slot": "checkbox-control",
|
|
84
|
+
children: state === "indeterminate" ? /* @__PURE__ */ jsx(
|
|
85
|
+
"svg",
|
|
86
|
+
{
|
|
87
|
+
viewBox: "0 0 16 16",
|
|
88
|
+
fill: "none",
|
|
89
|
+
className: cn(
|
|
90
|
+
checkboxIndicatorVariants({ size }),
|
|
91
|
+
indicatorClassName
|
|
92
|
+
),
|
|
93
|
+
children: /* @__PURE__ */ jsx(
|
|
94
|
+
"path",
|
|
95
|
+
{
|
|
96
|
+
d: "M3.5 8H12.5",
|
|
97
|
+
strokeWidth: "2.4",
|
|
98
|
+
strokeLinecap: "round"
|
|
99
|
+
}
|
|
100
|
+
)
|
|
101
|
+
}
|
|
102
|
+
) : /* @__PURE__ */ jsx(
|
|
103
|
+
"svg",
|
|
104
|
+
{
|
|
105
|
+
viewBox: "0 0 16 16",
|
|
106
|
+
fill: "none",
|
|
107
|
+
className: cn(
|
|
108
|
+
checkboxIndicatorVariants({ size }),
|
|
109
|
+
indicatorClassName
|
|
110
|
+
),
|
|
111
|
+
children: /* @__PURE__ */ jsx(
|
|
112
|
+
"path",
|
|
113
|
+
{
|
|
114
|
+
d: "M3.2 8.4L6.5 11.5L12.8 4.5",
|
|
115
|
+
strokeWidth: "2.2",
|
|
116
|
+
strokeLinecap: "round",
|
|
117
|
+
strokeLinejoin: "round"
|
|
118
|
+
}
|
|
119
|
+
)
|
|
120
|
+
}
|
|
121
|
+
)
|
|
122
|
+
}
|
|
123
|
+
),
|
|
124
|
+
hasVisibleLabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
);
|
|
128
|
+
}
|
|
129
|
+
CheckboxBase.displayName = "Checkbox";
|
|
130
|
+
function Checkbox(props) {
|
|
131
|
+
return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
|
|
132
|
+
}
|
|
133
|
+
Checkbox.displayName = "Checkbox";
|
|
134
|
+
|
|
135
|
+
export { Checkbox };
|
|
136
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
137
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/checkbox/checkbox-base.tsx","../../src/ui/checkbox/checkbox.tsx"],"names":["jsx"],"mappings":"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","file":"checkbox.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { CheckboxProps, CheckboxState } from \"./types\";\nimport {\n checkboxControlVariants,\n checkboxIndicatorVariants,\n checkboxRootVariants,\n} from \"./variants\";\n\nfunction resolveCheckboxState(\n checked: boolean,\n indeterminate: boolean | undefined,\n): CheckboxState {\n if (indeterminate) {\n return \"indeterminate\";\n }\n return checked ? \"checked\" : \"unchecked\";\n}\n\nexport function CheckboxBase(props: CheckboxProps) {\n const {\n className,\n rootClassName,\n controlClassName,\n indicatorClassName,\n appearance,\n size,\n checked,\n defaultChecked = false,\n indeterminate,\n onCheckedChange,\n disabled,\n children,\n label,\n id,\n ref,\n \"aria-label\": ariaLabel,\n ...rest\n } = props;\n const generatedId = useId();\n const controlId = id ?? generatedId;\n const isControlled = checked !== undefined;\n const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;\n const state = resolveCheckboxState(resolvedChecked, indeterminate);\n const labelContent = label ?? children;\n const hasVisibleLabel =\n labelContent !== undefined && labelContent !== null && labelContent !== false;\n\n const setChecked = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolled(next);\n }\n onCheckedChange?.(next);\n },\n [isControlled, onCheckedChange],\n );\n\n return (\n <label\n className={cn(checkboxRootVariants({ size }), rootClassName, className)}\n data-disabled={disabled ? \"true\" : undefined}\n data-state={state}\n htmlFor={controlId}\n >\n <input\n ref={ref}\n id={controlId}\n type=\"checkbox\"\n data-slot=\"checkbox\"\n className=\"peer sr-only\"\n checked={resolvedChecked}\n disabled={disabled}\n aria-checked={indeterminate ? \"mixed\" : resolvedChecked}\n aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Checkbox\")}\n onChange={(event) => setChecked(event.currentTarget.checked)}\n {...rest}\n />\n <span\n aria-hidden=\"true\"\n className={cn(\n checkboxControlVariants({ appearance, size }),\n controlClassName,\n )}\n data-slot=\"checkbox-control\"\n >\n {state === \"indeterminate\" ? (\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={cn(\n checkboxIndicatorVariants({ size }),\n indicatorClassName,\n )}\n >\n <path\n d=\"M3.5 8H12.5\"\n strokeWidth=\"2.4\"\n strokeLinecap=\"round\"\n />\n </svg>\n ) : (\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={cn(\n checkboxIndicatorVariants({ size }),\n indicatorClassName,\n )}\n >\n <path\n d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n strokeWidth=\"2.2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </span>\n {hasVisibleLabel && (\n <span className=\"min-w-0 leading-6\" data-slot=\"checkbox-label\">\n {labelContent}\n </span>\n )}\n </label>\n );\n}\n\nCheckboxBase.displayName = \"Checkbox\";\n","import { CheckboxBase } from \"./checkbox-base\";\nimport type { CheckboxProps } from \"./types\";\n\nexport function Checkbox(props: CheckboxProps) {\n return <CheckboxBase {...props} />;\n}\n\nCheckbox.displayName = \"Checkbox\";\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/popover/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,uBAAuB,EAAE,uBAYrC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { PopoverContentAnimated } from "./popover-content-animated";
|
|
2
|
+
export { popoverAnimationPresets } from "./animations";
|
|
3
|
+
export type { PopoverAnimation, PopoverAnimationPresets, PopoverContentAnimatedProps, PopoverPresetMotionProps, } from "./types";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/popover/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { PopoverContentAnimatedProps } from "./types";
|
|
2
|
+
export declare const PopoverContentAnimated: ({ children, className, variant, size, width, side, align, role, animation, onDrag: _onDrag, onDragStart: _onDragStart, onDragEnd: _onDragEnd, onAnimationStart: _onAnimationStart, ...props }: PopoverContentAnimatedProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
//# sourceMappingURL=popover-content-animated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/popover/animated/popover-content-animated.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAI3D,eAAO,MAAM,sBAAsB,GAAI,+LAepC,2BAA2B,mDA2B7B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { HTMLMotionProps } from "framer-motion";
|
|
2
|
+
import type { PopoverContentProps } from "../types";
|
|
3
|
+
export type PopoverAnimation = "none" | "fade" | "scale";
|
|
4
|
+
export type PopoverPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "style" | "transition">;
|
|
5
|
+
export type PopoverAnimationPresets = Record<PopoverAnimation, PopoverPresetMotionProps>;
|
|
6
|
+
export type PopoverContentAnimatedProps = PopoverContentProps & {
|
|
7
|
+
animation?: PopoverAnimation;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/popover/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAC/C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C,gBAAgB,EAChB,wBAAwB,CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkQSPXPU72_js = require('../../chunk-QSPXPU72.js');
|
|
5
|
+
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
6
|
+
var framerMotion = require('framer-motion');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
// src/ui/popover/animated/animations.ts
|
|
10
|
+
var popoverAnimationPresets = {
|
|
11
|
+
none: {},
|
|
12
|
+
fade: {
|
|
13
|
+
initial: { opacity: 0, y: -4 },
|
|
14
|
+
animate: { opacity: 1, y: 0 },
|
|
15
|
+
transition: { duration: 0.16, ease: "easeOut" }
|
|
16
|
+
},
|
|
17
|
+
scale: {
|
|
18
|
+
initial: { opacity: 0, scale: 0.96 },
|
|
19
|
+
animate: { opacity: 1, scale: 1 },
|
|
20
|
+
transition: { duration: 0.16, ease: "easeOut" }
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
var PopoverContentAnimated = ({
|
|
24
|
+
children,
|
|
25
|
+
className,
|
|
26
|
+
variant,
|
|
27
|
+
size,
|
|
28
|
+
width,
|
|
29
|
+
side = "bottom",
|
|
30
|
+
align = "center",
|
|
31
|
+
role = "dialog",
|
|
32
|
+
animation = "none",
|
|
33
|
+
onDrag: _onDrag,
|
|
34
|
+
onDragStart: _onDragStart,
|
|
35
|
+
onDragEnd: _onDragEnd,
|
|
36
|
+
onAnimationStart: _onAnimationStart,
|
|
37
|
+
...props
|
|
38
|
+
}) => {
|
|
39
|
+
const { open, contentId, contentRef } = chunkQSPXPU72_js.usePopover();
|
|
40
|
+
if (!open) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
const motionProps = popoverAnimationPresets[animation];
|
|
44
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
45
|
+
framerMotion.motion.div,
|
|
46
|
+
{
|
|
47
|
+
ref: contentRef,
|
|
48
|
+
id: contentId,
|
|
49
|
+
"data-open": open,
|
|
50
|
+
role,
|
|
51
|
+
tabIndex: -1,
|
|
52
|
+
...motionProps,
|
|
53
|
+
className: chunkZS5756ZC_js.cn(
|
|
54
|
+
chunkQSPXPU72_js.popoverContentVariants({ variant, size, width }),
|
|
55
|
+
chunkQSPXPU72_js.sideAlignClass(side, align),
|
|
56
|
+
className
|
|
57
|
+
),
|
|
58
|
+
...props,
|
|
59
|
+
children
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
exports.PopoverContentAnimated = PopoverContentAnimated;
|
|
65
|
+
exports.popoverAnimationPresets = popoverAnimationPresets;
|
|
66
|
+
//# sourceMappingURL=animated.js.map
|
|
67
|
+
//# sourceMappingURL=animated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/popover/animated/animations.ts","../../../src/ui/popover/animated/popover-content-animated.tsx"],"names":["usePopover","jsx","motion","cn","popoverContentVariants","sideAlignClass"],"mappings":";;;;;;;;AAEO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU;AAElD;ACHO,IAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,IAAA,GAAO,QAAA;AAAA,EACP,SAAA,GAAY,MAAA;AAAA,EACZ,MAAA,EAAQ,OAAA;AAAA,EACR,WAAA,EAAa,YAAA;AAAA,EACb,SAAA,EAAW,UAAA;AAAA,EACX,gBAAA,EAAkB,iBAAA;AAAA,EAClB,GAAG;AACL,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAA,KAAeA,2BAAA,EAAW;AAEnD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACEC,cAAA;AAAA,IAACC,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,EAAA,EAAI,SAAA;AAAA,MACJ,WAAA,EAAW,IAAA;AAAA,MACX,IAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACT,GAAG,WAAA;AAAA,MACJ,SAAA,EAAWC,mBAAA;AAAA,QACTC,uCAAA,CAAuB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAO,CAAA;AAAA,QAC/CC,+BAAA,CAAe,MAAM,KAAK,CAAA;AAAA,QAC1B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"animated.js","sourcesContent":["import type { PopoverAnimationPresets } from \"./types\";\n\nexport const popoverAnimationPresets: PopoverAnimationPresets = {\n none: {},\n fade: {\n initial: { opacity: 0, y: -4 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.16, ease: \"easeOut\" },\n },\n scale: {\n initial: { opacity: 0, scale: 0.96 },\n animate: { opacity: 1, scale: 1 },\n transition: { duration: 0.16, ease: \"easeOut\" },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { popoverAnimationPresets } from \"./animations\";\nimport type { PopoverContentAnimatedProps } from \"./types\";\nimport { sideAlignClass, usePopover } from \"../popover-base\";\nimport { popoverContentVariants } from \"../variants\";\n\nexport const PopoverContentAnimated = ({\n children,\n className,\n variant,\n size,\n width,\n side = \"bottom\",\n align = \"center\",\n role = \"dialog\",\n animation = \"none\",\n onDrag: _onDrag,\n onDragStart: _onDragStart,\n onDragEnd: _onDragEnd,\n onAnimationStart: _onAnimationStart,\n ...props\n}: PopoverContentAnimatedProps) => {\n const { open, contentId, contentRef } = usePopover();\n\n if (!open) {\n return null;\n }\n\n const motionProps = popoverAnimationPresets[animation];\n\n return (\n <motion.div\n ref={contentRef}\n id={contentId}\n data-open={open}\n role={role}\n tabIndex={-1}\n {...motionProps}\n className={cn(\n popoverContentVariants({ variant, size, width }),\n sideAlignClass(side, align),\n className,\n )}\n {...props}\n >\n {children}\n </motion.div>\n );\n};\n"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { usePopover, popoverContentVariants, sideAlignClass } from '../../chunk-BC6M42HQ.mjs';
|
|
3
|
+
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
4
|
+
import { motion } from 'framer-motion';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
// src/ui/popover/animated/animations.ts
|
|
8
|
+
var popoverAnimationPresets = {
|
|
9
|
+
none: {},
|
|
10
|
+
fade: {
|
|
11
|
+
initial: { opacity: 0, y: -4 },
|
|
12
|
+
animate: { opacity: 1, y: 0 },
|
|
13
|
+
transition: { duration: 0.16, ease: "easeOut" }
|
|
14
|
+
},
|
|
15
|
+
scale: {
|
|
16
|
+
initial: { opacity: 0, scale: 0.96 },
|
|
17
|
+
animate: { opacity: 1, scale: 1 },
|
|
18
|
+
transition: { duration: 0.16, ease: "easeOut" }
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
var PopoverContentAnimated = ({
|
|
22
|
+
children,
|
|
23
|
+
className,
|
|
24
|
+
variant,
|
|
25
|
+
size,
|
|
26
|
+
width,
|
|
27
|
+
side = "bottom",
|
|
28
|
+
align = "center",
|
|
29
|
+
role = "dialog",
|
|
30
|
+
animation = "none",
|
|
31
|
+
onDrag: _onDrag,
|
|
32
|
+
onDragStart: _onDragStart,
|
|
33
|
+
onDragEnd: _onDragEnd,
|
|
34
|
+
onAnimationStart: _onAnimationStart,
|
|
35
|
+
...props
|
|
36
|
+
}) => {
|
|
37
|
+
const { open, contentId, contentRef } = usePopover();
|
|
38
|
+
if (!open) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
const motionProps = popoverAnimationPresets[animation];
|
|
42
|
+
return /* @__PURE__ */ jsx(
|
|
43
|
+
motion.div,
|
|
44
|
+
{
|
|
45
|
+
ref: contentRef,
|
|
46
|
+
id: contentId,
|
|
47
|
+
"data-open": open,
|
|
48
|
+
role,
|
|
49
|
+
tabIndex: -1,
|
|
50
|
+
...motionProps,
|
|
51
|
+
className: cn(
|
|
52
|
+
popoverContentVariants({ variant, size, width }),
|
|
53
|
+
sideAlignClass(side, align),
|
|
54
|
+
className
|
|
55
|
+
),
|
|
56
|
+
...props,
|
|
57
|
+
children
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export { PopoverContentAnimated, popoverAnimationPresets };
|
|
63
|
+
//# sourceMappingURL=animated.mjs.map
|
|
64
|
+
//# sourceMappingURL=animated.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/popover/animated/animations.ts","../../../src/ui/popover/animated/popover-content-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU;AAElD;ACHO,IAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,IAAA,GAAO,QAAA;AAAA,EACP,SAAA,GAAY,MAAA;AAAA,EACZ,MAAA,EAAQ,OAAA;AAAA,EACR,WAAA,EAAa,YAAA;AAAA,EACb,SAAA,EAAW,UAAA;AAAA,EACX,gBAAA,EAAkB,iBAAA;AAAA,EAClB,GAAG;AACL,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAA,KAAe,UAAA,EAAW;AAEnD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,EAAA,EAAI,SAAA;AAAA,MACJ,WAAA,EAAW,IAAA;AAAA,MACX,IAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACT,GAAG,WAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACT,sBAAA,CAAuB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAO,CAAA;AAAA,QAC/C,cAAA,CAAe,MAAM,KAAK,CAAA;AAAA,QAC1B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"animated.mjs","sourcesContent":["import type { PopoverAnimationPresets } from \"./types\";\n\nexport const popoverAnimationPresets: PopoverAnimationPresets = {\n none: {},\n fade: {\n initial: { opacity: 0, y: -4 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.16, ease: \"easeOut\" },\n },\n scale: {\n initial: { opacity: 0, scale: 0.96 },\n animate: { opacity: 1, scale: 1 },\n transition: { duration: 0.16, ease: \"easeOut\" },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { popoverAnimationPresets } from \"./animations\";\nimport type { PopoverContentAnimatedProps } from \"./types\";\nimport { sideAlignClass, usePopover } from \"../popover-base\";\nimport { popoverContentVariants } from \"../variants\";\n\nexport const PopoverContentAnimated = ({\n children,\n className,\n variant,\n size,\n width,\n side = \"bottom\",\n align = \"center\",\n role = \"dialog\",\n animation = \"none\",\n onDrag: _onDrag,\n onDragStart: _onDragStart,\n onDragEnd: _onDragEnd,\n onAnimationStart: _onAnimationStart,\n ...props\n}: PopoverContentAnimatedProps) => {\n const { open, contentId, contentRef } = usePopover();\n\n if (!open) {\n return null;\n }\n\n const motionProps = popoverAnimationPresets[animation];\n\n return (\n <motion.div\n ref={contentRef}\n id={contentId}\n data-open={open}\n role={role}\n tabIndex={-1}\n {...motionProps}\n className={cn(\n popoverContentVariants({ variant, size, width }),\n sideAlignClass(side, align),\n className,\n )}\n {...props}\n >\n {children}\n </motion.div>\n );\n};\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverContext, usePopover, } from "./popover";
|
|
2
|
+
export { popoverContentVariants } from "./variants";
|
|
3
|
+
export type { PopoverAlign, PopoverContentProps, PopoverContextType, PopoverProps, PopoverSide, PopoverTriggerProps, } from "./types";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,mBAAmB,GACpB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { PopoverAlign, PopoverContentProps, PopoverContextType, PopoverProps, PopoverSide, PopoverTriggerProps } from "./types";
|
|
2
|
+
export declare const PopoverContext: import("react").Context<PopoverContextType | null>;
|
|
3
|
+
export declare const usePopover: () => PopoverContextType;
|
|
4
|
+
export declare function sideAlignClass(side: PopoverSide, align: PopoverAlign): string;
|
|
5
|
+
export declare const Popover: ({ children, defaultOpen, open: controlledOpen, onOpenChange, closeOnEscape, closeOnOutsideClick, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const PopoverTrigger: ({ children, className, }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const PopoverContent: ({ children, className, variant, size, width, side, align, role, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=popover-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover-base.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/popover-base.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,oDAAiD,CAAC;AAE7E,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAcF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,UA0BpE;AAED,eAAO,MAAM,OAAO,GAAI,oGAOrB,YAAY,4CA2Ed,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAG5B,mBAAmB,4CAsDrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4EAU5B,mBAAmB,mDAwBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/popover.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { ComponentPropsWithRef, ReactNode } from "react";
|
|
3
|
+
import { popoverContentVariants } from "./variants";
|
|
4
|
+
export type PopoverSide = "top" | "left" | "bottom" | "right";
|
|
5
|
+
export type PopoverAlign = "start" | "center" | "end";
|
|
6
|
+
export type PopoverContextType = {
|
|
7
|
+
open: boolean;
|
|
8
|
+
setOpen: (value: boolean) => void;
|
|
9
|
+
toggleOpen: () => void;
|
|
10
|
+
contentId: string;
|
|
11
|
+
triggerRef: React.RefObject<HTMLElement | null>;
|
|
12
|
+
contentRef: React.RefObject<HTMLDivElement | null>;
|
|
13
|
+
};
|
|
14
|
+
export type PopoverProps = {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
open?: boolean;
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
closeOnEscape?: boolean;
|
|
20
|
+
closeOnOutsideClick?: boolean;
|
|
21
|
+
};
|
|
22
|
+
export type PopoverTriggerProps = {
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
export type PopoverContentProps = ComponentPropsWithRef<"div"> & {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
variant?: VariantProps<typeof popoverContentVariants>["variant"];
|
|
29
|
+
size?: VariantProps<typeof popoverContentVariants>["size"];
|
|
30
|
+
width?: VariantProps<typeof popoverContentVariants>["width"];
|
|
31
|
+
side?: PopoverSide;
|
|
32
|
+
align?: PopoverAlign;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAAA;IAChE,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const popoverContentVariants: (props?: ({
|
|
2
|
+
variant?: "default" | "outline" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "green" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
|
|
3
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
4
|
+
width?: "md" | "sm" | "lg" | "xl" | "2xl" | "xs" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/variants.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB;;;;8EAWjC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkQSPXPU72_js = require('../chunk-QSPXPU72.js');
|
|
5
|
+
require('../chunk-ZS5756ZC.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "Popover", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () { return chunkQSPXPU72_js.Popover; }
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "PopoverContent", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return chunkQSPXPU72_js.PopoverContent; }
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(exports, "PopoverContext", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return chunkQSPXPU72_js.PopoverContext; }
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports, "PopoverTrigger", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () { return chunkQSPXPU72_js.PopoverTrigger; }
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "popoverContentVariants", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return chunkQSPXPU72_js.popoverContentVariants; }
|
|
28
|
+
});
|
|
29
|
+
Object.defineProperty(exports, "usePopover", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function () { return chunkQSPXPU72_js.usePopover; }
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=popover.js.map
|
|
34
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"popover.js"}
|