lynote-ui 0.0.8 → 0.0.9

package/dist/resizable/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+const require_chunk = require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_resizable_panels = require("react-resizable-panels");
 react_resizable_panels = require_chunk.__toESM(react_resizable_panels);

package/dist/resizable/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 //#region src/resizable/index.tsx

package/dist/scroll-area/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_scroll_area = require("@base-ui/react/scroll-area");
 //#region src/scroll-area/index.tsx

package/dist/scroll-area/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 //#region src/scroll-area/index.tsx

package/dist/select/SelectMultipleValue.d.ts

@@ -0,0 +1,8 @@
+import { SelectValueProps } from './type';
+import * as React from "react";
+declare function SelectMultipleValue({ placeholder, renderOverflow, value, }: {
+    placeholder?: React.ReactNode;
+    renderOverflow?: SelectValueProps["renderOverflow"];
+    value: unknown;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { SelectMultipleValue };

package/dist/select/context.d.ts

@@ -0,0 +1,4 @@
+import { SelectContextValue } from './type';
+import * as React from "react";
+declare const SelectContext: React.Context<SelectContextValue | null>;
+export { SelectContext };

package/dist/select/index.d.ts

@@ -1,8 +1,9 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { SelectValueOverflowRenderInfo, SelectValueProps } from './type';
 import * as React from "react";
-declare const Select: typeof SelectPrimitive.Root;
+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;
 declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ className, children, placeholder, renderOverflow, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
     size?: "sm" | "default";
 }): import("react/jsx-runtime").JSX.Element;
@@ -13,3 +14,4 @@ declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separa
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+export type { SelectValueOverflowRenderInfo, SelectValueProps };

package/dist/select/index.js

@@ -1,112 +1,13 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
-let lucide_react = require("lucide-react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-react = require_chunk.__toESM(react);
-let _base_ui_react_select = require("@base-ui/react/select");
-//#region src/select/index.tsx
-var Select = _base_ui_react_select.Select.Root;
-function SelectGroup({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Group, {
-		"data-slot": "select-group",
-		className: require_utils.cn("scroll-my-1 p-1", className),
-		...props
-	});
-}
-function SelectValue({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
-		"data-slot": "select-value",
-		className: require_utils.cn("flex flex-1 text-left", className),
-		...props
-	});
-}
-function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": size,
-		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),
-		...props,
-		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" }) })]
-	});
-}
-function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
-	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, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		alignItemWithTrigger,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Popup, {
-			"data-slot": "select-content",
-			"data-align-trigger": alignItemWithTrigger,
-			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),
-			...props,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, { children }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
-			]
-		})
-	}) });
-}
-function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.GroupLabel, {
-		"data-slot": "select-label",
-		className: require_utils.cn("text-muted-foreground px-1.5 py-1 text-xs", className),
-		...props
-	});
-}
-function SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Item, {
-		"data-slot": "select-item",
-		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),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, {
-			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-			children
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, { render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "pointer-events-none" })
-		}) })]
-	});
-}
-function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Separator, {
-		"data-slot": "select-separator",
-		className: require_utils.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-		...props
-	});
-}
-function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		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),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, {})
-	});
-}
-function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		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),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, {})
-	});
-}
-//#endregion
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
-
-//# sourceMappingURL=index.js.map
+const require_select = require("../select---wbqUEL.js");
+exports.Select = require_select.Select;
+exports.SelectContent = require_select.SelectContent;
+exports.SelectGroup = require_select.SelectGroup;
+exports.SelectItem = require_select.SelectItem;
+exports.SelectLabel = require_select.SelectLabel;
+exports.SelectScrollDownButton = require_select.SelectScrollDownButton;
+exports.SelectScrollUpButton = require_select.SelectScrollUpButton;
+exports.SelectSeparator = require_select.SelectSeparator;
+exports.SelectTrigger = require_select.SelectTrigger;
+exports.SelectValue = require_select.SelectValue;

package/dist/select/index.mjs

@@ -1,100 +1,3 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Select as Select$1 } from "@base-ui/react/select";
-//#region src/select/index.tsx
-var Select = Select$1.Root;
-function SelectGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Group, {
-		"data-slot": "select-group",
-		className: cn("scroll-my-1 p-1", className),
-		...props
-	});
-}
-function SelectValue({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Value, {
-		"data-slot": "select-value",
-		className: cn("flex flex-1 text-left", className),
-		...props
-	});
-}
-function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": size,
-		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),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4" }) })]
-	});
-}
-function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		alignItemWithTrigger,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsxs(Select$1.Popup, {
-			"data-slot": "select-content",
-			"data-align-trigger": alignItemWithTrigger,
-			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),
-			...props,
-			children: [
-				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__PURE__ */ jsx(Select$1.List, { children }),
-				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-			]
-		})
-	}) });
-}
-function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
-		"data-slot": "select-label",
-		className: cn("text-muted-foreground px-1.5 py-1 text-xs", className),
-		...props
-	});
-}
-function SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select$1.Item, {
-		"data-slot": "select-item",
-		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),
-		...props,
-		children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
-			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-			children
-		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, { render: /* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
-		}) })]
-	});
-}
-function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Separator, {
-		"data-slot": "select-separator",
-		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-		...props
-	});
-}
-function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		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),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
-	});
-}
-function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		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),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
-	});
-}
-//#endregion
+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";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
-
-//# sourceMappingURL=index.mjs.map

package/dist/select/type.d.ts

@@ -0,0 +1,33 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import * as React from "react";
+type SelectRootProps = SelectPrimitive.Root.Props<unknown, boolean | undefined>;
+export type SelectItems = SelectRootProps["items"];
+export type SelectLabeledItem = {
+    label: React.ReactNode;
+    value: unknown;
+} & Record<string, unknown>;
+export type SelectGroupItem = {
+    items: ReadonlyArray<SelectLabeledItem>;
+} & Record<string, unknown>;
+export type SelectContextValue = {
+    disabled?: boolean;
+    isItemEqualToValue?: (itemValue: unknown, selectedValue: unknown) => boolean;
+    itemToStringLabel?: (itemValue: unknown) => string;
+    items?: SelectItems;
+    multiple?: boolean;
+    readOnly?: boolean;
+    setValue: (value: unknown, eventDetails: SelectPrimitive.Root.ChangeEventDetails) => void;
+};
+export type SelectValueOverflowRenderInfo = {
+    hiddenCount: number;
+    hiddenValues: SelectLabeledItem[];
+    visibleValues: SelectLabeledItem[];
+};
+export type SelectValueProps = SelectPrimitive.Value.Props & {
+    /**
+     * 多选值溢出时的自定义渲染。
+     * 未传入时默认使用 Badge 展示 `+N...`。
+     */
+    renderOverflow?: (info: SelectValueOverflowRenderInfo) => React.ReactNode;
+};
+export {};

package/dist/select/utils.d.ts

@@ -0,0 +1,8 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { SelectContextValue, SelectLabeledItem } from './type';
+import * as React from "react";
+declare function resolveSelectedLabel(value: unknown, { items, itemToStringLabel, isItemEqualToValue }: SelectContextValue): any;
+declare function resolveSelectedItem(value: unknown, selectContext: SelectContextValue): SelectLabeledItem;
+declare function reactNodeToString(node: React.ReactNode): string;
+declare function createRemoveEventDetails(event: React.MouseEvent): SelectPrimitive.Root.ChangeEventDetails;
+export { createRemoveEventDetails, reactNodeToString, resolveSelectedItem, resolveSelectedLabel, };