@px-ui/core 1.28.0 → 1.29.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/components/avatar-group.d.ts +2 -1
- package/dist/components/avatar-group.d.ts.map +1 -1
- package/dist/components/avatar-group.js +17 -10
- package/dist/components/avatar.d.ts +3 -2
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/button.d.ts +5 -5
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +15 -18
- package/dist/components/checkbox.d.ts +3 -1
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +1 -4
- package/dist/components/combobox.d.ts +12 -4
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +135 -128
- package/dist/components/dialog.d.ts +12 -11
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +118 -88
- package/dist/components/input-group.d.ts +4 -2
- package/dist/components/input-group.d.ts.map +1 -1
- package/dist/components/input.d.ts +3 -2
- package/dist/components/input.d.ts.map +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/menu.d.ts +1 -4
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +87 -108
- package/dist/components/popover.d.ts +17 -15
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +84 -63
- package/dist/components/radio-group.d.ts +3 -1
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/select.d.ts +10 -2
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +66 -61
- package/dist/components/switch.js +3 -3
- package/dist/components/textarea.d.ts +3 -2
- package/dist/components/textarea.d.ts.map +1 -1
- package/dist/components/textarea.js +2 -1
- package/dist/core.css +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23 -25
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/arrow/ComboboxArrow.js +39 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/backdrop/ComboboxBackdrop.js +37 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/collection/GroupCollectionContext.js +16 -3
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/group/ComboboxGroup.js +34 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/group/ComboboxGroupContext.js +13 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/group-label/ComboboxGroupLabel.js +27 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/icon/ComboboxIcon.js +20 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/index.parts.js +52 -0
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/root/ComboboxRootInternal.js +15 -15
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/root/utils/useFilter.js +24 -10
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/row/ComboboxRow.js +24 -0
- package/dist/tw-styles/dropdown.d.ts.map +1 -1
- package/dist/tw-styles/dropdown.js +6 -6
- package/package.json +3 -2
- package/dist/components/text-input.d.ts +0 -12
- package/dist/components/text-input.d.ts.map +0 -1
- package/dist/components/text-input.js +0 -60
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/field/control/FieldControl.js +0 -104
- package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/input/Input.js +0 -13
|
@@ -1,152 +1,182 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cn as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
1
|
+
import { j as a } from "../_virtual/jsx-runtime.js";
|
|
2
|
+
import { cn as e } from "../utils/classnames.js";
|
|
3
|
+
import { Button as l } from "./button.js";
|
|
4
|
+
import i from "../icons/close-icon.js";
|
|
5
|
+
import { DialogRoot as p } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/root/DialogRoot.js";
|
|
6
|
+
import { DialogPortal as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/portal/DialogPortal.js";
|
|
7
|
+
import { DialogTrigger as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/trigger/DialogTrigger.js";
|
|
6
8
|
import { DialogClose as s } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/close/DialogClose.js";
|
|
7
|
-
import {
|
|
8
|
-
import { DialogPopup as
|
|
9
|
-
import { DialogTitle as
|
|
10
|
-
import { DialogDescription as
|
|
11
|
-
function
|
|
12
|
-
|
|
9
|
+
import { DialogBackdrop as m } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/backdrop/DialogBackdrop.js";
|
|
10
|
+
import { DialogPopup as c } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/popup/DialogPopup.js";
|
|
11
|
+
import { DialogTitle as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/title/DialogTitle.js";
|
|
12
|
+
import { DialogDescription as u } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/description/DialogDescription.js";
|
|
13
|
+
function P({
|
|
14
|
+
...t
|
|
15
|
+
}) {
|
|
16
|
+
return /* @__PURE__ */ a.jsx(p, { "data-slot": "dialog", ...t });
|
|
13
17
|
}
|
|
14
|
-
function f({
|
|
15
|
-
|
|
18
|
+
function f({
|
|
19
|
+
...t
|
|
20
|
+
}) {
|
|
21
|
+
return /* @__PURE__ */ a.jsx(d, { "data-slot": "dialog-portal", ...t });
|
|
16
22
|
}
|
|
17
|
-
function
|
|
23
|
+
function R({
|
|
18
24
|
...t
|
|
19
25
|
}) {
|
|
20
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ a.jsx(x, { "data-slot": "dialog-trigger", ...t });
|
|
21
27
|
}
|
|
22
|
-
function
|
|
23
|
-
|
|
28
|
+
function B({
|
|
29
|
+
...t
|
|
30
|
+
}) {
|
|
31
|
+
return /* @__PURE__ */ a.jsx(s, { "data-slot": "dialog-close", ...t });
|
|
24
32
|
}
|
|
25
|
-
function
|
|
33
|
+
function y({
|
|
26
34
|
className: t,
|
|
27
|
-
...
|
|
35
|
+
...o
|
|
28
36
|
}) {
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
|
|
37
|
+
return /* @__PURE__ */ a.jsx(
|
|
38
|
+
m,
|
|
31
39
|
{
|
|
32
40
|
"data-slot": "dialog-overlay",
|
|
33
|
-
className:
|
|
34
|
-
"
|
|
41
|
+
className: e(
|
|
42
|
+
"inset-0 bg-black/50 fixed transition-all duration-200 [&[data-ending-style]]:opacity-0 [&[data-starting-style]]:opacity-0",
|
|
35
43
|
t
|
|
36
44
|
),
|
|
37
|
-
...
|
|
45
|
+
...o
|
|
38
46
|
}
|
|
39
47
|
);
|
|
40
48
|
}
|
|
41
|
-
function
|
|
49
|
+
function I({
|
|
42
50
|
className: t,
|
|
43
|
-
children:
|
|
51
|
+
children: o,
|
|
44
52
|
...r
|
|
45
53
|
}) {
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
54
|
+
return /* @__PURE__ */ a.jsxs(f, { "data-slot": "dialog-portal", children: [
|
|
55
|
+
/* @__PURE__ */ a.jsx(y, {}),
|
|
56
|
+
/* @__PURE__ */ a.jsxs(
|
|
57
|
+
c,
|
|
50
58
|
{
|
|
51
59
|
"data-slot": "dialog-content",
|
|
52
|
-
className:
|
|
53
|
-
"
|
|
54
|
-
"gap-
|
|
55
|
-
"
|
|
60
|
+
className: e(
|
|
61
|
+
"fixed z-50 grid w-full bg-ppx-background text-ppx-foreground ppx-sm:max-w-[calc(100%-2rem)]",
|
|
62
|
+
"gap-8 p-6 shadow-lg ppx-sm:max-w-lg rounded-ppx-m rounded-b-none border border-ppx-neutral-5 duration-200 outline-none ppx-sm:scale-[calc(1-0.1*var(--nested-dialogs))] ppx-sm:rounded-b-ppx-m",
|
|
63
|
+
"bottom-0 fixed w-full ppx-sm:top-[50%] ppx-sm:bottom-auto ppx-sm:left-[50%] ppx-sm:translate-x-[-50%] ppx-sm:translate-y-[-50%]",
|
|
56
64
|
"duration-200",
|
|
57
65
|
"data-[starting-style]:translate-y-full data-[starting-style]:opacity-0",
|
|
58
66
|
"data-[ending-style]:translate-y-full data-[ending-style]:opacity-0",
|
|
59
|
-
"data-[starting-style]:sm:translate-y-[-50%] data-[starting-style]:sm:scale-95",
|
|
60
|
-
"data-[ending-style]:sm:translate-y-[-50%] data-[ending-style]:sm:scale-95",
|
|
67
|
+
"data-[starting-style]:ppx-sm:translate-y-[-50%] data-[starting-style]:ppx-sm:scale-95",
|
|
68
|
+
"data-[ending-style]:ppx-sm:translate-y-[-50%] data-[ending-style]:ppx-sm:scale-95",
|
|
61
69
|
t
|
|
62
70
|
),
|
|
63
71
|
...r,
|
|
64
72
|
children: [
|
|
65
|
-
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
"stroke-width": "2",
|
|
77
|
-
"stroke-linecap": "round",
|
|
78
|
-
"stroke-linejoin": "round",
|
|
79
|
-
children: [
|
|
80
|
-
/* @__PURE__ */ o.jsx("path", { d: "M18 6 6 18" }),
|
|
81
|
-
/* @__PURE__ */ o.jsx("path", { d: "m6 6 12 12" })
|
|
82
|
-
]
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
/* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
|
|
86
|
-
] })
|
|
73
|
+
o,
|
|
74
|
+
/* @__PURE__ */ a.jsx(
|
|
75
|
+
s,
|
|
76
|
+
{
|
|
77
|
+
className: "top-4 right-4 absolute text-ppx-muted-foreground",
|
|
78
|
+
render: (n) => /* @__PURE__ */ a.jsxs(l, { ...n, size: "icon-sm", variant: "ghost", children: [
|
|
79
|
+
/* @__PURE__ */ a.jsx(i, {}),
|
|
80
|
+
/* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
|
|
81
|
+
] })
|
|
82
|
+
}
|
|
83
|
+
)
|
|
87
84
|
]
|
|
88
85
|
}
|
|
89
86
|
)
|
|
90
87
|
] });
|
|
91
88
|
}
|
|
92
|
-
function
|
|
93
|
-
return /* @__PURE__ */
|
|
89
|
+
function E({ className: t, ...o }) {
|
|
90
|
+
return /* @__PURE__ */ a.jsx(
|
|
94
91
|
"div",
|
|
95
92
|
{
|
|
96
93
|
"data-slot": "dialog-header",
|
|
97
|
-
className:
|
|
98
|
-
...
|
|
94
|
+
className: e("gap-3 flex", t),
|
|
95
|
+
...o
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
}
|
|
99
|
+
function F({
|
|
100
|
+
className: t,
|
|
101
|
+
children: o,
|
|
102
|
+
...r
|
|
103
|
+
}) {
|
|
104
|
+
return /* @__PURE__ */ a.jsx(
|
|
105
|
+
"div",
|
|
106
|
+
{
|
|
107
|
+
className: e("gap-2 flex flex-col self-center", t),
|
|
108
|
+
...r,
|
|
109
|
+
children: o
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
}
|
|
113
|
+
function O({
|
|
114
|
+
className: t,
|
|
115
|
+
children: o,
|
|
116
|
+
...r
|
|
117
|
+
}) {
|
|
118
|
+
return /* @__PURE__ */ a.jsx(
|
|
119
|
+
"div",
|
|
120
|
+
{
|
|
121
|
+
className: e(
|
|
122
|
+
"size-12 flex shrink-0 items-center justify-center rounded-full bg-ppx-neutral-2 text-ppx-muted-foreground",
|
|
123
|
+
t
|
|
124
|
+
),
|
|
125
|
+
...r,
|
|
126
|
+
children: o
|
|
99
127
|
}
|
|
100
128
|
);
|
|
101
129
|
}
|
|
102
|
-
function
|
|
103
|
-
return /* @__PURE__ */
|
|
130
|
+
function q({ className: t, ...o }) {
|
|
131
|
+
return /* @__PURE__ */ a.jsx(
|
|
104
132
|
"div",
|
|
105
133
|
{
|
|
106
134
|
"data-slot": "dialog-footer",
|
|
107
|
-
className:
|
|
108
|
-
"flex flex-col-reverse
|
|
135
|
+
className: e(
|
|
136
|
+
"gap-2 flex flex-col-reverse ppx-sm:flex-row ppx-sm:justify-end",
|
|
109
137
|
t
|
|
110
138
|
),
|
|
111
|
-
...
|
|
139
|
+
...o
|
|
112
140
|
}
|
|
113
141
|
);
|
|
114
142
|
}
|
|
115
|
-
function
|
|
143
|
+
function A({
|
|
116
144
|
className: t,
|
|
117
|
-
...
|
|
145
|
+
...o
|
|
118
146
|
}) {
|
|
119
|
-
return /* @__PURE__ */
|
|
120
|
-
|
|
147
|
+
return /* @__PURE__ */ a.jsx(
|
|
148
|
+
g,
|
|
121
149
|
{
|
|
122
150
|
"data-slot": "dialog-title",
|
|
123
|
-
className:
|
|
124
|
-
...
|
|
151
|
+
className: e("font-sans-sb text-ppx-h4 leading-none", t),
|
|
152
|
+
...o
|
|
125
153
|
}
|
|
126
154
|
);
|
|
127
155
|
}
|
|
128
|
-
function
|
|
156
|
+
function G({
|
|
129
157
|
className: t,
|
|
130
|
-
...
|
|
158
|
+
...o
|
|
131
159
|
}) {
|
|
132
|
-
return /* @__PURE__ */
|
|
133
|
-
|
|
160
|
+
return /* @__PURE__ */ a.jsx(
|
|
161
|
+
u,
|
|
134
162
|
{
|
|
135
163
|
"data-slot": "dialog-description",
|
|
136
|
-
className:
|
|
137
|
-
...
|
|
164
|
+
className: e("text-ppx-sm text-ppx-muted-foreground", t),
|
|
165
|
+
...o
|
|
138
166
|
}
|
|
139
167
|
);
|
|
140
168
|
}
|
|
141
169
|
export {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
170
|
+
B as Close,
|
|
171
|
+
I as Content,
|
|
172
|
+
G as Description,
|
|
173
|
+
q as Footer,
|
|
174
|
+
E as Header,
|
|
175
|
+
F as HeaderContent,
|
|
176
|
+
O as HeaderIcon,
|
|
177
|
+
y as Overlay,
|
|
148
178
|
f as Portal,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
179
|
+
P as Root,
|
|
180
|
+
A as Title,
|
|
181
|
+
R as Trigger
|
|
152
182
|
};
|
|
@@ -11,9 +11,11 @@ export declare function Root({ className, size, disabled, widthVariant, ...props
|
|
|
11
11
|
declare const inputGroupAddonVariants: (props?: ({
|
|
12
12
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
13
13
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
14
|
-
|
|
14
|
+
interface AddonProps extends React.ComponentProps<"div">, VariantProps<typeof inputGroupAddonVariants> {
|
|
15
|
+
}
|
|
16
|
+
export declare function Addon({ className, align, ...props }: AddonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
declare const inputGroupButtonVariants: (props?: ({
|
|
16
|
-
size?: "sm" | "
|
|
18
|
+
size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
|
|
17
19
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
18
20
|
export declare function Button({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof ButtonComponent>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
export declare function Text({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,QAAA,MAAM,kBAAkB;;;mFAmBvB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAUjE;AAED,QAAA,MAAM,uBAAuB;;mFAa5B,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,QAAA,MAAM,kBAAkB;;;mFAmBvB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAUjE;AAED,QAAA,MAAM,uBAAuB;;mFAa5B,CAAC;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,uBAAuB,CAAC;CAAG;AAEnD,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ;AAED,QAAA,MAAM,wBAAwB;;mFAe7B,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAU9C;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAUzE;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAavD"}
|
|
@@ -4,8 +4,9 @@ declare const inputVariants: (props?: ({
|
|
|
4
4
|
size?: "default" | "sm" | null | undefined;
|
|
5
5
|
widthVariant?: "enforced" | "full" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
7
|
-
|
|
7
|
+
interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
|
|
8
8
|
invalid?: boolean;
|
|
9
|
-
}
|
|
9
|
+
}
|
|
10
|
+
declare function Input({ className, size, invalid, widthVariant, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export { Input };
|
|
11
12
|
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,aAAa;;;mFAkBlB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,aAAa;;;mFAkBlB,CAAC;AAEF,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,UAAU,2CAaZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/components/label.js
CHANGED
|
@@ -6,7 +6,7 @@ function l({ className: e, ...t }) {
|
|
|
6
6
|
{
|
|
7
7
|
"data-slot": "label",
|
|
8
8
|
className: o(
|
|
9
|
-
"flex items-center
|
|
9
|
+
"gap-2 font-medium flex items-center text-ppx-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
10
10
|
e
|
|
11
11
|
),
|
|
12
12
|
...t
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { Menu } from '@base-ui-components/react/menu';
|
|
2
|
+
import { triggerVariants } from '../tw-styles/dropdown';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import * as React from "react";
|
|
4
|
-
export declare const triggerVariants: (props?: ({
|
|
5
|
-
size?: "default" | "sm" | null | undefined;
|
|
6
|
-
widthVariant?: "enforced" | "fit" | "full" | null | undefined;
|
|
7
|
-
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
8
5
|
export declare const Root: React.FC<Menu.Root.Props>;
|
|
9
6
|
export declare function Trigger({ className, children, size, widthVariant, ...props }: React.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): import("react/jsx-runtime").JSX.Element;
|
|
10
7
|
export declare function Content({ portalProps, positionerProps, popupProps, children, widthVariant, }: React.PropsWithChildren<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,OAAO,EAIL,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,eAAO,MAAM,IAAI,2BAAY,CAAC;AAE9B,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAC1C,YAAY,CAAC,OAAO,eAAe,CAAC,2CAUrC;AAED,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAoB,GACrB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;CAC/C,CAAC,2CA6BD;AAED,wBAAgB,iBAAiB,4CAEhC;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,2CAMxC;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,2CAO7C;AAED,eAAO,MAAM,KAAK,kFAAa,CAAC;AAEhC,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,2CAU9C;AAED,eAAO,MAAM,UAAU,kFAAkB,CAAC;AAE1C,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,2CAQ7C;AAED,eAAO,MAAM,WAAW,wFAAe,CAAC;AAExC,eAAO,MAAM,QAAQ,aAAO,CAAC"}
|
package/dist/components/menu.js
CHANGED
|
@@ -1,82 +1,62 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cn as
|
|
3
|
-
import
|
|
4
|
-
import { DROPDOWN_POPUP_CN as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
const R = l(
|
|
19
|
-
"gap-2 p-input text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 text-ppx-foreground not-disabled:not-data-popup-open:hover:bg-ppx-neutral-2 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 data-popup-open:bg-ppx-neutral-3 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
20
|
-
{
|
|
21
|
-
variants: {
|
|
22
|
-
size: {
|
|
23
|
-
default: "h-input rounded-input",
|
|
24
|
-
sm: "h-input-s rounded-input-s"
|
|
25
|
-
},
|
|
26
|
-
widthVariant: {
|
|
27
|
-
enforced: "min-w-input w-[var(--min-width-input)]",
|
|
28
|
-
fit: "min-w-0 w-fit",
|
|
29
|
-
full: "min-w-0 w-full"
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
size: "default",
|
|
34
|
-
widthVariant: "fit"
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
), $ = c;
|
|
1
|
+
import { j as e } from "../_virtual/jsx-runtime.js";
|
|
2
|
+
import { cn as n } from "../utils/classnames.js";
|
|
3
|
+
import u from "../icons/chevron-down-icon.js";
|
|
4
|
+
import { triggerVariants as c, DROPDOWN_POPUP_CN as f, DROPDOWN_POSITIONER_CN as l, DROPDOWN_ITEM_CN as s } from "../tw-styles/dropdown.js";
|
|
5
|
+
import { MenuRoot as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/root/MenuRoot.js";
|
|
6
|
+
import { MenuGroup as p } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/group/MenuGroup.js";
|
|
7
|
+
import { MenuRadioGroup as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/radio-group/MenuRadioGroup.js";
|
|
8
|
+
import { MenuTrigger as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/trigger/MenuTrigger.js";
|
|
9
|
+
import * as N from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/index.parts.js";
|
|
10
|
+
import { MenuPortal as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/portal/MenuPortal.js";
|
|
11
|
+
import { MenuPositioner as j } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/positioner/MenuPositioner.js";
|
|
12
|
+
import { MenuPopup as M } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/popup/MenuPopup.js";
|
|
13
|
+
import { MenuItem as O } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/item/MenuItem.js";
|
|
14
|
+
import { Separator as R } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/separator/Separator.js";
|
|
15
|
+
import { MenuGroupLabel as I } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/group-label/MenuGroupLabel.js";
|
|
16
|
+
import { MenuRadioItem as D } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/radio-item/MenuRadioItem.js";
|
|
17
|
+
const $ = x;
|
|
38
18
|
function q({
|
|
39
|
-
className:
|
|
40
|
-
children:
|
|
41
|
-
size:
|
|
42
|
-
widthVariant: a,
|
|
43
|
-
...
|
|
19
|
+
className: t,
|
|
20
|
+
children: r,
|
|
21
|
+
size: o,
|
|
22
|
+
widthVariant: a = "fit",
|
|
23
|
+
...m
|
|
44
24
|
}) {
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
|
|
25
|
+
return /* @__PURE__ */ e.jsxs(
|
|
26
|
+
i,
|
|
47
27
|
{
|
|
48
|
-
className:
|
|
49
|
-
...
|
|
28
|
+
className: n(c({ size: o, widthVariant: a }), t),
|
|
29
|
+
...m,
|
|
50
30
|
children: [
|
|
51
|
-
|
|
52
|
-
/* @__PURE__ */
|
|
31
|
+
r,
|
|
32
|
+
/* @__PURE__ */ e.jsx(_, {})
|
|
53
33
|
]
|
|
54
34
|
}
|
|
55
35
|
);
|
|
56
36
|
}
|
|
57
|
-
function
|
|
58
|
-
portalProps:
|
|
59
|
-
positionerProps:
|
|
60
|
-
popupProps:
|
|
37
|
+
function z({
|
|
38
|
+
portalProps: t,
|
|
39
|
+
positionerProps: r,
|
|
40
|
+
popupProps: o,
|
|
61
41
|
children: a,
|
|
62
|
-
widthVariant:
|
|
42
|
+
widthVariant: m = "fit"
|
|
63
43
|
}) {
|
|
64
|
-
return /* @__PURE__ */
|
|
65
|
-
|
|
44
|
+
return /* @__PURE__ */ e.jsx(g, { ...t, children: /* @__PURE__ */ e.jsx(
|
|
45
|
+
j,
|
|
66
46
|
{
|
|
67
47
|
sideOffset: 6,
|
|
68
48
|
align: "start",
|
|
69
|
-
...
|
|
70
|
-
className:
|
|
71
|
-
children: /* @__PURE__ */
|
|
72
|
-
|
|
49
|
+
...r,
|
|
50
|
+
className: n(l, r == null ? void 0 : r.className),
|
|
51
|
+
children: /* @__PURE__ */ e.jsx(
|
|
52
|
+
M,
|
|
73
53
|
{
|
|
74
|
-
...
|
|
75
|
-
className:
|
|
76
|
-
|
|
54
|
+
...o,
|
|
55
|
+
className: n(
|
|
56
|
+
f,
|
|
77
57
|
"py-1",
|
|
78
|
-
|
|
79
|
-
|
|
58
|
+
m === "trigger" ? "w-[var(--anchor-width)]" : m === "fit" ? "w-fit" : m === "enforced" ? "w-[var(--min-width-input)]" : "",
|
|
59
|
+
o == null ? void 0 : o.className
|
|
80
60
|
),
|
|
81
61
|
children: a
|
|
82
62
|
}
|
|
@@ -84,71 +64,70 @@ function A({
|
|
|
84
64
|
}
|
|
85
65
|
) });
|
|
86
66
|
}
|
|
87
|
-
function
|
|
88
|
-
return /* @__PURE__ */
|
|
67
|
+
function _() {
|
|
68
|
+
return /* @__PURE__ */ e.jsx(u, { className: "data-popup-open:rotate-180" });
|
|
89
69
|
}
|
|
90
|
-
function
|
|
91
|
-
className:
|
|
92
|
-
children:
|
|
93
|
-
...
|
|
70
|
+
function A({
|
|
71
|
+
className: t,
|
|
72
|
+
children: r,
|
|
73
|
+
...o
|
|
94
74
|
}) {
|
|
95
|
-
return /* @__PURE__ */
|
|
75
|
+
return /* @__PURE__ */ e.jsx(O, { className: n(s, t), ...o, children: r });
|
|
96
76
|
}
|
|
97
|
-
function
|
|
98
|
-
className:
|
|
99
|
-
...
|
|
77
|
+
function F({
|
|
78
|
+
className: t,
|
|
79
|
+
...r
|
|
100
80
|
}) {
|
|
101
|
-
return /* @__PURE__ */
|
|
102
|
-
|
|
81
|
+
return /* @__PURE__ */ e.jsx(
|
|
82
|
+
R,
|
|
103
83
|
{
|
|
104
|
-
className:
|
|
105
|
-
...
|
|
84
|
+
className: n("my-1.5 mx-2 h-px bg-ppx-neutral-5", t),
|
|
85
|
+
...r
|
|
106
86
|
}
|
|
107
87
|
);
|
|
108
88
|
}
|
|
109
|
-
const
|
|
110
|
-
function
|
|
111
|
-
className:
|
|
112
|
-
...
|
|
89
|
+
const H = p;
|
|
90
|
+
function J({
|
|
91
|
+
className: t,
|
|
92
|
+
...r
|
|
113
93
|
}) {
|
|
114
|
-
return /* @__PURE__ */
|
|
115
|
-
|
|
94
|
+
return /* @__PURE__ */ e.jsx(
|
|
95
|
+
I,
|
|
116
96
|
{
|
|
117
|
-
className:
|
|
97
|
+
className: n(
|
|
118
98
|
"py-2 px-4 leading-4 cursor-default font-sans-sb text-ppx-sm text-ppx-muted-foreground uppercase select-none",
|
|
119
|
-
|
|
99
|
+
t
|
|
120
100
|
),
|
|
121
|
-
...
|
|
101
|
+
...r
|
|
122
102
|
}
|
|
123
103
|
);
|
|
124
104
|
}
|
|
125
|
-
const
|
|
126
|
-
function
|
|
127
|
-
className:
|
|
128
|
-
...
|
|
105
|
+
const K = d;
|
|
106
|
+
function P({
|
|
107
|
+
className: t,
|
|
108
|
+
...r
|
|
129
109
|
}) {
|
|
130
|
-
return /* @__PURE__ */
|
|
131
|
-
|
|
110
|
+
return /* @__PURE__ */ e.jsx(
|
|
111
|
+
D,
|
|
132
112
|
{
|
|
133
|
-
className:
|
|
113
|
+
className: n(s, t),
|
|
134
114
|
closeOnClick: !0,
|
|
135
|
-
...
|
|
115
|
+
...r
|
|
136
116
|
}
|
|
137
117
|
);
|
|
138
118
|
}
|
|
139
|
-
const
|
|
119
|
+
const Q = i, X = N;
|
|
140
120
|
export {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
121
|
+
X as BaseMenu,
|
|
122
|
+
Q as BaseTrigger,
|
|
123
|
+
z as Content,
|
|
124
|
+
_ as DropdownIndicator,
|
|
125
|
+
H as Group,
|
|
126
|
+
J as GroupLabel,
|
|
127
|
+
A as Item,
|
|
128
|
+
K as RadioGroup,
|
|
129
|
+
P as RadioItem,
|
|
150
130
|
$ as Root,
|
|
151
|
-
|
|
152
|
-
q as Trigger
|
|
153
|
-
R as triggerVariants
|
|
131
|
+
F as Separator,
|
|
132
|
+
q as Trigger
|
|
154
133
|
};
|