lynote-ui 0.0.7 → 0.0.9

package/dist/form/type.d.ts

@@ -1,48 +0,0 @@
-import { ReactNode } from 'react';
-import { ControllerProps, FieldPath, FieldValues, Message, SubmitHandler, UseFormReturn } from 'react-hook-form';
-export type FormPropsType<TFormValues extends FieldValues> = {
-    onSubmit?: SubmitHandler<TFormValues>;
-    children?: React.ReactNode;
-    className?: string;
-} & UseFormReturn<TFormValues>;
-export type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TName;
-};
-export type FormItemContextValue = {
-    id: string;
-};
-export type FormMessageProps = React.ComponentProps<"p"> & {
-    render?: (message: Message) => React.ReactNode;
-};
-export interface FormItemPropsType<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<ControllerProps<TFieldValues, TName>, "render"> {
-    children?: ReactNode;
-    className?: string;
-    /** label 标签的文本，当不需要 label 又需要与冒号对齐，可以设为 null */
-    label?: ReactNode;
-    /**
-     * 配合 label 属性使用，表示是否显示 label 后面的冒号
-     * @default true
-     */
-    colon?: boolean;
-    /**
-     * 是否显示错误
-     * @default true
-     */
-    showMessage?: boolean;
-    /**
-     * 是否为必选字段，不会对表单进行验证，设置为true时会在label的开始位置显示红色的'*'
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * 渲染函数，用于渲染表单控件
-     */
-    render?: ControllerProps<TFieldValues, TName>["render"];
-    /**
-     * 是否无样式，不显示 label 和错误信息
-     * @default false
-     */
-    noStyle?: boolean;
-    /** 描述 */
-    description?: ReactNode;
-}

package/dist/form-DLd4sOko.mjs

@@ -1,183 +0,0 @@
-import { t as cn } from "./utils-TtTqRIUX.mjs";
-import { Label } from "./label/index.mjs";
-import { cva as cva$1 } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { createContext, forwardRef, useContext } from "react";
-import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
-import { Slot } from "@radix-ui/react-slot";
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-//#endregion
-//#region src/form/components/variants.ts
-var formDescriptionVariants = cva$1("text-muted-foreground text-sm");
-var formItemVariants = cva$1("relative grid gap-2");
-var formItemMesVariants = cva$1("absolute bottom-0 left-0 translate-y-[calc(100%+2px)]");
-var formMessageVariants = cva$1("text-destructive text-sm");
-var formRootVariants = cva$1("w-full space-y-6");
-//#endregion
-//#region src/form/components/Form.tsx
-var FormRoot = ({ onSubmit = () => {}, className, ...props }) => {
-	return /* @__PURE__ */ jsx(FormProvider, {
-		...props,
-		children: /* @__PURE__ */ jsx("form", {
-			onSubmit: props.handleSubmit(onSubmit),
-			className: cn(formRootVariants({ className })),
-			children: props?.children || null
-		})
-	});
-};
-//#endregion
-//#region src/form/context/index.ts
-var FormFieldContext = createContext({});
-var FormItemContext = createContext({});
-//#endregion
-//#region src/form/hooks/useFormField.ts
-var useFormField = () => {
-	const fieldContext = useContext(FormFieldContext);
-	const itemContext = useContext(FormItemContext);
-	const { getFieldState } = useFormContext();
-	const formState = useFormState({ name: fieldContext.name });
-	const fieldState = getFieldState(fieldContext.name, formState);
-	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
-	const { id } = itemContext;
-	return {
-		id,
-		name: fieldContext.name,
-		formItemId: `${id}-form-item`,
-		formDescriptionId: `${id}-form-item-description`,
-		formMessageId: `${id}-form-item-message`,
-		...fieldState
-	};
-};
-//#endregion
-//#region src/form/components/FormControl.tsx
-function FormControl({ ...props }) {
-	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-	return /* @__PURE__ */ jsx(Slot, {
-		"data-slot": "form-control",
-		id: formItemId,
-		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-		"aria-invalid": !!error,
-		...props
-	});
-}
-//#endregion
-//#region src/form/components/FormDescription.tsx
-var FormDescription = forwardRef(({ className, ...props }, ref) => {
-	const { formDescriptionId } = useFormField();
-	return /* @__PURE__ */ jsx("p", {
-		ref,
-		"data-slot": "form-description",
-		id: formDescriptionId,
-		className: cn(formDescriptionVariants({ className })),
-		...props
-	});
-});
-//#endregion
-//#region src/form/components/FormField.tsx
-var FormField = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
-		value: { name: props.name },
-		children: /* @__PURE__ */ jsx(Controller, { ...props })
-	});
-};
-//#endregion
-//#region src/form/components/FormLabel.tsx
-var FormLabel = forwardRef(({ className, ...props }, ref) => {
-	const { error, formItemId } = useFormField();
-	return /* @__PURE__ */ jsx(Label, {
-		ref,
-		"data-slot": "form-label",
-		"data-error": !!error,
-		className: cn(className, "inline gap-0"),
-		htmlFor: formItemId,
-		...props
-	});
-});
-//#endregion
-//#region src/form/components/FormMessage.tsx
-var FormMessage = forwardRef(({ className, render, ...props }, ref) => {
-	const { error, formMessageId } = useFormField();
-	const body = String(error?.message ?? "");
-	if (!body) return null;
-	return render ? render(body) : /* @__PURE__ */ jsx("p", {
-		ref,
-		"data-slot": "form-message",
-		id: formMessageId,
-		className: cn(formMessageVariants({ className })),
-		...props,
-		children: body
-	});
-});
-//#endregion
-//#region src/form/components/FormItem.tsx
-var FormItem = ({ className, children, label, showMessage = true, colon = true, required = false, render, noStyle = false, description, ...controllerProps }, ref) => {
-	const id = React.useId();
-	const content = /* @__PURE__ */ jsx(Controller, {
-		name: controllerProps.name,
-		control: controllerProps.control,
-		rules: controllerProps.rules,
-		shouldUnregister: controllerProps.shouldUnregister,
-		defaultValue: controllerProps.defaultValue,
-		disabled: controllerProps.disabled,
-		exact: controllerProps.exact,
-		render: (...res) => {
-			return /* @__PURE__ */ jsx(FormControl, { children: render ? render(...res) : React.isValidElement(children) ? React.cloneElement(children, res[0].field) : children });
-		}
-	});
-	if (noStyle) return content;
-	const formItemContent = /* @__PURE__ */ jsxs("div", {
-		ref,
-		"data-slot": "form-item",
-		className: cn(formItemVariants(), className),
-		children: [
-			label && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(FormLabel, { children: [
-				required && /* @__PURE__ */ jsx("span", {
-					className: "mr-1 text-red-500",
-					children: "*"
-				}),
-				label,
-				colon && ":"
-			] }) }),
-			content,
-			description && /* @__PURE__ */ jsx(FormDescription, {}),
-			showMessage && /* @__PURE__ */ jsx(FormMessage, { className: cn(formItemMesVariants()) })
-		]
-	});
-	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
-		value: { id },
-		children: /* @__PURE__ */ jsx(FormFieldContext.Provider, {
-			value: { name: controllerProps.name },
-			children: formItemContent
-		})
-	});
-};
-var FormItemWithRef = React.forwardRef(FormItem);
-//#endregion
-export { FormDescription as a, FormRoot as c, FormField as i, __exportAll as l, FormMessage as n, FormControl as o, FormLabel as r, useFormField as s, FormItemWithRef as t, __reExport as u };
-
-//# sourceMappingURL=form-DLd4sOko.mjs.map

package/dist/form-DLd4sOko.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-DLd4sOko.mjs","names":[],"sources":["../src/form/components/variants.ts","../src/form/components/Form.tsx","../src/form/context/index.ts","../src/form/hooks/useFormField.ts","../src/form/components/FormControl.tsx","../src/form/components/FormDescription.tsx","../src/form/components/FormField.tsx","../src/form/components/FormLabel.tsx","../src/form/components/FormMessage.tsx","../src/form/components/FormItem.tsx"],"sourcesContent":["import { cva } from \"../../../lib\";\n\nexport const formDescriptionVariants = cva(\"text-muted-foreground text-sm\");\n\nexport const formItemVariants = cva(\"relative grid gap-2\");\n\nexport const formItemMesVariants = cva(\n  \"absolute bottom-0 left-0 translate-y-[calc(100%+2px)]\",\n);\n\nexport const formMessageVariants = cva(\"text-destructive text-sm\");\n\nexport const formRootVariants = cva(\"w-full space-y-6\");\n","import { type FieldValues, FormProvider } from \"react-hook-form\";\nimport { cn } from \"../../../lib\";\nimport type { FormPropsType } from \"../type\";\nimport { formRootVariants } from \"./variants\";\n\nconst FormRoot = <TFormValues extends FieldValues>({\n  onSubmit = () => {},\n  className,\n  ...props\n}: FormPropsType<TFormValues>) => {\n  return (\n    <FormProvider {...props}>\n      <form\n        onSubmit={props.handleSubmit(onSubmit)}\n        className={cn(formRootVariants({ className }))}\n      >\n        {props?.children || null}\n      </form>\n    </FormProvider>\n  );\n};\nexport default FormRoot;\n","\"use client\";\n\nimport { createContext } from \"react\";\nimport type { FormFieldContextValue, FormItemContextValue } from \"../type\";\n\nexport const FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nexport const FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n","import { useContext } from \"react\";\nimport { useFormContext, useFormState } from \"react-hook-form\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nexport default useFormField;\n","import { Slot } from \"@radix-ui/react-slot\";\nimport useFormField from \"../hooks/useFormField\";\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nexport default FormControl;\n","import { ComponentProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport useFormField from \"../hooks/useFormField\";\nimport { formDescriptionVariants } from \"./variants\";\n\nconst FormDescription = forwardRef<HTMLParagraphElement, ComponentProps<\"p\">>(\n  ({ className, ...props }, ref) => {\n    const { formDescriptionId } = useFormField();\n\n    return (\n      <p\n        ref={ref}\n        data-slot=\"form-description\"\n        id={formDescriptionId}\n        className={cn(formDescriptionVariants({ className }))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormDescription;\n","import {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n} from \"react-hook-form\";\nimport { FormFieldContext } from \"../context\";\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nexport default FormField;\n","import { ComponentProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport { Label } from \"../../label\";\nimport useFormField from \"../hooks/useFormField\";\n\nconst FormLabel = forwardRef<HTMLLabelElement, ComponentProps<typeof Label>>(\n  ({ className, ...props }, ref) => {\n    const { error, formItemId } = useFormField();\n\n    return (\n      <Label\n        ref={ref}\n        data-slot=\"form-label\"\n        data-error={!!error}\n        className={cn(className, \"inline gap-0\")}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormLabel;\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport useFormField from \"../hooks/useFormField\";\nimport type { FormMessageProps } from \"../type\";\nimport { formMessageVariants } from \"./variants\";\n\nconst FormMessage = forwardRef<HTMLParagraphElement, FormMessageProps>(\n  ({ className, render, ...props }, ref) => {\n    const { error, formMessageId } = useFormField();\n    const body = String(error?.message ?? \"\");\n\n    if (!body) {\n      return null;\n    }\n\n    return render ? (\n      render(body)\n    ) : (\n      <p\n        ref={ref}\n        data-slot=\"form-message\"\n        id={formMessageId}\n        className={cn(formMessageVariants({ className }))}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nexport default FormMessage;\n","import * as React from \"react\";\nimport { Controller, FieldPath, FieldValues } from \"react-hook-form\";\nimport { cn } from \"../../../lib\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\nimport { FormItemPropsType } from \"../type\";\nimport FormControl from \"./FormControl\";\nimport FormDescription from \"./FormDescription\";\nimport FormLabel from \"./FormLabel\";\nimport FormMessage from \"./FormMessage\";\nimport { formItemMesVariants, formItemVariants } from \"./variants\";\n\nconst FormItem = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  {\n    className,\n    children,\n    label,\n    showMessage = true,\n    colon = true,\n    required = false,\n    render,\n    noStyle = false,\n    description,\n    ...controllerProps\n  }: FormItemPropsType<TFieldValues, TName>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const id = React.useId();\n\n  // 如果没有提供render函数，则使用children作为内容\n  const content = (\n    <Controller\n      name={controllerProps.name}\n      control={controllerProps.control}\n      rules={controllerProps.rules}\n      shouldUnregister={controllerProps.shouldUnregister}\n      defaultValue={controllerProps.defaultValue}\n      disabled={controllerProps.disabled}\n      exact={controllerProps.exact}\n      render={(...res) => {\n        return (\n          <FormControl>\n            {render\n              ? render(...res)\n              : React.isValidElement(children)\n                ? React.cloneElement(children, res[0].field)\n                : children}\n          </FormControl>\n        );\n      }}\n    />\n  );\n\n  if (noStyle) return content;\n\n  const formItemContent = (\n    <div\n      ref={ref}\n      data-slot=\"form-item\"\n      className={cn(formItemVariants(), className)}\n    >\n      {label && (\n        <div>\n          <FormLabel>\n            {required && <span className=\"mr-1 text-red-500\">*</span>}\n            {label}\n            {colon && \":\"}\n          </FormLabel>\n        </div>\n      )}\n\n      {content}\n      {description && <FormDescription></FormDescription>}\n      {showMessage && <FormMessage className={cn(formItemMesVariants())} />}\n    </div>\n  );\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <FormFieldContext.Provider value={{ name: controllerProps.name }}>\n        {formItemContent}\n      </FormFieldContext.Provider>\n    </FormItemContext.Provider>\n  );\n};\n\nconst FormItemWithRef = React.forwardRef(FormItem) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: FormItemPropsType<TFieldValues, TName> & {\n    ref?: React.Ref<HTMLDivElement>;\n  },\n) => React.ReactElement;\n\nexport default FormItemWithRef;\n"],"mappings":"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"}

package/dist/form-h_cJBAwg.js

@@ -1,205 +0,0 @@
-const require_chunk = require("./chunk-CoQrYLCe.js");
-const require_utils = require("./utils-BGuEr0aP.js");
-const require_label = require("./label/index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-react = require_chunk.__toESM(react);
-let react_hook_form = require("react-hook-form");
-let _radix_ui_react_slot = require("@radix-ui/react-slot");
-let class_variance_authority = require("class-variance-authority");
-//#region src/form/components/variants.ts
-var formDescriptionVariants = (0, class_variance_authority.cva)("text-muted-foreground text-sm");
-var formItemVariants = (0, class_variance_authority.cva)("relative grid gap-2");
-var formItemMesVariants = (0, class_variance_authority.cva)("absolute bottom-0 left-0 translate-y-[calc(100%+2px)]");
-var formMessageVariants = (0, class_variance_authority.cva)("text-destructive text-sm");
-var formRootVariants = (0, class_variance_authority.cva)("w-full space-y-6");
-//#endregion
-//#region src/form/components/Form.tsx
-var FormRoot = ({ onSubmit = () => {}, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.FormProvider, {
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-			onSubmit: props.handleSubmit(onSubmit),
-			className: require_utils.cn(formRootVariants({ className })),
-			children: props?.children || null
-		})
-	});
-};
-//#endregion
-//#region src/form/context/index.ts
-var FormFieldContext = (0, react.createContext)({});
-var FormItemContext = (0, react.createContext)({});
-//#endregion
-//#region src/form/hooks/useFormField.ts
-var useFormField = () => {
-	const fieldContext = (0, react.useContext)(FormFieldContext);
-	const itemContext = (0, react.useContext)(FormItemContext);
-	const { getFieldState } = (0, react_hook_form.useFormContext)();
-	const formState = (0, react_hook_form.useFormState)({ name: fieldContext.name });
-	const fieldState = getFieldState(fieldContext.name, formState);
-	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
-	const { id } = itemContext;
-	return {
-		id,
-		name: fieldContext.name,
-		formItemId: `${id}-form-item`,
-		formDescriptionId: `${id}-form-item-description`,
-		formMessageId: `${id}-form-item-message`,
-		...fieldState
-	};
-};
-//#endregion
-//#region src/form/components/FormControl.tsx
-function FormControl({ ...props }) {
-	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
-		"data-slot": "form-control",
-		id: formItemId,
-		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-		"aria-invalid": !!error,
-		...props
-	});
-}
-//#endregion
-//#region src/form/components/FormDescription.tsx
-var FormDescription = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const { formDescriptionId } = useFormField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		ref,
-		"data-slot": "form-description",
-		id: formDescriptionId,
-		className: require_utils.cn(formDescriptionVariants({ className })),
-		...props
-	});
-});
-//#endregion
-//#region src/form/components/FormField.tsx
-var FormField = ({ ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldContext.Provider, {
-		value: { name: props.name },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.Controller, { ...props })
-	});
-};
-//#endregion
-//#region src/form/components/FormLabel.tsx
-var FormLabel = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const { error, formItemId } = useFormField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_label.Label, {
-		ref,
-		"data-slot": "form-label",
-		"data-error": !!error,
-		className: require_utils.cn(className, "inline gap-0"),
-		htmlFor: formItemId,
-		...props
-	});
-});
-//#endregion
-//#region src/form/components/FormMessage.tsx
-var FormMessage = (0, react.forwardRef)(({ className, render, ...props }, ref) => {
-	const { error, formMessageId } = useFormField();
-	const body = String(error?.message ?? "");
-	if (!body) return null;
-	return render ? render(body) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		ref,
-		"data-slot": "form-message",
-		id: formMessageId,
-		className: require_utils.cn(formMessageVariants({ className })),
-		...props,
-		children: body
-	});
-});
-//#endregion
-//#region src/form/components/FormItem.tsx
-var FormItem = ({ className, children, label, showMessage = true, colon = true, required = false, render, noStyle = false, description, ...controllerProps }, ref) => {
-	const id = react.useId();
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.Controller, {
-		name: controllerProps.name,
-		control: controllerProps.control,
-		rules: controllerProps.rules,
-		shouldUnregister: controllerProps.shouldUnregister,
-		defaultValue: controllerProps.defaultValue,
-		disabled: controllerProps.disabled,
-		exact: controllerProps.exact,
-		render: (...res) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormControl, { children: render ? render(...res) : react.isValidElement(children) ? react.cloneElement(children, res[0].field) : children });
-		}
-	});
-	if (noStyle) return content;
-	const formItemContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		"data-slot": "form-item",
-		className: require_utils.cn(formItemVariants(), className),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FormLabel, { children: [
-				required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "mr-1 text-red-500",
-					children: "*"
-				}),
-				label,
-				colon && ":"
-			] }) }),
-			content,
-			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormDescription, {}),
-			showMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormMessage, { className: require_utils.cn(formItemMesVariants()) })
-		]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormItemContext.Provider, {
-		value: { id },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldContext.Provider, {
-			value: { name: controllerProps.name },
-			children: formItemContent
-		})
-	});
-};
-var FormItemWithRef = react.forwardRef(FormItem);
-//#endregion
-Object.defineProperty(exports, "FormControl", {
-	enumerable: true,
-	get: function() {
-		return FormControl;
-	}
-});
-Object.defineProperty(exports, "FormDescription", {
-	enumerable: true,
-	get: function() {
-		return FormDescription;
-	}
-});
-Object.defineProperty(exports, "FormField", {
-	enumerable: true,
-	get: function() {
-		return FormField;
-	}
-});
-Object.defineProperty(exports, "FormItemWithRef", {
-	enumerable: true,
-	get: function() {
-		return FormItemWithRef;
-	}
-});
-Object.defineProperty(exports, "FormLabel", {
-	enumerable: true,
-	get: function() {
-		return FormLabel;
-	}
-});
-Object.defineProperty(exports, "FormMessage", {
-	enumerable: true,
-	get: function() {
-		return FormMessage;
-	}
-});
-Object.defineProperty(exports, "FormRoot", {
-	enumerable: true,
-	get: function() {
-		return FormRoot;
-	}
-});
-Object.defineProperty(exports, "useFormField", {
-	enumerable: true,
-	get: function() {
-		return useFormField;
-	}
-});
-
-//# sourceMappingURL=form-h_cJBAwg.js.map

package/dist/form-h_cJBAwg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-h_cJBAwg.js","names":[],"sources":["../src/form/components/variants.ts","../src/form/components/Form.tsx","../src/form/context/index.ts","../src/form/hooks/useFormField.ts","../src/form/components/FormControl.tsx","../src/form/components/FormDescription.tsx","../src/form/components/FormField.tsx","../src/form/components/FormLabel.tsx","../src/form/components/FormMessage.tsx","../src/form/components/FormItem.tsx"],"sourcesContent":["import { cva } from \"../../../lib\";\n\nexport const formDescriptionVariants = cva(\"text-muted-foreground text-sm\");\n\nexport const formItemVariants = cva(\"relative grid gap-2\");\n\nexport const formItemMesVariants = cva(\n  \"absolute bottom-0 left-0 translate-y-[calc(100%+2px)]\",\n);\n\nexport const formMessageVariants = cva(\"text-destructive text-sm\");\n\nexport const formRootVariants = cva(\"w-full space-y-6\");\n","import { type FieldValues, FormProvider } from \"react-hook-form\";\nimport { cn } from \"../../../lib\";\nimport type { FormPropsType } from \"../type\";\nimport { formRootVariants } from \"./variants\";\n\nconst FormRoot = <TFormValues extends FieldValues>({\n  onSubmit = () => {},\n  className,\n  ...props\n}: FormPropsType<TFormValues>) => {\n  return (\n    <FormProvider {...props}>\n      <form\n        onSubmit={props.handleSubmit(onSubmit)}\n        className={cn(formRootVariants({ className }))}\n      >\n        {props?.children || null}\n      </form>\n    </FormProvider>\n  );\n};\nexport default FormRoot;\n","\"use client\";\n\nimport { createContext } from \"react\";\nimport type { FormFieldContextValue, FormItemContextValue } from \"../type\";\n\nexport const FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nexport const FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n","import { useContext } from \"react\";\nimport { useFormContext, useFormState } from \"react-hook-form\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nexport default useFormField;\n","import { Slot } from \"@radix-ui/react-slot\";\nimport useFormField from \"../hooks/useFormField\";\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nexport default FormControl;\n","import { ComponentProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport useFormField from \"../hooks/useFormField\";\nimport { formDescriptionVariants } from \"./variants\";\n\nconst FormDescription = forwardRef<HTMLParagraphElement, ComponentProps<\"p\">>(\n  ({ className, ...props }, ref) => {\n    const { formDescriptionId } = useFormField();\n\n    return (\n      <p\n        ref={ref}\n        data-slot=\"form-description\"\n        id={formDescriptionId}\n        className={cn(formDescriptionVariants({ className }))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormDescription;\n","import {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n} from \"react-hook-form\";\nimport { FormFieldContext } from \"../context\";\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nexport default FormField;\n","import { ComponentProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport { Label } from \"../../label\";\nimport useFormField from \"../hooks/useFormField\";\n\nconst FormLabel = forwardRef<HTMLLabelElement, ComponentProps<typeof Label>>(\n  ({ className, ...props }, ref) => {\n    const { error, formItemId } = useFormField();\n\n    return (\n      <Label\n        ref={ref}\n        data-slot=\"form-label\"\n        data-error={!!error}\n        className={cn(className, \"inline gap-0\")}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormLabel;\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../../lib\";\nimport useFormField from \"../hooks/useFormField\";\nimport type { FormMessageProps } from \"../type\";\nimport { formMessageVariants } from \"./variants\";\n\nconst FormMessage = forwardRef<HTMLParagraphElement, FormMessageProps>(\n  ({ className, render, ...props }, ref) => {\n    const { error, formMessageId } = useFormField();\n    const body = String(error?.message ?? \"\");\n\n    if (!body) {\n      return null;\n    }\n\n    return render ? (\n      render(body)\n    ) : (\n      <p\n        ref={ref}\n        data-slot=\"form-message\"\n        id={formMessageId}\n        className={cn(formMessageVariants({ className }))}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nexport default FormMessage;\n","import * as React from \"react\";\nimport { Controller, FieldPath, FieldValues } from \"react-hook-form\";\nimport { cn } from \"../../../lib\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\nimport { FormItemPropsType } from \"../type\";\nimport FormControl from \"./FormControl\";\nimport FormDescription from \"./FormDescription\";\nimport FormLabel from \"./FormLabel\";\nimport FormMessage from \"./FormMessage\";\nimport { formItemMesVariants, formItemVariants } from \"./variants\";\n\nconst FormItem = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  {\n    className,\n    children,\n    label,\n    showMessage = true,\n    colon = true,\n    required = false,\n    render,\n    noStyle = false,\n    description,\n    ...controllerProps\n  }: FormItemPropsType<TFieldValues, TName>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const id = React.useId();\n\n  // 如果没有提供render函数，则使用children作为内容\n  const content = (\n    <Controller\n      name={controllerProps.name}\n      control={controllerProps.control}\n      rules={controllerProps.rules}\n      shouldUnregister={controllerProps.shouldUnregister}\n      defaultValue={controllerProps.defaultValue}\n      disabled={controllerProps.disabled}\n      exact={controllerProps.exact}\n      render={(...res) => {\n        return (\n          <FormControl>\n            {render\n              ? render(...res)\n              : React.isValidElement(children)\n                ? React.cloneElement(children, res[0].field)\n                : children}\n          </FormControl>\n        );\n      }}\n    />\n  );\n\n  if (noStyle) return content;\n\n  const formItemContent = (\n    <div\n      ref={ref}\n      data-slot=\"form-item\"\n      className={cn(formItemVariants(), className)}\n    >\n      {label && (\n        <div>\n          <FormLabel>\n            {required && <span className=\"mr-1 text-red-500\">*</span>}\n            {label}\n            {colon && \":\"}\n          </FormLabel>\n        </div>\n      )}\n\n      {content}\n      {description && <FormDescription></FormDescription>}\n      {showMessage && <FormMessage className={cn(formItemMesVariants())} />}\n    </div>\n  );\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <FormFieldContext.Provider value={{ name: controllerProps.name }}>\n        {formItemContent}\n      </FormFieldContext.Provider>\n    </FormItemContext.Provider>\n  );\n};\n\nconst FormItemWithRef = React.forwardRef(FormItem) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: FormItemPropsType<TFieldValues, TName> & {\n    ref?: React.Ref<HTMLDivElement>;\n  },\n) => React.ReactElement;\n\nexport default FormItemWithRef;\n"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./avatar\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./button-group\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./chart\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./direction\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./empty\";\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n} from \"./field\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./input\";\nexport * from \"./input-group\";\nexport * from \"./input-otp\";\nexport * from \"./item\";\nexport * from \"./kbd\";\nexport * from \"./label\";\nexport * from \"./menubar\";\nexport * from \"./native-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./scroll-area\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./sidebar\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./textarea\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":""}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./avatar\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./button-group\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./chart\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./direction\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./empty\";\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n} from \"./field\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./input\";\nexport * from \"./input-group\";\nexport * from \"./input-otp\";\nexport * from \"./item\";\nexport * from \"./kbd\";\nexport * from \"./label\";\nexport * from \"./menubar\";\nexport * from \"./native-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./scroll-area\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./sidebar\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./textarea\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":""}

package/dist/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/select/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport * as React from \"react\";\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport { cn } from \"../../lib\";\n\nconst Select = SelectPrimitive.Root;\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            \"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\",\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-1.5 py-1 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":"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"}

package/dist/select/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/select/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport * as React from \"react\";\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport { cn } from \"../../lib\";\n\nconst Select = SelectPrimitive.Root;\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            \"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\",\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-1.5 py-1 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;AAQA,IAAM,SAAS,SAAgB;AAE/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,UAAU;EAC3C,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;AACD,QACE,qBAAC,SAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,u2BACA,UACD;EACD,GAAI;YAPN,CASG,UACD,oBAAC,SAAgB,MAAjB,EACE,QACE,oBAAC,iBAAD,EAAiB,WAAU,oDAAqD,CAAA,EAElF,CAAA,CACsB;;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,SAKA;AACH,QACE,oBAAC,SAAgB,QAAjB,EAAA,UACE,oBAAC,SAAgB,YAAjB;EACQ;EACM;EACL;EACM;EACS;EACtB,WAAU;YAEV,qBAAC,SAAgB,OAAjB;GACE,aAAU;GACV,sBAAoB;GACpB,WAAW,GACT,gpBACA,UACD;GACD,GAAI;aAPN;IASE,oBAAC,sBAAD,EAAwB,CAAA;IACxB,oBAAC,SAAgB,MAAjB,EAAuB,UAAgC,CAAA;IACvD,oBAAC,wBAAD,EAA0B,CAAA;IACJ;;EACG,CAAA,EACN,CAAA;;AAI7B,SAAS,YAAY,EACnB,WACA,GAAG,SACgC;AACnC,QACE,oBAAC,SAAgB,YAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAC0B;AAC7B,QACE,qBAAC,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,sbACA,UACD;EACD,GAAI;YANN,CAQE,oBAAC,SAAgB,UAAjB;GAA0B,WAAU;GACjC;GACwB,CAAA,EAC3B,oBAAC,SAAgB,eAAjB;GACE,QACE,oBAAC,QAAD,EAAM,WAAU,gFAAiF,CAAA;aAGnG,oBAAC,WAAD,EAAW,WAAU,uBAAwB,CAAA;GACf,CAAA,CACX;;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC+B;AAClC,QACE,oBAAC,SAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;EACJ,CAAA;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC0D;AAC7D,QACE,oBAAC,SAAgB,eAAjB;EACE,aAAU;EACV,WAAW,GACT,0HACA,UACD;EACD,GAAI;YAEJ,oBAAC,eAAD,EAAiB,CAAA;EACa,CAAA;;AAIpC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,SAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,GACT,6HACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAD,EAAmB,CAAA;EACa,CAAA"}