@web-my-money/primitives 1.0.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/accordion/index.d.mts +9 -0
- package/dist/accordion/index.d.ts +9 -0
- package/dist/accordion/index.js +99 -0
- package/dist/accordion/index.mjs +14 -0
- package/dist/alert-dialog/index.d.mts +22 -0
- package/dist/alert-dialog/index.d.ts +22 -0
- package/dist/alert-dialog/index.js +206 -0
- package/dist/alert-dialog/index.mjs +29 -0
- package/dist/avatar/index.d.mts +23 -0
- package/dist/avatar/index.d.ts +23 -0
- package/dist/avatar/index.js +133 -0
- package/dist/avatar/index.mjs +10 -0
- package/dist/badge/index.d.mts +15 -0
- package/dist/badge/index.d.ts +15 -0
- package/dist/badge/index.js +96 -0
- package/dist/badge/index.mjs +10 -0
- package/dist/breadcrumb/index.d.mts +20 -0
- package/dist/breadcrumb/index.d.ts +20 -0
- package/dist/breadcrumb/index.js +126 -0
- package/dist/breadcrumb/index.mjs +20 -0
- package/dist/button/index.d.mts +12 -0
- package/dist/button/index.d.ts +12 -0
- package/dist/button/index.js +88 -0
- package/dist/button/index.mjs +10 -0
- package/dist/calendar/index.d.mts +29 -0
- package/dist/calendar/index.d.ts +29 -0
- package/dist/calendar/index.js +191 -0
- package/dist/calendar/index.mjs +9 -0
- package/dist/card/index.d.mts +13 -0
- package/dist/card/index.d.ts +13 -0
- package/dist/card/index.js +141 -0
- package/dist/card/index.mjs +19 -0
- package/dist/carousel/index.d.mts +20 -0
- package/dist/carousel/index.d.ts +20 -0
- package/dist/carousel/index.js +236 -0
- package/dist/carousel/index.mjs +19 -0
- package/dist/checkbox/index.d.mts +6 -0
- package/dist/checkbox/index.d.ts +6 -0
- package/dist/checkbox/index.js +63 -0
- package/dist/checkbox/index.mjs +8 -0
- package/dist/chunk-32LEHNCH.mjs +155 -0
- package/dist/chunk-3ZJ4L43B.mjs +92 -0
- package/dist/chunk-4KQNZMKT.mjs +47 -0
- package/dist/chunk-4W6U222X.mjs +113 -0
- package/dist/chunk-556SM2PJ.mjs +40 -0
- package/dist/chunk-5LYTCNI6.mjs +127 -0
- package/dist/chunk-5N7LGYZK.mjs +137 -0
- package/dist/chunk-6OG237U6.mjs +54 -0
- package/dist/chunk-7TMIJ7HZ.mjs +149 -0
- package/dist/chunk-DTENOVQN.mjs +44 -0
- package/dist/chunk-DUGW62XX.mjs +143 -0
- package/dist/chunk-DWLKKYIU.mjs +156 -0
- package/dist/chunk-DYCSGLM5.mjs +32 -0
- package/dist/chunk-DZPJV6MN.mjs +66 -0
- package/dist/chunk-FT72MNAV.mjs +25 -0
- package/dist/chunk-FV6JTZAK.mjs +30 -0
- package/dist/chunk-GLD4KQD3.mjs +90 -0
- package/dist/chunk-GWVW5OI6.mjs +106 -0
- package/dist/chunk-JWCA4M7E.mjs +160 -0
- package/dist/chunk-K4UYYX45.mjs +199 -0
- package/dist/chunk-KVQKOJNU.mjs +52 -0
- package/dist/chunk-LPMRBQLR.mjs +120 -0
- package/dist/chunk-M6HSM6GV.mjs +68 -0
- package/dist/chunk-NE5LEVMC.mjs +201 -0
- package/dist/chunk-NGWDLZ6E.mjs +33 -0
- package/dist/chunk-NH5ZVHAV.mjs +36 -0
- package/dist/chunk-PFXSPRVI.mjs +65 -0
- package/dist/chunk-PJO7WJ4G.mjs +10 -0
- package/dist/chunk-PTXZWR7Y.mjs +76 -0
- package/dist/chunk-SG747CBC.mjs +34 -0
- package/dist/chunk-UDQDW22Y.mjs +71 -0
- package/dist/chunk-UGOA6M4S.mjs +120 -0
- package/dist/chunk-UXU54FBX.mjs +63 -0
- package/dist/chunk-WYBX5VJ4.mjs +49 -0
- package/dist/chunk-Y7DNVOKO.mjs +57 -0
- package/dist/chunk-YNOS3JA2.mjs +29 -0
- package/dist/chunk-YPTARV3T.mjs +57 -0
- package/dist/chunk-YYFQVSPV.mjs +17 -0
- package/dist/chunk-ZR3J34NX.mjs +85 -0
- package/dist/collapsible/index.d.mts +8 -0
- package/dist/collapsible/index.d.ts +8 -0
- package/dist/collapsible/index.js +64 -0
- package/dist/collapsible/index.mjs +12 -0
- package/dist/combobox/index.d.mts +18 -0
- package/dist/combobox/index.d.ts +18 -0
- package/dist/combobox/index.js +198 -0
- package/dist/combobox/index.mjs +32 -0
- package/dist/context-menu/index.d.mts +16 -0
- package/dist/context-menu/index.d.ts +16 -0
- package/dist/context-menu/index.js +177 -0
- package/dist/context-menu/index.mjs +28 -0
- package/dist/date-range-input/index.d.mts +17 -0
- package/dist/date-range-input/index.d.ts +17 -0
- package/dist/date-range-input/index.js +284 -0
- package/dist/date-range-input/index.mjs +11 -0
- package/dist/dialog/index.d.mts +19 -0
- package/dist/dialog/index.d.ts +19 -0
- package/dist/dialog/index.js +240 -0
- package/dist/dialog/index.mjs +27 -0
- package/dist/dropdown-menu/index.d.mts +16 -0
- package/dist/dropdown-menu/index.d.ts +16 -0
- package/dist/dropdown-menu/index.js +189 -0
- package/dist/dropdown-menu/index.mjs +28 -0
- package/dist/field/index.d.mts +24 -0
- package/dist/field/index.d.ts +24 -0
- package/dist/field/index.js +88 -0
- package/dist/field/index.mjs +16 -0
- package/dist/hover-card/index.d.mts +8 -0
- package/dist/hover-card/index.d.ts +8 -0
- package/dist/hover-card/index.js +79 -0
- package/dist/hover-card/index.mjs +12 -0
- package/dist/index.d.mts +73 -0
- package/dist/index.d.ts +73 -0
- package/dist/index.js +3167 -0
- package/dist/index.mjs +452 -0
- package/dist/input/index.d.mts +5 -0
- package/dist/input/index.d.ts +5 -0
- package/dist/input/index.js +54 -0
- package/dist/input/index.mjs +7 -0
- package/dist/kbd/index.d.mts +8 -0
- package/dist/kbd/index.d.ts +8 -0
- package/dist/kbd/index.js +64 -0
- package/dist/kbd/index.mjs +9 -0
- package/dist/lightbox/index.d.mts +17 -0
- package/dist/lightbox/index.d.ts +17 -0
- package/dist/lightbox/index.js +151 -0
- package/dist/lightbox/index.mjs +24 -0
- package/dist/pagination/index.d.mts +33 -0
- package/dist/pagination/index.d.ts +33 -0
- package/dist/pagination/index.js +212 -0
- package/dist/pagination/index.mjs +25 -0
- package/dist/popover/index.d.mts +11 -0
- package/dist/popover/index.d.ts +11 -0
- package/dist/popover/index.js +120 -0
- package/dist/popover/index.mjs +18 -0
- package/dist/progress/index.d.mts +6 -0
- package/dist/progress/index.d.ts +6 -0
- package/dist/progress/index.js +60 -0
- package/dist/progress/index.mjs +8 -0
- package/dist/radio-group/index.d.mts +8 -0
- package/dist/radio-group/index.d.ts +8 -0
- package/dist/radio-group/index.js +71 -0
- package/dist/radio-group/index.mjs +10 -0
- package/dist/resizable/index.d.mts +10 -0
- package/dist/resizable/index.d.ts +10 -0
- package/dist/resizable/index.js +80 -0
- package/dist/resizable/index.mjs +12 -0
- package/dist/scroll-area/index.d.mts +6 -0
- package/dist/scroll-area/index.d.ts +6 -0
- package/dist/scroll-area/index.js +74 -0
- package/dist/scroll-area/index.mjs +8 -0
- package/dist/select/index.d.mts +17 -0
- package/dist/select/index.d.ts +17 -0
- package/dist/select/index.js +238 -0
- package/dist/select/index.mjs +26 -0
- package/dist/separator/index.d.mts +6 -0
- package/dist/separator/index.d.ts +6 -0
- package/dist/separator/index.js +59 -0
- package/dist/separator/index.mjs +8 -0
- package/dist/sheet/index.d.mts +38 -0
- package/dist/sheet/index.d.ts +38 -0
- package/dist/sheet/index.js +212 -0
- package/dist/sheet/index.mjs +27 -0
- package/dist/skeleton/index.d.mts +17 -0
- package/dist/skeleton/index.d.ts +17 -0
- package/dist/skeleton/index.js +80 -0
- package/dist/skeleton/index.mjs +11 -0
- package/dist/slide-over/index.d.mts +92 -0
- package/dist/slide-over/index.d.ts +92 -0
- package/dist/slide-over/index.js +298 -0
- package/dist/slide-over/index.mjs +31 -0
- package/dist/slider/index.d.mts +6 -0
- package/dist/slider/index.d.ts +6 -0
- package/dist/slider/index.js +47 -0
- package/dist/slider/index.mjs +8 -0
- package/dist/switch/index.d.mts +8 -0
- package/dist/switch/index.d.ts +8 -0
- package/dist/switch/index.js +66 -0
- package/dist/switch/index.mjs +8 -0
- package/dist/tabs/index.d.mts +9 -0
- package/dist/tabs/index.d.ts +9 -0
- package/dist/tabs/index.js +96 -0
- package/dist/tabs/index.mjs +14 -0
- package/dist/toast/index.d.mts +19 -0
- package/dist/toast/index.d.ts +19 -0
- package/dist/toast/index.js +107 -0
- package/dist/toast/index.mjs +10 -0
- package/dist/toggle/index.d.mts +14 -0
- package/dist/toggle/index.d.ts +14 -0
- package/dist/toggle/index.js +89 -0
- package/dist/toggle/index.mjs +12 -0
- package/dist/tooltip/index.d.mts +9 -0
- package/dist/tooltip/index.d.ts +9 -0
- package/dist/tooltip/index.js +101 -0
- package/dist/tooltip/index.mjs +14 -0
- package/package.json +235 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-PJO7WJ4G.mjs";
|
|
4
|
+
|
|
5
|
+
// src/slider/index.tsx
|
|
6
|
+
import { Slider as SliderPrimitive } from "@base-ui/react/slider";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
function Slider({ className, ...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(SliderPrimitive.Root, { "data-slot": "slider", className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsx(SliderPrimitive.Control, { className: "flex w-full touch-none items-center py-2 select-none", children: /* @__PURE__ */ jsxs(SliderPrimitive.Track, { className: "relative h-1.5 w-full rounded-full bg-muted", children: [
|
|
10
|
+
/* @__PURE__ */ jsx(SliderPrimitive.Indicator, { className: "absolute rounded-full bg-primary" }),
|
|
11
|
+
/* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "size-4 rounded-full border-2 border-primary bg-background shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-dragging:scale-110 transition-transform" })
|
|
12
|
+
] }) }) });
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export {
|
|
16
|
+
Slider
|
|
17
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-PJO7WJ4G.mjs";
|
|
4
|
+
|
|
5
|
+
// src/popover/index.tsx
|
|
6
|
+
import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
function Popover({ ...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
10
|
+
}
|
|
11
|
+
function PopoverTrigger({ ...props }) {
|
|
12
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
13
|
+
}
|
|
14
|
+
function PopoverContent({
|
|
15
|
+
className,
|
|
16
|
+
align = "center",
|
|
17
|
+
alignOffset = 0,
|
|
18
|
+
side = "bottom",
|
|
19
|
+
sideOffset = 4,
|
|
20
|
+
...props
|
|
21
|
+
}) {
|
|
22
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
23
|
+
PopoverPrimitive.Positioner,
|
|
24
|
+
{
|
|
25
|
+
align,
|
|
26
|
+
alignOffset,
|
|
27
|
+
side,
|
|
28
|
+
sideOffset,
|
|
29
|
+
className: "isolate z-50",
|
|
30
|
+
children: /* @__PURE__ */ jsx(
|
|
31
|
+
PopoverPrimitive.Popup,
|
|
32
|
+
{
|
|
33
|
+
"data-slot": "popover-content",
|
|
34
|
+
className: cn(
|
|
35
|
+
"z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
36
|
+
className
|
|
37
|
+
),
|
|
38
|
+
...props
|
|
39
|
+
}
|
|
40
|
+
)
|
|
41
|
+
}
|
|
42
|
+
) });
|
|
43
|
+
}
|
|
44
|
+
function PopoverHeader({ className, ...props }) {
|
|
45
|
+
return /* @__PURE__ */ jsx(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
"data-slot": "popover-header",
|
|
49
|
+
className: cn("flex flex-col gap-0.5 text-sm", className),
|
|
50
|
+
...props
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
function PopoverTitle({ className, ...props }) {
|
|
55
|
+
return /* @__PURE__ */ jsx(
|
|
56
|
+
PopoverPrimitive.Title,
|
|
57
|
+
{
|
|
58
|
+
"data-slot": "popover-title",
|
|
59
|
+
className: cn("font-heading font-medium", className),
|
|
60
|
+
...props
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
function PopoverDescription({
|
|
65
|
+
className,
|
|
66
|
+
...props
|
|
67
|
+
}) {
|
|
68
|
+
return /* @__PURE__ */ jsx(
|
|
69
|
+
PopoverPrimitive.Description,
|
|
70
|
+
{
|
|
71
|
+
"data-slot": "popover-description",
|
|
72
|
+
className: cn("text-muted-foreground", className),
|
|
73
|
+
...props
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export {
|
|
79
|
+
Popover,
|
|
80
|
+
PopoverTrigger,
|
|
81
|
+
PopoverContent,
|
|
82
|
+
PopoverHeader,
|
|
83
|
+
PopoverTitle,
|
|
84
|
+
PopoverDescription
|
|
85
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
|
|
3
|
+
|
|
4
|
+
declare function Collapsible({ ...props }: Collapsible$1.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function CollapsibleTrigger({ ...props }: Collapsible$1.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): React.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
|
|
3
|
+
|
|
4
|
+
declare function Collapsible({ ...props }: Collapsible$1.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function CollapsibleTrigger({ ...props }: Collapsible$1.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): React.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/collapsible/index.tsx
|
|
22
|
+
var collapsible_exports = {};
|
|
23
|
+
__export(collapsible_exports, {
|
|
24
|
+
Collapsible: () => Collapsible,
|
|
25
|
+
CollapsibleContent: () => CollapsibleContent,
|
|
26
|
+
CollapsibleTrigger: () => CollapsibleTrigger
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(collapsible_exports);
|
|
29
|
+
var import_collapsible = require("@base-ui/react/collapsible");
|
|
30
|
+
|
|
31
|
+
// src/utils.ts
|
|
32
|
+
var import_clsx = require("clsx");
|
|
33
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
34
|
+
function cn(...inputs) {
|
|
35
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// src/collapsible/index.tsx
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
40
|
+
function Collapsible({ ...props }) {
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
|
|
42
|
+
}
|
|
43
|
+
function CollapsibleTrigger({ ...props }) {
|
|
44
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible.Trigger, { "data-slot": "collapsible-trigger", ...props });
|
|
45
|
+
}
|
|
46
|
+
function CollapsibleContent({
|
|
47
|
+
className,
|
|
48
|
+
...props
|
|
49
|
+
}) {
|
|
50
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
+
import_collapsible.Collapsible.Panel,
|
|
52
|
+
{
|
|
53
|
+
"data-slot": "collapsible-content",
|
|
54
|
+
className: cn("wmm-collapsible-panel", className),
|
|
55
|
+
...props
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
60
|
+
0 && (module.exports = {
|
|
61
|
+
Collapsible,
|
|
62
|
+
CollapsibleContent,
|
|
63
|
+
CollapsibleTrigger
|
|
64
|
+
});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
|
|
3
|
+
|
|
4
|
+
declare function Combobox<Value, Multiple extends boolean | undefined = false>({ ...props }: Combobox$1.Root.Props<Value, Multiple>): React.JSX.Element;
|
|
5
|
+
declare function ComboboxInputGroup({ className, ...props }: Combobox$1.InputGroup.Props): React.JSX.Element;
|
|
6
|
+
declare function ComboboxInput({ className, ...props }: Combobox$1.Input.Props): React.JSX.Element;
|
|
7
|
+
declare function ComboboxTrigger({ className, ...props }: Combobox$1.Trigger.Props): React.JSX.Element;
|
|
8
|
+
declare function ComboboxClear({ className, ...props }: Combobox$1.Clear.Props): React.JSX.Element;
|
|
9
|
+
declare function ComboboxPortal({ ...props }: Combobox$1.Portal.Props): React.JSX.Element;
|
|
10
|
+
declare function ComboboxPositioner({ className, align, sideOffset, ...props }: Combobox$1.Positioner.Props): React.JSX.Element;
|
|
11
|
+
declare function ComboboxPopup({ className, ...props }: Combobox$1.Popup.Props): React.JSX.Element;
|
|
12
|
+
declare function ComboboxList({ ...props }: Combobox$1.List.Props): React.JSX.Element;
|
|
13
|
+
declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): React.JSX.Element;
|
|
14
|
+
declare function ComboboxGroup({ ...props }: Combobox$1.Group.Props): React.JSX.Element;
|
|
15
|
+
declare function ComboboxGroupLabel({ className, ...props }: Combobox$1.GroupLabel.Props): React.JSX.Element;
|
|
16
|
+
declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): React.JSX.Element;
|
|
17
|
+
|
|
18
|
+
export { Combobox, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxTrigger };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
|
|
3
|
+
|
|
4
|
+
declare function Combobox<Value, Multiple extends boolean | undefined = false>({ ...props }: Combobox$1.Root.Props<Value, Multiple>): React.JSX.Element;
|
|
5
|
+
declare function ComboboxInputGroup({ className, ...props }: Combobox$1.InputGroup.Props): React.JSX.Element;
|
|
6
|
+
declare function ComboboxInput({ className, ...props }: Combobox$1.Input.Props): React.JSX.Element;
|
|
7
|
+
declare function ComboboxTrigger({ className, ...props }: Combobox$1.Trigger.Props): React.JSX.Element;
|
|
8
|
+
declare function ComboboxClear({ className, ...props }: Combobox$1.Clear.Props): React.JSX.Element;
|
|
9
|
+
declare function ComboboxPortal({ ...props }: Combobox$1.Portal.Props): React.JSX.Element;
|
|
10
|
+
declare function ComboboxPositioner({ className, align, sideOffset, ...props }: Combobox$1.Positioner.Props): React.JSX.Element;
|
|
11
|
+
declare function ComboboxPopup({ className, ...props }: Combobox$1.Popup.Props): React.JSX.Element;
|
|
12
|
+
declare function ComboboxList({ ...props }: Combobox$1.List.Props): React.JSX.Element;
|
|
13
|
+
declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): React.JSX.Element;
|
|
14
|
+
declare function ComboboxGroup({ ...props }: Combobox$1.Group.Props): React.JSX.Element;
|
|
15
|
+
declare function ComboboxGroupLabel({ className, ...props }: Combobox$1.GroupLabel.Props): React.JSX.Element;
|
|
16
|
+
declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): React.JSX.Element;
|
|
17
|
+
|
|
18
|
+
export { Combobox, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxTrigger };
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/combobox/index.tsx
|
|
22
|
+
var combobox_exports = {};
|
|
23
|
+
__export(combobox_exports, {
|
|
24
|
+
Combobox: () => Combobox,
|
|
25
|
+
ComboboxClear: () => ComboboxClear,
|
|
26
|
+
ComboboxEmpty: () => ComboboxEmpty,
|
|
27
|
+
ComboboxGroup: () => ComboboxGroup,
|
|
28
|
+
ComboboxGroupLabel: () => ComboboxGroupLabel,
|
|
29
|
+
ComboboxInput: () => ComboboxInput,
|
|
30
|
+
ComboboxInputGroup: () => ComboboxInputGroup,
|
|
31
|
+
ComboboxItem: () => ComboboxItem,
|
|
32
|
+
ComboboxList: () => ComboboxList,
|
|
33
|
+
ComboboxPopup: () => ComboboxPopup,
|
|
34
|
+
ComboboxPortal: () => ComboboxPortal,
|
|
35
|
+
ComboboxPositioner: () => ComboboxPositioner,
|
|
36
|
+
ComboboxTrigger: () => ComboboxTrigger
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(combobox_exports);
|
|
39
|
+
var import_combobox = require("@base-ui/react/combobox");
|
|
40
|
+
var import_lucide_react = require("lucide-react");
|
|
41
|
+
|
|
42
|
+
// src/utils.ts
|
|
43
|
+
var import_clsx = require("clsx");
|
|
44
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
45
|
+
function cn(...inputs) {
|
|
46
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// src/combobox/index.tsx
|
|
50
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
51
|
+
function Combobox({
|
|
52
|
+
...props
|
|
53
|
+
}) {
|
|
54
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Root, { "data-slot": "combobox", ...props });
|
|
55
|
+
}
|
|
56
|
+
function ComboboxInputGroup({ className, ...props }) {
|
|
57
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
58
|
+
import_combobox.Combobox.InputGroup,
|
|
59
|
+
{
|
|
60
|
+
"data-slot": "combobox-input-group",
|
|
61
|
+
className: cn("relative flex items-center", className),
|
|
62
|
+
...props
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
function ComboboxInput({ className, ...props }) {
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
68
|
+
import_combobox.Combobox.Input,
|
|
69
|
+
{
|
|
70
|
+
"data-slot": "combobox-input",
|
|
71
|
+
className: cn(
|
|
72
|
+
"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 pr-8 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
73
|
+
className
|
|
74
|
+
),
|
|
75
|
+
...props
|
|
76
|
+
}
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
function ComboboxTrigger({ className, ...props }) {
|
|
80
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
81
|
+
import_combobox.Combobox.Trigger,
|
|
82
|
+
{
|
|
83
|
+
"data-slot": "combobox-trigger",
|
|
84
|
+
className: cn(
|
|
85
|
+
"absolute right-1.5 inline-flex size-5 items-center justify-center rounded text-muted-foreground outline-none hover:text-foreground",
|
|
86
|
+
className
|
|
87
|
+
),
|
|
88
|
+
...props,
|
|
89
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsUpDown, { className: "size-3.5" })
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
function ComboboxClear({ className, ...props }) {
|
|
94
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
95
|
+
import_combobox.Combobox.Clear,
|
|
96
|
+
{
|
|
97
|
+
"data-slot": "combobox-clear",
|
|
98
|
+
className: cn(
|
|
99
|
+
"absolute right-1.5 inline-flex size-5 items-center justify-center rounded text-muted-foreground outline-none hover:text-foreground",
|
|
100
|
+
className
|
|
101
|
+
),
|
|
102
|
+
...props,
|
|
103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-3.5" })
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
function ComboboxPortal({ ...props }) {
|
|
108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Portal, { ...props });
|
|
109
|
+
}
|
|
110
|
+
function ComboboxPositioner({
|
|
111
|
+
className,
|
|
112
|
+
align = "start",
|
|
113
|
+
sideOffset = 4,
|
|
114
|
+
...props
|
|
115
|
+
}) {
|
|
116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
117
|
+
import_combobox.Combobox.Positioner,
|
|
118
|
+
{
|
|
119
|
+
"data-slot": "combobox-positioner",
|
|
120
|
+
align,
|
|
121
|
+
sideOffset,
|
|
122
|
+
className: cn("isolate z-50", className),
|
|
123
|
+
...props
|
|
124
|
+
}
|
|
125
|
+
);
|
|
126
|
+
}
|
|
127
|
+
function ComboboxPopup({ className, ...props }) {
|
|
128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
129
|
+
import_combobox.Combobox.Popup,
|
|
130
|
+
{
|
|
131
|
+
"data-slot": "combobox-popup",
|
|
132
|
+
className: cn(
|
|
133
|
+
"z-50 max-h-72 w-(--anchor-width) min-w-40 origin-(--transform-origin) overflow-auto rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
134
|
+
className
|
|
135
|
+
),
|
|
136
|
+
...props
|
|
137
|
+
}
|
|
138
|
+
);
|
|
139
|
+
}
|
|
140
|
+
function ComboboxList({ ...props }) {
|
|
141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.List, { "data-slot": "combobox-list", ...props });
|
|
142
|
+
}
|
|
143
|
+
function ComboboxEmpty({ className, ...props }) {
|
|
144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
145
|
+
import_combobox.Combobox.Empty,
|
|
146
|
+
{
|
|
147
|
+
"data-slot": "combobox-empty",
|
|
148
|
+
className: cn("px-2 py-4 text-center text-sm text-muted-foreground", className),
|
|
149
|
+
...props
|
|
150
|
+
}
|
|
151
|
+
);
|
|
152
|
+
}
|
|
153
|
+
function ComboboxGroup({ ...props }) {
|
|
154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Group, { "data-slot": "combobox-group", ...props });
|
|
155
|
+
}
|
|
156
|
+
function ComboboxGroupLabel({ className, ...props }) {
|
|
157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
158
|
+
import_combobox.Combobox.GroupLabel,
|
|
159
|
+
{
|
|
160
|
+
"data-slot": "combobox-group-label",
|
|
161
|
+
className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
|
|
162
|
+
...props
|
|
163
|
+
}
|
|
164
|
+
);
|
|
165
|
+
}
|
|
166
|
+
function ComboboxItem({ className, children, ...props }) {
|
|
167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
168
|
+
import_combobox.Combobox.Item,
|
|
169
|
+
{
|
|
170
|
+
"data-slot": "combobox-item",
|
|
171
|
+
className: cn(
|
|
172
|
+
"relative flex cursor-default select-none items-center gap-2 rounded-md py-1.5 pl-7 pr-2 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
|
|
173
|
+
className
|
|
174
|
+
),
|
|
175
|
+
...props,
|
|
176
|
+
children: [
|
|
177
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "size-3.5" }) }) }),
|
|
178
|
+
children
|
|
179
|
+
]
|
|
180
|
+
}
|
|
181
|
+
);
|
|
182
|
+
}
|
|
183
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
184
|
+
0 && (module.exports = {
|
|
185
|
+
Combobox,
|
|
186
|
+
ComboboxClear,
|
|
187
|
+
ComboboxEmpty,
|
|
188
|
+
ComboboxGroup,
|
|
189
|
+
ComboboxGroupLabel,
|
|
190
|
+
ComboboxInput,
|
|
191
|
+
ComboboxInputGroup,
|
|
192
|
+
ComboboxItem,
|
|
193
|
+
ComboboxList,
|
|
194
|
+
ComboboxPopup,
|
|
195
|
+
ComboboxPortal,
|
|
196
|
+
ComboboxPositioner,
|
|
197
|
+
ComboboxTrigger
|
|
198
|
+
});
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Combobox,
|
|
4
|
+
ComboboxClear,
|
|
5
|
+
ComboboxEmpty,
|
|
6
|
+
ComboboxGroup,
|
|
7
|
+
ComboboxGroupLabel,
|
|
8
|
+
ComboboxInput,
|
|
9
|
+
ComboboxInputGroup,
|
|
10
|
+
ComboboxItem,
|
|
11
|
+
ComboboxList,
|
|
12
|
+
ComboboxPopup,
|
|
13
|
+
ComboboxPortal,
|
|
14
|
+
ComboboxPositioner,
|
|
15
|
+
ComboboxTrigger
|
|
16
|
+
} from "../chunk-DWLKKYIU.mjs";
|
|
17
|
+
import "../chunk-PJO7WJ4G.mjs";
|
|
18
|
+
export {
|
|
19
|
+
Combobox,
|
|
20
|
+
ComboboxClear,
|
|
21
|
+
ComboboxEmpty,
|
|
22
|
+
ComboboxGroup,
|
|
23
|
+
ComboboxGroupLabel,
|
|
24
|
+
ComboboxInput,
|
|
25
|
+
ComboboxInputGroup,
|
|
26
|
+
ComboboxItem,
|
|
27
|
+
ComboboxList,
|
|
28
|
+
ComboboxPopup,
|
|
29
|
+
ComboboxPortal,
|
|
30
|
+
ComboboxPositioner,
|
|
31
|
+
ComboboxTrigger
|
|
32
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
|
|
3
|
+
|
|
4
|
+
declare function ContextMenu({ ...props }: ContextMenu$1.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function ContextMenuTrigger({ ...props }: ContextMenu$1.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function ContextMenuGroup({ ...props }: ContextMenu$1.Group.Props): React.JSX.Element;
|
|
7
|
+
declare function ContextMenuContent({ className, ...props }: ContextMenu$1.Popup.Props): React.JSX.Element;
|
|
8
|
+
declare function ContextMenuItem({ className, ...props }: ContextMenu$1.Item.Props): React.JSX.Element;
|
|
9
|
+
declare function ContextMenuCheckboxItem({ className, children, ...props }: ContextMenu$1.CheckboxItem.Props): React.JSX.Element;
|
|
10
|
+
declare function ContextMenuLabel({ className, ...props }: ContextMenu$1.GroupLabel.Props): React.JSX.Element;
|
|
11
|
+
declare function ContextMenuSeparator({ className, ...props }: ContextMenu$1.Separator.Props): React.JSX.Element;
|
|
12
|
+
declare function ContextMenuSub({ ...props }: ContextMenu$1.SubmenuRoot.Props): React.JSX.Element;
|
|
13
|
+
declare function ContextMenuSubTrigger({ className, children, ...props }: ContextMenu$1.SubmenuTrigger.Props): React.JSX.Element;
|
|
14
|
+
declare function ContextMenuSubContent({ className, ...props }: ContextMenu$1.Popup.Props): React.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
|
|
3
|
+
|
|
4
|
+
declare function ContextMenu({ ...props }: ContextMenu$1.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function ContextMenuTrigger({ ...props }: ContextMenu$1.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function ContextMenuGroup({ ...props }: ContextMenu$1.Group.Props): React.JSX.Element;
|
|
7
|
+
declare function ContextMenuContent({ className, ...props }: ContextMenu$1.Popup.Props): React.JSX.Element;
|
|
8
|
+
declare function ContextMenuItem({ className, ...props }: ContextMenu$1.Item.Props): React.JSX.Element;
|
|
9
|
+
declare function ContextMenuCheckboxItem({ className, children, ...props }: ContextMenu$1.CheckboxItem.Props): React.JSX.Element;
|
|
10
|
+
declare function ContextMenuLabel({ className, ...props }: ContextMenu$1.GroupLabel.Props): React.JSX.Element;
|
|
11
|
+
declare function ContextMenuSeparator({ className, ...props }: ContextMenu$1.Separator.Props): React.JSX.Element;
|
|
12
|
+
declare function ContextMenuSub({ ...props }: ContextMenu$1.SubmenuRoot.Props): React.JSX.Element;
|
|
13
|
+
declare function ContextMenuSubTrigger({ className, children, ...props }: ContextMenu$1.SubmenuTrigger.Props): React.JSX.Element;
|
|
14
|
+
declare function ContextMenuSubContent({ className, ...props }: ContextMenu$1.Popup.Props): React.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|