lynote-ui 0.0.7 → 0.0.9
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.js +2 -2
- package/dist/accordion/index.mjs +1 -1
- package/dist/alert/index.js +2 -2
- package/dist/alert/index.mjs +1 -1
- package/dist/alert-dialog/index.js +2 -2
- package/dist/alert-dialog/index.mjs +1 -1
- package/dist/aspect-ratio/index.js +2 -2
- package/dist/aspect-ratio/index.mjs +1 -1
- package/dist/avatar/index.js +2 -2
- package/dist/avatar/index.mjs +1 -1
- package/dist/badge/index.js +2 -2
- package/dist/badge/index.mjs +1 -1
- package/dist/breadcrumb/index.js +2 -2
- package/dist/breadcrumb/index.mjs +1 -1
- package/dist/button/index.js +2 -2
- package/dist/button/index.mjs +1 -1
- package/dist/button-group/index.js +2 -2
- package/dist/button-group/index.mjs +1 -1
- package/dist/calendar/index.js +2 -2
- package/dist/calendar/index.mjs +1 -1
- package/dist/card/index.js +2 -2
- package/dist/card/index.mjs +1 -1
- package/dist/carousel/index.js +2 -2
- package/dist/carousel/index.mjs +1 -1
- package/dist/chart/index.js +2 -2
- package/dist/chart/index.mjs +1 -1
- package/dist/checkbox/index.js +2 -2
- package/dist/checkbox/index.mjs +1 -1
- package/dist/{chunk-CoQrYLCe.js → chunk-8l464Juk.js} +0 -22
- package/dist/collapsible/index.js +1 -1
- package/dist/combobox/index.d.ts +1 -1
- package/dist/combobox/index.js +9 -3
- package/dist/combobox/index.js.map +1 -1
- package/dist/combobox/index.mjs +8 -2
- package/dist/combobox/index.mjs.map +1 -1
- package/dist/command/index.js +2 -2
- package/dist/command/index.mjs +1 -1
- package/dist/context-menu/index.js +8 -6
- package/dist/context-menu/index.js.map +1 -1
- package/dist/context-menu/index.mjs +7 -5
- package/dist/context-menu/index.mjs.map +1 -1
- package/dist/date-picker/index.js +1 -1
- package/dist/dialog/index.js +2 -2
- package/dist/dialog/index.mjs +1 -1
- package/dist/direction/index.js +1 -1
- package/dist/drawer/index.js +2 -2
- package/dist/drawer/index.mjs +1 -1
- package/dist/dropdown-menu/index.js +2 -2
- package/dist/dropdown-menu/index.mjs +1 -1
- package/dist/empty/index.js +2 -2
- package/dist/empty/index.mjs +1 -1
- package/dist/field/index.js +4 -4
- package/dist/field/index.js.map +1 -1
- package/dist/field/index.mjs +3 -3
- package/dist/field/index.mjs.map +1 -1
- package/dist/hover-card/index.js +2 -2
- package/dist/hover-card/index.mjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +19 -25
- package/dist/index.mjs +4 -8
- package/dist/input/index.js +2 -2
- package/dist/input/index.mjs +1 -1
- package/dist/input-group/index.js +2 -2
- package/dist/input-group/index.mjs +1 -1
- package/dist/input-otp/index.js +2 -2
- package/dist/input-otp/index.mjs +1 -1
- package/dist/item/index.js +2 -2
- package/dist/item/index.mjs +1 -1
- package/dist/kbd/index.js +2 -2
- package/dist/kbd/index.mjs +1 -1
- package/dist/label/index.js +2 -2
- package/dist/label/index.mjs +1 -1
- package/dist/menubar/index.js +2 -2
- package/dist/menubar/index.mjs +1 -1
- package/dist/native-select/index.js +2 -2
- package/dist/native-select/index.mjs +1 -1
- package/dist/navigation-menu/index.js +2 -2
- package/dist/navigation-menu/index.mjs +1 -1
- package/dist/pagination/index.js +2 -2
- package/dist/pagination/index.mjs +1 -1
- package/dist/popover/index.js +2 -2
- package/dist/popover/index.mjs +1 -1
- package/dist/progress/index.js +2 -2
- package/dist/progress/index.mjs +1 -1
- package/dist/radio-group/index.js +2 -2
- package/dist/radio-group/index.mjs +1 -1
- package/dist/resizable/index.js +2 -2
- package/dist/resizable/index.mjs +1 -1
- package/dist/scroll-area/index.js +2 -2
- package/dist/scroll-area/index.mjs +1 -1
- package/dist/select/SelectMultipleValue.d.ts +8 -0
- package/dist/select/context.d.ts +4 -0
- package/dist/select/index.d.ts +4 -2
- package/dist/select/index.js +11 -110
- package/dist/select/index.mjs +1 -98
- package/dist/select/type.d.ts +33 -0
- package/dist/select/utils.d.ts +8 -0
- package/dist/select---wbqUEL.js +402 -0
- package/dist/select---wbqUEL.js.map +1 -0
- package/dist/select-DJcPlxTU.mjs +341 -0
- package/dist/select-DJcPlxTU.mjs.map +1 -0
- package/dist/separator/index.js +2 -2
- package/dist/separator/index.mjs +1 -1
- package/dist/sheet/index.js +2 -2
- package/dist/sheet/index.mjs +1 -1
- package/dist/sidebar/index.js +1 -1
- package/dist/sidebar/index.mjs +1 -1
- package/dist/{sidebar-Ddt6hBj_.mjs → sidebar-BO_ns2qp.mjs} +2 -2
- package/dist/{sidebar-Ddt6hBj_.mjs.map → sidebar-BO_ns2qp.mjs.map} +1 -1
- package/dist/{sidebar-E9uledix.js → sidebar-KSjzFqo5.js} +3 -3
- package/dist/{sidebar-E9uledix.js.map → sidebar-KSjzFqo5.js.map} +1 -1
- package/dist/skeleton/index.js +2 -2
- package/dist/skeleton/index.mjs +1 -1
- package/dist/slider/index.js +2 -2
- package/dist/slider/index.mjs +1 -1
- package/dist/sonner/index.js +2 -2
- package/dist/{sonner-BbeMMXzI.js → sonner-6WfFozil.js} +2 -2
- package/dist/{sonner-BbeMMXzI.js.map → sonner-6WfFozil.js.map} +1 -1
- package/dist/spinner/index.js +2 -2
- package/dist/spinner/index.mjs +1 -1
- package/dist/style.css +668 -28
- package/dist/switch/index.js +2 -2
- package/dist/switch/index.mjs +1 -1
- package/dist/table/index.js +2 -2
- package/dist/table/index.mjs +1 -1
- package/dist/tabs/index.js +2 -2
- package/dist/tabs/index.mjs +1 -1
- package/dist/textarea/index.js +2 -2
- package/dist/textarea/index.mjs +1 -1
- package/dist/toggle/index.js +2 -2
- package/dist/toggle/index.mjs +1 -1
- package/dist/toggle-group/index.js +2 -2
- package/dist/toggle-group/index.mjs +1 -1
- package/dist/tooltip/index.js +2 -2
- package/dist/tooltip/index.mjs +1 -1
- package/dist/typography/index.d.ts +14 -0
- package/dist/typography/index.js +120 -0
- package/dist/typography/index.js.map +1 -0
- package/dist/typography/index.mjs +105 -0
- package/dist/typography/index.mjs.map +1 -0
- package/dist/{utils-TtTqRIUX.mjs → utils-Bg4z4cXr.mjs} +1 -1
- package/dist/{utils-TtTqRIUX.mjs.map → utils-Bg4z4cXr.mjs.map} +1 -1
- package/dist/{utils-BGuEr0aP.js → utils-DrngEK1K.js} +2 -2
- package/dist/{utils-BGuEr0aP.js.map → utils-DrngEK1K.js.map} +1 -1
- package/package.json +11 -8
- package/dist/form/components/Form.d.ts +0 -4
- package/dist/form/components/FormControl.d.ts +0 -3
- package/dist/form/components/FormDescription.d.ts +0 -3
- package/dist/form/components/FormField.d.ts +0 -3
- package/dist/form/components/FormItem.d.ts +0 -7
- package/dist/form/components/FormLabel.d.ts +0 -3
- package/dist/form/components/FormMessage.d.ts +0 -4
- package/dist/form/components/variants.d.ts +0 -6
- package/dist/form/context/index.d.ts +0 -4
- package/dist/form/hooks/useFormField.d.ts +0 -14
- package/dist/form/index.d.ts +0 -11
- package/dist/form/index.js +0 -19
- package/dist/form/index.mjs +0 -3
- package/dist/form/type.d.ts +0 -48
- package/dist/form-DLd4sOko.mjs +0 -183
- package/dist/form-DLd4sOko.mjs.map +0 -1
- package/dist/form-h_cJBAwg.js +0 -205
- package/dist/form-h_cJBAwg.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/select/index.js.map +0 -1
- package/dist/select/index.mjs.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
const require_button = require("../button/index.js");
|
|
6
6
|
const require_input = require("../input/index.js");
|
|
7
7
|
const require_textarea = require("../textarea/index.js");
|
package/dist/input-otp/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let lucide_react = require("lucide-react");
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
7
|
let react = require("react");
|
package/dist/input-otp/index.mjs
CHANGED
package/dist/item/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_chunk = require("../chunk-
|
|
3
|
-
const require_utils = require("../utils-
|
|
2
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
3
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
4
4
|
const require_separator = require("../separator/index.js");
|
|
5
5
|
let class_variance_authority = require("class-variance-authority");
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
package/dist/item/index.mjs
CHANGED
package/dist/kbd/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
require("../chunk-
|
|
3
|
-
const require_utils = require("../utils-
|
|
2
|
+
require("../chunk-8l464Juk.js");
|
|
3
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
5
|
//#region src/kbd/index.tsx
|
|
6
6
|
function Kbd({ className, ...props }) {
|
package/dist/kbd/index.mjs
CHANGED
package/dist/label/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let react = require("react");
|
|
7
7
|
react = require_chunk.__toESM(react);
|
package/dist/label/index.mjs
CHANGED
package/dist/menubar/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
const require_dropdown_menu = require("../dropdown-menu/index.js");
|
|
6
6
|
let lucide_react = require("lucide-react");
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
package/dist/menubar/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as cn } from "../utils-
|
|
2
|
+
import { t as cn } from "../utils-Bg4z4cXr.mjs";
|
|
3
3
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../dropdown-menu/index.mjs";
|
|
4
4
|
import { CheckIcon } from "lucide-react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_chunk = require("../chunk-
|
|
3
|
-
const require_utils = require("../utils-
|
|
2
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
3
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
4
4
|
let lucide_react = require("lucide-react");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let react = require("react");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
require("../chunk-
|
|
3
|
-
const require_utils = require("../utils-
|
|
2
|
+
require("../chunk-8l464Juk.js");
|
|
3
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
4
4
|
let lucide_react = require("lucide-react");
|
|
5
5
|
let class_variance_authority = require("class-variance-authority");
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
package/dist/pagination/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_chunk = require("../chunk-
|
|
3
|
-
const require_utils = require("../utils-
|
|
2
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
3
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
4
4
|
const require_button = require("../button/index.js");
|
|
5
5
|
let lucide_react = require("lucide-react");
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as cn } from "../utils-
|
|
1
|
+
import { t as cn } from "../utils-Bg4z4cXr.mjs";
|
|
2
2
|
import { Button } from "../button/index.mjs";
|
|
3
3
|
import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
package/dist/popover/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let react = require("react");
|
|
7
7
|
react = require_chunk.__toESM(react);
|
package/dist/popover/index.mjs
CHANGED
package/dist/progress/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let _base_ui_react_progress = require("@base-ui/react/progress");
|
|
7
7
|
//#region src/progress/index.tsx
|
package/dist/progress/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let _base_ui_react_radio = require("@base-ui/react/radio");
|
|
7
7
|
let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as cn } from "../utils-
|
|
2
|
+
import { t as cn } from "../utils-Bg4z4cXr.mjs";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { Radio } from "@base-ui/react/radio";
|
|
5
5
|
import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
|
package/dist/resizable/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_chunk = require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_chunk = require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let react_resizable_panels = require("react-resizable-panels");
|
|
7
7
|
react_resizable_panels = require_chunk.__toESM(react_resizable_panels);
|
package/dist/resizable/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("../chunk-
|
|
4
|
-
const require_utils = require("../utils-
|
|
3
|
+
require("../chunk-8l464Juk.js");
|
|
4
|
+
const require_utils = require("../utils-DrngEK1K.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let _base_ui_react_scroll_area = require("@base-ui/react/scroll-area");
|
|
7
7
|
//#region src/scroll-area/index.tsx
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as cn } from "../utils-
|
|
2
|
+
import { t as cn } from "../utils-Bg4z4cXr.mjs";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
|
|
5
5
|
//#region src/scroll-area/index.tsx
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SelectValueProps } from './type';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function SelectMultipleValue({ placeholder, renderOverflow, value, }: {
|
|
4
|
+
placeholder?: React.ReactNode;
|
|
5
|
+
renderOverflow?: SelectValueProps["renderOverflow"];
|
|
6
|
+
value: unknown;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export { SelectMultipleValue };
|
package/dist/select/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
+
import { SelectValueOverflowRenderInfo, SelectValueProps } from './type';
|
|
2
3
|
import * as React from "react";
|
|
3
|
-
declare
|
|
4
|
+
declare function Select<Value, Multiple extends boolean | undefined = false>({ value, defaultValue, onValueChange, items, multiple, disabled, readOnly, itemToStringLabel, isItemEqualToValue, ...props }: SelectPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function SelectValue({ className, ...props }:
|
|
6
|
+
declare function SelectValue({ className, children, placeholder, renderOverflow, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
|
|
7
8
|
size?: "sm" | "default";
|
|
8
9
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,3 +14,4 @@ declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separa
|
|
|
13
14
|
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
17
|
+
export type { SelectValueOverflowRenderInfo, SelectValueProps };
|
package/dist/select/index.js
CHANGED
|
@@ -1,112 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"data-slot": "select-group",
|
|
15
|
-
className: require_utils.cn("scroll-my-1 p-1", className),
|
|
16
|
-
...props
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
function SelectValue({ className, ...props }) {
|
|
20
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
|
|
21
|
-
"data-slot": "select-value",
|
|
22
|
-
className: require_utils.cn("flex flex-1 text-left", className),
|
|
23
|
-
...props
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
function SelectTrigger({ className, size = "default", children, ...props }) {
|
|
27
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Trigger, {
|
|
28
|
-
"data-slot": "select-trigger",
|
|
29
|
-
"data-size": size,
|
|
30
|
-
className: require_utils.cn("border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 flex w-fit select-none items-center justify-between gap-1.5 whitespace-nowrap rounded-lg border bg-transparent py-2 pl-2.5 pr-2 text-sm outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
31
|
-
...props,
|
|
32
|
-
children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Icon, { render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4" }) })]
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
|
|
36
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
|
|
37
|
-
side,
|
|
38
|
-
sideOffset,
|
|
39
|
-
align,
|
|
40
|
-
alignOffset,
|
|
41
|
-
alignItemWithTrigger,
|
|
42
|
-
className: "isolate z-50",
|
|
43
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Popup, {
|
|
44
|
-
"data-slot": "select-content",
|
|
45
|
-
"data-align-trigger": alignItemWithTrigger,
|
|
46
|
-
className: require_utils.cn("max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 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 relative isolate z-50 min-w-36 overflow-y-auto overflow-x-hidden rounded-lg shadow-md ring-1 duration-100 data-[align-trigger=true]:animate-none", className),
|
|
47
|
-
...props,
|
|
48
|
-
children: [
|
|
49
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
|
|
50
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, { children }),
|
|
51
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
|
|
52
|
-
]
|
|
53
|
-
})
|
|
54
|
-
}) });
|
|
55
|
-
}
|
|
56
|
-
function SelectLabel({ className, ...props }) {
|
|
57
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.GroupLabel, {
|
|
58
|
-
"data-slot": "select-label",
|
|
59
|
-
className: require_utils.cn("text-muted-foreground px-1.5 py-1 text-xs", className),
|
|
60
|
-
...props
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
function SelectItem({ className, children, ...props }) {
|
|
64
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Item, {
|
|
65
|
-
"data-slot": "select-item",
|
|
66
|
-
className: require_utils.cn("outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default select-none items-center gap-1.5 rounded-md py-1 pl-1.5 pr-8 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
67
|
-
...props,
|
|
68
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, {
|
|
69
|
-
className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
|
|
70
|
-
children
|
|
71
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, {
|
|
72
|
-
render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
73
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "pointer-events-none" })
|
|
74
|
-
})]
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
function SelectSeparator({ className, ...props }) {
|
|
78
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Separator, {
|
|
79
|
-
"data-slot": "select-separator",
|
|
80
|
-
className: require_utils.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
81
|
-
...props
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function SelectScrollUpButton({ className, ...props }) {
|
|
85
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollUpArrow, {
|
|
86
|
-
"data-slot": "select-scroll-up-button",
|
|
87
|
-
className: require_utils.cn("bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
88
|
-
...props,
|
|
89
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, {})
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
function SelectScrollDownButton({ className, ...props }) {
|
|
93
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollDownArrow, {
|
|
94
|
-
"data-slot": "select-scroll-down-button",
|
|
95
|
-
className: require_utils.cn("bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
96
|
-
...props,
|
|
97
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, {})
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
//#endregion
|
|
101
|
-
exports.Select = Select;
|
|
102
|
-
exports.SelectContent = SelectContent;
|
|
103
|
-
exports.SelectGroup = SelectGroup;
|
|
104
|
-
exports.SelectItem = SelectItem;
|
|
105
|
-
exports.SelectLabel = SelectLabel;
|
|
106
|
-
exports.SelectScrollDownButton = SelectScrollDownButton;
|
|
107
|
-
exports.SelectScrollUpButton = SelectScrollUpButton;
|
|
108
|
-
exports.SelectSeparator = SelectSeparator;
|
|
109
|
-
exports.SelectTrigger = SelectTrigger;
|
|
110
|
-
exports.SelectValue = SelectValue;
|
|
111
|
-
|
|
112
|
-
//# sourceMappingURL=index.js.map
|
|
3
|
+
const require_select = require("../select---wbqUEL.js");
|
|
4
|
+
exports.Select = require_select.Select;
|
|
5
|
+
exports.SelectContent = require_select.SelectContent;
|
|
6
|
+
exports.SelectGroup = require_select.SelectGroup;
|
|
7
|
+
exports.SelectItem = require_select.SelectItem;
|
|
8
|
+
exports.SelectLabel = require_select.SelectLabel;
|
|
9
|
+
exports.SelectScrollDownButton = require_select.SelectScrollDownButton;
|
|
10
|
+
exports.SelectScrollUpButton = require_select.SelectScrollUpButton;
|
|
11
|
+
exports.SelectSeparator = require_select.SelectSeparator;
|
|
12
|
+
exports.SelectTrigger = require_select.SelectTrigger;
|
|
13
|
+
exports.SelectValue = require_select.SelectValue;
|
package/dist/select/index.mjs
CHANGED
|
@@ -1,100 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as
|
|
3
|
-
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import "react";
|
|
6
|
-
import { Select as Select$1 } from "@base-ui/react/select";
|
|
7
|
-
//#region src/select/index.tsx
|
|
8
|
-
var Select = Select$1.Root;
|
|
9
|
-
function SelectGroup({ className, ...props }) {
|
|
10
|
-
return /* @__PURE__ */ jsx(Select$1.Group, {
|
|
11
|
-
"data-slot": "select-group",
|
|
12
|
-
className: cn("scroll-my-1 p-1", className),
|
|
13
|
-
...props
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
function SelectValue({ className, ...props }) {
|
|
17
|
-
return /* @__PURE__ */ jsx(Select$1.Value, {
|
|
18
|
-
"data-slot": "select-value",
|
|
19
|
-
className: cn("flex flex-1 text-left", className),
|
|
20
|
-
...props
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
function SelectTrigger({ className, size = "default", children, ...props }) {
|
|
24
|
-
return /* @__PURE__ */ jsxs(Select$1.Trigger, {
|
|
25
|
-
"data-slot": "select-trigger",
|
|
26
|
-
"data-size": size,
|
|
27
|
-
className: cn("border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 flex w-fit select-none items-center justify-between gap-1.5 whitespace-nowrap rounded-lg border bg-transparent py-2 pl-2.5 pr-2 text-sm outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
28
|
-
...props,
|
|
29
|
-
children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4" }) })]
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
|
|
33
|
-
return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
|
|
34
|
-
side,
|
|
35
|
-
sideOffset,
|
|
36
|
-
align,
|
|
37
|
-
alignOffset,
|
|
38
|
-
alignItemWithTrigger,
|
|
39
|
-
className: "isolate z-50",
|
|
40
|
-
children: /* @__PURE__ */ jsxs(Select$1.Popup, {
|
|
41
|
-
"data-slot": "select-content",
|
|
42
|
-
"data-align-trigger": alignItemWithTrigger,
|
|
43
|
-
className: cn("max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 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 relative isolate z-50 min-w-36 overflow-y-auto overflow-x-hidden rounded-lg shadow-md ring-1 duration-100 data-[align-trigger=true]:animate-none", className),
|
|
44
|
-
...props,
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
|
|
47
|
-
/* @__PURE__ */ jsx(Select$1.List, { children }),
|
|
48
|
-
/* @__PURE__ */ jsx(SelectScrollDownButton, {})
|
|
49
|
-
]
|
|
50
|
-
})
|
|
51
|
-
}) });
|
|
52
|
-
}
|
|
53
|
-
function SelectLabel({ className, ...props }) {
|
|
54
|
-
return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
|
|
55
|
-
"data-slot": "select-label",
|
|
56
|
-
className: cn("text-muted-foreground px-1.5 py-1 text-xs", className),
|
|
57
|
-
...props
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function SelectItem({ className, children, ...props }) {
|
|
61
|
-
return /* @__PURE__ */ jsxs(Select$1.Item, {
|
|
62
|
-
"data-slot": "select-item",
|
|
63
|
-
className: cn("outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default select-none items-center gap-1.5 rounded-md py-1 pl-1.5 pr-8 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
64
|
-
...props,
|
|
65
|
-
children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
|
|
66
|
-
className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
|
|
67
|
-
children
|
|
68
|
-
}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
|
|
69
|
-
render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
70
|
-
children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
|
|
71
|
-
})]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
function SelectSeparator({ className, ...props }) {
|
|
75
|
-
return /* @__PURE__ */ jsx(Select$1.Separator, {
|
|
76
|
-
"data-slot": "select-separator",
|
|
77
|
-
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
78
|
-
...props
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
function SelectScrollUpButton({ className, ...props }) {
|
|
82
|
-
return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
|
|
83
|
-
"data-slot": "select-scroll-up-button",
|
|
84
|
-
className: cn("bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
85
|
-
...props,
|
|
86
|
-
children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
function SelectScrollDownButton({ className, ...props }) {
|
|
90
|
-
return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
|
|
91
|
-
"data-slot": "select-scroll-down-button",
|
|
92
|
-
className: cn("bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
93
|
-
...props,
|
|
94
|
-
children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
//#endregion
|
|
2
|
+
import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-DJcPlxTU.mjs";
|
|
98
3
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
99
|
-
|
|
100
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type SelectRootProps = SelectPrimitive.Root.Props<unknown, boolean | undefined>;
|
|
4
|
+
export type SelectItems = SelectRootProps["items"];
|
|
5
|
+
export type SelectLabeledItem = {
|
|
6
|
+
label: React.ReactNode;
|
|
7
|
+
value: unknown;
|
|
8
|
+
} & Record<string, unknown>;
|
|
9
|
+
export type SelectGroupItem = {
|
|
10
|
+
items: ReadonlyArray<SelectLabeledItem>;
|
|
11
|
+
} & Record<string, unknown>;
|
|
12
|
+
export type SelectContextValue = {
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
isItemEqualToValue?: (itemValue: unknown, selectedValue: unknown) => boolean;
|
|
15
|
+
itemToStringLabel?: (itemValue: unknown) => string;
|
|
16
|
+
items?: SelectItems;
|
|
17
|
+
multiple?: boolean;
|
|
18
|
+
readOnly?: boolean;
|
|
19
|
+
setValue: (value: unknown, eventDetails: SelectPrimitive.Root.ChangeEventDetails) => void;
|
|
20
|
+
};
|
|
21
|
+
export type SelectValueOverflowRenderInfo = {
|
|
22
|
+
hiddenCount: number;
|
|
23
|
+
hiddenValues: SelectLabeledItem[];
|
|
24
|
+
visibleValues: SelectLabeledItem[];
|
|
25
|
+
};
|
|
26
|
+
export type SelectValueProps = SelectPrimitive.Value.Props & {
|
|
27
|
+
/**
|
|
28
|
+
* 多选值溢出时的自定义渲染。
|
|
29
|
+
* 未传入时默认使用 Badge 展示 `+N...`。
|
|
30
|
+
*/
|
|
31
|
+
renderOverflow?: (info: SelectValueOverflowRenderInfo) => React.ReactNode;
|
|
32
|
+
};
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
+
import { SelectContextValue, SelectLabeledItem } from './type';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare function resolveSelectedLabel(value: unknown, { items, itemToStringLabel, isItemEqualToValue }: SelectContextValue): any;
|
|
5
|
+
declare function resolveSelectedItem(value: unknown, selectContext: SelectContextValue): SelectLabeledItem;
|
|
6
|
+
declare function reactNodeToString(node: React.ReactNode): string;
|
|
7
|
+
declare function createRemoveEventDetails(event: React.MouseEvent): SelectPrimitive.Root.ChangeEventDetails;
|
|
8
|
+
export { createRemoveEventDetails, reactNodeToString, resolveSelectedItem, resolveSelectedLabel, };
|