@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.27

package/dist/components/ui/multiple-select/index.js

@@ -1,235 +1 @@
-'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.MultipleSelect = exports.MultipleSelectItem = exports.MultipleSelectGroup = exports.MultipleSelectContent = exports.MultipleSelectEmpty = exports.MultipleSelectValue = exports.MultipleSelectTrigger = void 0;
-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 MultipleSelectContext = react_1.default.createContext({
-    value: [],
-    onValueChange: (values) => values,
-    handleChange: (value) => value,
-    handleClear: () => { },
-    setOpen: () => { },
-    setOnScrollbar: () => { },
-    options: {},
-    addOption: (option) => option,
-    inputRef: react_1.default.createRef()
-});
-const useMultipleSelect = () => {
-    const context = react_1.default.useContext(MultipleSelectContext);
-    if (!context) {
-        throw new Error('useMultipleSelect must be used within a MultipleSelectProvider');
-    }
-    return context;
-};
-exports.MultipleSelectTrigger = react_1.default.forwardRef(({ className, children, readOnly }, ref) => {
-    const _ref = react_1.default.useRef(null);
-    const { open, setOpen, onScrollbar, disabled, value, inputRef, handleClear } = useMultipleSelect();
-    react_1.default.useImperativeHandle(ref, () => _ref.current);
-    (0, use_click_away_1.useClickAway)(_ref, () => {
-        // Should not close when clicking on the scrollbar
-        if (onScrollbar) {
-            return;
-        }
-        setOpen(false);
-        inputRef.current?.blur();
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-input-placeholder focus:ring-ring border-input-border flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1', {
-            'h-10': value.length === 0,
-            'min-h-10': value.length > 0,
-            'cursor-text': !disabled && !readOnly && value.length !== 0,
-            'bg-shadcn-100 cursor-not-allowed opacity-50': disabled
-        }, readOnly && [
-            'data-read-only:cursor-default',
-            'data-read-only:select-text',
-            'data-read-only:bg-muted',
-            'data-read-only:opacity-50',
-            'data-read-only:pointer-events-none',
-            'data-read-only:focus:outline-hidden',
-            'data-read-only:focus:ring-0'
-        ], className), "data-read-only": readOnly ? '' : undefined, onClick: (e) => {
-            // Redirect focus to the input field when clicking on the container
-            if (disabled || readOnly) {
-                e.preventDefault();
-                return;
-            }
-            if (open) {
-                inputRef?.current?.blur();
-            }
-            else {
-                inputRef?.current?.focus();
-            }
-            setOpen(!open);
-        }, 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 flex-1 items-center justify-end", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, utils_1.cn)((disabled || readOnly || value.length < 1) && '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();
-                            } }) }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: (0, utils_1.cn)('flex h-full min-h-6', (disabled || readOnly || value.length < 1) && 'hidden') }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)('mx-3 my-2 h-4 w-4 cursor-pointer opacity-50', readOnly && 'hidden') }) })] })] }));
-});
-exports.MultipleSelectTrigger.displayName = 'MultipleSelectTrigger';
-exports.MultipleSelectValue = react_1.default.forwardRef(({ className, ...props }, ref) => {
-    const { value, disabled, handleChange, options, showValue, inputRef } = useMultipleSelect();
-    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-input-placeholder bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className) })] }));
-});
-exports.MultipleSelectValue.displayName = 'MultipleSelectValue';
-exports.MultipleSelectEmpty = react_1.default.forwardRef(({ className, ...props }, forwardedRef) => {
-    const render = (0, cmdk_1.useCommandState)((state) => state.filtered.count === 0);
-    if (!render)
-        return null;
-    return ((0, jsx_runtime_1.jsx)("div", { ref: forwardedRef, className: (0, utils_1.cn)('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
-});
-exports.MultipleSelectEmpty.displayName = 'MultipleSelectEmpty';
-exports.MultipleSelectContent = react_1.default.forwardRef(({ className, position = 'popper', children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const { open, addOption, setOnScrollbar } = useMultipleSelect();
-    // 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 change.
-    react_1.default.useEffect(() => {
-        react_1.default.Children.forEach(react_1.default.Children.toArray(children), (child) => {
-            if (react_1.default.isValidElement(child) &&
-                child.props.value) {
-                addOption({ [child.props.value]: child.props.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 motion-safe: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), ...props, onMouseEnter: (e) => {
-                onMouseEnter?.(e);
-                setOnScrollbar(true);
-            }, onMouseLeave: (e) => {
-                onMouseLeave?.(e);
-                setOnScrollbar(false);
-            }, children: (0, jsx_runtime_1.jsx)(exports.MultipleSelectGroup, { children: children }) }) }));
-});
-exports.MultipleSelectContent.displayName = 'MultipleSelectContent';
-exports.MultipleSelectGroup = react_1.default.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { ref: ref, className: (0, utils_1.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 })));
-exports.MultipleSelectGroup.displayName = 'MultipleSelectGroup';
-exports.MultipleSelectItem = react_1.default.forwardRef(({ className, value, onClick: _onClick, onSelect, children, ...props }, ref) => {
-    const { handleChange } = useMultipleSelect();
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { ref: ref, value: value, keywords: typeof children === 'string' ? [children] : undefined, className: (0, utils_1.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);
-        }, children: children }));
-});
-exports.MultipleSelectItem.displayName = 'MultipleSelectItem';
-exports.MultipleSelect = react_1.default.forwardRef(({ value, defaultValue, onValueChange, className, showValue, disabled, onKeyDown, children, onChange: _onChange, ...props }, ref) => {
-    const _ref = react_1.default.useRef(null);
-    const [open, setOpen] = react_1.default.useState(false);
-    const inputRef = react_1.default.useRef(null);
-    const [onScrollbar, setOnScrollbar] = react_1.default.useState(false);
-    const safeValue = Array.isArray(value) ? value : [];
-    const safeDefault = Array.isArray(defaultValue) ? defaultValue : [];
-    const [selected, setSelected] = react_1.default.useState(safeDefault.length > 0 ? safeDefault : safeValue);
-    const [options, addOption] = react_1.default.useReducer((prev, state) => ({
-        ...prev,
-        ...state
-    }), {});
-    react_1.default.useImperativeHandle(ref, () => _ref.current);
-    const handleClear = () => {
-        setSelected([]);
-        onValueChange?.([]);
-    };
-    const handleChange = react_1.default.useCallback((value) => {
-        if (!value) {
-            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 (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 (Array.isArray(value)) {
-            setSelected(value);
-        }
-    }, [value]);
-    return ((0, jsx_runtime_1.jsx)(MultipleSelectContext.Provider, { value: {
-            value: selected,
-            onValueChange: setSelected,
-            showValue,
-            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)('text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent', className), "aria-disabled": disabled, ...props, onKeyDown: (e) => {
-                handleKeyDown(e);
-                onKeyDown?.(e);
-            }, children: children }) }));
-});
-exports.MultipleSelect.displayName = 'MultipleSelect';
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,r,t,n){if(n===void 0)n=t;var l=Object.getOwnPropertyDescriptor(r,t);if(!l||("get"in l?!r.__esModule:l.writable||l.configurable)){l={enumerable:true,get:function(){return r[t]}}}Object.defineProperty(e,n,l)}):(function(e,r,t,n){if(n===void 0)n=t;e[n]=r[t]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,r){Object.defineProperty(e,"default",{enumerable:true,value:r})}):function(e,r){e["default"]=r});var __importStar=this&&this.__importStar||(function(){var e=function(r){e=Object.getOwnPropertyNames||function(t){var n=[];for(var l in t)if(Object.prototype.hasOwnProperty.call(t,l))n[n.length]=l;return n};return e(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null){for(var n=e(r),l=0;l<n.length;l++)if(n[l]!=="default")__createBinding(t,r,n[l])}__setModuleDefault(t,r);return t}})();var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.MultipleSelect=exports.MultipleSelectItem=exports.MultipleSelectGroup=exports.MultipleSelectContent=exports.MultipleSelectEmpty=exports.MultipleSelectValue=exports.MultipleSelectTrigger=void 0;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 MultipleSelectContext=react_1.default.createContext({value:[],onValueChange:e=>e,handleChange:e=>e,handleClear:()=>{},setOpen:()=>{},setOnScrollbar:()=>{},options:{},addOption:e=>e,inputRef:react_1.default.createRef()});const useMultipleSelect=()=>{const e=react_1.default.useContext(MultipleSelectContext);if(!e){throw new Error("useMultipleSelect must be used within a MultipleSelectProvider")}return e};exports.MultipleSelectTrigger=react_1.default.forwardRef(({className:e,children:r,readOnly:t},n)=>{const l=react_1.default.useRef(null);const{open:i,setOpen:d,onScrollbar:c,disabled:a,value:s,inputRef:o,handleClear:g}=useMultipleSelect();react_1.default.useImperativeHandle(n,()=>l.current);(0,use_click_away_1.useClickAway)(l,()=>{if(c){return}d(false);o.current?.blur()});return(0,jsx_runtime_1.jsxs)("div",{ref:l,className:(0,utils_1.cn)("bg-background ring-offset-background placeholder:text-input-placeholder focus:ring-ring border-input-border flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1",{"h-10":s.length===0,"min-h-10":s.length>0,"cursor-text":!a&&!t&&s.length!==0,"bg-shadcn-100 cursor-not-allowed opacity-50":a},t&&["data-read-only:cursor-default","data-read-only:select-text","data-read-only:bg-muted","data-read-only:opacity-50","data-read-only:pointer-events-none","data-read-only:focus:outline-hidden","data-read-only:focus:ring-0"],e),"data-read-only":t?"":void 0,onClick:m=>{if(a||t){m.preventDefault();return}if(i){o?.current?.blur()}else{o?.current?.focus()}d(!i)},children:[(0,jsx_runtime_1.jsx)("div",{className:"flex grow flex-wrap gap-1 px-3 py-2",children:r}),(0,jsx_runtime_1.jsxs)("div",{className:"flex flex-1 items-center justify-end",children:[(0,jsx_runtime_1.jsx)("button",{type:"button",className:(0,utils_1.cn)((a||t||s.length<1)&&"hidden"),children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"text-muted-foreground mx-2 h-4 cursor-pointer",onClick:m=>{m.stopPropagation();g()}})}),(0,jsx_runtime_1.jsx)(separator_1.Separator,{orientation:"vertical",className:(0,utils_1.cn)("flex h-full min-h-6",(a||t||s.length<1)&&"hidden")}),(0,jsx_runtime_1.jsx)(SelectPrimitive.Icon,{children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:(0,utils_1.cn)("mx-3 my-2 h-4 w-4 cursor-pointer opacity-50",t&&"hidden")})})]})]})});exports.MultipleSelectTrigger.displayName="MultipleSelectTrigger";exports.MultipleSelectValue=react_1.default.forwardRef(({className:e,...r},t)=>{const{value:n,disabled:l,handleChange:i,options:d,showValue:c,inputRef:a}=useMultipleSelect();react_1.default.useImperativeHandle(t,()=>a.current);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[d&&n?.map(s=>(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:[c?s:d[s],(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",l&&"hidden"),children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"text-muted-foreground hover:text-foreground h-3 w-3",onClick:o=>{o.stopPropagation();i(s)}})})]},s)),(0,jsx_runtime_1.jsx)(cmdk_1.Command.Input,{...r,ref:a,disabled:l,className:(0,utils_1.cn)("placeholder:text-input-placeholder bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0",e)})]})});exports.MultipleSelectValue.displayName="MultipleSelectValue";exports.MultipleSelectEmpty=react_1.default.forwardRef(({className:e,...r},t)=>{const n=(0,cmdk_1.useCommandState)(l=>l.filtered.count===0);if(!n)return null;return(0,jsx_runtime_1.jsx)("div",{ref:t,className:(0,utils_1.cn)("py-6 text-center text-sm",e),"cmdk-empty":"",role:"presentation",...r})});exports.MultipleSelectEmpty.displayName="MultipleSelectEmpty";exports.MultipleSelectContent=react_1.default.forwardRef(({className:e,position:r="popper",children:t,onMouseEnter:n,onMouseLeave:l,...i},d)=>{const{open:c,addOption:a,setOnScrollbar:s}=useMultipleSelect();react_1.default.useEffect(()=>{react_1.default.Children.forEach(react_1.default.Children.toArray(t),o=>{if(react_1.default.isValidElement(o)&&o.props.value){a({[o.props.value]:o.props.children})}})},[t]);if(!c){return null}return(0,jsx_runtime_1.jsx)("div",{className:"relative",children:(0,jsx_runtime_1.jsx)(cmdk_1.Command.List,{ref:d,className:(0,utils_1.cn)("bg-popover text-popover-foreground motion-safe: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",r==="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",e),...i,onMouseEnter:o=>{n?.(o);s(true)},onMouseLeave:o=>{l?.(o);s(false)},children:(0,jsx_runtime_1.jsx)(exports.MultipleSelectGroup,{children:t})})})});exports.MultipleSelectContent.displayName="MultipleSelectContent";exports.MultipleSelectGroup=react_1.default.forwardRef(({className:e,...r},t)=>(0,jsx_runtime_1.jsx)(cmdk_1.Command.Group,{ref:t,className:(0,utils_1.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",e),...r}));exports.MultipleSelectGroup.displayName="MultipleSelectGroup";exports.MultipleSelectItem=react_1.default.forwardRef(({className:e,value:r,onClick:t,onSelect:n,children:l,...i},d)=>{const{handleChange:c}=useMultipleSelect();return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Item,{ref:d,value:r,keywords:typeof l==="string"?[l]:void 0,className:(0,utils_1.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",e),...i,onMouseDown:a=>{a.preventDefault();a.stopPropagation()},onSelect:a=>{c(a);n?.(a)},children:l})});exports.MultipleSelectItem.displayName="MultipleSelectItem";exports.MultipleSelect=react_1.default.forwardRef(({value:e,defaultValue:r,onValueChange:t,className:n,showValue:l,disabled:i,onKeyDown:d,children:c,onChange:a,...s},o)=>{const g=react_1.default.useRef(null);const[m,S]=react_1.default.useState(false);const b=react_1.default.useRef(null);const[_,v]=react_1.default.useState(false);const M=Array.isArray(e)?e:[];const y=Array.isArray(r)?r:[];const[p,x]=react_1.default.useState(y.length>0?y:M);const[w,C]=react_1.default.useReducer((u,f)=>({...u,...f}),{});react_1.default.useImperativeHandle(o,()=>g.current);const j=()=>{x([]);t?.([])};const h=react_1.default.useCallback(u=>{if(!u){return}const f=p.includes(u)?p.filter(k=>k!==u):[...p,u];x(f);t?.(f)},[p,t]);const N=react_1.default.useCallback(u=>{const f=b.current;if(f){if(u.key==="Delete"||u.key==="Backspace"){if(f.value===""&&p.length>0){h(p[p.length-1])}}if(u.key==="Escape"){u.stopPropagation();f.blur()}}},[p,h]);react_1.default.useEffect(()=>{if(Array.isArray(e)){x(e)}},[e]);return(0,jsx_runtime_1.jsx)(MultipleSelectContext.Provider,{value:{value:p,onValueChange:x,showValue:l,disabled:i,handleChange:h,handleClear:j,onScrollbar:_,setOnScrollbar:v,open:m,setOpen:S,options:w,addOption:C,inputRef:b},children:(0,jsx_runtime_1.jsx)(cmdk_1.Command,{ref:g,className:(0,utils_1.cn)("text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent",n),"aria-disabled":i,...s,onKeyDown:u=>{N(u);d?.(u)},children:c})})});exports.MultipleSelect.displayName="MultipleSelect";

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

@@ -1,62 +1 @@
-"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.REGEXP_ONLY_DIGITS_AND_CHARS = exports.REGEXP_ONLY_DIGITS = void 0;
-exports.InputOTP = InputOTP;
-exports.InputOTPGroup = InputOTPGroup;
-exports.InputOTPSlot = InputOTPSlot;
-exports.InputOTPSeparator = InputOTPSeparator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const input_otp_1 = require("input-otp");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function InputOTP({ className, containerClassName, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(input_otp_1.OTPInput, { "data-slot": "input-otp", containerClassName: (0, utils_1.cn)('flex items-center gap-2 has-disabled:opacity-50', containerClassName), className: (0, utils_1.cn)('disabled:cursor-not-allowed', className), ...props }));
-}
-function InputOTPGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "input-otp-group", className: (0, utils_1.cn)('flex items-center', className), ...props }));
-}
-function InputOTPSlot({ index, className, ...props }) {
-    const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: (0, utils_1.cn)('border-input-border bg-background text-foreground', 'relative flex h-14 w-12 items-center justify-center border-y border-r text-2xl font-semibold shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md', 'data-[active=true]:ring-ring data-[active=true]:z-10 data-[active=true]:ring-2', className), ...props, children: [char, hasFakeCaret && ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "motion-safe:animate-caret-blink bg-foreground h-6 w-px duration-1000" }) }))] }));
-}
-function InputOTPSeparator({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.MinusIcon, {}) }));
-}
-var input_otp_2 = require("input-otp");
-Object.defineProperty(exports, "REGEXP_ONLY_DIGITS", { enumerable: true, get: function () { return input_otp_2.REGEXP_ONLY_DIGITS; } });
-Object.defineProperty(exports, "REGEXP_ONLY_DIGITS_AND_CHARS", { enumerable: true, get: function () { return input_otp_2.REGEXP_ONLY_DIGITS_AND_CHARS; } });
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,n){if(n===void 0)n=r;var i=Object.getOwnPropertyDescriptor(e,r);if(!i||("get"in i?!e.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(t,n,i)}):(function(t,e,r,n){if(n===void 0)n=r;t[n]=e[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(r){var n=[];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))n[n.length]=i;return n};return t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var n=t(e),i=0;i<n.length;i++)if(n[i]!=="default")__createBinding(r,e,n[i])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.REGEXP_ONLY_DIGITS_AND_CHARS=exports.REGEXP_ONLY_DIGITS=void 0;exports.InputOTP=InputOTP;exports.InputOTPGroup=InputOTPGroup;exports.InputOTPSlot=InputOTPSlot;exports.InputOTPSeparator=InputOTPSeparator;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const input_otp_1=require("input-otp");const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function InputOTP({className:t,containerClassName:e,...r}){return(0,jsx_runtime_1.jsx)(input_otp_1.OTPInput,{"data-slot":"input-otp",containerClassName:(0,utils_1.cn)("flex items-center gap-2 has-disabled:opacity-50",e),className:(0,utils_1.cn)("disabled:cursor-not-allowed",t),...r})}function InputOTPGroup({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"input-otp-group",className:(0,utils_1.cn)("flex items-center",t),...e})}function InputOTPSlot({index:t,className:e,...r}){const n=React.useContext(input_otp_1.OTPInputContext);const{char:i,hasFakeCaret:u,isActive:o}=n?.slots[t]??{};return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"input-otp-slot","data-active":o,className:(0,utils_1.cn)("border-input-border bg-background text-foreground","relative flex h-14 w-12 items-center justify-center border-y border-r text-2xl font-semibold shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md","data-[active=true]:ring-ring data-[active=true]:z-10 data-[active=true]:ring-2",e),...r,children:[i,u&&(0,jsx_runtime_1.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,jsx_runtime_1.jsx)("div",{className:"motion-safe:animate-caret-blink bg-foreground h-6 w-px duration-1000"})})]})}function InputOTPSeparator({...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:(0,jsx_runtime_1.jsx)(lucide_react_1.MinusIcon,{})})}var input_otp_2=require("input-otp");Object.defineProperty(exports,"REGEXP_ONLY_DIGITS",{enumerable:true,get:function(){return input_otp_2.REGEXP_ONLY_DIGITS}});Object.defineProperty(exports,"REGEXP_ONLY_DIGITS_AND_CHARS",{enumerable:true,get:function(){return input_otp_2.REGEXP_ONLY_DIGITS_AND_CHARS}});

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

@@ -1,8 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paper = Paper;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../lib/utils");
-function Paper({ className, ...others }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "paper", className: (0, utils_1.cn)('bg-card rounded-lg shadow-lg', className), ...others }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Paper=Paper;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../../lib/utils");function Paper({className:e,...r}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"paper",className:(0,utils_1.cn)("bg-card rounded-lg shadow-lg",e),...r})}

package/dist/components/ui/paper-collapsible/index.js

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaperCollapsible = PaperCollapsible;
-exports.PaperCollapsibleBanner = PaperCollapsibleBanner;
-exports.PaperCollapsibleTrigger = PaperCollapsibleTrigger;
-exports.PaperCollapsibleContent = PaperCollapsibleContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../lib/utils");
-const collapsible_1 = require("../../../components/ui/collapsible");
-const paper_1 = require("../../../components/ui/paper");
-const lucide_react_1 = require("lucide-react");
-const separator_1 = require("../separator");
-function PaperCollapsible({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(collapsible_1.Collapsible, { className: "group/paper-collapsible", ...props, children: (0, jsx_runtime_1.jsx)(paper_1.Paper, { "data-slot": "paper-collapsible", className: (0, utils_1.cn)('flex flex-col', className), children: children }) }));
-}
-function PaperCollapsibleBanner({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "paper-collapsible-banner", className: (0, utils_1.cn)('flex flex-row p-6', className), ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-col", children: children }), (0, jsx_runtime_1.jsx)(PaperCollapsibleTrigger, {})] }));
-}
-function PaperCollapsibleTrigger({ className, children: _children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { "data-slot": "paper-collapsible-trigger", className: (0, utils_1.cn)('transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-foreground size-6 shrink-0 cursor-pointer transition-transform duration-200" }) }));
-}
-function PaperCollapsibleContent({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent, { "data-slot": "paper-collapsible-content", className: (0, utils_1.cn)('motion-safe:data-[state=closed]:animate-collapsible-up motion-safe:data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', className), ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, {}), children] }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.PaperCollapsible=PaperCollapsible;exports.PaperCollapsibleBanner=PaperCollapsibleBanner;exports.PaperCollapsibleTrigger=PaperCollapsibleTrigger;exports.PaperCollapsibleContent=PaperCollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../../lib/utils");const collapsible_1=require("../../../components/ui/collapsible");const paper_1=require("../../../components/ui/paper");const lucide_react_1=require("lucide-react");const separator_1=require("../separator");function PaperCollapsible({className:e,children:a,...l}){return(0,jsx_runtime_1.jsx)(collapsible_1.Collapsible,{className:"group/paper-collapsible",...l,children:(0,jsx_runtime_1.jsx)(paper_1.Paper,{"data-slot":"paper-collapsible",className:(0,utils_1.cn)("flex flex-col",e),children:a})})}function PaperCollapsibleBanner({className:e,children:a,...l}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"paper-collapsible-banner",className:(0,utils_1.cn)("flex flex-row p-6",e),...l,children:[(0,jsx_runtime_1.jsx)("div",{className:"flex grow flex-col",children:a}),(0,jsx_runtime_1.jsx)(PaperCollapsibleTrigger,{})]})}function PaperCollapsibleTrigger({className:e,children:a,...l}){return(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger,{"data-slot":"paper-collapsible-trigger",className:(0,utils_1.cn)("transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...l,children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:"text-foreground size-6 shrink-0 cursor-pointer transition-transform duration-200"})})}function PaperCollapsibleContent({className:e,children:a,...l}){return(0,jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent,{"data-slot":"paper-collapsible-content",className:(0,utils_1.cn)("motion-safe:data-[state=closed]:animate-collapsible-up motion-safe:data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out",e),...l,children:[(0,jsx_runtime_1.jsx)(separator_1.Separator,{}),a]})}

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

@@ -1,55 +1 @@
-'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.Popover = Popover;
-exports.PopoverTrigger = PopoverTrigger;
-exports.PopoverContent = PopoverContent;
-exports.PopoverAnchor = PopoverAnchor;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
-const utils_1 = require("../../../lib/utils");
-function Popover({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverContent({ className, align = 'center', sideOffset = 4, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: (0, utils_1.cn)('bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border z-50 w-72 rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
-}
-function PopoverAnchor({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,o,r){if(r===void 0)r=o;var n=Object.getOwnPropertyDescriptor(e,o);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[o]}}}Object.defineProperty(t,r,n)}):(function(t,e,o,r){if(r===void 0)r=o;t[r]=e[o]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)if(Object.prototype.hasOwnProperty.call(o,n))r[r.length]=n;return r};return t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null){for(var r=t(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(o,e,r[n])}__setModuleDefault(o,e);return o}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Popover=Popover;exports.PopoverTrigger=PopoverTrigger;exports.PopoverContent=PopoverContent;exports.PopoverAnchor=PopoverAnchor;const jsx_runtime_1=require("react/jsx-runtime");const PopoverPrimitive=__importStar(require("@radix-ui/react-popover"));const utils_1=require("../../../lib/utils");function Popover({...t}){return(0,jsx_runtime_1.jsx)(PopoverPrimitive.Root,{"data-slot":"popover",...t})}function PopoverTrigger({...t}){return(0,jsx_runtime_1.jsx)(PopoverPrimitive.Trigger,{"data-slot":"popover-trigger",...t})}function PopoverContent({className:t,align:e="center",sideOffset:o=4,...r}){return(0,jsx_runtime_1.jsx)(PopoverPrimitive.Portal,{children:(0,jsx_runtime_1.jsx)(PopoverPrimitive.Content,{"data-slot":"popover-content",align:e,sideOffset:o,className:(0,utils_1.cn)("bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border z-50 w-72 rounded-md border p-4 shadow-md outline-hidden",t),...r})})}function PopoverAnchor({...t}){return(0,jsx_runtime_1.jsx)(PopoverPrimitive.Anchor,{"data-slot":"popover-anchor",...t})}

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

@@ -1,66 +1 @@
-'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.Progress = Progress;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
-const utils_1 = require("../../../lib/utils");
-/**
- * `value` and `max` are Radix's own props, so the bar reports `aria-valuenow` /
- * `aria-valuemax` and flips `data-state` between `loading` and `complete`.
- * Omitting `value`, or passing `null`, is Radix's indeterminate state and draws
- * an empty track.
- *
- * Both numbers are BOUNDED BEFORE THE ROOT SEES THEM, so the drawn width and
- * the announced value can never disagree. Radix accepts a value only inside
- * `[0, max]`: hand it one outside and the root drops `aria-valuenow`, sticks
- * `data-state` on `indeterminate` and logs an error, while the indicator here
- * goes on drawing the clamped bar. Substituting 100 for a non-positive max is
- * Radix's own fallback, and is also what keeps a `max` of 0 from dividing by
- * zero.
- */
-function Progress({ className, value, max, indicatorColor = 'bg-primary', ...props }) {
-    const scale = Number.isFinite(max) && max > 0 ? max : 100;
-    // Bound against `scale`, not against the rejected `max`: with `max={0}` the
-    // scale is already 100, and clamping to 0 would report a finished bar empty.
-    // Non-finite values are indeterminate, matching Radix without producing an
-    // invalid CSS transform.
-    const bounded = Number.isFinite(value)
-        ? Math.min(scale, Math.max(0, value))
-        : null;
-    const percent = ((bounded ?? 0) / scale) * 100;
-    return ((0, jsx_runtime_1.jsx)(ProgressPrimitive.Root, { "data-slot": "progress", value: bounded, max: scale, className: (0, utils_1.cn)('bg-primary/20 relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: (0, jsx_runtime_1.jsx)(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: (0, utils_1.cn)('h-full w-full flex-1 transition-all', indicatorColor), style: { transform: `translateX(-${100 - percent}%)` } }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,e,t,r){if(r===void 0)r=t;var n=Object.getOwnPropertyDescriptor(e,t);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[t]}}}Object.defineProperty(i,r,n)}):(function(i,e,t,r){if(r===void 0)r=t;i[r]=e[t]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:true,value:e})}):function(i,e){i["default"]=e});var __importStar=this&&this.__importStar||(function(){var i=function(e){i=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))r[r.length]=n;return r};return i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null){for(var r=i(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(t,e,r[n])}__setModuleDefault(t,e);return t}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Progress=Progress;const jsx_runtime_1=require("react/jsx-runtime");const ProgressPrimitive=__importStar(require("@radix-ui/react-progress"));const utils_1=require("../../../lib/utils");function Progress({className:i,value:e,max:t,indicatorColor:r="bg-primary",...n}){const s=Number.isFinite(t)&&t>0?t:100;const u=Number.isFinite(e)?Math.min(s,Math.max(0,e)):null;const a=(u??0)/s*100;return(0,jsx_runtime_1.jsx)(ProgressPrimitive.Root,{"data-slot":"progress",value:u,max:s,className:(0,utils_1.cn)("bg-primary/20 relative h-4 w-full overflow-hidden rounded-full",i),...n,children:(0,jsx_runtime_1.jsx)(ProgressPrimitive.Indicator,{"data-slot":"progress-indicator",className:(0,utils_1.cn)("h-full w-full flex-1 transition-all",r),style:{transform:`translateX(-${100-a}%)`}})})}

package/dist/components/ui/qr-code/index.js

@@ -1,27 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QRCode = QRCode;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const qrcode_react_1 = require("qrcode.react");
-const DEFAULT_SIZE = 160;
-const DEFAULT_ARIA_LABEL = 'QR code';
-/**
- * Center image edge as a fraction of the code size. Kept small so error
- * correction can recover the excavated modules.
- */
-const LOGO_SIZE_RATIO = 0.22;
-function QRCode({ value, size = DEFAULT_SIZE, logoSrc, 'aria-label': ariaLabel = DEFAULT_ARIA_LABEL }) {
-    if (!value || value.trim() === '') {
-        return null;
-    }
-    const logoSize = Math.round(size * LOGO_SIZE_RATIO);
-    return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { "data-slot": "qr-code", value: value, size: size, role: "img", "aria-label": ariaLabel, level: logoSrc ? 'H' : 'L', imageSettings: logoSrc
-            ? {
-                src: logoSrc,
-                height: logoSize,
-                width: logoSize,
-                excavate: true
-            }
-            : undefined }));
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.QRCode=QRCode;const jsx_runtime_1=require("react/jsx-runtime");const qrcode_react_1=require("qrcode.react");const DEFAULT_SIZE=160;const DEFAULT_ARIA_LABEL="QR code";const LOGO_SIZE_RATIO=.22;function QRCode({value:e,size:r=DEFAULT_SIZE,logoSrc:t,"aria-label":n=DEFAULT_ARIA_LABEL}){if(!e||e.trim()===""){return null}const i=Math.round(r*LOGO_SIZE_RATIO);return(0,jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG,{"data-slot":"qr-code",value:e,size:r,role:"img","aria-label":n,level:t?"H":"L",imageSettings:t?{src:t,height:i,width:i,excavate:true}:void 0})}

package/dist/components/ui/radio-group/index.js

@@ -1,48 +1 @@
-'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.RadioGroup = RadioGroup;
-exports.RadioGroupItem = RadioGroupItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function RadioGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: (0, utils_1.cn)('grid gap-3', className), ...props }));
-}
-function RadioGroupItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: (0, utils_1.cn)('border-input-border text-primary focus-visible:ring-ring aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,a,t){if(t===void 0)t=a;var i=Object.getOwnPropertyDescriptor(e,a);if(!i||("get"in i?!e.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return e[a]}}}Object.defineProperty(r,t,i)}):(function(r,e,a,t){if(t===void 0)t=a;r[t]=e[a]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:true,value:e})}):function(r,e){r["default"]=e});var __importStar=this&&this.__importStar||(function(){var r=function(e){r=Object.getOwnPropertyNames||function(a){var t=[];for(var i in a)if(Object.prototype.hasOwnProperty.call(a,i))t[t.length]=i;return t};return r(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null){for(var t=r(e),i=0;i<t.length;i++)if(t[i]!=="default")__createBinding(a,e,t[i])}__setModuleDefault(a,e);return a}})();Object.defineProperty(exports,"__esModule",{value:true});exports.RadioGroup=RadioGroup;exports.RadioGroupItem=RadioGroupItem;const jsx_runtime_1=require("react/jsx-runtime");const RadioGroupPrimitive=__importStar(require("@radix-ui/react-radio-group"));const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function RadioGroup({className:r,...e}){return(0,jsx_runtime_1.jsx)(RadioGroupPrimitive.Root,{"data-slot":"radio-group",className:(0,utils_1.cn)("grid gap-3",r),...e})}function RadioGroupItem({className:r,...e}){return(0,jsx_runtime_1.jsx)(RadioGroupPrimitive.Item,{"data-slot":"radio-group-item",className:(0,utils_1.cn)("border-input-border text-primary focus-visible:ring-ring aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",r),...e,children:(0,jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:(0,jsx_runtime_1.jsx)(lucide_react_1.Circle,{className:"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}