@lerianstudio/sindarian-ui 1.0.0-beta.1

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

@@ -0,0 +1,324 @@
+'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;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIDE_OPTIONS = void 0;
+exports.AutocompleteTrigger = AutocompleteTrigger;
+exports.AutocompleteValue = AutocompleteValue;
+exports.AutocompleteMultipleValue = AutocompleteMultipleValue;
+exports.AutocompleteEmpty = AutocompleteEmpty;
+exports.AutocompleteLoading = AutocompleteLoading;
+exports.AutocompleteContent = AutocompleteContent;
+exports.AutocompleteGroup = AutocompleteGroup;
+exports.AutocompleteItem = AutocompleteItem;
+exports.Autocomplete = Autocomplete;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
+const lucide_react_1 = require("lucide-react");
+const badge_1 = require("../badge");
+const utils_1 = require("../../../lib/utils");
+const separator_1 = require("../separator");
+const cmdk_1 = require("cmdk");
+const use_click_away_1 = require("../../../hooks/use-click-away");
+const lodash_1 = require("lodash");
+const AutocompleteContext = react_1.default.createContext({
+    value: [],
+    onValueChange: (values) => values,
+    handleChange: (value) => value,
+    handleClear: () => { },
+    setOpen: () => { },
+    setOnScrollbar: () => { },
+    options: {},
+    addOption: (option) => option,
+    inputRef: react_1.default.createRef()
+});
+const useAutocomplete = () => {
+    const context = react_1.default.useContext(AutocompleteContext);
+    if (!context) {
+        throw new Error('useAutocomplete must be used within a AutocompleteProvider');
+    }
+    return context;
+};
+function AutocompleteTrigger({ ref, className, onClear, children }) {
+    const _ref = react_1.default.useRef(null);
+    const { open, readOnly, setOpen, disabled, value, inputRef, handleClear } = useAutocomplete();
+    react_1.default.useImperativeHandle(ref, () => _ref.current);
+    const isNoSelection = disabled || readOnly || value.length < 1;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-shadcn-400 data-[disabled=true]:bg-shadcn-100 data-[read-only=true]:bg-shadcn-100 flex rounded-md border border-[#C7C7C7] text-sm focus:outline-hidden focus-visible:outline-hidden data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[read-only=true]:opacity-50 md:text-sm dark:border-inherit [&>span]:line-clamp-1', {
+            'h-9': value.length === 0,
+            'min-h-9': value.length > 0,
+            'cursor-text': !disabled && value.length !== 0
+        }, className), onClick: () => {
+            // Redirect focus to the input field when clicking on the container
+            if (readOnly || disabled) {
+                return;
+            }
+            if (open) {
+                inputRef?.current?.blur();
+            }
+            else {
+                inputRef?.current?.focus();
+            }
+            setOpen(!open);
+        }, "data-disabled": disabled, "data-read-only": readOnly, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-wrap gap-1 px-3 py-2", children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 items-center justify-end", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, utils_1.cn)(isNoSelection && 'hidden'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-muted-foreground mx-2 h-4 cursor-pointer", onClick: (event) => {
+                                event.stopPropagation();
+                                handleClear();
+                                onClear?.();
+                            } }) }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: (0, utils_1.cn)(isNoSelection && 'hidden') }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { className: "cursor-pointer data-[disabled=true]:cursor-not-allowed data-[read-only=true]:cursor-default", "data-disabled": disabled, "data-read-only": readOnly, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "mx-3 my-2 h-4 w-4 opacity-50" }) })] })] }));
+}
+function AutocompleteValue({ ref, className, value: valueProp, onValueChange, onBlur, ...props }) {
+    const [search, setSearch] = react_1.default.useState(valueProp);
+    const { value, showValue, options, readOnly, disabled, inputRef } = useAutocomplete();
+    react_1.default.useImperativeHandle(ref, () => inputRef.current);
+    const updateSearch = (value) => {
+        if ((0, lodash_1.isNil)(value)) {
+            return;
+        }
+        const v = typeof value === 'string' ? value : value[0];
+        if (v === '') {
+            handleValueChange('');
+            return;
+        }
+        handleValueChange(showValue ? v : options[v]);
+    };
+    const handleValueChange = (value) => {
+        setSearch(value);
+        onValueChange?.(value);
+    };
+    const handleBlur = (event) => {
+        updateSearch(value);
+        onBlur?.(event);
+    };
+    // If options changes, update only the internal value
+    react_1.default.useEffect(() => {
+        if ((0, lodash_1.isNil)(value)) {
+            return;
+        }
+        const v = typeof value === 'string' ? value : value[0];
+        if (v === '') {
+            return;
+        }
+        setSearch(showValue ? v : options[v]);
+    }, [options]);
+    react_1.default.useEffect(() => {
+        updateSearch(value);
+    }, [value]);
+    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ...props, ref: inputRef, value: search, onValueChange: handleValueChange, disabled: disabled, readOnly: readOnly, className: (0, utils_1.cn)('placeholder:text-muted-foreground w-full bg-transparent outline-hidden read-only:opacity-50 read-only:placeholder:opacity-0 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className), onBlur: handleBlur }));
+}
+function AutocompleteMultipleValue({ ref, className, ...props }) {
+    const { value, disabled, handleChange, options, showValue, inputRef } = useAutocomplete();
+    react_1.default.useImperativeHandle(ref, () => inputRef.current);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [options &&
+                value?.map((value) => ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)('data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground'), children: [showValue ? value : options[value], (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, utils_1.cn)('ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2', disabled && 'hidden'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-muted-foreground hover:text-foreground h-3 w-3", onClick: (event) => {
+                                    event.stopPropagation();
+                                    handleChange(value);
+                                } }) })] }, value))), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ...props, ref: inputRef, disabled: disabled, className: (0, utils_1.cn)('placeholder:text-muted-foreground w-full bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className) })] }));
+}
+function AutocompleteEmpty({ className, ...props }) {
+    const render = (0, cmdk_1.useCommandState)((state) => state.filtered.count === 0);
+    if (!render)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "autocomplete-empty", className: (0, utils_1.cn)('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
+}
+function AutocompleteLoading({ className, ref, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Loading, { ref: ref, "data-slot": "autocomplete-loading", className: (0, utils_1.cn)('flex items-center justify-center py-6 text-center text-sm', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-muted-foreground h-5 w-5 animate-spin" }) }));
+}
+exports.SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'];
+function AutocompleteContent({ className, position = 'popper', side = 'bottom', ref, children, onMouseEnter, onMouseLeave, onPointerDownOutside, ...props }) {
+    const _ref = react_1.default.useRef(null);
+    const { open, addOption, setOpen, onScrollbar, setOnScrollbar, inputRef } = useAutocomplete();
+    react_1.default.useImperativeHandle(ref, () => _ref.current);
+    (0, use_click_away_1.useClickAway)(_ref, (event) => {
+        // Should not close when clicking on the scrollbar
+        if (onScrollbar) {
+            return;
+        }
+        setOpen(false);
+        inputRef.current?.blur();
+        onPointerDownOutside?.(event);
+    });
+    /**
+     * Iterates recursively into react children to find valid items options
+     * Adds the valid ones into the options object
+     * @param children
+     */
+    const _searchChildren = (children) => {
+        react_1.default.Children.forEach(react_1.default.Children.toArray(children), (child) => {
+            // If child is already invalid, like pure string, dismiss
+            if (!react_1.default.isValidElement(child)) {
+                return;
+            }
+            // If child is recognized as an AutocompleteItem
+            if (child.type &&
+                child.type.displayName === 'AutocompleteItem') {
+                // Check if the item was proper filled with a value prop
+                if (child.props.value) {
+                    addOption({
+                        [child.props.value]: child.props.children
+                    });
+                }
+                return;
+            }
+            // If not, search recursively into the childrens
+            if (child.props.children) {
+                _searchChildren(child.props.children);
+            }
+        });
+    };
+    // Since this component is not going to be rendered in the DOM until open is true,
+    // we need to register the options when the component mounts
+    // and when the children changes.
+    react_1.default.useEffect(() => {
+        _searchChildren(children);
+    }, [children]);
+    if (!open) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { ref: _ref, className: (0, utils_1.cn)('bg-popover text-popover-foreground animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden', position === 'popper' &&
+                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), "data-side": side, ...props, onMouseEnter: (e) => {
+                onMouseEnter?.(e);
+                setOnScrollbar(true);
+            }, onMouseLeave: (e) => {
+                onMouseLeave?.(e);
+                setOnScrollbar(false);
+            }, children: children }) }));
+}
+function AutocompleteGroup({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { "data-slot": "autocomplete-group", className: (0, utils_1.cn)('overflow-hidden p-1 text-slate-950 dark:text-slate-50 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 dark:[&_[cmdk-group-heading]]:text-slate-400', className), ...props }));
+}
+function AutocompleteItem({ className, value, onSelect, ...props }) {
+    const { handleChange } = useAutocomplete();
+    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { "data-slot": "autocomplete-item", value: value, className: (0, utils_1.cn)("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground dark:data-[selected='true']:bg-accent relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 dark:data-[selected=true]:text-slate-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), ...props, onMouseDown: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, onSelect: (value) => {
+            handleChange(value);
+            onSelect?.(value);
+        } }));
+}
+function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, className, open: openProp, onOpenChange, showValue, readOnly, disabled, multiple, onKeyDown, children, ...props }) {
+    const _ref = react_1.default.useRef(null);
+    const [open, _setOpen] = react_1.default.useState(openProp);
+    const inputRef = react_1.default.useRef(null);
+    const [onScrollbar, setOnScrollbar] = react_1.default.useState(false);
+    const [selected, setSelected] = react_1.default.useState(defaultValue ?? value ?? (multiple ? [] : ''));
+    const [options, addOption] = react_1.default.useReducer((prev, state) => ({
+        ...prev,
+        ...state
+    }), {});
+    react_1.default.useImperativeHandle(ref, () => _ref.current);
+    const setOpen = (open) => {
+        _setOpen(open);
+        onOpenChange?.(open);
+    };
+    const handleClear = () => {
+        onClear?.();
+        if (!multiple) {
+            setSelected('');
+            onValueChange?.('');
+            return;
+        }
+        setSelected([]);
+        onValueChange?.([]);
+    };
+    const handleChange = react_1.default.useCallback((value) => {
+        if (!value) {
+            return;
+        }
+        if (!multiple) {
+            setSelected(value);
+            onValueChange?.(value);
+            setOpen(false);
+            return;
+        }
+        const newSelected = selected.includes(value)
+            ? selected.filter((item) => item !== value)
+            : [...selected, value];
+        setSelected(newSelected);
+        onValueChange?.(newSelected);
+    }, [selected, onValueChange]);
+    const handleKeyDown = react_1.default.useCallback((e) => {
+        const input = inputRef.current;
+        if (input) {
+            if (e.key === 'Delete' || e.key === 'Backspace') {
+                if (multiple) {
+                    if (input.value === '' && selected.length > 0) {
+                        handleChange(selected[selected.length - 1]);
+                    }
+                }
+            }
+            // This is not a default behavior of the <input /> field
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                input.blur();
+            }
+        }
+    }, [selected, handleChange]);
+    // Keeps the selected value in sync with the value prop
+    react_1.default.useEffect(() => {
+        if (!(0, lodash_1.isNil)(value)) {
+            setSelected(value);
+        }
+    }, [value]);
+    // Keeps the open state in sync with the open prop
+    react_1.default.useEffect(() => {
+        if (openProp !== undefined) {
+            setOpen(openProp);
+        }
+    }, [openProp]);
+    return ((0, jsx_runtime_1.jsx)(AutocompleteContext.Provider, { value: {
+            value: selected,
+            onValueChange: setSelected,
+            showValue,
+            readOnly,
+            disabled,
+            handleChange,
+            handleClear,
+            onScrollbar,
+            setOnScrollbar,
+            open,
+            setOpen,
+            options,
+            addOption,
+            inputRef
+        }, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command, { ref: _ref, className: (0, utils_1.cn)('flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent text-slate-950 dark:text-slate-50', className), "data-disabled": disabled, "aria-disabled": disabled, "data-read-only": readOnly, "aria-readonly": readOnly, ...props, onKeyDown: (e) => {
+                handleKeyDown(e);
+                onKeyDown?.(e);
+            }, children: children }) }));
+}

package/dist/components/ui/autosize-textarea/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type UseAutosizeTextAreaProps = {
+    textAreaRef: React.RefObject<HTMLTextAreaElement | null>;
+    minHeight?: number;
+    maxHeight?: number;
+    triggerAutoSize: string;
+};
+export declare const useAutosizeTextArea: ({ textAreaRef, triggerAutoSize, maxHeight, minHeight }: UseAutosizeTextAreaProps) => void;
+export type AutosizeTextAreaProps = React.ComponentProps<'textarea'> & {
+    maxHeight?: number;
+    minHeight?: number;
+};
+export declare function AutosizeTextarea({ maxHeight, minHeight, className, onChange, value, ref, ...props }: AutosizeTextAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/autosize-textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/autosize-textarea/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,wDAKjC,wBAAwB,SA4B1B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAmC,EACnC,SAAc,EACd,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkCvB"}

package/dist/components/ui/autosize-textarea/index.js

@@ -0,0 +1,89 @@
+'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.useAutosizeTextArea = void 0;
+exports.AutosizeTextarea = AutosizeTextarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const utils_1 = require("../../../lib/utils");
+const react_1 = require("react");
+const useAutosizeTextArea = ({ textAreaRef, triggerAutoSize, maxHeight = Number.MAX_SAFE_INTEGER, minHeight = 0 }) => {
+    const [init, setInit] = React.useState(true);
+    React.useEffect(() => {
+        // We need to reset the height momentarily to get the correct scrollHeight for the textarea
+        const textAreaElement = textAreaRef.current;
+        if (textAreaElement) {
+            if (init) {
+                textAreaElement.style.minHeight = `${minHeight}px`;
+                if (maxHeight > minHeight) {
+                    textAreaElement.style.maxHeight = `${maxHeight}px`;
+                }
+                setInit(false);
+            }
+            textAreaElement.style.height = `${minHeight}px`;
+            const scrollHeight = textAreaElement.scrollHeight;
+            // We then set the height directly, outside of the render loop
+            // Trying to set this with state or a ref will segment an incorrect value.
+            if (scrollHeight > maxHeight) {
+                textAreaElement.style.height = `${maxHeight}px`;
+                textAreaElement.style.overflowY = 'auto';
+            }
+            else {
+                textAreaElement.style.height = `${scrollHeight}px`;
+                textAreaElement.style.overflowY = 'hidden';
+            }
+        }
+    }, [textAreaRef.current, triggerAutoSize]);
+};
+exports.useAutosizeTextArea = useAutosizeTextArea;
+function AutosizeTextarea({ maxHeight = Number.MAX_SAFE_INTEGER, minHeight = 36, className, onChange, value, ref, ...props }) {
+    const textAreaRef = React.useRef(null);
+    const [triggerAutoSize, setTriggerAutoSize] = React.useState('');
+    (0, exports.useAutosizeTextArea)({
+        textAreaRef,
+        triggerAutoSize: triggerAutoSize,
+        maxHeight,
+        minHeight
+    });
+    (0, react_1.useImperativeHandle)(ref, () => textAreaRef.current);
+    React.useEffect(() => {
+        setTriggerAutoSize(value);
+    }, [props?.defaultValue, value]);
+    return ((0, jsx_runtime_1.jsx)("textarea", { ...props, value: value, ref: textAreaRef, className: (0, utils_1.cn)('border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full overflow-y-hidden rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:ring-offset-2 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:opacity-50', className), onChange: (e) => {
+            setTriggerAutoSize(e.target.value);
+            onChange?.(e);
+        } }));
+}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,51 @@
+'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.Avatar = Avatar;
+exports.AvatarImage = AvatarImage;
+exports.AvatarFallback = AvatarFallback;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+const utils_1 = require("../../../lib/utils");
+function Avatar({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Root, { "data-slot": "avatar", className: (0, utils_1.cn)('relative flex size-10 shrink-0 overflow-hidden rounded-full', className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: (0, utils_1.cn)('aspect-square size-full', className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: (0, utils_1.cn)('bg-muted flex size-full items-center justify-center rounded-full', className), ...props }));
+}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "active" | "inactive" | "secondary" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare function Badge({ className, variant, asChild, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EAoBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = void 0;
+exports.Badge = Badge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../../lib/utils");
+const react_slot_1 = require("@radix-ui/react-slot");
+const badgeVariants = (0, class_variance_authority_1.cva)('inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-sm font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-slate-900 text-slate-50 hover:bg-slate-900/80 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/80',
+            active: 'bg-[#D1FAE5] text-[#065F46] border-none py-[2px] px-3',
+            inactive: 'bg-[#F3F4F6] text-[#1F2937] border-none py-[2px] px-3',
+            secondary: 'border-transparent bg-slate-100 text-slate-900 hover:bg-slate-100/80 dark:bg-slate-800 dark:text-slate-50 dark:hover:bg-slate-800/80',
+            destructive: 'border-transparent bg-red-500 text-slate-50 hover:bg-red-500/80 dark:bg-red-900 dark:text-slate-50 dark:hover:bg-red-900/80',
+            outline: 'text-slate-950 dark:text-slate-50'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+exports.badgeVariants = badgeVariants;
+function Badge({ className, variant, asChild, ...props }) {
+    const Comp = asChild ? react_slot_1.Slot : 'span';
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "badge", className: (0, utils_1.cn)(badgeVariants({ variant }), className), ...props }));
+}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAaA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAc5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EACnB,CAAA"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_slot_1 = require("@radix-ui/react-slot");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../../lib/utils");
+function Breadcrumb({ ...props }) {
+    return (0, jsx_runtime_1.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("ol", { "data-slot": "breadcrumb-list", className: (0, utils_1.cn)('flex flex-wrap items-center gap-1.5 text-sm break-words text-slate-500 sm:gap-2.5 dark:text-slate-400', className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": "breadcrumb-item", className: (0, utils_1.cn)('inline-flex items-center gap-1.5', className), ...props }));
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Comp = asChild ? react_slot_1.Slot : 'a';
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "breadcrumb-link", className: (0, utils_1.cn)('font-medium text-[#3f3f46] underline transition-colors hover:text-slate-950 dark:hover:text-slate-50', className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: (0, utils_1.cn)('text-shadcn-400 text-sm font-normal dark:text-slate-50', className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)('text-shadcn-400 [&>svg]:size-3.5', className), ...props, children: children ?? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, {}) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)('flex h-9 w-9 items-center justify-center', className), ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "More" })] }));
+}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "link" | "secondary" | "outline" | "plain" | "white" | "activeLink" | "hoverLink" | "ghost" | null | undefined;
+    size?: "default" | "link" | "sm" | "lg" | "icon" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+} & {
+    icon?: React.ReactNode;
+    iconPlacement?: 'start' | 'end' | 'far-end';
+    fullWidth?: boolean;
+    readOnly?: boolean;
+};
+declare function Button({ className, variant, size, asChild, icon, iconPlacement, fullWidth, readOnly, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAuBD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,IAAI,EACJ,aAAuB,EACvB,SAAiB,EACjB,QAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,2CAyCb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}