@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.
Files changed (25) hide show
  1. package/dist/components/menu.d.ts +2 -1
  2. package/dist/components/menu.d.ts.map +1 -1
  3. package/dist/components/menu.js +42 -29
  4. package/dist/components/progress.d.ts +13 -0
  5. package/dist/components/progress.d.ts.map +1 -0
  6. package/dist/components/progress.js +81 -0
  7. package/dist/index.d.ts +1 -0
  8. package/dist/index.d.ts.map +1 -1
  9. package/dist/index.js +38 -36
  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/progress/indicator/ProgressIndicator.js +33 -0
  11. 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
  12. 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
  13. 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
  14. 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
  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/progress/root/stateAttributesMapping.js +15 -0
  16. 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
  17. 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
  18. 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
  19. 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
  20. package/dist/tw-styles/dropdown.d.ts +2 -2
  21. package/dist/tw-styles/dropdown.d.ts.map +1 -1
  22. package/dist/tw-styles/dropdown.js +1 -1
  23. package/dist/utils/classnames.d.ts.map +1 -1
  24. package/dist/utils/classnames.js +29 -5
  25. 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,GACT,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;CACtD,CAAC,2CAkBD;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,2CAI7C;AAED,eAAO,MAAM,WAAW,wFAAe,CAAC;AAExC,eAAO,MAAM,QAAQ,aAAO,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;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"}
@@ -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 s from "../icons/chevron-down-icon.js";
4
- import { DROPDOWN_POPUP_CN as p, DROPDOWN_POSITIONER_CN as f, DROPDOWN_ITEM_CN as i } from "../tw-styles/dropdown.js";
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 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/menu/trigger/MenuTrigger.js";
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 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/popup/MenuPopup.js";
14
- import { MenuItem 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/item/MenuItem.js";
15
- import { Separator 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/separator/Separator.js";
16
- import { MenuGroupLabel 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/menu/group-label/MenuGroupLabel.js";
17
- import { MenuRadioItem 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/menu/radio-item/MenuRadioItem.js";
18
- const O = l(
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
- ), k = c;
37
+ ), $ = c;
38
38
  function q({
39
39
  className: e,
40
40
  children: t,
41
41
  size: n,
42
42
  widthVariant: a,
43
- ...m
43
+ ...i
44
44
  }) {
45
45
  return /* @__PURE__ */ r.jsxs(
46
- u,
46
+ s,
47
47
  {
48
- className: o(O({ size: n, widthVariant: a }), e),
49
- ...m,
48
+ className: o(R({ size: n, widthVariant: a }), e),
49
+ ...i,
50
50
  children: [
51
51
  t,
52
- /* @__PURE__ */ r.jsx(I, {})
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
- j,
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 I() {
82
- return /* @__PURE__ */ r.jsx(s, { className: "data-popup-open:rotate-180" });
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(w, { className: o(i, e), ...n, children: t });
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
- M,
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
- h,
115
+ M,
110
116
  {
111
117
  className: o(
112
- "py-2 px-4 leading-4 cursor-default text-ppx-base text-ppx-muted-foreground select-none",
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(R, { className: o(i, e), ...t });
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 = u, Y = g;
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
- I as DropdownIndicator,
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
- k as Root,
150
+ $ as Root,
138
151
  H as Separator,
139
152
  q as Trigger,
140
- O as triggerVariants
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';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,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"}
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/input-group.js";
8
- import * as s from "./components/segmented-control.js";
9
- import * as x from "./components/tabs.js";
10
- import * as i from "./components/tooltip.js";
11
- import * as f from "./components/block-checkbox-group.js";
12
- import * as n from "./components/block-radio-group.js";
13
- import { Button as c, buttonVariants as l } from "./components/button.js";
14
- import { Checkbox as G } from "./components/checkbox.js";
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 h } from "./components/input.js";
18
- import { Textarea as R } from "./components/textarea.js";
19
- import { Avatar as T, AvatarImpl as B } from "./components/avatar.js";
20
- import { AvatarGroup as L } from "./components/avatar-group.js";
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 V, RadioGroupItem as j } from "./components/radio-group.js";
24
- import { defineLoadOptions as z, useAsyncOptions as E } from "./hooks/use-async-options.js";
25
- import { useIntersectionObserver as H } from "./hooks/use-intersection-observer.js";
26
- import { cn as K } from "./utils/classnames.js";
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
- T as Avatar,
29
- L as AvatarGroup,
30
- B as AvatarImpl,
31
- f as BlockCheckboxGroup,
32
- n as BlockRadioGroup,
33
- c as Button,
34
- G as Checkbox,
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
- h as Input,
38
- a as InputGroup,
38
+ A as Input,
39
+ s as InputGroup,
39
40
  v as Label,
40
41
  m as Menu,
41
42
  t as Popover,
42
- V as RadioGroup,
43
- j as RadioGroupItem,
44
- s as SegmentedControl,
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
- x as Tabs,
50
+ i as Tabs,
49
51
  I as TextInput,
50
- R as Textarea,
51
- i as Tooltip,
52
- l as buttonVariants,
53
- K as cn,
54
- z as defineLoadOptions,
55
- E as useAsyncOptions,
56
- H as useIntersectionObserver
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,6 @@
1
+ let n = /* @__PURE__ */ function(e) {
2
+ return e.complete = "data-complete", e.indeterminate = "data-indeterminate", e.progressing = "data-progressing", e;
3
+ }({});
4
+ export {
5
+ n as ProgressRootDataAttributes
6
+ };
@@ -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-highlighted:bg-ppx-primary-b-1 data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5";
2
- export declare const DROPDOWN_POPUP_CN = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] min-w-input 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 w-[max(var(--anchor-width),250px)] max-w-[var(--available-width)] text-ppx-foreground ";
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,iQACmO,CAAC;AAEjQ,eAAO,MAAM,iBAAiB,orBACqpB,CAAC;AAEprB,eAAO,MAAM,sBAAsB,sBAAsB,CAAC"}
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-highlighted:bg-ppx-primary-b-1 data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5", t = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] min-w-input 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 w-[max(var(--anchor-width),250px)] max-w-[var(--available-width)] text-ppx-foreground ", e = "z-10 outline-none";
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;AAyBvD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,UAE1C"}
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"}
@@ -1,4 +1,4 @@
1
- import e from "../_virtual/index.js";
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 o(...p) {
24
- return t(e(p));
47
+ function e(...p) {
48
+ return t(n(p));
25
49
  }
26
50
  export {
27
- o as cn
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.24.0",
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"