@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.1

package/dist/esm/components/ui/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,QAAA,MAAM,aAAa;;8EAajB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAClD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAS1D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ3E;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,qBAczC;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,UAAU,EACX,CAAA"}

package/dist/esm/components/ui/alert/index.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils.js';
+import { IconButton } from '../icon-button/index.js';
+import { X } from 'lucide-react';
+const alertVariants = cva('alert', {
+    variants: {
+        variant: {
+            default: '',
+            informative: 'alert-informative',
+            destructive: 'alert-destructive',
+            warning: 'alert-warning',
+            success: 'alert-success'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn('alert-title', className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn('alert-description', className), ...props }));
+}
+function AlertActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-actions", className: cn('alert-actions', className), ...props }));
+}
+function AlertTopAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-top-action", className: cn('alert-top-action', className), ...props }));
+}
+function AlertClose({ className, ...props }) {
+    return (_jsx(AlertTopAction, { children: _jsx(IconButton, { className: cn('alert-close', className), variant: "outline", size: "small", rounded: true, ...props, children: _jsx(X, {}) }) }));
+}
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertTopAction, AlertClose };

package/dist/esm/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, container, forceMount, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & Pick<React.ComponentProps<typeof AlertDialogPrimitive.Portal>, 'container' | 'forceMount'>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): React.JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/alert-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAKpE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,qBAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAQ3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAI1D,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,EACxD,WAAW,GAAG,YAAY,CAC3B,qBAiBF;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAQ1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAQ1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,CAAA"}

package/dist/esm/components/ui/alert-dialog/index.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { buttonVariants } from '../../../components/ui/button/index.js';
+import { cn } from '../../../lib/utils.js';
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+function AlertDialogPortal({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('dialog-overlay', className), ...props }));
+}
+function AlertDialogContent({ className, container, forceMount, ...props }) {
+    return (_jsxs(AlertDialogPortal, { container: container, forceMount: forceMount, children: [_jsx(AlertDialogOverlay, { forceMount: forceMount }), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn('dialog-content', className), forceMount: forceMount, ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn('dialog-header', className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn('dialog-footer', className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn('dialog-title', className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn('dialog-description', className), ...props }));
+}
+function AlertDialogAction({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", className: cn(buttonVariants(), className), ...props }));
+}
+function AlertDialogCancel({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", className: cn(buttonVariants({ variant: 'outline' }), className), ...props }));
+}
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };

package/dist/esm/components/ui/autocomplete/index.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+export type AutocompleteContextType = React.HtmlHTMLAttributes<HTMLInputElement> & {
+    /** Fields expected on simple Input */
+    value: string | string[] | [];
+    onValueChange: (values: string[]) => void;
+    readOnly?: boolean;
+    disabled?: boolean;
+    /** Internal control logic */
+    showValue?: boolean;
+    handleChange: (value?: string) => void;
+    handleClear: () => void;
+    onScrollbar?: boolean;
+    setOnScrollbar: (onScrollbar: boolean) => void;
+    open?: boolean;
+    setOpen: (open: boolean) => void;
+    options: Record<string, string>;
+    addOption: (option: Record<string, string>) => void;
+    /** Component References */
+    inputRef: React.RefObject<HTMLInputElement | null>;
+};
+export type AutocompleteTriggerProps = React.ComponentProps<'div'> & {
+    onClear?: () => void;
+};
+export declare function AutocompleteTrigger({ ref, className, onClear, children }: AutocompleteTriggerProps): React.JSX.Element;
+export declare function AutocompleteValue({ ref, className, value: valueProp, onValueChange, onBlur, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+export declare function AutocompleteMultipleValue({ ref, className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+export declare function AutocompleteEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element | null;
+export declare function AutocompleteLoading({ className, ref, ...props }: React.ComponentProps<typeof CommandPrimitive.Loading>): React.JSX.Element;
+export declare const SIDE_OPTIONS: string[];
+type Side = (typeof SIDE_OPTIONS)[number];
+export type AutocompleteContentProps = React.ComponentProps<typeof CommandPrimitive.List> & {
+    position?: 'popper' | 'static';
+    side?: Side;
+    onPointerDownOutside?: (event: MouseEvent | TouchEvent) => void;
+};
+export declare function AutocompleteContent({ className, position, side, ref, children, onMouseEnter, onMouseLeave, onPointerDownOutside, ...props }: AutocompleteContentProps): React.JSX.Element | null;
+export declare function AutocompleteGroup({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>): React.JSX.Element;
+export declare function AutocompleteItem({ className, value, onSelect, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>): React.JSX.Element;
+export type AutocompleteProps = React.ComponentProps<typeof CommandPrimitive> & {
+    value?: string | string[] | [];
+    defaultValue?: string | string[] | [];
+    onValueChange?: (values: string | string[]) => void;
+    onClear?: () => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    showValue?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+};
+export declare function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, className, open: openProp, onOpenChange, showValue, readOnly, disabled, multiple, onKeyDown, children, ...props }: AutocompleteProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/autocomplete/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,276 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, Loader2, X } from 'lucide-react';
+import { Badge } from '../badge/index.js';
+import { cn } from '../../../lib/utils.js';
+import { Separator } from '../separator/index.js';
+import { Command as CommandPrimitive, useCommandState } from 'cmdk';
+import { useClickAway } from '../../../hooks/use-click-away.js';
+import isNil from 'lodash/isNil.js';
+const AutocompleteContext = React.createContext({
+    value: [],
+    onValueChange: (values) => values,
+    handleChange: (value) => value,
+    handleClear: () => { },
+    setOpen: () => { },
+    setOnScrollbar: () => { },
+    options: {},
+    addOption: (option) => option,
+    inputRef: React.createRef()
+});
+const useAutocomplete = () => {
+    const context = React.useContext(AutocompleteContext);
+    if (!context) {
+        throw new Error('useAutocomplete must be used within a AutocompleteProvider');
+    }
+    return context;
+};
+export function AutocompleteTrigger({ ref, className, onClear, children }) {
+    const _ref = React.useRef(null);
+    const { open, readOnly, setOpen, disabled, value, inputRef, handleClear } = useAutocomplete();
+    React.useImperativeHandle(ref, () => _ref.current);
+    const isNoSelection = disabled || readOnly || value.length < 1;
+    return (_jsxs("div", { ref: _ref, className: cn('bg-background ring-offset-background placeholder:text-shadcn-400 data-[disabled=true]:bg-shadcn-100 data-[read-only=true]:bg-shadcn-100 border-input flex rounded-md border 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 [&>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: [_jsx("div", { className: "flex grow flex-wrap gap-1 px-3 py-2", children: children }), _jsxs("div", { className: "flex shrink-0 items-center justify-end", children: [_jsx("button", { type: "button", className: cn(isNoSelection && 'hidden'), children: _jsx(X, { className: "text-muted-foreground mx-2 h-4 cursor-pointer", onClick: (event) => {
+                                event.stopPropagation();
+                                handleClear();
+                                onClear?.();
+                            } }) }), _jsx(Separator, { orientation: "vertical", className: cn(isNoSelection && 'hidden') }), _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: _jsx(ChevronDown, { className: "mx-3 my-2 h-4 w-4 opacity-50" }) })] })] }));
+}
+export function AutocompleteValue({ ref, className, value: valueProp, onValueChange, onBlur, ...props }) {
+    const [search, setSearch] = React.useState(valueProp);
+    const { value, showValue, options, readOnly, disabled, inputRef } = useAutocomplete();
+    React.useImperativeHandle(ref, () => inputRef.current);
+    const updateSearch = (value) => {
+        if (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.useEffect(() => {
+        if (isNil(value)) {
+            return;
+        }
+        const v = typeof value === 'string' ? value : value[0];
+        if (v === '') {
+            return;
+        }
+        setSearch(showValue ? v : options[v]);
+    }, [options]);
+    React.useEffect(() => {
+        updateSearch(value);
+    }, [value]);
+    return (_jsx(CommandPrimitive.Input, { ...props, ref: inputRef, value: search, onValueChange: handleValueChange, disabled: disabled, readOnly: readOnly, className: 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 }));
+}
+export function AutocompleteMultipleValue({ ref, className, ...props }) {
+    const { value, disabled, handleChange, options, showValue, inputRef } = useAutocomplete();
+    React.useImperativeHandle(ref, () => inputRef.current);
+    return (_jsxs(_Fragment, { children: [options &&
+                value?.map((value) => (_jsxs(Badge, { variant: "secondary", className: 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], _jsx("button", { type: "button", className: cn('ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2', disabled && 'hidden'), children: _jsx(X, { className: "text-muted-foreground hover:text-foreground h-3 w-3", onClick: (event) => {
+                                    event.stopPropagation();
+                                    handleChange(value);
+                                } }) })] }, value))), _jsx(CommandPrimitive.Input, { ...props, ref: inputRef, disabled: disabled, className: 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) })] }));
+}
+export function AutocompleteEmpty({ className, ...props }) {
+    const render = useCommandState((state) => state.filtered.count === 0);
+    if (!render)
+        return null;
+    return (_jsx("div", { "data-slot": "autocomplete-empty", className: cn('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
+}
+export function AutocompleteLoading({ className, ref, ...props }) {
+    return (_jsx(CommandPrimitive.Loading, { ref: ref, "data-slot": "autocomplete-loading", className: cn('flex items-center justify-center py-6 text-center text-sm', className), ...props, children: _jsx(Loader2, { className: "text-muted-foreground h-5 w-5 animate-spin" }) }));
+}
+export const SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'];
+export function AutocompleteContent({ className, position = 'popper', side = 'bottom', ref, children, onMouseEnter, onMouseLeave, onPointerDownOutside, ...props }) {
+    const _ref = React.useRef(null);
+    const { open, addOption, setOpen, onScrollbar, setOnScrollbar, inputRef } = useAutocomplete();
+    React.useImperativeHandle(ref, () => _ref.current);
+    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.Children.forEach(React.Children.toArray(children), (child) => {
+            // If child is already invalid, like pure string, dismiss
+            if (!React.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.useEffect(() => {
+        _searchChildren(children);
+    }, [children]);
+    if (!open) {
+        return null;
+    }
+    return (_jsx("div", { className: "relative", children: _jsx(CommandPrimitive.List, { ref: _ref, className: 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 }) }));
+}
+export function AutocompleteGroup({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Group, { "data-slot": "autocomplete-group", className: cn('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium', className), ...props }));
+}
+export function AutocompleteItem({ className, value, onSelect, ...props }) {
+    const { handleChange } = useAutocomplete();
+    return (_jsx(CommandPrimitive.Item, { "data-slot": "autocomplete-item", value: value, className: cn("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), ...props, onMouseDown: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, onSelect: (value) => {
+            handleChange(value);
+            onSelect?.(value);
+        } }));
+}
+export function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, className, open: openProp, onOpenChange, showValue, readOnly, disabled, multiple, onKeyDown, children, ...props }) {
+    const _ref = React.useRef(null);
+    const [open, _setOpen] = React.useState(openProp);
+    const inputRef = React.useRef(null);
+    const [onScrollbar, setOnScrollbar] = React.useState(false);
+    const [selected, setSelected] = React.useState(defaultValue ?? value ?? (multiple ? [] : ''));
+    const [options, addOption] = React.useReducer((prev, state) => ({
+        ...prev,
+        ...state
+    }), {});
+    React.useImperativeHandle(ref, () => _ref.current);
+    const setOpen = (open) => {
+        _setOpen(open);
+        onOpenChange?.(open);
+    };
+    const handleClear = () => {
+        onClear?.();
+        if (!multiple) {
+            setSelected('');
+            onValueChange?.('');
+            return;
+        }
+        setSelected([]);
+        onValueChange?.([]);
+    };
+    const handleChange = React.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.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.useEffect(() => {
+        if (!isNil(value)) {
+            setSelected(value);
+        }
+    }, [value]);
+    // Keeps the open state in sync with the open prop
+    React.useEffect(() => {
+        if (openProp !== undefined) {
+            setOpen(openProp);
+        }
+    }, [openProp]);
+    return (_jsx(AutocompleteContext.Provider, { value: {
+            value: selected,
+            onValueChange: setSelected,
+            showValue,
+            readOnly,
+            disabled,
+            handleChange,
+            handleClear,
+            onScrollbar,
+            setOnScrollbar,
+            open,
+            setOpen,
+            options,
+            addOption,
+            inputRef
+        }, children: _jsx(CommandPrimitive, { ref: _ref, className: cn('text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent', 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/esm/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): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/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,qBAkCvB"}

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

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../../lib/utils.js';
+import { useImperativeHandle } from 'react';
+export 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]);
+};
+export function AutosizeTextarea({ maxHeight = Number.MAX_SAFE_INTEGER, minHeight = 36, className, onChange, value, ref, ...props }) {
+    const textAreaRef = React.useRef(null);
+    const [triggerAutoSize, setTriggerAutoSize] = React.useState('');
+    useAutosizeTextArea({
+        textAreaRef,
+        triggerAutoSize: triggerAutoSize,
+        maxHeight,
+        minHeight
+    });
+    useImperativeHandle(ref, () => textAreaRef.current);
+    React.useEffect(() => {
+        setTriggerAutoSize(value);
+    }, [props?.defaultValue, value]);
+    return (_jsx("textarea", { ...props, value: value, ref: textAreaRef, className: cn('border-input-border ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full overflow-y-hidden rounded-md border bg-transparent px-3 py-2 text-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden', 'read-only:bg-muted read-only:cursor-default 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/esm/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>): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/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,qBAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,qBAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '../../../lib/utils.js';
+function Avatar({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full', className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('bg-muted flex size-full items-center justify-center rounded-full', className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/esm/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" | "secondary" | "outline" | "alert" | "destructive" | "success" | "active" | "inactive" | "error" | "info" | "purple" | 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): React.JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/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;;8EA+BlB,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,qBAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils.js';
+import { Slot } from '@radix-ui/react-slot';
+const badgeVariants = cva('inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-sm font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+            active: 'bg-system-success-surface text-system-success-h1a border-system-success-border py-[2px] px-3',
+            inactive: 'bg-muted text-foreground border-muted-foreground/40 py-[2px] px-3',
+            secondary: 'border-transparent bg-muted-foreground text-white dark:text-black',
+            destructive: 'border-transparent bg-red-500 text-primary-foreground hover:bg-red-500/80',
+            error: 'border-system-error-border bg-system-error-surface text-system-error-text px-[10px] py-1',
+            success: 'border-system-success-border bg-system-success-surface text-system-success-text px-[10px] py-1',
+            info: 'border-system-info-border bg-system-info-surface text-system-info-text px-[10px] py-1',
+            alert: 'border-system-alert-border bg-system-alert-surface text-system-alert-text px-[10px] py-1',
+            purple: 'border-system-purple-border bg-system-purple-surface text-system-purple-text px-[10px] py-1',
+            outline: 'text-foreground'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Badge({ className, variant, asChild, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

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

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

package/dist/esm/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,qBAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;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,qBAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EACnB,CAAA"}