@px-ui/core 1.26.0 → 1.27.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/button.d.ts +1 -1
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +2 -1
- package/dist/components/combobox.d.ts +6 -6
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +161 -177
- package/dist/components/select.d.ts +3 -5
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +47 -63
- package/dist/tw-styles/dropdown.d.ts +4 -0
- package/dist/tw-styles/dropdown.d.ts.map +1 -1
- package/dist/tw-styles/dropdown.js +25 -4
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "link" | "default" | "primary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
5
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "xs" | "lg" | "icon" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
7
7
|
declare function Button({ className, variant, size, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export type Variant = VariantProps<typeof buttonVariants>["variant"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;mFA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQtE;AAED,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AACrE,MAAM,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -14,7 +14,8 @@ const n = d(
|
|
|
14
14
|
link: "text-ppx-neutral-12 underline-offset-4 underline cursor-pointer not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 disabled:opacity-70"
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
default: "px-5 py-3 text-ppx-base font-medium rounded-ppx-
|
|
17
|
+
default: "px-5 py-3 text-ppx-base font-medium rounded-ppx-s",
|
|
18
|
+
xs: "gap-1.5 px-4 py-2 text-ppx-sm font-medium rounded-ppx-s",
|
|
18
19
|
sm: "gap-1.5 px-4 py-2 text-ppx-sm font-medium rounded-ppx-s",
|
|
19
20
|
lg: "px-6 py-4 text-ppx-base font-bold rounded-ppx-l",
|
|
20
21
|
icon: "size-9 rounded-ppx-s"
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Combobox } from '@base-ui-components/react/combobox';
|
|
2
|
+
import { triggerVariants } from '../tw-styles/dropdown';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import { LoadOptionsConfig } from '../hooks/use-async-options';
|
|
4
5
|
import * as React from "react";
|
|
5
6
|
import * as InputGroup from "./input-group";
|
|
6
7
|
export declare const List: React.ForwardRefExoticComponent<Combobox.List.Props & React.RefAttributes<HTMLDivElement>>;
|
|
7
8
|
type ComboboxContextValues = React.ComponentProps<typeof Combobox.Root<any, any, any>> & {
|
|
8
|
-
|
|
9
|
+
chipsTriggerRef: React.RefObject<HTMLDivElement | null>;
|
|
10
|
+
searchableTriggerRef: React.RefObject<HTMLDivElement | null>;
|
|
9
11
|
invalid?: boolean;
|
|
10
12
|
isLoading?: boolean;
|
|
11
13
|
isLoadingMore?: boolean;
|
|
@@ -16,11 +18,12 @@ type ComboboxContextValues = React.ComponentProps<typeof Combobox.Root<any, any,
|
|
|
16
18
|
export declare function Root<ItemValue, SelectedValue = ItemValue, Multiple extends boolean | undefined = false>({ children, ...props }: React.ComponentProps<typeof Combobox.Root<ItemValue, SelectedValue, Multiple>> & Pick<ComboboxContextValues, "isLoading" | "isLoadingMore" | "isError" | "onLoadMore" | "hasMore" | "invalid"> & {
|
|
17
19
|
loadOptions?: LoadOptionsConfig<ItemValue>;
|
|
18
20
|
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare function Content({ empty, portalProps, positionerProps, popupProps, children, }: React.PropsWithChildren<{
|
|
21
|
+
export declare function Content({ empty, portalProps, positionerProps, popupProps, children, widthVariant, }: React.PropsWithChildren<{
|
|
20
22
|
empty?: string;
|
|
21
23
|
portalProps?: React.ComponentProps<typeof Combobox.Portal>;
|
|
22
24
|
positionerProps?: React.ComponentProps<typeof Combobox.Positioner>;
|
|
23
25
|
popupProps?: React.ComponentProps<typeof Combobox.Popup>;
|
|
26
|
+
widthVariant?: "trigger" | "fit" | "enforced";
|
|
24
27
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
25
28
|
export declare function Item({ className, ...props }: React.ComponentProps<typeof Combobox.Item>): import("react/jsx-runtime").JSX.Element;
|
|
26
29
|
export declare function MultiItem({ className, ...props }: React.ComponentProps<typeof Combobox.Item>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -35,10 +38,6 @@ export declare function SearchableTrigger(props: {
|
|
|
35
38
|
addons?: React.ReactNode;
|
|
36
39
|
}): import("react/jsx-runtime").JSX.Element;
|
|
37
40
|
export declare function SearchableTriggerDropdownAddon(): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
export declare const triggerVariants: (props?: ({
|
|
39
|
-
size?: "default" | "sm" | null | undefined;
|
|
40
|
-
widthVariant?: "enforced" | "fit" | "full" | null | undefined;
|
|
41
|
-
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
42
41
|
export declare function Trigger({ size, widthVariant, ...props }: {
|
|
43
42
|
children?: React.ReactNode | ((selectedValue: any) => React.ReactNode);
|
|
44
43
|
className?: string;
|
|
@@ -57,5 +56,6 @@ export declare function Chip(props: React.ComponentProps<typeof Combobox.Chip> &
|
|
|
57
56
|
key: React.Key;
|
|
58
57
|
}): import("react/jsx-runtime").JSX.Element;
|
|
59
58
|
export declare function Search({ placeholder, ...props }: React.ComponentProps<typeof Combobox.Input>): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
export declare function useComboboxContext(): ComboboxContextValues;
|
|
60
60
|
export {};
|
|
61
61
|
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,112 +1,116 @@
|
|
|
1
1
|
import { j as e } from "../_virtual/jsx-runtime.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as m from "react";
|
|
3
3
|
import { cn as s } from "../utils/classnames.js";
|
|
4
4
|
import S from "../hooks/use-infinite-scroll.js";
|
|
5
5
|
import { Spinner as L } from "./spinner.js";
|
|
6
|
-
import { DROPDOWN_POPUP_CN as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { Root as
|
|
13
|
-
import { cva as
|
|
14
|
-
import { useAsyncOptions as
|
|
15
|
-
import { ComboboxList as
|
|
16
|
-
import { ComboboxRoot as
|
|
17
|
-
import { ComboboxPortal as
|
|
18
|
-
import { ComboboxPositioner as
|
|
19
|
-
import { ComboboxPopup as
|
|
20
|
-
import { ComboboxEmpty as
|
|
6
|
+
import { DROPDOWN_POPUP_CN as z, DROPDOWN_POSITIONER_CN as k, triggerVariants as E, DROPDOWN_ITEM_CN as w } from "../tw-styles/dropdown.js";
|
|
7
|
+
import _ from "../icons/clear-icon.js";
|
|
8
|
+
import g from "../icons/chevron-down-icon.js";
|
|
9
|
+
import D from "../icons/search-icon.js";
|
|
10
|
+
import M from "../icons/check-icon.js";
|
|
11
|
+
import A from "../icons/close-icon.js";
|
|
12
|
+
import { Root as V, Input as W, Addon as P, Button as y } from "./input-group.js";
|
|
13
|
+
import { cva as B } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
|
|
14
|
+
import { useAsyncOptions as F } from "../hooks/use-async-options.js";
|
|
15
|
+
import { ComboboxList 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/combobox/list/ComboboxList.js";
|
|
16
|
+
import { ComboboxRoot 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/combobox/root/ComboboxRoot.js";
|
|
17
|
+
import { ComboboxPortal 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/combobox/portal/ComboboxPortal.js";
|
|
18
|
+
import { ComboboxPositioner 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/combobox/positioner/ComboboxPositioner.js";
|
|
19
|
+
import { ComboboxPopup as $ } 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/combobox/popup/ComboboxPopup.js";
|
|
20
|
+
import { ComboboxEmpty as q } 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/combobox/empty/ComboboxEmpty.js";
|
|
21
21
|
import { ComboboxStatus 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/combobox/status/ComboboxStatus.js";
|
|
22
|
-
import { ComboboxItem as
|
|
23
|
-
import { ComboboxInput as
|
|
24
|
-
import { ComboboxClear as
|
|
22
|
+
import { ComboboxItem 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/combobox/item/ComboboxItem.js";
|
|
23
|
+
import { ComboboxInput 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/combobox/input/ComboboxInput.js";
|
|
24
|
+
import { ComboboxClear 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/combobox/clear/ComboboxClear.js";
|
|
25
25
|
import { ComboboxTrigger 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/combobox/trigger/ComboboxTrigger.js";
|
|
26
|
-
import { ComboboxValue as
|
|
27
|
-
import { ComboboxChips as
|
|
28
|
-
import { ComboboxChip as
|
|
29
|
-
import { ComboboxChipRemove as
|
|
30
|
-
import { ComboboxItemIndicator as
|
|
31
|
-
const b = "px-4 py-2 text-ppx-sm min-h-11 flex items-center justify-center text-ppx-muted-foreground",
|
|
26
|
+
import { ComboboxValue 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/combobox/value/ComboboxValue.js";
|
|
27
|
+
import { ComboboxChips as K } 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/combobox/chips/ComboboxChips.js";
|
|
28
|
+
import { ComboboxChip as Q } 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/combobox/chip/ComboboxChip.js";
|
|
29
|
+
import { ComboboxChipRemove as Y } 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/combobox/chip-remove/ComboboxChipRemove.js";
|
|
30
|
+
import { ComboboxItemIndicator as Z } 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/combobox/item-indicator/ComboboxItemIndicator.js";
|
|
31
|
+
const b = "px-4 py-2 text-ppx-sm min-h-11 flex items-center justify-center text-ppx-muted-foreground", ke = G, R = m.createContext(
|
|
32
32
|
{}
|
|
33
33
|
);
|
|
34
|
-
function
|
|
35
|
-
children:
|
|
34
|
+
function Ee({
|
|
35
|
+
children: r,
|
|
36
36
|
...t
|
|
37
37
|
}) {
|
|
38
|
-
const
|
|
38
|
+
const n = m.useRef(null), o = m.useRef(null), [l, i] = m.useState(!1), [a, d] = m.useState(""), c = {
|
|
39
39
|
...{
|
|
40
|
-
open:
|
|
41
|
-
onOpenChange:
|
|
40
|
+
open: l,
|
|
41
|
+
onOpenChange: i,
|
|
42
42
|
inputValue: a,
|
|
43
|
-
onInputValueChange:
|
|
43
|
+
onInputValueChange: d
|
|
44
44
|
},
|
|
45
45
|
...t
|
|
46
|
-
},
|
|
47
|
-
...t.loadOptions ?
|
|
48
|
-
isOpen:
|
|
49
|
-
inputValue:
|
|
46
|
+
}, x = {
|
|
47
|
+
...t.loadOptions ? F(t.loadOptions, {
|
|
48
|
+
isOpen: c.open,
|
|
49
|
+
inputValue: c.inputValue
|
|
50
50
|
}) : {},
|
|
51
|
-
...
|
|
52
|
-
},
|
|
53
|
-
...
|
|
54
|
-
|
|
51
|
+
...c
|
|
52
|
+
}, u = {
|
|
53
|
+
...x,
|
|
54
|
+
chipsTriggerRef: n,
|
|
55
|
+
searchableTriggerRef: o
|
|
55
56
|
};
|
|
56
|
-
return /* @__PURE__ */ e.jsx(
|
|
57
|
+
return /* @__PURE__ */ e.jsx(R.Provider, { value: u, children: /* @__PURE__ */ e.jsx(H, { autoHighlight: !0, ...x, children: r }) });
|
|
57
58
|
}
|
|
58
|
-
function
|
|
59
|
-
empty:
|
|
59
|
+
function _e({
|
|
60
|
+
empty: r = "No options",
|
|
60
61
|
portalProps: t,
|
|
61
|
-
positionerProps:
|
|
62
|
-
popupProps:
|
|
63
|
-
children: l
|
|
62
|
+
positionerProps: n,
|
|
63
|
+
popupProps: o,
|
|
64
|
+
children: l,
|
|
65
|
+
widthVariant: i = "trigger"
|
|
64
66
|
}) {
|
|
65
67
|
const {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
+
chipsTriggerRef: a,
|
|
69
|
+
searchableTriggerRef: d,
|
|
70
|
+
isLoading: p,
|
|
68
71
|
isError: c,
|
|
69
|
-
isLoadingMore:
|
|
70
|
-
hasMore:
|
|
71
|
-
onLoadMore:
|
|
72
|
-
} =
|
|
73
|
-
isLoadingMore: !!
|
|
74
|
-
hasMore: !!
|
|
75
|
-
onLoadMore: () =>
|
|
72
|
+
isLoadingMore: v,
|
|
73
|
+
hasMore: x,
|
|
74
|
+
onLoadMore: u
|
|
75
|
+
} = f(), [T] = S({
|
|
76
|
+
isLoadingMore: !!v,
|
|
77
|
+
hasMore: !!x,
|
|
78
|
+
onLoadMore: () => u == null ? void 0 : u(),
|
|
76
79
|
disabled: c
|
|
77
80
|
});
|
|
78
|
-
return /* @__PURE__ */ e.jsx(
|
|
79
|
-
|
|
81
|
+
return /* @__PURE__ */ e.jsx(U, { ...t, children: /* @__PURE__ */ e.jsx(
|
|
82
|
+
X,
|
|
80
83
|
{
|
|
81
|
-
sideOffset:
|
|
84
|
+
sideOffset: 6,
|
|
82
85
|
align: "start",
|
|
83
|
-
...
|
|
84
|
-
className: s(k,
|
|
85
|
-
anchor: (
|
|
86
|
+
...n,
|
|
87
|
+
className: s(k, n == null ? void 0 : n.className),
|
|
88
|
+
anchor: (n == null ? void 0 : n.anchor) ?? a.current ?? d.current,
|
|
86
89
|
children: /* @__PURE__ */ e.jsxs(
|
|
87
|
-
|
|
90
|
+
$,
|
|
88
91
|
{
|
|
89
92
|
className: s(
|
|
90
|
-
|
|
93
|
+
z,
|
|
91
94
|
"scroll-pt-2 scroll-pb-2 overscroll-contain",
|
|
92
|
-
i
|
|
95
|
+
i === "trigger" ? "w-[var(--anchor-width)]" : i === "fit" ? "w-fit" : i === "enforced" ? "w-[var(--min-width-input)]" : "",
|
|
96
|
+
o == null ? void 0 : o.className
|
|
93
97
|
),
|
|
94
|
-
...
|
|
98
|
+
...o,
|
|
95
99
|
children: [
|
|
96
100
|
l,
|
|
97
|
-
!
|
|
98
|
-
|
|
101
|
+
!p && !c && /* @__PURE__ */ e.jsx(
|
|
102
|
+
q,
|
|
99
103
|
{
|
|
100
104
|
className: s(b, "empty:hidden"),
|
|
101
|
-
children:
|
|
105
|
+
children: r
|
|
102
106
|
}
|
|
103
107
|
),
|
|
104
|
-
|
|
108
|
+
p && /* @__PURE__ */ e.jsx(h, { className: b, children: "Loading..." }),
|
|
105
109
|
c && /* @__PURE__ */ e.jsx(h, { className: b, children: "Error loading options" }),
|
|
106
|
-
|
|
110
|
+
x && /* @__PURE__ */ e.jsx(
|
|
107
111
|
h,
|
|
108
112
|
{
|
|
109
|
-
ref:
|
|
113
|
+
ref: T,
|
|
110
114
|
className: "h-10 flex items-center justify-center",
|
|
111
115
|
"aria-label": "Loading more options",
|
|
112
116
|
children: /* @__PURE__ */ e.jsx(L, { className: "stroke-ppx-neutral-10", size: "medium" })
|
|
@@ -118,144 +122,124 @@ function Ee({
|
|
|
118
122
|
}
|
|
119
123
|
) });
|
|
120
124
|
}
|
|
121
|
-
function
|
|
122
|
-
className:
|
|
125
|
+
function De({
|
|
126
|
+
className: r,
|
|
123
127
|
...t
|
|
124
128
|
}) {
|
|
125
|
-
return /* @__PURE__ */ e.jsx(
|
|
129
|
+
return /* @__PURE__ */ e.jsx(I, { className: s(w, r), ...t, children: t.children });
|
|
126
130
|
}
|
|
127
|
-
function
|
|
128
|
-
className:
|
|
131
|
+
function Me({
|
|
132
|
+
className: r,
|
|
129
133
|
...t
|
|
130
134
|
}) {
|
|
131
135
|
return /* @__PURE__ */ e.jsx(
|
|
132
|
-
|
|
136
|
+
I,
|
|
133
137
|
{
|
|
134
138
|
...t,
|
|
135
|
-
render: (
|
|
136
|
-
/* @__PURE__ */ e.jsx(
|
|
139
|
+
render: (n, o) => /* @__PURE__ */ e.jsxs("div", { ...n, className: s(w, r), children: [
|
|
140
|
+
/* @__PURE__ */ e.jsx(ee, { selected: o.selected }),
|
|
137
141
|
t.children
|
|
138
142
|
] })
|
|
139
143
|
}
|
|
140
144
|
);
|
|
141
145
|
}
|
|
142
|
-
function
|
|
146
|
+
function ee(r) {
|
|
143
147
|
return /* @__PURE__ */ e.jsx(
|
|
144
148
|
"div",
|
|
145
149
|
{
|
|
146
150
|
className: s(
|
|
147
151
|
"peer rounded-sm size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 bg-ppx-background transition-colors duration-150 outline-none",
|
|
148
|
-
|
|
152
|
+
r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
|
|
149
153
|
),
|
|
150
|
-
children: /* @__PURE__ */ e.jsx(
|
|
154
|
+
children: /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsx(M, {}) })
|
|
151
155
|
}
|
|
152
156
|
);
|
|
153
157
|
}
|
|
154
|
-
function C(
|
|
155
|
-
return /* @__PURE__ */ e.jsx("div", { className: s("flex items-center justify-center",
|
|
158
|
+
function C(r) {
|
|
159
|
+
return /* @__PURE__ */ e.jsx("div", { className: s("flex items-center justify-center", r.className), children: /* @__PURE__ */ e.jsxs("div", { className: "space-x-1 flex", children: [
|
|
156
160
|
/* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-40 [animation-delay:-0.3s] [animation-name:bounce-color]" }),
|
|
157
161
|
/* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-70 [animation-delay:-0.15s] [animation-name:bounce-color]" }),
|
|
158
162
|
/* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-100 [animation-name:bounce-color]" })
|
|
159
163
|
] }) });
|
|
160
164
|
}
|
|
161
|
-
function
|
|
162
|
-
const { invalid: t, disabled:
|
|
163
|
-
return /* @__PURE__ */ e.jsxs(
|
|
165
|
+
function Ae(r) {
|
|
166
|
+
const { invalid: t, disabled: n, searchableTriggerRef: o } = f();
|
|
167
|
+
return /* @__PURE__ */ e.jsxs(V, { ...r, disabled: n, ref: o, children: [
|
|
164
168
|
/* @__PURE__ */ e.jsx(
|
|
165
|
-
|
|
169
|
+
j,
|
|
166
170
|
{
|
|
167
|
-
render: (
|
|
168
|
-
|
|
171
|
+
render: (l) => /* @__PURE__ */ e.jsx(
|
|
172
|
+
W,
|
|
169
173
|
{
|
|
170
|
-
...
|
|
174
|
+
...l,
|
|
171
175
|
invalid: t,
|
|
172
|
-
placeholder:
|
|
176
|
+
placeholder: r.placeholder
|
|
173
177
|
}
|
|
174
178
|
)
|
|
175
179
|
}
|
|
176
180
|
),
|
|
177
|
-
|
|
178
|
-
/* @__PURE__ */ e.jsx(
|
|
181
|
+
r.addons,
|
|
182
|
+
/* @__PURE__ */ e.jsx(re, {})
|
|
179
183
|
] });
|
|
180
184
|
}
|
|
181
|
-
function
|
|
182
|
-
const { isLoading:
|
|
183
|
-
return /* @__PURE__ */ e.jsxs(
|
|
184
|
-
|
|
185
|
-
!
|
|
186
|
-
|
|
185
|
+
function re() {
|
|
186
|
+
const { isLoading: r } = f();
|
|
187
|
+
return /* @__PURE__ */ e.jsxs(P, { align: "inline-end", className: "gap-0.5", children: [
|
|
188
|
+
r && /* @__PURE__ */ e.jsx(C, { className: "mr-2" }),
|
|
189
|
+
!r && /* @__PURE__ */ e.jsx(
|
|
190
|
+
J,
|
|
187
191
|
{
|
|
188
192
|
"aria-label": "Clear selection",
|
|
189
|
-
render: (t) => /* @__PURE__ */ e.jsx(
|
|
193
|
+
render: (t) => /* @__PURE__ */ e.jsx(y, { size: "icon-xs", ...t, children: /* @__PURE__ */ e.jsx(_, { className: "size-4" }) })
|
|
190
194
|
}
|
|
191
195
|
),
|
|
192
196
|
/* @__PURE__ */ e.jsx(
|
|
193
197
|
N,
|
|
194
198
|
{
|
|
195
199
|
render: (t) => /* @__PURE__ */ e.jsx(
|
|
196
|
-
|
|
200
|
+
y,
|
|
197
201
|
{
|
|
198
202
|
size: "icon-xs",
|
|
199
203
|
"aria-label": "Open popup",
|
|
200
204
|
...t,
|
|
201
|
-
children: /* @__PURE__ */ e.jsx(
|
|
205
|
+
children: /* @__PURE__ */ e.jsx(g, {})
|
|
202
206
|
}
|
|
203
207
|
)
|
|
204
208
|
}
|
|
205
209
|
)
|
|
206
210
|
] });
|
|
207
211
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
{
|
|
211
|
-
variants: {
|
|
212
|
-
size: {
|
|
213
|
-
default: "rounded-input h-input",
|
|
214
|
-
sm: "rounded-input-s h-input-s"
|
|
215
|
-
},
|
|
216
|
-
widthVariant: {
|
|
217
|
-
enforced: "min-w-input w-[var(--min-width-input)]",
|
|
218
|
-
fit: "min-w-0 w-fit",
|
|
219
|
-
full: "min-w-0 w-full"
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
defaultVariants: {
|
|
223
|
-
size: "default",
|
|
224
|
-
widthVariant: "enforced"
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
);
|
|
228
|
-
function Me({
|
|
229
|
-
size: n,
|
|
212
|
+
function Ve({
|
|
213
|
+
size: r,
|
|
230
214
|
widthVariant: t,
|
|
231
|
-
...
|
|
215
|
+
...n
|
|
232
216
|
}) {
|
|
233
|
-
const { isLoading:
|
|
217
|
+
const { isLoading: o, invalid: l } = f();
|
|
234
218
|
return /* @__PURE__ */ e.jsxs(
|
|
235
219
|
N,
|
|
236
220
|
{
|
|
237
221
|
"aria-label": "Open popup",
|
|
238
|
-
className: s(
|
|
222
|
+
className: s(E({ size: r, widthVariant: t }), n.className),
|
|
239
223
|
"aria-invalid": l ?? void 0,
|
|
240
224
|
children: [
|
|
241
|
-
/* @__PURE__ */ e.jsx(
|
|
242
|
-
if (
|
|
243
|
-
return /* @__PURE__ */ e.jsx("span", { className: "truncate text-ppx-foreground", children:
|
|
244
|
-
if (
|
|
245
|
-
const
|
|
246
|
-
return typeof
|
|
225
|
+
/* @__PURE__ */ e.jsx(O, { children: (i) => {
|
|
226
|
+
if (i == null && n.placeholder)
|
|
227
|
+
return /* @__PURE__ */ e.jsx("span", { className: "truncate text-ppx-foreground", children: n.placeholder });
|
|
228
|
+
if (n.children) {
|
|
229
|
+
const a = typeof n.children == "function" ? n.children(i) : n.children;
|
|
230
|
+
return typeof a == "string" ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: a }) : a;
|
|
247
231
|
}
|
|
248
|
-
return typeof
|
|
232
|
+
return typeof i == "string" ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: i }) : i && typeof i == "object" && "label" in i ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: i.label }) : null;
|
|
249
233
|
} }),
|
|
250
234
|
/* @__PURE__ */ e.jsxs("div", { className: "gap-2 flex items-center", children: [
|
|
251
|
-
|
|
252
|
-
/* @__PURE__ */ e.jsx(
|
|
235
|
+
o && /* @__PURE__ */ e.jsx(C, {}),
|
|
236
|
+
/* @__PURE__ */ e.jsx(g, {})
|
|
253
237
|
] })
|
|
254
238
|
]
|
|
255
239
|
}
|
|
256
240
|
);
|
|
257
241
|
}
|
|
258
|
-
const ne =
|
|
242
|
+
const ne = B(
|
|
259
243
|
"p-input text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 focus-within:outline-2 focus-within:-outline-offset-1 focus-within:outline-ppx-primary-2 aria-invalid:border-ppx-red-4 focus-within:aria-invalid:outline-transparent has-data-disabled:border-ppx-neutral-3 has-data-disabled:bg-ppx-neutral-3 has-data-disabled:text-ppx-neutral-11 has-data-disabled:cursor-not-allowed",
|
|
260
244
|
{
|
|
261
245
|
variants: {
|
|
@@ -274,95 +258,95 @@ const ne = I(
|
|
|
274
258
|
}
|
|
275
259
|
}
|
|
276
260
|
);
|
|
277
|
-
function
|
|
278
|
-
size:
|
|
261
|
+
function We({
|
|
262
|
+
size: r,
|
|
279
263
|
widthVariant: t,
|
|
280
|
-
...
|
|
264
|
+
...n
|
|
281
265
|
}) {
|
|
282
|
-
const {
|
|
266
|
+
const { chipsTriggerRef: o, isLoading: l, invalid: i } = f();
|
|
283
267
|
return /* @__PURE__ */ e.jsxs(
|
|
284
|
-
|
|
268
|
+
K,
|
|
285
269
|
{
|
|
286
270
|
className: s(
|
|
287
|
-
ne({ size:
|
|
288
|
-
|
|
271
|
+
ne({ size: r, widthVariant: t }),
|
|
272
|
+
n.className
|
|
289
273
|
),
|
|
290
|
-
"aria-invalid":
|
|
291
|
-
ref:
|
|
274
|
+
"aria-invalid": i ?? void 0,
|
|
275
|
+
ref: o,
|
|
292
276
|
children: [
|
|
293
|
-
/* @__PURE__ */ e.jsx("div", { className: "gap-1 flex flex-1 flex-wrap items-center", children: /* @__PURE__ */ e.jsx(
|
|
294
|
-
|
|
277
|
+
/* @__PURE__ */ e.jsx("div", { className: "gap-1 flex flex-1 flex-wrap items-center", children: /* @__PURE__ */ e.jsx(O, { children: (a) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
278
|
+
a.map((d) => typeof n.children == "function" ? n.children(d) : n.children),
|
|
295
279
|
/* @__PURE__ */ e.jsx(
|
|
296
|
-
|
|
280
|
+
j,
|
|
297
281
|
{
|
|
298
|
-
placeholder:
|
|
282
|
+
placeholder: a.length > 0 ? "" : n.placeholder,
|
|
299
283
|
className: "min-w-12 flex-1 border-0 text-ppx-sm text-ppx-foreground outline-none"
|
|
300
284
|
}
|
|
301
285
|
)
|
|
302
286
|
] }) }) }),
|
|
303
287
|
/* @__PURE__ */ e.jsxs("div", { className: "gap-2 flex h-stretch-available items-center text-ppx-muted-foreground", children: [
|
|
304
288
|
l && /* @__PURE__ */ e.jsx(C, {}),
|
|
305
|
-
/* @__PURE__ */ e.jsx(N, { className: "h-full", children: /* @__PURE__ */ e.jsx(
|
|
289
|
+
/* @__PURE__ */ e.jsx(N, { className: "h-full", children: /* @__PURE__ */ e.jsx(g, {}) })
|
|
306
290
|
] })
|
|
307
291
|
]
|
|
308
292
|
}
|
|
309
293
|
);
|
|
310
294
|
}
|
|
311
|
-
function
|
|
295
|
+
function Pe(r) {
|
|
312
296
|
return /* @__PURE__ */ e.jsxs(
|
|
313
|
-
|
|
297
|
+
Q,
|
|
314
298
|
{
|
|
315
|
-
...
|
|
299
|
+
...r,
|
|
316
300
|
className: s(
|
|
317
301
|
"gap-1 pl-2 pr-1 text-sm flex cursor-default items-center rounded-full bg-ppx-neutral-3 py-[0.2rem] text-ppx-foreground outline-none",
|
|
318
|
-
|
|
302
|
+
r.className
|
|
319
303
|
),
|
|
320
304
|
children: [
|
|
321
|
-
|
|
305
|
+
r.children,
|
|
322
306
|
/* @__PURE__ */ e.jsx(
|
|
323
|
-
|
|
307
|
+
Y,
|
|
324
308
|
{
|
|
325
309
|
className: "size-5 flex shrink-0 items-center justify-center rounded-full border border-transparent text-inherit hover:border-ppx-neutral-4 hover:bg-ppx-neutral-5 hover:text-ppx-background active:bg-ppx-neutral-6",
|
|
326
310
|
"aria-label": "Remove",
|
|
327
|
-
children: /* @__PURE__ */ e.jsx(
|
|
311
|
+
children: /* @__PURE__ */ e.jsx(A, { className: "size-3" })
|
|
328
312
|
}
|
|
329
313
|
)
|
|
330
314
|
]
|
|
331
315
|
}
|
|
332
316
|
);
|
|
333
317
|
}
|
|
334
|
-
function
|
|
335
|
-
placeholder:
|
|
318
|
+
function Be({
|
|
319
|
+
placeholder: r = "Search options",
|
|
336
320
|
...t
|
|
337
321
|
}) {
|
|
338
322
|
return /* @__PURE__ */ e.jsxs("div", { className: "top-0 gap-2 sticky z-10 flex items-center justify-between border-b-[0.75px] border-ppx-neutral-7 bg-ppx-background p-input", children: [
|
|
339
323
|
/* @__PURE__ */ e.jsx(
|
|
340
|
-
|
|
324
|
+
j,
|
|
341
325
|
{
|
|
342
|
-
placeholder:
|
|
326
|
+
placeholder: r,
|
|
343
327
|
className: "text-sm flex-1 placeholder:text-ppx-neutral-7 focus:outline-none",
|
|
344
328
|
"data-popup-search": !0,
|
|
345
329
|
...t
|
|
346
330
|
}
|
|
347
331
|
),
|
|
348
|
-
/* @__PURE__ */ e.jsx(
|
|
332
|
+
/* @__PURE__ */ e.jsx(D, { className: "size-3.5 text-ppx-neutral-10" })
|
|
349
333
|
] });
|
|
350
334
|
}
|
|
351
|
-
function
|
|
352
|
-
return
|
|
335
|
+
function f() {
|
|
336
|
+
return m.useContext(R);
|
|
353
337
|
}
|
|
354
338
|
export {
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
339
|
+
Pe as Chip,
|
|
340
|
+
We as ChipsTrigger,
|
|
341
|
+
_e as Content,
|
|
342
|
+
De as Item,
|
|
343
|
+
ke as List,
|
|
360
344
|
C as LoadingIndicator,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
345
|
+
Me as MultiItem,
|
|
346
|
+
Ee as Root,
|
|
347
|
+
Be as Search,
|
|
348
|
+
Ae as SearchableTrigger,
|
|
349
|
+
re as SearchableTriggerDropdownAddon,
|
|
350
|
+
Ve as Trigger,
|
|
351
|
+
f as useComboboxContext
|
|
368
352
|
};
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { Select } from '@base-ui-components/react/select';
|
|
2
|
+
import { triggerVariants } from '../tw-styles/dropdown';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
export declare function Root<Value = any, Multiple extends boolean | undefined = false>({ children, invalid, ...props }: React.ComponentPropsWithoutRef<typeof Select.Root<Value, Multiple>> & {
|
|
5
6
|
invalid?: boolean;
|
|
6
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare function Content({ portalProps, positionerProps, popupProps, children, }: React.PropsWithChildren<{
|
|
8
|
+
export declare function Content({ portalProps, positionerProps, popupProps, children, widthVariant, }: React.PropsWithChildren<{
|
|
8
9
|
portalProps?: React.ComponentProps<typeof Select.Portal>;
|
|
9
10
|
positionerProps?: React.ComponentProps<typeof Select.Positioner>;
|
|
10
11
|
popupProps?: React.ComponentProps<typeof Select.Popup>;
|
|
12
|
+
widthVariant?: "trigger" | "fit" | "enforced";
|
|
11
13
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export declare const List: React.ForwardRefExoticComponent<Select.List.Props & React.RefAttributes<HTMLDivElement>>;
|
|
13
15
|
export declare function Item({ className, ...props }: React.ComponentProps<typeof Select.Item>): import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export declare function MultiItem({ className, ...props }: React.ComponentProps<typeof Select.Item>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const triggerVariants: (props?: ({
|
|
16
|
-
size?: "default" | "sm" | null | undefined;
|
|
17
|
-
widthVariant?: "enforced" | "fit" | "full" | null | undefined;
|
|
18
|
-
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
19
17
|
export declare function Trigger({ size, widthVariant, ...props }: Select.Trigger.Props & VariantProps<typeof triggerVariants>): import("react/jsx-runtime").JSX.Element;
|
|
20
18
|
export declare function MultiSelectedValue({ selectedValue, maxItems, }: {
|
|
21
19
|
selectedValue: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,OAAO,EAIL,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAc7D,wBAAgB,IAAI,CAClB,KAAK,GAAG,GAAG,EACX,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,EACA,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAQA;AAED,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAwB,GACzB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;CAC/C,CAAC,2CA6BD;AAED,eAAO,MAAM,IAAI,0FAAc,CAAC;AAEhC,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAM1C;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,2CAY1C;AAiBD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,2CAe7D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,kDAmBA;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,2CAM1E;AAED,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE9D,eAAO,MAAM,UAAU,eAAS,CAAC"}
|
|
@@ -1,27 +1,26 @@
|
|
|
1
1
|
import { j as t } from "../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as l from "react";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { DROPDOWN_POPUP_CN as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { SelectPositioner 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/select/positioner/SelectPositioner.js";
|
|
3
|
+
import { cn as c } from "../utils/classnames.js";
|
|
4
|
+
import { DROPDOWN_POPUP_CN as x, DROPDOWN_POSITIONER_CN as d, triggerVariants as u, DROPDOWN_ITEM_CN as m } from "../tw-styles/dropdown.js";
|
|
5
|
+
import h from "../icons/check-icon.js";
|
|
6
|
+
import j from "../icons/chevron-down-icon.js";
|
|
7
|
+
import { SelectList 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/select/list/SelectList.js";
|
|
8
|
+
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/select/index.parts.js";
|
|
9
|
+
import { SelectRoot 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/select/root/SelectRoot.js";
|
|
10
|
+
import { SelectPortal 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/select/portal/SelectPortal.js";
|
|
11
|
+
import { SelectPositioner 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/select/positioner/SelectPositioner.js";
|
|
13
12
|
import { SelectPopup as v } 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/select/popup/SelectPopup.js";
|
|
14
|
-
import { SelectItem as
|
|
15
|
-
import { SelectItemText as
|
|
16
|
-
import { SelectTrigger as
|
|
17
|
-
import { SelectIcon as
|
|
18
|
-
import { SelectValue as
|
|
19
|
-
import { SelectItemIndicator as
|
|
20
|
-
const
|
|
13
|
+
import { SelectItem 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/select/item/SelectItem.js";
|
|
14
|
+
import { SelectItemText as a } 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/select/item-text/SelectItemText.js";
|
|
15
|
+
import { SelectTrigger 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/select/trigger/SelectTrigger.js";
|
|
16
|
+
import { SelectIcon 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/select/icon/SelectIcon.js";
|
|
17
|
+
import { SelectValue 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/select/value/SelectValue.js";
|
|
18
|
+
import { SelectItemIndicator 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/select/item-indicator/SelectItemIndicator.js";
|
|
19
|
+
const f = l.createContext(
|
|
21
20
|
{}
|
|
22
21
|
);
|
|
23
|
-
function
|
|
24
|
-
return l.useContext(
|
|
22
|
+
function _() {
|
|
23
|
+
return l.useContext(f);
|
|
25
24
|
}
|
|
26
25
|
function G({
|
|
27
26
|
children: r,
|
|
@@ -29,25 +28,31 @@ function G({
|
|
|
29
28
|
...n
|
|
30
29
|
}) {
|
|
31
30
|
const i = l.useMemo(() => ({ invalid: e }), [e]);
|
|
32
|
-
return /* @__PURE__ */ t.jsx(
|
|
31
|
+
return /* @__PURE__ */ t.jsx(f.Provider, { value: i, children: /* @__PURE__ */ t.jsx(S, { ...n, children: r }) });
|
|
33
32
|
}
|
|
34
33
|
function H({
|
|
35
34
|
portalProps: r,
|
|
36
35
|
positionerProps: e,
|
|
37
36
|
popupProps: n,
|
|
38
|
-
children: i
|
|
37
|
+
children: i,
|
|
38
|
+
widthVariant: s = "trigger"
|
|
39
39
|
}) {
|
|
40
|
-
return /* @__PURE__ */ t.jsx(
|
|
41
|
-
|
|
40
|
+
return /* @__PURE__ */ t.jsx(I, { ...r, children: /* @__PURE__ */ t.jsx(
|
|
41
|
+
O,
|
|
42
42
|
{
|
|
43
43
|
sideOffset: 6,
|
|
44
44
|
...e,
|
|
45
|
-
className:
|
|
45
|
+
className: c(d, e == null ? void 0 : e.className),
|
|
46
46
|
alignItemWithTrigger: !1,
|
|
47
47
|
children: /* @__PURE__ */ t.jsx(
|
|
48
48
|
v,
|
|
49
49
|
{
|
|
50
|
-
className:
|
|
50
|
+
className: c(
|
|
51
|
+
x,
|
|
52
|
+
"py-1",
|
|
53
|
+
s === "trigger" ? "w-[var(--anchor-width)]" : s === "fit" ? "w-fit" : s === "enforced" ? "w-[var(--min-width-input)]" : "",
|
|
54
|
+
n == null ? void 0 : n.className
|
|
55
|
+
),
|
|
51
56
|
...n,
|
|
52
57
|
children: i
|
|
53
58
|
}
|
|
@@ -55,75 +60,55 @@ function H({
|
|
|
55
60
|
}
|
|
56
61
|
) });
|
|
57
62
|
}
|
|
58
|
-
const J =
|
|
63
|
+
const J = N;
|
|
59
64
|
function K({
|
|
60
65
|
className: r,
|
|
61
66
|
...e
|
|
62
67
|
}) {
|
|
63
|
-
return /* @__PURE__ */ t.jsx(
|
|
68
|
+
return /* @__PURE__ */ t.jsx(o, { className: c(m, r), ...e, children: /* @__PURE__ */ t.jsx(a, { children: e.children }) });
|
|
64
69
|
}
|
|
65
70
|
function Q({
|
|
66
71
|
className: r,
|
|
67
72
|
...e
|
|
68
73
|
}) {
|
|
69
74
|
return /* @__PURE__ */ t.jsx(
|
|
70
|
-
|
|
75
|
+
o,
|
|
71
76
|
{
|
|
72
77
|
...e,
|
|
73
|
-
render: (n, i) => /* @__PURE__ */ t.jsxs("div", { ...n, className:
|
|
74
|
-
/* @__PURE__ */ t.jsx(
|
|
75
|
-
/* @__PURE__ */ t.jsx(
|
|
78
|
+
render: (n, i) => /* @__PURE__ */ t.jsxs("div", { ...n, className: c(m, r), children: [
|
|
79
|
+
/* @__PURE__ */ t.jsx(b, { selected: i.selected }),
|
|
80
|
+
/* @__PURE__ */ t.jsx(a, { children: e.children })
|
|
76
81
|
] })
|
|
77
82
|
}
|
|
78
83
|
);
|
|
79
84
|
}
|
|
80
|
-
function
|
|
85
|
+
function b(r) {
|
|
81
86
|
return /* @__PURE__ */ t.jsx(
|
|
82
87
|
"div",
|
|
83
88
|
{
|
|
84
|
-
className:
|
|
89
|
+
className: c(
|
|
85
90
|
"peer rounded-sm bg-white size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 transition-colors duration-150 outline-none",
|
|
86
91
|
r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
|
|
87
92
|
),
|
|
88
|
-
children: /* @__PURE__ */ t.jsx(
|
|
93
|
+
children: /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsx(h, {}) })
|
|
89
94
|
}
|
|
90
95
|
);
|
|
91
96
|
}
|
|
92
|
-
const y = p(
|
|
93
|
-
"gap-2 text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 aria-invalid:border-ppx-red-4 text-ppx-foreground outline-transparent p-input focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 focus-visible:aria-invalid:outline-transparent data-disabled:cursor-not-allowed data-disabled:border-ppx-neutral-3 data-disabled:bg-ppx-neutral-3 data-disabled:text-ppx-neutral-11",
|
|
94
|
-
{
|
|
95
|
-
variants: {
|
|
96
|
-
size: {
|
|
97
|
-
default: "rounded-input h-input",
|
|
98
|
-
sm: "rounded-input-s h-input-s"
|
|
99
|
-
},
|
|
100
|
-
widthVariant: {
|
|
101
|
-
enforced: "min-w-input w-[var(--min-width-input)]",
|
|
102
|
-
fit: "min-w-0 w-fit",
|
|
103
|
-
full: "min-w-0 w-full"
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
defaultVariants: {
|
|
107
|
-
size: "default",
|
|
108
|
-
widthVariant: "enforced"
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
);
|
|
112
97
|
function X({
|
|
113
98
|
size: r,
|
|
114
99
|
widthVariant: e,
|
|
115
100
|
...n
|
|
116
101
|
}) {
|
|
117
|
-
const { invalid: i } =
|
|
102
|
+
const { invalid: i } = _();
|
|
118
103
|
return /* @__PURE__ */ t.jsxs(
|
|
119
|
-
|
|
104
|
+
C,
|
|
120
105
|
{
|
|
121
106
|
"aria-label": "Open popup",
|
|
122
|
-
className:
|
|
107
|
+
className: c(u({ size: r, widthVariant: e }), n.className),
|
|
123
108
|
"aria-invalid": i ?? void 0,
|
|
124
109
|
children: [
|
|
125
110
|
n.children,
|
|
126
|
-
/* @__PURE__ */ t.jsx(
|
|
111
|
+
/* @__PURE__ */ t.jsx(R, { className: "shrink-0", children: /* @__PURE__ */ t.jsx(j, {}) })
|
|
127
112
|
]
|
|
128
113
|
}
|
|
129
114
|
);
|
|
@@ -138,11 +123,11 @@ function Y({
|
|
|
138
123
|
] });
|
|
139
124
|
}
|
|
140
125
|
function Z({ children: r, className: e, ...n }) {
|
|
141
|
-
return /* @__PURE__ */ t.jsx(
|
|
126
|
+
return /* @__PURE__ */ t.jsx(p, { className: c("truncate text-ppx-sm", e), ...n, children: r });
|
|
142
127
|
}
|
|
143
|
-
const
|
|
128
|
+
const V = g;
|
|
144
129
|
export {
|
|
145
|
-
|
|
130
|
+
V as BaseSelect,
|
|
146
131
|
H as Content,
|
|
147
132
|
K as Item,
|
|
148
133
|
J as List,
|
|
@@ -150,6 +135,5 @@ export {
|
|
|
150
135
|
Y as MultiSelectedValue,
|
|
151
136
|
G as Root,
|
|
152
137
|
X as Trigger,
|
|
153
|
-
Z as Value
|
|
154
|
-
y as triggerVariants
|
|
138
|
+
Z as Value
|
|
155
139
|
};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
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
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
|
+
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;
|
|
4
8
|
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,wQAC0O,CAAC;AAExQ,eAAO,MAAM,iBAAiB,6mBAC8kB,CAAC;AAE7mB,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAI1D,eAAO,MAAM,eAAe;;;mFAmB3B,CAAC"}
|
|
@@ -1,6 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
import { cva as t } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
|
|
2
|
+
const e = "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", i = "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", n = "z-10 outline-none", r = t(
|
|
3
|
+
"gap-2 text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 aria-invalid:border-ppx-red-4 text-ppx-foreground outline-transparent p-input focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 focus-visible:aria-invalid:outline-transparent data-disabled:cursor-not-allowed data-disabled:border-ppx-neutral-3 data-disabled:bg-ppx-neutral-3 data-disabled:text-ppx-neutral-11",
|
|
4
|
+
{
|
|
5
|
+
variants: {
|
|
6
|
+
size: {
|
|
7
|
+
default: "rounded-input h-input",
|
|
8
|
+
sm: "rounded-input-s h-input-s"
|
|
9
|
+
},
|
|
10
|
+
widthVariant: {
|
|
11
|
+
enforced: "min-w-input w-[var(--min-width-input)]",
|
|
12
|
+
fit: "min-w-0 w-fit",
|
|
13
|
+
full: "min-w-0 w-full"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
size: "default",
|
|
18
|
+
widthVariant: "enforced"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
);
|
|
2
22
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
23
|
+
e as DROPDOWN_ITEM_CN,
|
|
24
|
+
i as DROPDOWN_POPUP_CN,
|
|
25
|
+
n as DROPDOWN_POSITIONER_CN,
|
|
26
|
+
r as triggerVariants
|
|
6
27
|
};
|