@codefast/ui 0.2.46-canary.1 → 0.2.46-canary.2

package/dist/esm/components/form.js

@@ -0,0 +1,97 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_38ab4728__ from "@radix-ui/react-context";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
+import * as __WEBPACK_EXTERNAL_MODULE__label_js_9a908b9b__ from "./label.js";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+const Form = __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.FormProvider;
+const FORM_FIELD_NAME = "FormField";
+const [createFormFieldContext, createFormFieldScope] = (0, __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_38ab4728__.createContextScope)(FORM_FIELD_NAME);
+const [FormFieldContextProvider, useFormFieldContext] = createFormFieldContext(FORM_FIELD_NAME);
+function useFormItem(consumerName, scope) {
+    const { id } = useFormItemContext(consumerName, scope);
+    const { name } = useFormFieldContext(consumerName, scope);
+    const { getFieldState } = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useFormContext)();
+    const formState = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useFormState)({
+        name
+    });
+    const fieldState = getFieldState(name, formState);
+    return {
+        id,
+        name,
+        formDescriptionId: `form-item-description-${id}`,
+        formItemId: `form-item-${id}`,
+        formMessageId: `form-item-message-${id}`,
+        ...fieldState
+    };
+}
+function FormField(formFieldProps) {
+    const { __scopeFormField, ...props } = formFieldProps;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FormFieldContextProvider, {
+        name: props.name,
+        scope: __scopeFormField,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.Controller, {
+            ...props
+        })
+    });
+}
+const FORM_ITEM_NAME = "FormItem";
+const [FormItemContextProvider, useFormItemContext] = createFormFieldContext(FORM_ITEM_NAME);
+function FormItem({ __scopeFormField, className, ...props }) {
+    const id = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FormItemContextProvider, {
+        id: id,
+        scope: __scopeFormField,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("grid gap-2", className),
+            "data-slot": "form-item",
+            ...props
+        })
+    });
+}
+const FORM_LABEL_NAME = "FormLabel";
+function FormLabel({ __scopeFormField, ...props }) {
+    const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__label_js_9a908b9b__.Label, {
+        "data-invalid": error ? true : void 0,
+        "data-slot": "form-label",
+        htmlFor: formItemId,
+        ...props
+    });
+}
+const FORM_CONTROL_NAME = "FormControl";
+function FormControl({ __scopeFormField, ...props }) {
+    const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot, {
+        "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
+        "aria-invalid": Boolean(error),
+        "data-slot": "form-control",
+        id: formItemId,
+        ...props
+    });
+}
+function FormDescription({ __scopeFormField, className, ...props }) {
+    const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-xs", className),
+        "data-slot": "form-description",
+        id: formDescriptionId,
+        ...props
+    });
+}
+const FORM_MESSAGE_NAME = "FormMessage";
+function FormMessage({ __scopeFormField, children, className, ...props }) {
+    const { formMessageId, error } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
+    const body = error?.message ? String(error.message) : children;
+    if (!body) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-xs", error?.message ? "text-destructive font-medium" : "text-muted-foreground", className),
+        "data-slot": "form-message",
+        id: formMessageId,
+        ...props,
+        children: body
+    });
+}
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, createFormFieldScope };

package/dist/esm/components/heading.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+function Heading({ as: Tag = "h1", asChild, ...props }) {
+    const Component = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : Tag;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+        "data-slot": "heading",
+        ...props
+    });
+}
+export { Heading };

package/dist/esm/components/hover-card.js

@@ -0,0 +1,34 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__ from "@radix-ui/react-hover-card";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+function HoverCard({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__.Root, {
+        "data-slot": "hover-card",
+        ...props
+    });
+}
+function HoverCardTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__.Trigger, {
+        "data-slot": "hover-card-trigger",
+        ...props
+    });
+}
+function HoverCardContent({ align = "center", className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__.Portal, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__.Content, {
+            align: align,
+            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg", className),
+            "data-slot": "hover-card-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function HoverCardArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_hover_card_5bbbbb96__.Arrow, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("fill-popover", className),
+        "data-slot": "hover-card-arrow",
+        ...props
+    });
+}
+export { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };

package/dist/esm/components/inline.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+function Inline({ asChild, ...props }) {
+    const Component = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "span";
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+        "data-slot": "inline",
+        ...props
+    });
+}
+export { Inline };

package/dist/esm/components/input-number.js

@@ -0,0 +1,72 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_number_c23d4ca6__ from "@codefast-ui/input-number";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
+import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+const { input, root } = (0, __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.inputVariants)();
+function InputNumber({ id, ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_number_c23d4ca6__.Root, {
+        ariaDecrementLabel: ariaDecrementLabel,
+        ariaIncrementLabel: ariaIncrementLabel,
+        className: root({
+            className: [
+                "group pr-0",
+                className
+            ]
+        }),
+        "data-slot": "input-number",
+        defaultValue: defaultValue,
+        disabled: disabled,
+        formatOptions: formatOptions,
+        id: id,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        max: max,
+        min: min,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
+        step: step,
+        suffix: suffix,
+        value: value,
+        onChange: onChange,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_number_c23d4ca6__.Field, {
+                autoCapitalize: "none",
+                autoComplete: "off",
+                autoCorrect: "off",
+                className: input(),
+                spellCheck: "false",
+                ...props
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition", "*:[button]:focus-visible:ring-0 *:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),
+                "data-slot": "input-number-buttons",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_number_c23d4ca6__.IncrementButton, {
+                        "aria-label": "Increment",
+                        className: (0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
+                            className: "text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",
+                            variant: "ghost"
+                        }),
+                        "data-slot": "input-number-increment-button",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronUpIcon, {})
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_number_c23d4ca6__.DecrementButton, {
+                        "aria-label": "Decrement",
+                        className: (0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
+                            className: "text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",
+                            variant: "ghost"
+                        }),
+                        "data-slot": "input-number-decrement-button",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {})
+                    })
+                ]
+            })
+        ]
+    });
+}
+const NumberInput = InputNumber;
+export { InputNumber, NumberInput };

package/dist/esm/components/input-otp.js

@@ -0,0 +1,54 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__ from "input-otp";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+function InputOTP({ className, containerClassName, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.OTPInput, {
+        "aria-label": "One-time password",
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(className),
+        containerClassName: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
+        "data-slot": "input-otp",
+        ...props
+    });
+}
+function InputOTPGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center -space-x-px", className),
+        "data-slot": "input-otp-group",
+        role: "group",
+        ...props
+    });
+}
+function InputOTPSlot({ className, index, ...props }) {
+    const inputOTPContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.use)(__WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.OTPInputContext);
+    const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10", className),
+        "data-active": isActive,
+        "data-slot": "input-otp-slot",
+        ...props,
+        children: [
+            char,
+            hasFakeCaret ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"
+                })
+            }) : null
+        ]
+    });
+}
+function InputOTPSeparator({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        "data-slot": "input-otp-separator",
+        role: "separator",
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.MinusIcon, {})
+    });
+}
+var __webpack_exports__REGEXP_ONLY_CHARS = __WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.REGEXP_ONLY_CHARS;
+var __webpack_exports__REGEXP_ONLY_DIGITS = __WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.REGEXP_ONLY_DIGITS;
+var __webpack_exports__REGEXP_ONLY_DIGITS_AND_CHARS = __WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.REGEXP_ONLY_DIGITS_AND_CHARS;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, __webpack_exports__REGEXP_ONLY_CHARS as REGEXP_ONLY_CHARS, __webpack_exports__REGEXP_ONLY_DIGITS as REGEXP_ONLY_DIGITS, __webpack_exports__REGEXP_ONLY_DIGITS_AND_CHARS as REGEXP_ONLY_DIGITS_AND_CHARS };

package/dist/esm/components/input-password.js

@@ -0,0 +1,52 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
+import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
+const { input, root } = (0, __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.inputVariants)();
+function InputPassword({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }) {
+    const [type, setType] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("password");
+    const togglePasswordVisibility = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setType((prev)=>"password" === prev ? "text" : "password");
+    }, []);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
+        className: root({
+            className: [
+                !suffix && "pr-1.5",
+                className
+            ]
+        }),
+        "data-slot": "input-password",
+        disabled: disabled,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
+        suffix: suffix,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
+                autoCapitalize: "none",
+                className: input(),
+                "data-slot": "input-password-item",
+                type: type,
+                ...props
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.Button, {
+                "aria-label": "password" === type ? "Show password" : "Hide password",
+                className: "focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0",
+                "data-slot": "input-password-toggle",
+                disabled: disabled,
+                prefix: "password" === type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.EyeOffIcon, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.EyeIcon, {}),
+                size: "icon",
+                variant: "ghost",
+                onClick: togglePasswordVisibility
+            })
+        ]
+    });
+}
+const PasswordInput = InputPassword;
+export { InputPassword, PasswordInput };

package/dist/esm/components/input-search.js

@@ -0,0 +1,58 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_use_controllable_state_9528e2f0__ from "@radix-ui/react-use-controllable-state";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
+import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
+const { input, root } = (0, __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.inputVariants)();
+function InputSearch({ className, defaultValue, disabled, loaderPosition, loading, onChange, prefix, readOnly, spinner, suffix, value: valueProp, ...props }) {
+    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE__radix_ui_react_use_controllable_state_9528e2f0__.useControllableState)({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProp
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
+        className: root({
+            className: [
+                !suffix && "pr-1.5",
+                className
+            ]
+        }),
+        "data-slot": "input-search",
+        disabled: disabled,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        prefix: prefix || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.SearchIcon, {}),
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
+        suffix: suffix,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
+                className: input(),
+                "data-slot": "input-search-item",
+                type: "search",
+                value: value ?? "",
+                onChange: (event)=>{
+                    setValue(event.target.value);
+                },
+                ...props
+            }),
+            value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.Button, {
+                "aria-label": "Clear search",
+                className: "focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0",
+                "data-slot": "input-search-clear",
+                disabled: disabled || readOnly,
+                size: "icon",
+                suffix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.XIcon, {}),
+                variant: "ghost",
+                onClick: ()=>{
+                    setValue("");
+                }
+            }) : null
+        ]
+    });
+}
+const SearchInput = InputSearch;
+export { InputSearch, SearchInput };

package/dist/esm/components/input.js

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__ from "@codefast-ui/input";
+import * as __WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__ from "./spinner.js";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+const inputVariants = (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.tv)({
+    slots: {
+        root: "border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+        input: "placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium"
+    }
+});
+const { input, root } = inputVariants();
+function Input({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Root, {
+        className: root({
+            className
+        }),
+        "data-slot": "input",
+        disabled: disabled,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__spinner_js_0a114d5e__.Spinner, {}),
+        suffix: suffix,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_input_07dae541__.Field, {
+            className: input(),
+            "data-slot": "input-item",
+            ...props
+        })
+    });
+}
+const TextInput = Input;
+export { Input, TextInput, inputVariants };

package/dist/esm/components/kbd.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+function Kbd({ asChild, className, ...props }) {
+    const Component = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "kbd";
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium", className),
+        "data-slot": "kbd",
+        ...props
+    });
+}
+export { Kbd };

package/dist/esm/components/label.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__ from "@radix-ui/react-label";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__.Root, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50", className),
+        "data-slot": "label",
+        ...props
+    });
+}
+export { Label };

package/dist/esm/components/menubar.js

@@ -0,0 +1,153 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__ from "@radix-ui/react-menubar";
+import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
+import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
+function Menubar({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Root, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1", className),
+        "data-slot": "menubar",
+        ...props
+    });
+}
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Menu, {
+        "data-slot": "menubar-menu",
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Group, {
+        "data-slot": "menubar-group",
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Sub, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioGroup, {
+        "data-slot": "menubar-radio-group",
+        ...props
+    });
+}
+function MenubarTrigger({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Trigger, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium", className),
+        "data-slot": "menubar-trigger",
+        ...props
+    });
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubTrigger, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm", className),
+        "data-inset": inset,
+        "data-slot": "menubar-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function MenubarSubContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Portal, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubContent, {
+            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg", className),
+            "data-slot": "menubar-sub-content",
+            ...props
+        })
+    });
+}
+function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Portal, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Content, {
+            align: align,
+            alignOffset: alignOffset,
+            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg", className),
+            "data-slot": "menubar-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Item, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
+        "data-inset": inset,
+        "data-slot": "menubar-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function MenubarCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.CheckboxItem, {
+        checked: checked,
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
+        "data-slot": "menubar-checkbox-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioItem, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
+        "data-slot": "menubar-radio-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Label, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold", className),
+        "data-inset": inset,
+        "data-slot": "menubar-label",
+        ...props
+    });
+}
+function MenubarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Separator, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border mx-2 my-1 h-px", className),
+        "data-slot": "menubar-separator",
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest", className),
+        "data-slot": "menubar-shortcut",
+        ...props
+    });
+}
+function MenubarArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Arrow, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("fill-popover", className),
+        "data-slot": "menubar-arrow",
+        ...props
+    });
+}
+export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };