@lerianstudio/sindarian-ui 1.0.0-beta.1

package/dist/components/ui/form.js

@@ -0,0 +1,110 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = exports.FormTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../../lib/utils");
+const label_1 = require("../../components/ui/label");
+const tooltip_1 = require("./tooltip");
+const lucide_react_1 = require("lucide-react");
+const Form = react_hook_form_1.FormProvider;
+exports.Form = Form;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { ...props }) }));
+};
+exports.FormField = FormField;
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState, formState } = (0, react_hook_form_1.useFormContext)();
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error('useFormField should be used within <FormField>');
+    }
+    const { id, required } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        required,
+        ...fieldState
+    };
+};
+exports.useFormField = useFormField;
+const FormItemContext = React.createContext({});
+const FormItem = React.forwardRef(({ className, required, ...props }, ref) => {
+    const id = React.useId();
+    return ((0, jsx_runtime_1.jsx)(FormItemContext.Provider, { value: { id, required }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('space-y-2', className), ...props }) }));
+});
+exports.FormItem = FormItem;
+FormItem.displayName = 'FormItem';
+const FormLabel = React.forwardRef(({ className, extra, children, ...props }, ref) => {
+    const { required, error, formItemId } = useFormField();
+    return ((0, jsx_runtime_1.jsxs)(label_1.Label, { ref: ref, className: (0, utils_1.cn)('flex justify-between text-sm font-semibold text-[#52525b]', error && 'text-destructive', className), htmlFor: formItemId, ...props, children: [(0, jsx_runtime_1.jsxs)("span", { children: [children, required ? ' *' : ''] }), extra] }));
+});
+exports.FormLabel = FormLabel;
+FormLabel.displayName = 'FormLabel';
+const FormTooltip = ({ children, ...others }) => ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { ...others, children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "ml-2 h-4 w-4 text-gray-400" }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: children })] }) }));
+exports.FormTooltip = FormTooltip;
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return ((0, jsx_runtime_1.jsx)(react_slot_1.Slot, { ref: ref, id: formItemId, "aria-describedby": !error
+            ? `${formDescriptionId}`
+            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+});
+exports.FormControl = FormControl;
+FormControl.displayName = 'FormControl';
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return ((0, jsx_runtime_1.jsx)("p", { ref: ref, id: formDescriptionId, className: (0, utils_1.cn)('text-shadcn-400 text-xs font-medium', className), ...props }));
+});
+exports.FormDescription = FormDescription;
+FormDescription.displayName = 'FormDescription';
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message) : children;
+    if (!body) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("p", { ref: ref, id: formMessageId, className: (0, utils_1.cn)('text-destructive text-sm font-medium', className), ...props, children: body }));
+});
+exports.FormMessage = FormMessage;
+FormMessage.displayName = 'FormMessage';

package/dist/components/ui/input/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAgB1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/input/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../lib/utils");
+const form_1 = require("../../../components/ui/form");
+function Input({ className, type, ...props }) {
+    const { formItemId } = (0, form_1.useFormField)();
+    return ((0, jsx_runtime_1.jsx)("input", { id: formItemId, type: type, "data-slot": "input", className: (0, utils_1.cn)('bg-background placeholder:text-shadcn-400 focus-visible:ring-ring flex h-9 w-full rounded-md border border-[#C7C7C7] px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden', 'read-only:cursor-default read-only:bg-zinc-100 read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden', 'disabled:cursor-not-allowed disabled:bg-zinc-100 disabled:opacity-50', className), ...props }));
+}

package/dist/components/ui/input-with-icon/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import type { JSX } from 'react';
+declare const InputVariants: (props?: ({
+    iconPosition?: "right" | "left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputWithIconProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof InputVariants> {
+    icon?: JSX.Element;
+}
+declare const InputWithIcon: React.ForwardRefExoticComponent<InputWithIconProps & React.RefAttributes<HTMLInputElement>>;
+export { InputWithIcon };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/input-with-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input-with-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,QAAA,MAAM,aAAa;;8EAWjB,CAAA;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,6FA4BlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/input-with-icon/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputWithIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const input_1 = require("../input");
+const utils_1 = require("../../../lib/utils");
+const class_variance_authority_1 = require("class-variance-authority");
+const InputVariants = (0, class_variance_authority_1.cva)('relative', {
+    variants: {
+        iconPosition: {
+            left: 'absolute left-3 top-1/2 -translate-y-1/2 transform text-muted-foreground',
+            right: 'absolute left-auto right-3 top-1/2 -translate-y-1/2 transform text-muted-foreground'
+        }
+    },
+    defaultVariants: {
+        iconPosition: 'left'
+    }
+});
+const InputWithIcon = React.forwardRef(({ className, icon, iconPosition, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex h-auto items-center", children: [iconPosition !== 'right' && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('text-shadcn-400', InputVariants({ iconPosition })), children: icon })), (0, jsx_runtime_1.jsx)(input_1.Input, { ref: ref, className: (0, utils_1.cn)('border-shadcn-300 placeholder:text-muted-foreground flex h-9 w-full rounded-md border bg-transparent py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className, iconPosition !== 'right' ? 'pr-4 pl-10' : 'pr-10 pl-4'), ...props }), iconPosition === 'right' && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(InputVariants({ iconPosition })), children: icon }))] }));
+});
+exports.InputWithIcon = InputWithIcon;
+InputWithIcon.displayName = 'Input';

package/dist/components/ui/label/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
+export { Label };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa,oFAElB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,aAAa,CAAC,2CAQnC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/label/index.js

@@ -0,0 +1,45 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = Label;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LabelPrimitive = __importStar(require("@radix-ui/react-label"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../../lib/utils");
+const labelVariants = (0, class_variance_authority_1.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+function Label({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(LabelPrimitive.Root, { "data-slot": "label", className: (0, utils_1.cn)(labelVariants(), className), ...props }));
+}

package/dist/components/ui/label/label.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/nextjs';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryObj;
+//# sourceMappingURL=label.stories.d.ts.map

package/dist/components/ui/label/label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label/label.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGlD,QAAA,MAAM,IAAI,EAAE,IAaX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,QAIrB,CAAA"}

package/dist/components/ui/label/label.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const _1 = require(".");
+const meta = {
+    title: 'Primitives/Label',
+    component: _1.Label,
+    argTypes: {
+        className: {
+            type: 'string',
+            description: "The label's class"
+        },
+        children: {
+            type: 'string',
+            description: "The label's text"
+        }
+    }
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Label'
+    }
+};

package/dist/components/ui/loading-button/index.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../button';
+export type LoadingButtonProps = ButtonProps & {
+    loading?: boolean;
+};
+declare function LoadingButton({ loading, disabled, children, ...props }: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;
+export { LoadingButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/loading-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loading-button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/C,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAOpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/loading-button/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingButton = LoadingButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("../button");
+const lucide_react_1 = require("lucide-react");
+function LoadingButton({ loading, disabled, children, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)(button_1.Button, { ...props, disabled: loading || disabled, children: [loading && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), children] }));
+}

package/dist/components/ui/multiple-select/index.d.ts

@@ -0,0 +1,91 @@
+import React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+export declare const MultipleSelectTrigger: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | undefined;
+} & React.HtmlHTMLAttributes<HTMLDivElement> & {
+    readOnly?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const MultipleSelectValue: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const MultipleSelectEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type MultipleSelectContentProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {
+    position?: 'popper' | 'static';
+};
+export declare const MultipleSelectContent: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    position?: "popper" | "static";
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const MultipleSelectGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MultipleSelectItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type MultipleSelectProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & {
+    value?: string[] | [];
+    defaultValue?: string[] | [];
+    onValueChange?: (values: string[]) => void;
+    showValue?: boolean;
+    disabled?: boolean;
+};
+export declare const MultipleSelect: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    value?: string[] | [];
+    defaultValue?: string[] | [];
+    onValueChange?: (values: string[]) => void;
+    showValue?: boolean;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/multiple-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/multiple-select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAmB,MAAM,MAAM,CAAA;AAgDnE,eAAO,MAAM,qBAAqB;;;eAG0B,OAAO;wCAyFjE,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;;0FAiD9B,CAAA;AAGF,eAAO,MAAM,mBAAmB;;;;;;uJAiB9B,CAAA;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;eAHrB,QAAQ,GAAG,QAAQ;wCA+D/B,CAAA;AAGD,eAAO,MAAM,mBAAmB;;;;;;;;;;sFAY9B,CAAA;AAGF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;sFAyB7B,CAAA;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,gBAAgB,CACxB,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;YAPjB,MAAM,EAAE,GAAG,EAAE;mBACN,MAAM,EAAE,GAAG,EAAE;oBACZ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;gBAC9B,OAAO;eACR,OAAO;wCAwHnB,CAAA"}