@px-ui/core 1.24.0 → 1.26.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/menu.d.ts +2 -1
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +42 -29
- package/dist/components/progress.d.ts +13 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +81 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +38 -36
- 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/progress/indicator/ProgressIndicator.js +33 -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/progress/label/ProgressLabel.js +29 -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/progress/root/ProgressRoot.js +61 -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/progress/root/ProgressRootContext.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/progress/root/ProgressRootDataAttributes.js +6 -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/progress/root/stateAttributesMapping.js +15 -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/progress/track/ProgressTrack.js +23 -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/progress/value/ProgressValue.js +29 -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/utils/formatNumber.js +19 -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/utils/valueToPercent.js +6 -0
- package/dist/tw-styles/dropdown.d.ts +2 -2
- package/dist/tw-styles/dropdown.d.ts.map +1 -1
- package/dist/tw-styles/dropdown.js +1 -1
- package/dist/utils/classnames.d.ts.map +1 -1
- package/dist/utils/classnames.js +29 -5
- package/package.json +5 -1
|
@@ -7,10 +7,11 @@ export declare const triggerVariants: (props?: ({
|
|
|
7
7
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
8
8
|
export declare const Root: React.FC<Menu.Root.Props>;
|
|
9
9
|
export declare function Trigger({ className, children, size, widthVariant, ...props }: React.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare function Content({ portalProps, positionerProps, popupProps, children, }: React.PropsWithChildren<{
|
|
10
|
+
export declare function Content({ portalProps, positionerProps, popupProps, children, widthVariant, }: React.PropsWithChildren<{
|
|
11
11
|
portalProps?: React.ComponentProps<typeof Menu.Portal>;
|
|
12
12
|
positionerProps?: React.ComponentProps<typeof Menu.Positioner>;
|
|
13
13
|
popupProps?: React.ComponentProps<typeof Menu.Popup>;
|
|
14
|
+
widthVariant?: "trigger" | "fit" | "enforced";
|
|
14
15
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export declare function DropdownIndicator(): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export declare function Item({ className, children, ...props }: React.ComponentProps<typeof Menu.Item>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -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;AAQtD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,eAAO,MAAM,eAAe;;;mFAmB3B,CAAC;AAEF,eAAO,MAAM,IAAI,2BAAY,CAAC;AAE9B,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,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,
|
|
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;AAQtD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,eAAO,MAAM,eAAe;;;mFAmB3B,CAAC;AAEF,eAAO,MAAM,IAAI,2BAAY,CAAC;AAE9B,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,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,21 +1,21 @@
|
|
|
1
1
|
import { j as r } from "../_virtual/jsx-runtime.js";
|
|
2
2
|
import { cn as o } from "../utils/classnames.js";
|
|
3
|
-
import
|
|
4
|
-
import { DROPDOWN_POPUP_CN as p, DROPDOWN_POSITIONER_CN as f, DROPDOWN_ITEM_CN as
|
|
3
|
+
import m from "../icons/chevron-down-icon.js";
|
|
4
|
+
import { DROPDOWN_POPUP_CN as p, DROPDOWN_POSITIONER_CN as f, DROPDOWN_ITEM_CN as u } from "../tw-styles/dropdown.js";
|
|
5
5
|
import { cva as l } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
|
|
6
6
|
import { MenuRoot 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/menu/root/MenuRoot.js";
|
|
7
7
|
import { MenuGroup 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/group/MenuGroup.js";
|
|
8
8
|
import { MenuRadioGroup 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/radio-group/MenuRadioGroup.js";
|
|
9
|
-
import { MenuTrigger as
|
|
9
|
+
import { MenuTrigger 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/menu/trigger/MenuTrigger.js";
|
|
10
10
|
import * 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/index.parts.js";
|
|
11
11
|
import { MenuPortal 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/portal/MenuPortal.js";
|
|
12
12
|
import { MenuPositioner as b } 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";
|
|
13
|
-
import { MenuPopup as
|
|
14
|
-
import { MenuItem as
|
|
15
|
-
import { Separator as
|
|
16
|
-
import { MenuGroupLabel as
|
|
17
|
-
import { MenuRadioItem as
|
|
18
|
-
const
|
|
13
|
+
import { MenuPopup as w } 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";
|
|
14
|
+
import { MenuItem 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/item/MenuItem.js";
|
|
15
|
+
import { Separator as h } 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";
|
|
16
|
+
import { MenuGroupLabel 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/group-label/MenuGroupLabel.js";
|
|
17
|
+
import { MenuRadioItem 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/radio-item/MenuRadioItem.js";
|
|
18
|
+
const R = l(
|
|
19
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
20
|
{
|
|
21
21
|
variants: {
|
|
@@ -34,22 +34,22 @@ const O = l(
|
|
|
34
34
|
widthVariant: "fit"
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
),
|
|
37
|
+
), $ = c;
|
|
38
38
|
function q({
|
|
39
39
|
className: e,
|
|
40
40
|
children: t,
|
|
41
41
|
size: n,
|
|
42
42
|
widthVariant: a,
|
|
43
|
-
...
|
|
43
|
+
...i
|
|
44
44
|
}) {
|
|
45
45
|
return /* @__PURE__ */ r.jsxs(
|
|
46
|
-
|
|
46
|
+
s,
|
|
47
47
|
{
|
|
48
|
-
className: o(
|
|
49
|
-
...
|
|
48
|
+
className: o(R({ size: n, widthVariant: a }), e),
|
|
49
|
+
...i,
|
|
50
50
|
children: [
|
|
51
51
|
t,
|
|
52
|
-
/* @__PURE__ */ r.jsx(
|
|
52
|
+
/* @__PURE__ */ r.jsx(v, {})
|
|
53
53
|
]
|
|
54
54
|
}
|
|
55
55
|
);
|
|
@@ -58,7 +58,8 @@ function A({
|
|
|
58
58
|
portalProps: e,
|
|
59
59
|
positionerProps: t,
|
|
60
60
|
popupProps: n,
|
|
61
|
-
children: a
|
|
61
|
+
children: a,
|
|
62
|
+
widthVariant: i = "fit"
|
|
62
63
|
}) {
|
|
63
64
|
return /* @__PURE__ */ r.jsx(N, { ...e, children: /* @__PURE__ */ r.jsx(
|
|
64
65
|
b,
|
|
@@ -68,32 +69,37 @@ function A({
|
|
|
68
69
|
...t,
|
|
69
70
|
className: o(f, t == null ? void 0 : t.className),
|
|
70
71
|
children: /* @__PURE__ */ r.jsx(
|
|
71
|
-
|
|
72
|
+
w,
|
|
72
73
|
{
|
|
73
|
-
className: o(p, n == null ? void 0 : n.className),
|
|
74
74
|
...n,
|
|
75
|
+
className: o(
|
|
76
|
+
p,
|
|
77
|
+
"py-1",
|
|
78
|
+
i === "trigger" ? "w-[var(--anchor-width)]" : i === "fit" ? "w-fit" : i === "enforced" ? "w-[var(--min-width-input)]" : "",
|
|
79
|
+
n == null ? void 0 : n.className
|
|
80
|
+
),
|
|
75
81
|
children: a
|
|
76
82
|
}
|
|
77
83
|
)
|
|
78
84
|
}
|
|
79
85
|
) });
|
|
80
86
|
}
|
|
81
|
-
function
|
|
82
|
-
return /* @__PURE__ */ r.jsx(
|
|
87
|
+
function v() {
|
|
88
|
+
return /* @__PURE__ */ r.jsx(m, { className: "data-popup-open:rotate-180" });
|
|
83
89
|
}
|
|
84
90
|
function F({
|
|
85
91
|
className: e,
|
|
86
92
|
children: t,
|
|
87
93
|
...n
|
|
88
94
|
}) {
|
|
89
|
-
return /* @__PURE__ */ r.jsx(
|
|
95
|
+
return /* @__PURE__ */ r.jsx(j, { className: o(u, e), ...n, children: t });
|
|
90
96
|
}
|
|
91
97
|
function H({
|
|
92
98
|
className: e,
|
|
93
99
|
...t
|
|
94
100
|
}) {
|
|
95
101
|
return /* @__PURE__ */ r.jsx(
|
|
96
|
-
|
|
102
|
+
h,
|
|
97
103
|
{
|
|
98
104
|
className: o("my-1.5 mx-2 h-px bg-ppx-neutral-5", e),
|
|
99
105
|
...t
|
|
@@ -106,10 +112,10 @@ function K({
|
|
|
106
112
|
...t
|
|
107
113
|
}) {
|
|
108
114
|
return /* @__PURE__ */ r.jsx(
|
|
109
|
-
|
|
115
|
+
M,
|
|
110
116
|
{
|
|
111
117
|
className: o(
|
|
112
|
-
"py-2 px-4 leading-4 cursor-default text-ppx-
|
|
118
|
+
"py-2 px-4 leading-4 cursor-default font-sans-sb text-ppx-sm text-ppx-muted-foreground uppercase select-none",
|
|
113
119
|
e
|
|
114
120
|
),
|
|
115
121
|
...t
|
|
@@ -121,21 +127,28 @@ function Q({
|
|
|
121
127
|
className: e,
|
|
122
128
|
...t
|
|
123
129
|
}) {
|
|
124
|
-
return /* @__PURE__ */ r.jsx(
|
|
130
|
+
return /* @__PURE__ */ r.jsx(
|
|
131
|
+
O,
|
|
132
|
+
{
|
|
133
|
+
className: o(u, e),
|
|
134
|
+
closeOnClick: !0,
|
|
135
|
+
...t
|
|
136
|
+
}
|
|
137
|
+
);
|
|
125
138
|
}
|
|
126
|
-
const X =
|
|
139
|
+
const X = s, Y = g;
|
|
127
140
|
export {
|
|
128
141
|
Y as BaseMenu,
|
|
129
142
|
X as BaseTrigger,
|
|
130
143
|
A as Content,
|
|
131
|
-
|
|
144
|
+
v as DropdownIndicator,
|
|
132
145
|
J as Group,
|
|
133
146
|
K as GroupLabel,
|
|
134
147
|
F as Item,
|
|
135
148
|
P as RadioGroup,
|
|
136
149
|
Q as RadioItem,
|
|
137
|
-
|
|
150
|
+
$ as Root,
|
|
138
151
|
H as Separator,
|
|
139
152
|
q as Trigger,
|
|
140
|
-
|
|
153
|
+
R as triggerVariants
|
|
141
154
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Progress } from '@base-ui-components/react/progress';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const progressTrackVariants: (props?: ({
|
|
5
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
7
|
+
export declare const Root: React.ForwardRefExoticComponent<Progress.Root.Props & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare function Track({ className, size, children, ...props }: React.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Indicator({ className, ...props }: React.ComponentProps<typeof Progress.Indicator>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function Label({ className, ...props }: React.ComponentProps<typeof Progress.Label>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function Value({ className, ...props }: React.ComponentProps<typeof Progress.Value>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,QAAA,MAAM,qBAAqB;;mFAc1B,CAAC;AAKF,eAAO,MAAM,IAAI,4FAAgB,CAAC;AAElC,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,GAC5C,YAAY,CAAC,OAAO,qBAAqB,CAAC,2CAS3C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,2CAOjD;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,2CAO7C;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,2CAO7C"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { j as t } from "../_virtual/jsx-runtime.js";
|
|
2
|
+
import { cn as e } from "../utils/classnames.js";
|
|
3
|
+
import { cva as n } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
|
|
4
|
+
import { ProgressRoot 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/progress/root/ProgressRoot.js";
|
|
5
|
+
import { ProgressTrack as l } 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/progress/track/ProgressTrack.js";
|
|
6
|
+
import { ProgressIndicator 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/progress/indicator/ProgressIndicator.js";
|
|
7
|
+
import { ProgressLabel as f } 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/progress/label/ProgressLabel.js";
|
|
8
|
+
import { ProgressValue 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/progress/value/ProgressValue.js";
|
|
9
|
+
const u = n(
|
|
10
|
+
"relative h-2 w-full overflow-hidden rounded-full bg-ppx-neutral-3",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
size: {
|
|
14
|
+
default: "h-2",
|
|
15
|
+
sm: "h-1.5",
|
|
16
|
+
lg: "h-3"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: {
|
|
20
|
+
size: "default"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
), k = i;
|
|
24
|
+
function v({
|
|
25
|
+
className: r,
|
|
26
|
+
size: o,
|
|
27
|
+
children: s,
|
|
28
|
+
...a
|
|
29
|
+
}) {
|
|
30
|
+
return /* @__PURE__ */ t.jsx(
|
|
31
|
+
l,
|
|
32
|
+
{
|
|
33
|
+
className: e(u({ size: o }), r),
|
|
34
|
+
...a,
|
|
35
|
+
children: s
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
function N({
|
|
40
|
+
className: r,
|
|
41
|
+
...o
|
|
42
|
+
}) {
|
|
43
|
+
return /* @__PURE__ */ t.jsx(
|
|
44
|
+
m,
|
|
45
|
+
{
|
|
46
|
+
className: e("h-full w-full flex-1 transition-all duration-300 ease-in-out bg-ppx-primary-b-5", r),
|
|
47
|
+
...o
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
function V({
|
|
52
|
+
className: r,
|
|
53
|
+
...o
|
|
54
|
+
}) {
|
|
55
|
+
return /* @__PURE__ */ t.jsx(
|
|
56
|
+
f,
|
|
57
|
+
{
|
|
58
|
+
className: e("text-ppx-sm font-medium text-ppx-foreground", r),
|
|
59
|
+
...o
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
function w({
|
|
64
|
+
className: r,
|
|
65
|
+
...o
|
|
66
|
+
}) {
|
|
67
|
+
return /* @__PURE__ */ t.jsx(
|
|
68
|
+
p,
|
|
69
|
+
{
|
|
70
|
+
className: e("text-ppx-sm font-bold text-ppx-primary-b-5 flex-shrink-0", r),
|
|
71
|
+
...o
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
export {
|
|
76
|
+
N as Indicator,
|
|
77
|
+
V as Label,
|
|
78
|
+
k as Root,
|
|
79
|
+
v as Track,
|
|
80
|
+
w as Value
|
|
81
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * as Popover from './components/popover';
|
|
|
3
3
|
export * as Combobox from './components/combobox';
|
|
4
4
|
export * as Select from './components/select';
|
|
5
5
|
export * as Menu from './components/menu';
|
|
6
|
+
export * as Progress from './components/progress';
|
|
6
7
|
export * as InputGroup from './components/input-group';
|
|
7
8
|
export * as SegmentedControl from './components/segmented-control';
|
|
8
9
|
export * as Tabs from './components/tabs';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,gBAAgB,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,kBAAkB,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,eAAe,MAAM,gCAAgC,CAAC;AAGlE,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -4,54 +4,56 @@ import * as t from "./components/popover.js";
|
|
|
4
4
|
import * as p from "./components/combobox.js";
|
|
5
5
|
import * as e from "./components/select.js";
|
|
6
6
|
import * as m from "./components/menu.js";
|
|
7
|
-
import * as a from "./components/
|
|
8
|
-
import * as s from "./components/
|
|
9
|
-
import * as x from "./components/
|
|
10
|
-
import * as i from "./components/
|
|
11
|
-
import * as f from "./components/
|
|
12
|
-
import * as n from "./components/block-
|
|
13
|
-
import
|
|
14
|
-
import {
|
|
7
|
+
import * as a from "./components/progress.js";
|
|
8
|
+
import * as s from "./components/input-group.js";
|
|
9
|
+
import * as x from "./components/segmented-control.js";
|
|
10
|
+
import * as i from "./components/tabs.js";
|
|
11
|
+
import * as f from "./components/tooltip.js";
|
|
12
|
+
import * as n from "./components/block-checkbox-group.js";
|
|
13
|
+
import * as u from "./components/block-radio-group.js";
|
|
14
|
+
import { Button as l, buttonVariants as d } from "./components/button.js";
|
|
15
|
+
import { Checkbox as k } from "./components/checkbox.js";
|
|
15
16
|
import { Label as v } from "./components/label.js";
|
|
16
17
|
import { TextInput as I } from "./components/text-input.js";
|
|
17
|
-
import { Input as
|
|
18
|
-
import { Textarea as
|
|
19
|
-
import { Avatar as
|
|
20
|
-
import { AvatarGroup as
|
|
18
|
+
import { Input as A } from "./components/input.js";
|
|
19
|
+
import { Textarea as S } from "./components/textarea.js";
|
|
20
|
+
import { Avatar as B, AvatarImpl as O } from "./components/avatar.js";
|
|
21
|
+
import { AvatarGroup as P } from "./components/avatar-group.js";
|
|
21
22
|
import { Spinner as y } from "./components/spinner.js";
|
|
22
23
|
import { Switch as M } from "./components/switch.js";
|
|
23
|
-
import { RadioGroup as
|
|
24
|
-
import { defineLoadOptions as
|
|
25
|
-
import { useIntersectionObserver as
|
|
26
|
-
import { cn as
|
|
24
|
+
import { RadioGroup as j, RadioGroupItem as q } from "./components/radio-group.js";
|
|
25
|
+
import { defineLoadOptions as E, useAsyncOptions as F } from "./hooks/use-async-options.js";
|
|
26
|
+
import { useIntersectionObserver as J } from "./hooks/use-intersection-observer.js";
|
|
27
|
+
import { cn as N } from "./utils/classnames.js";
|
|
27
28
|
export {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
B as Avatar,
|
|
30
|
+
P as AvatarGroup,
|
|
31
|
+
O as AvatarImpl,
|
|
32
|
+
n as BlockCheckboxGroup,
|
|
33
|
+
u as BlockRadioGroup,
|
|
34
|
+
l as Button,
|
|
35
|
+
k as Checkbox,
|
|
35
36
|
p as Combobox,
|
|
36
37
|
r as Dialog,
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
A as Input,
|
|
39
|
+
s as InputGroup,
|
|
39
40
|
v as Label,
|
|
40
41
|
m as Menu,
|
|
41
42
|
t as Popover,
|
|
42
|
-
|
|
43
|
-
j as
|
|
44
|
-
|
|
43
|
+
a as Progress,
|
|
44
|
+
j as RadioGroup,
|
|
45
|
+
q as RadioGroupItem,
|
|
46
|
+
x as SegmentedControl,
|
|
45
47
|
e as Select,
|
|
46
48
|
y as Spinner,
|
|
47
49
|
M as Switch,
|
|
48
|
-
|
|
50
|
+
i as Tabs,
|
|
49
51
|
I as TextInput,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
52
|
+
S as Textarea,
|
|
53
|
+
f as Tooltip,
|
|
54
|
+
d as buttonVariants,
|
|
55
|
+
N as cn,
|
|
56
|
+
E as defineLoadOptions,
|
|
57
|
+
F as useAsyncOptions,
|
|
58
|
+
J as useIntersectionObserver
|
|
57
59
|
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as n from "react";
|
|
2
|
+
import { useRenderElement as u } from "../../utils/useRenderElement.js";
|
|
3
|
+
import { valueToPercent as c } from "../../utils/valueToPercent.js";
|
|
4
|
+
import { useProgressRootContext as p } from "../root/ProgressRootContext.js";
|
|
5
|
+
import { progressStateAttributesMapping as f } from "../root/stateAttributesMapping.js";
|
|
6
|
+
const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
|
|
7
|
+
const {
|
|
8
|
+
render: N,
|
|
9
|
+
className: P,
|
|
10
|
+
...o
|
|
11
|
+
} = r, {
|
|
12
|
+
max: i,
|
|
13
|
+
min: a,
|
|
14
|
+
value: e,
|
|
15
|
+
state: l
|
|
16
|
+
} = p(), t = Number.isFinite(e) && e !== null ? c(e, a, i) : null, m = n.useCallback(() => t == null ? {} : {
|
|
17
|
+
insetInlineStart: 0,
|
|
18
|
+
height: "inherit",
|
|
19
|
+
width: `${t}%`
|
|
20
|
+
}, [t]);
|
|
21
|
+
return u("div", r, {
|
|
22
|
+
state: l,
|
|
23
|
+
ref: s,
|
|
24
|
+
props: [{
|
|
25
|
+
style: m()
|
|
26
|
+
}, o],
|
|
27
|
+
stateAttributesMapping: f
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
process.env.NODE_ENV !== "production" && (d.displayName = "ProgressIndicator");
|
|
31
|
+
export {
|
|
32
|
+
d as ProgressIndicator
|
|
33
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as i from "react";
|
|
2
|
+
import { useIsoLayoutEffect as p } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
|
|
3
|
+
import { useBaseUiId as m } from "../../utils/useBaseUiId.js";
|
|
4
|
+
import { useRenderElement as f } from "../../utils/useRenderElement.js";
|
|
5
|
+
import { useProgressRootContext as d } from "../root/ProgressRootContext.js";
|
|
6
|
+
import { progressStateAttributesMapping as u } from "../root/stateAttributesMapping.js";
|
|
7
|
+
const c = /* @__PURE__ */ i.forwardRef(function(t, s) {
|
|
8
|
+
const {
|
|
9
|
+
render: g,
|
|
10
|
+
className: b,
|
|
11
|
+
id: o,
|
|
12
|
+
...n
|
|
13
|
+
} = t, e = m(o), {
|
|
14
|
+
setLabelId: r,
|
|
15
|
+
state: a
|
|
16
|
+
} = d();
|
|
17
|
+
return p(() => (r(e), () => r(void 0)), [e, r]), f("span", t, {
|
|
18
|
+
state: a,
|
|
19
|
+
ref: s,
|
|
20
|
+
props: [{
|
|
21
|
+
id: e
|
|
22
|
+
}, n],
|
|
23
|
+
stateAttributesMapping: u
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
process.env.NODE_ENV !== "production" && (c.displayName = "ProgressLabel");
|
|
27
|
+
export {
|
|
28
|
+
c as ProgressLabel
|
|
29
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import * as n from "react";
|
|
2
|
+
import { useLatestRef as P } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useLatestRef.js";
|
|
3
|
+
import { formatNumber as f } from "../../utils/formatNumber.js";
|
|
4
|
+
import { useRenderElement as V } from "../../utils/useRenderElement.js";
|
|
5
|
+
import { ProgressRootContext as A } from "./ProgressRootContext.js";
|
|
6
|
+
import { progressStateAttributesMapping as E } from "./stateAttributesMapping.js";
|
|
7
|
+
import { j as M } from "../../../../../../../../../_virtual/jsx-runtime.js";
|
|
8
|
+
function j(r, e, s) {
|
|
9
|
+
return r == null ? "" : s ? f(r, e, s) : f(r / 100, e, {
|
|
10
|
+
style: "percent"
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function y(r, e) {
|
|
14
|
+
return e == null ? "indeterminate progress" : r || `${e}%`;
|
|
15
|
+
}
|
|
16
|
+
const w = /* @__PURE__ */ n.forwardRef(function(e, s) {
|
|
17
|
+
const {
|
|
18
|
+
format: p,
|
|
19
|
+
getAriaValueText: c = y,
|
|
20
|
+
locale: d,
|
|
21
|
+
max: a = 100,
|
|
22
|
+
min: i = 0,
|
|
23
|
+
value: t,
|
|
24
|
+
render: D,
|
|
25
|
+
className: I,
|
|
26
|
+
...g
|
|
27
|
+
} = e, [x, l] = n.useState(), R = P(p);
|
|
28
|
+
let o = "indeterminate";
|
|
29
|
+
Number.isFinite(t) && (o = t === a ? "complete" : "progressing");
|
|
30
|
+
const u = j(t, d, R.current), m = n.useMemo(() => ({
|
|
31
|
+
status: o
|
|
32
|
+
}), [o]), b = {
|
|
33
|
+
"aria-labelledby": x,
|
|
34
|
+
"aria-valuemax": a,
|
|
35
|
+
"aria-valuemin": i,
|
|
36
|
+
"aria-valuenow": t ?? void 0,
|
|
37
|
+
"aria-valuetext": c(u, t),
|
|
38
|
+
role: "progressbar"
|
|
39
|
+
}, v = n.useMemo(() => ({
|
|
40
|
+
formattedValue: u,
|
|
41
|
+
max: a,
|
|
42
|
+
min: i,
|
|
43
|
+
setLabelId: l,
|
|
44
|
+
state: m,
|
|
45
|
+
status: o,
|
|
46
|
+
value: t
|
|
47
|
+
}), [u, a, i, l, m, o, t]), N = V("div", e, {
|
|
48
|
+
state: m,
|
|
49
|
+
ref: s,
|
|
50
|
+
props: [b, g],
|
|
51
|
+
stateAttributesMapping: E
|
|
52
|
+
});
|
|
53
|
+
return /* @__PURE__ */ M.jsx(A.Provider, {
|
|
54
|
+
value: v,
|
|
55
|
+
children: N
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
process.env.NODE_ENV !== "production" && (w.displayName = "ProgressRoot");
|
|
59
|
+
export {
|
|
60
|
+
w as ProgressRoot
|
|
61
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
const e = /* @__PURE__ */ t.createContext(void 0);
|
|
3
|
+
process.env.NODE_ENV !== "production" && (e.displayName = "ProgressRootContext");
|
|
4
|
+
function s() {
|
|
5
|
+
const o = t.useContext(e);
|
|
6
|
+
if (o === void 0)
|
|
7
|
+
throw new Error("Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>.");
|
|
8
|
+
return o;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
e as ProgressRootContext,
|
|
12
|
+
s as useProgressRootContext
|
|
13
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ProgressRootDataAttributes as r } from "./ProgressRootDataAttributes.js";
|
|
2
|
+
const i = {
|
|
3
|
+
status(t) {
|
|
4
|
+
return t === "progressing" ? {
|
|
5
|
+
[r.progressing]: ""
|
|
6
|
+
} : t === "complete" ? {
|
|
7
|
+
[r.complete]: ""
|
|
8
|
+
} : t === "indeterminate" ? {
|
|
9
|
+
[r.indeterminate]: ""
|
|
10
|
+
} : null;
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
i as progressStateAttributesMapping
|
|
15
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as o from "react";
|
|
2
|
+
import { useRenderElement as n } from "../../utils/useRenderElement.js";
|
|
3
|
+
import { useProgressRootContext as a } from "../root/ProgressRootContext.js";
|
|
4
|
+
import { progressStateAttributesMapping as p } from "../root/stateAttributesMapping.js";
|
|
5
|
+
const i = /* @__PURE__ */ o.forwardRef(function(e, r) {
|
|
6
|
+
const {
|
|
7
|
+
render: c,
|
|
8
|
+
className: f,
|
|
9
|
+
...t
|
|
10
|
+
} = e, {
|
|
11
|
+
state: s
|
|
12
|
+
} = a();
|
|
13
|
+
return n("div", e, {
|
|
14
|
+
state: s,
|
|
15
|
+
ref: r,
|
|
16
|
+
props: t,
|
|
17
|
+
stateAttributesMapping: p
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
process.env.NODE_ENV !== "production" && (i.displayName = "ProgressTrack");
|
|
21
|
+
export {
|
|
22
|
+
i as ProgressTrack
|
|
23
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as u from "react";
|
|
2
|
+
import { useRenderElement as m } from "../../utils/useRenderElement.js";
|
|
3
|
+
import { useProgressRootContext as p } from "../root/ProgressRootContext.js";
|
|
4
|
+
import { progressStateAttributesMapping as f } from "../root/stateAttributesMapping.js";
|
|
5
|
+
const c = /* @__PURE__ */ u.forwardRef(function(t, s) {
|
|
6
|
+
const {
|
|
7
|
+
className: g,
|
|
8
|
+
render: V,
|
|
9
|
+
children: r,
|
|
10
|
+
...n
|
|
11
|
+
} = t, {
|
|
12
|
+
value: e,
|
|
13
|
+
formattedValue: o,
|
|
14
|
+
state: a
|
|
15
|
+
} = p(), l = e == null ? "indeterminate" : o, i = e == null ? null : o;
|
|
16
|
+
return m("span", t, {
|
|
17
|
+
state: a,
|
|
18
|
+
ref: s,
|
|
19
|
+
props: [{
|
|
20
|
+
"aria-hidden": !0,
|
|
21
|
+
children: typeof r == "function" ? r(l, e) : i
|
|
22
|
+
}, n],
|
|
23
|
+
stateAttributesMapping: f
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
process.env.NODE_ENV !== "production" && (c.displayName = "ProgressValue");
|
|
27
|
+
export {
|
|
28
|
+
c as ProgressValue
|
|
29
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const c = /* @__PURE__ */ new Map();
|
|
2
|
+
function f(t, r) {
|
|
3
|
+
const n = JSON.stringify({
|
|
4
|
+
locale: t,
|
|
5
|
+
options: r
|
|
6
|
+
}), e = c.get(n);
|
|
7
|
+
if (e)
|
|
8
|
+
return e;
|
|
9
|
+
const o = new Intl.NumberFormat(t, r);
|
|
10
|
+
return c.set(n, o), o;
|
|
11
|
+
}
|
|
12
|
+
function m(t, r, n) {
|
|
13
|
+
return t == null ? "" : f(r, n).format(t);
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
c as cache,
|
|
17
|
+
m as formatNumber,
|
|
18
|
+
f as getFormatter
|
|
19
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const DROPDOWN_ITEM_CN = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-
|
|
2
|
-
export declare const DROPDOWN_POPUP_CN = "rounded-ppx-s shadow-xs max-h-[var(--available-height)]
|
|
1
|
+
export declare const DROPDOWN_ITEM_CN = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none not-data-disabled:data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5 data-disabled:opacity-50";
|
|
2
|
+
export declare const DROPDOWN_POPUP_CN = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-y-auto bg-ppx-background bg-clip-padding shadow-ppx-neutral-5 outline-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[side=none]:data-[ending-style]:transition-none data-[starting-style]:scale-90 data-[starting-style]:opacity-0 data-[side=none]:data-[starting-style]:scale-100 data-[side=none]:data-[starting-style]:opacity-100 data-[side=none]:data-[starting-style]:transition-none group max-w-[var(--available-width)] text-ppx-foreground";
|
|
3
3
|
export declare const DROPDOWN_POSITIONER_CN = "z-10 outline-none";
|
|
4
4
|
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,wQAC0O,CAAC;AAExQ,eAAO,MAAM,iBAAiB,6mBAC8kB,CAAC;AAE7mB,eAAO,MAAM,sBAAsB,sBAAsB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-
|
|
1
|
+
const a = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none not-data-disabled:data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5 data-disabled:opacity-50", t = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-y-auto bg-ppx-background bg-clip-padding shadow-ppx-neutral-5 outline-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[side=none]:data-[ending-style]:transition-none data-[starting-style]:scale-90 data-[starting-style]:opacity-0 data-[side=none]:data-[starting-style]:scale-100 data-[side=none]:data-[starting-style]:opacity-100 data-[side=none]:data-[starting-style]:transition-none group max-w-[var(--available-width)] text-ppx-foreground", e = "z-10 outline-none";
|
|
2
2
|
export {
|
|
3
3
|
a as DROPDOWN_ITEM_CN,
|
|
4
4
|
t as DROPDOWN_POPUP_CN,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classnames.d.ts","sourceRoot":"","sources":["../../src/utils/classnames.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"classnames.d.ts","sourceRoot":"","sources":["../../src/utils/classnames.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAiDvD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,UAE1C"}
|
package/dist/utils/classnames.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import n from "../_virtual/index.js";
|
|
2
2
|
import { extendTailwindMerge as s } from "../node_modules/.pnpm/tailwind-merge@3.2.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
|
|
3
3
|
const t = s({
|
|
4
4
|
extend: {
|
|
@@ -16,13 +16,37 @@ const t = s({
|
|
|
16
16
|
"ppx-xs"
|
|
17
17
|
]
|
|
18
18
|
}
|
|
19
|
-
]
|
|
19
|
+
],
|
|
20
|
+
// Add custom height utilities
|
|
21
|
+
h: [{ h: ["stretch-available", "input", "input-s"] }],
|
|
22
|
+
// Add custom min-height utilities
|
|
23
|
+
"min-h": [{ "min-h": ["input", "input-s"] }],
|
|
24
|
+
// Add custom min-width utilities
|
|
25
|
+
"min-w": [{ "min-w": ["input"] }],
|
|
26
|
+
// Add custom padding utilities
|
|
27
|
+
p: [{ p: ["input"] }],
|
|
28
|
+
// Add custom border radius utilities
|
|
29
|
+
rounded: [
|
|
30
|
+
{
|
|
31
|
+
rounded: [
|
|
32
|
+
"ppx-xs",
|
|
33
|
+
"ppx-s",
|
|
34
|
+
"ppx-m",
|
|
35
|
+
"ppx-l",
|
|
36
|
+
"ppx-xl",
|
|
37
|
+
"input",
|
|
38
|
+
"input-s"
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
],
|
|
42
|
+
// Add custom font family utilities
|
|
43
|
+
"font-family": [{ font: ["sans-light", "sans-sb", "sans-b"] }]
|
|
20
44
|
}
|
|
21
45
|
}
|
|
22
46
|
});
|
|
23
|
-
function
|
|
24
|
-
return t(
|
|
47
|
+
function e(...p) {
|
|
48
|
+
return t(n(p));
|
|
25
49
|
}
|
|
26
50
|
export {
|
|
27
|
-
|
|
51
|
+
e as cn
|
|
28
52
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@px-ui/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.26.0",
|
|
4
4
|
"description": "A modern React component library built with Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -99,6 +99,10 @@
|
|
|
99
99
|
"types": "./dist/components/radio-group.d.ts",
|
|
100
100
|
"import": "./dist/components/radio-group.js"
|
|
101
101
|
},
|
|
102
|
+
"./progress": {
|
|
103
|
+
"types": "./dist/components/progress.d.ts",
|
|
104
|
+
"import": "./dist/components/progress.js"
|
|
105
|
+
},
|
|
102
106
|
"./block-checkbox-group": {
|
|
103
107
|
"types": "./dist/components/block-checkbox-group.d.ts",
|
|
104
108
|
"import": "./dist/components/block-checkbox-group.js"
|