@lerianstudio/sindarian-ui 2.0.0-beta.24 → 2.0.0-beta.26

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

@@ -1,50 +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.Collapsible = Collapsible;
-exports.CollapsibleTrigger = CollapsibleTrigger;
-exports.CollapsibleContent = CollapsibleContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
-function Collapsible({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props }));
-}
-function CollapsibleContent({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,i,r){if(r===void 0)r=i;var n=Object.getOwnPropertyDescriptor(e,i);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[i]}}}Object.defineProperty(t,r,n)}):(function(t,e,i,r){if(r===void 0)r=i;t[r]=e[i]}));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(i){var r=[];for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))r[r.length]=n;return r};return t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null){for(var r=t(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(i,e,r[n])}__setModuleDefault(i,e);return i}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Collapsible=Collapsible;exports.CollapsibleTrigger=CollapsibleTrigger;exports.CollapsibleContent=CollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime");const CollapsiblePrimitive=__importStar(require("@radix-ui/react-collapsible"));function Collapsible({...t}){return(0,jsx_runtime_1.jsx)(CollapsiblePrimitive.Root,{"data-slot":"collapsible",...t})}function CollapsibleTrigger({...t}){return(0,jsx_runtime_1.jsx)(CollapsiblePrimitive.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...t})}function CollapsibleContent({...t}){return(0,jsx_runtime_1.jsx)(CollapsiblePrimitive.CollapsibleContent,{"data-slot":"collapsible-content",...t})}

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

@@ -1,95 +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.CommandDialog = void 0;
-exports.Command = Command;
-exports.CommandInput = CommandInput;
-exports.CommandList = CommandList;
-exports.CommandEmpty = CommandEmpty;
-exports.CommandGroup = CommandGroup;
-exports.CommandItem = CommandItem;
-exports.CommandShortcut = CommandShortcut;
-exports.CommandSeparator = CommandSeparator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const cmdk_1 = require("cmdk");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-const dialog_1 = require("../../../components/ui/dialog");
-function Command({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command, { "data-slot": "command", className: (0, utils_1.cn)('bg-card text-foreground flex h-full w-full flex-col overflow-hidden rounded-md', className), ...props }));
-}
-const CommandDialog = ({ children, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { ...props, children: (0, jsx_runtime_1.jsx)(dialog_1.DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: (0, jsx_runtime_1.jsx)(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) }) }));
-};
-exports.CommandDialog = CommandDialog;
-function CommandInput({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "command-input-wrapper", className: "flex items-center border-b px-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { "data-slot": "command-input", className: (0, utils_1.cn)('placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] }));
-}
-function CommandList({ className, children, ...props }) {
-    const listRef = React.useRef(null);
-    React.useEffect(() => {
-        const listElement = listRef.current;
-        if (!listElement)
-            return;
-        const handleWheel = (event) => {
-            const { scrollTop, scrollHeight, clientHeight } = listElement;
-            const isAtTop = scrollTop === 0 && event.deltaY < 0;
-            const isAtBottom = scrollTop + clientHeight >= scrollHeight && event.deltaY > 0;
-            if (!isAtTop && !isAtBottom) {
-                event.stopPropagation();
-            }
-        };
-        listElement.addEventListener('wheel', handleWheel, { passive: true });
-        return () => listElement.removeEventListener('wheel', handleWheel);
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { ref: listRef, "data-slot": "command-list", className: (0, utils_1.cn)('max-h-[300px] overflow-x-hidden overflow-y-auto', className), ...props, children: children }));
-}
-function CommandEmpty(props) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { "data-slot": "command-group", 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 }));
-}
-function CommandSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Separator, { "data-slot": "command-separator", className: (0, utils_1.cn)('bg-border -mx-1 h-px', className), ...props }));
-}
-function CommandItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { "data-slot": "command-item", className: (0, utils_1.cn)("data-[selected='true']:bg-muted data-[selected=true]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 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 }));
-}
-function CommandShortcut({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "command-shortcut", className: (0, utils_1.cn)('text-muted-foreground ml-auto text-xs tracking-widest', className), ...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.CommandDialog=void 0;exports.Command=Command;exports.CommandInput=CommandInput;exports.CommandList=CommandList;exports.CommandEmpty=CommandEmpty;exports.CommandGroup=CommandGroup;exports.CommandItem=CommandItem;exports.CommandShortcut=CommandShortcut;exports.CommandSeparator=CommandSeparator;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const cmdk_1=require("cmdk");const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");const dialog_1=require("../../../components/ui/dialog");function Command({className:t,...e}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command,{"data-slot":"command",className:(0,utils_1.cn)("bg-card text-foreground flex h-full w-full flex-col overflow-hidden rounded-md",t),...e})}const CommandDialog=({children:t,...e})=>{return(0,jsx_runtime_1.jsx)(dialog_1.Dialog,{...e,children:(0,jsx_runtime_1.jsx)(dialog_1.DialogContent,{className:"overflow-hidden p-0 shadow-lg",children:(0,jsx_runtime_1.jsx)(Command,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})})})};exports.CommandDialog=CommandDialog;function CommandInput({className:t,...e}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"command-input-wrapper",className:"flex items-center border-b px-3",children:[(0,jsx_runtime_1.jsx)(lucide_react_1.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,jsx_runtime_1.jsx)(cmdk_1.Command.Input,{"data-slot":"command-input",className:(0,utils_1.cn)("placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",t),...e})]})}function CommandList({className:t,children:e,...o}){const r=React.useRef(null);React.useEffect(()=>{const n=r.current;if(!n)return;const d=a=>{const{scrollTop:s,scrollHeight:m,clientHeight:i}=n;const c=s===0&&a.deltaY<0;const u=s+i>=m&&a.deltaY>0;if(!c&&!u){a.stopPropagation()}};n.addEventListener("wheel",d,{passive:true});return()=>n.removeEventListener("wheel",d)},[]);return(0,jsx_runtime_1.jsx)(cmdk_1.Command.List,{ref:r,"data-slot":"command-list",className:(0,utils_1.cn)("max-h-[300px] overflow-x-hidden overflow-y-auto",t),...o,children:e})}function CommandEmpty(t){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...t})}function CommandGroup({className:t,...e}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Group,{"data-slot":"command-group",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",t),...e})}function CommandSeparator({className:t,...e}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Separator,{"data-slot":"command-separator",className:(0,utils_1.cn)("bg-border -mx-1 h-px",t),...e})}function CommandItem({className:t,...e}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Item,{"data-slot":"command-item",className:(0,utils_1.cn)("data-[selected='true']:bg-muted data-[selected=true]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 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",t),...e})}function CommandShortcut({className:t,...e}){return(0,jsx_runtime_1.jsx)("span",{"data-slot":"command-shortcut",className:(0,utils_1.cn)("text-muted-foreground ml-auto text-xs tracking-widest",t),...e})}

package/dist/components/ui/copy-field/index.js

@@ -1,163 +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.CopyField = CopyField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const icon_button_1 = require("../../../components/ui/icon-button");
-const use_toast_1 = require("../../../hooks/use-toast");
-const utils_1 = require("../../../lib/utils");
-const DEFAULT_COPY_LABEL = 'Copied to clipboard!';
-const FALLBACK_COPY_LABEL = 'Copy not available — text selected, press Ctrl/Cmd+C';
-const COPIED_ICON_TIMEOUT = 1500;
-const isClipboardAvailable = () => typeof navigator !== 'undefined' &&
-    typeof navigator.clipboard?.writeText === 'function';
-const isClipboardReadable = () => typeof navigator !== 'undefined' &&
-    typeof navigator.clipboard?.readText === 'function';
-/**
- * Wipes the clipboard, but only if it still holds `copiedValue` — the user may
- * have copied something else in the meantime, and clobbering that would be
- * worse than leaving the secret behind. Unverifiable (no `readText`, permission
- * denied, unfocused document) means "leave it alone".
- */
-const clearClipboardIfUnchanged = async (copiedValue) => {
-    if (!isClipboardReadable()) {
-        return;
-    }
-    try {
-        if ((await navigator.clipboard.readText()) !== copiedValue) {
-            return;
-        }
-        await navigator.clipboard.writeText('');
-    }
-    catch {
-        // Read or write refused; the clipboard stays as-is.
-    }
-};
-function CopyField({ value, label, masked = false, onCopyLabel, revealLabel = 'Show value', hideLabel = 'Hide value', valueLabel = 'Value to copy', copyLabel, fallbackLabel, mono = false, description, clearClipboardAfter }) {
-    const { toast } = (0, use_toast_1.useToast)();
-    const generatedId = React.useId();
-    const inputId = `${generatedId}-copy-field`;
-    const descriptionId = `${inputId}-description`;
-    const inputRef = React.useRef(null);
-    const copiedTimerRef = React.useRef(null);
-    const clearTimerRef = React.useRef(null);
-    const [revealed, setRevealed] = React.useState(false);
-    const [copied, setCopied] = React.useState(false);
-    const showAsText = !masked || revealed;
-    const copyAccessibleName = copyLabel ?? (label ? `Copy ${label}` : 'Copy value');
-    React.useEffect(() => {
-        return () => {
-            if (copiedTimerRef.current) {
-                clearTimeout(copiedTimerRef.current);
-            }
-            // The clipboard-clear timer is deliberately *not* cancelled here: it
-            // touches no state (so it can't warn about an unmounted update) and the
-            // secret must still leave the clipboard when the dialog holding this
-            // field closes before the timeout elapses.
-        };
-    }, []);
-    const selectFieldText = () => {
-        const input = inputRef.current;
-        if (!input) {
-            return;
-        }
-        // Reveal so the user can copy the selection manually. Flip the DOM `type`
-        // imperatively *before* select(): `setRevealed` is batched, so a plain
-        // state update would leave the input as type="password" at select() time,
-        // and React's subsequent type -> "text" re-render clears the selection —
-        // the fallback would then select nothing. We still push the state update so
-        // the re-render stays consistent with the DOM we just mutated.
-        if (masked) {
-            input.type = 'text';
-            setRevealed(true);
-        }
-        input.focus();
-        input.select();
-    };
-    const handleFallback = () => {
-        selectFieldText();
-        toast({
-            variant: 'destructive',
-            title: fallbackLabel ?? FALLBACK_COPY_LABEL
-        });
-    };
-    const handleCopy = async () => {
-        if (!isClipboardAvailable()) {
-            handleFallback();
-            return;
-        }
-        try {
-            await navigator.clipboard.writeText(value);
-            toast({ variant: 'success', title: onCopyLabel ?? DEFAULT_COPY_LABEL });
-            setCopied(true);
-            if (copiedTimerRef.current) {
-                clearTimeout(copiedTimerRef.current);
-            }
-            copiedTimerRef.current = setTimeout(() => setCopied(false), COPIED_ICON_TIMEOUT);
-            // Only a confirmed write earns a clear — the fallback path never wrote to
-            // the clipboard, so it has nothing of ours to wipe. `value` is captured
-            // per copy so a later prop change can't make us clear the wrong string.
-            if (clearTimerRef.current) {
-                clearTimeout(clearTimerRef.current);
-            }
-            if (clearClipboardAfter !== undefined && clearClipboardAfter > 0) {
-                const copiedValue = value;
-                clearTimerRef.current = setTimeout(() => {
-                    void clearClipboardIfUnchanged(copiedValue);
-                }, clearClipboardAfter);
-            }
-        }
-        catch {
-            handleFallback();
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "copy-field", className: "flex w-full flex-col gap-2", children: [label ? ((0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, className: "text-muted-foreground text-sm font-semibold", children: label })) : null, (0, jsx_runtime_1.jsxs)("div", { "data-slot": "input-wrapper", className: "border-input-border focus-within:border-ring has-[input:focus]:ring-ring flex h-10 w-full cursor-text items-center gap-1 rounded-md border pr-1 pl-4 transition-[color,box-shadow] has-[input:focus]:ring-2", children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: inputId, "data-slot": "input", "data-testid": "copy-field-input", type: showAsText ? 'text' : 'password', value: value, readOnly: true, 
-                        // This field holds secrets: TOTP manual-entry secrets, recovery
-                        // codes. While masked it renders as type="password", which invites
-                        // browsers and password managers to autofill it or offer to SAVE its
-                        // value, and spellcheck can ship the text to a remote service.
-                        autoComplete: "off", spellCheck: false, "aria-label": label ? undefined : valueLabel, "aria-describedby": description ? descriptionId : undefined, 
-                        // `min-w-0` lets this flex item shrink below its content width so a
-                        // long value (e.g. a UUID recovery code) scrolls inside the field
-                        // instead of overflowing its container. Sans by default, inheriting
-                        // the app font (Inter) so the field matches every other input;
-                        // `mono` opts identifiers, tokens and recovery codes into the
-                        // monospace face, where telling 0 from O decides whether the value
-                        // read back is the value.
-                        className: (0, utils_1.cn)('text-input-foreground h-full min-w-0 flex-1 cursor-text border-none bg-transparent text-sm outline-none select-text focus:ring-0 focus:ring-offset-0', mono && 'font-mono') }), masked ? ((0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { type: "button", variant: "outline", size: "small", rounded: true, "aria-label": revealed ? hideLabel : revealLabel, onClick: () => setRevealed((prev) => !prev), children: revealed ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, {}) })) : null, (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { type: "button", variant: "outline", size: "small", rounded: true, "aria-label": copyAccessibleName, onClick: handleCopy, children: copied ? (0, jsx_runtime_1.jsx)(lucide_react_1.Check, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, {}) })] }), description ? ((0, jsx_runtime_1.jsx)("p", { "data-slot": "copy-field-description", id: descriptionId, className: "text-muted-foreground text-xs", children: description })) : null] }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,n,r){if(r===void 0)r=n;var i=Object.getOwnPropertyDescriptor(e,n);if(!i||("get"in i?!e.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return e[n]}}}Object.defineProperty(t,r,i)}):(function(t,e,n,r){if(r===void 0)r=n;t[r]=e[n]}));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(n){var r=[];for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))r[r.length]=i;return r};return t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null){for(var r=t(e),i=0;i<r.length;i++)if(r[i]!=="default")__createBinding(n,e,r[i])}__setModuleDefault(n,e);return n}})();Object.defineProperty(exports,"__esModule",{value:true});exports.CopyField=CopyField;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const lucide_react_1=require("lucide-react");const icon_button_1=require("../../../components/ui/icon-button");const use_toast_1=require("../../../hooks/use-toast");const utils_1=require("../../../lib/utils");const DEFAULT_COPY_LABEL="Copied to clipboard!";const FALLBACK_COPY_LABEL="Copy not available \u2014 text selected, press Ctrl/Cmd+C";const COPIED_ICON_TIMEOUT=1500;const isClipboardAvailable=()=>typeof navigator!=="undefined"&&typeof navigator.clipboard?.writeText==="function";const isClipboardReadable=()=>typeof navigator!=="undefined"&&typeof navigator.clipboard?.readText==="function";const clearClipboardIfUnchanged=async t=>{if(!isClipboardReadable()){return}try{if(await navigator.clipboard.readText()!==t){return}await navigator.clipboard.writeText("")}catch{}};function CopyField({value:t,label:e,masked:n=false,onCopyLabel:r,revealLabel:i="Show value",hideLabel:h="Hide value",valueLabel:v="Value to copy",copyLabel:g,fallbackLabel:m,mono:C=false,description:a,clearClipboardAfter:u}){const{toast:f}=(0,use_toast_1.useToast)();const j=React.useId();const c=`${j}-copy-field`;const p=`${c}-description`;const x=React.useRef(null);const s=React.useRef(null);const l=React.useRef(null);const[d,b]=React.useState(false);const[w,y]=React.useState(false);const O=!n||d;const T=g??(e?`Copy ${e}`:"Copy value");React.useEffect(()=>{return()=>{if(s.current){clearTimeout(s.current)}}},[]);const I=()=>{const o=x.current;if(!o){return}if(n){o.type="text";b(true)}o.focus();o.select()};const _=()=>{I();f({variant:"destructive",title:m??FALLBACK_COPY_LABEL})};const P=async()=>{if(!isClipboardAvailable()){_();return}try{await navigator.clipboard.writeText(t);f({variant:"success",title:r??DEFAULT_COPY_LABEL});y(true);if(s.current){clearTimeout(s.current)}s.current=setTimeout(()=>y(false),COPIED_ICON_TIMEOUT);if(l.current){clearTimeout(l.current)}if(u!==void 0&&u>0){const o=t;l.current=setTimeout(()=>{void clearClipboardIfUnchanged(o)},u)}}catch{_()}};return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"copy-field",className:"flex w-full flex-col gap-2",children:[e?(0,jsx_runtime_1.jsx)("label",{htmlFor:c,className:"text-muted-foreground text-sm font-semibold",children:e}):null,(0,jsx_runtime_1.jsxs)("div",{"data-slot":"input-wrapper",className:"border-input-border focus-within:border-ring has-[input:focus]:ring-ring flex h-10 w-full cursor-text items-center gap-1 rounded-md border pr-1 pl-4 transition-[color,box-shadow] has-[input:focus]:ring-2",children:[(0,jsx_runtime_1.jsx)("input",{ref:x,id:c,"data-slot":"input","data-testid":"copy-field-input",type:O?"text":"password",value:t,readOnly:true,autoComplete:"off",spellCheck:false,"aria-label":e?void 0:v,"aria-describedby":a?p:void 0,className:(0,utils_1.cn)("text-input-foreground h-full min-w-0 flex-1 cursor-text border-none bg-transparent text-sm outline-none select-text focus:ring-0 focus:ring-offset-0",C&&"font-mono")}),n?(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{type:"button",variant:"outline",size:"small",rounded:true,"aria-label":d?h:i,onClick:()=>b(o=>!o),children:d?(0,jsx_runtime_1.jsx)(lucide_react_1.EyeOff,{}):(0,jsx_runtime_1.jsx)(lucide_react_1.Eye,{})}):null,(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{type:"button",variant:"outline",size:"small",rounded:true,"aria-label":T,onClick:P,children:w?(0,jsx_runtime_1.jsx)(lucide_react_1.Check,{}):(0,jsx_runtime_1.jsx)(lucide_react_1.Copy,{})})]}),a?(0,jsx_runtime_1.jsx)("p",{"data-slot":"copy-field-description",id:p,className:"text-muted-foreground text-xs",children:a}):null]})}

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

@@ -5,8 +5,11 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, onInteractOutside, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, showCloseButton, closeLabel, onInteractOutside, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    /** Renders the built-in close button. Default true. */
     showCloseButton?: boolean;
+    /** Accessible name of the built-in close button. Override for localization. */
+    closeLabel?: string;
 }): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,UAAoB,EACpB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,qBAuBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}

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

@@ -1,80 +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.Dialog = Dialog;
-exports.DialogPortal = DialogPortal;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogClose = DialogClose;
-exports.DialogTrigger = DialogTrigger;
-exports.DialogContent = DialogContent;
-exports.DialogHeader = DialogHeader;
-exports.DialogFooter = DialogFooter;
-exports.DialogTitle = DialogTitle;
-exports.DialogDescription = DialogDescription;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function Dialog({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: (0, utils_1.cn)('dialog-overlay', className), ...props }));
-}
-function DialogContent({ className, children, showCloseButton = true, onInteractOutside, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { "data-slot": "dialog-content", className: (0, utils_1.cn)('dialog-content', !showCloseButton && '*:data-radix-dialog-close:hidden', className), onInteractOutside: (0, utils_1.keepOpenOnToast)(onInteractOutside), ...props, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "dialog-close", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "size-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
-}
-function DialogHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-header", className: (0, utils_1.cn)('dialog-header', className), ...props }));
-}
-function DialogFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "dialog-footer", className: (0, utils_1.cn)('dialog-footer', className), ...props }));
-}
-function DialogTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { "data-slot": "dialog-title", className: (0, utils_1.cn)('dialog-title', className), ...props }));
-}
-function DialogDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { "data-slot": "dialog-description", className: (0, utils_1.cn)('dialog-description', className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,r){if(r===void 0)r=a;var o=Object.getOwnPropertyDescriptor(t,a);if(!o||("get"in o?!t.__esModule:o.writable||o.configurable)){o={enumerable:true,get:function(){return t[a]}}}Object.defineProperty(e,r,o)}):(function(e,t,a,r){if(r===void 0)r=a;e[r]=t[a]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:true,value:t})}):function(e,t){e["default"]=t});var __importStar=this&&this.__importStar||(function(){var e=function(t){e=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)if(Object.prototype.hasOwnProperty.call(a,o))r[r.length]=o;return r};return e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null){for(var r=e(t),o=0;o<r.length;o++)if(r[o]!=="default")__createBinding(a,t,r[o])}__setModuleDefault(a,t);return a}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Dialog=Dialog;exports.DialogPortal=DialogPortal;exports.DialogOverlay=DialogOverlay;exports.DialogClose=DialogClose;exports.DialogTrigger=DialogTrigger;exports.DialogContent=DialogContent;exports.DialogHeader=DialogHeader;exports.DialogFooter=DialogFooter;exports.DialogTitle=DialogTitle;exports.DialogDescription=DialogDescription;const jsx_runtime_1=require("react/jsx-runtime");const DialogPrimitive=__importStar(require("@radix-ui/react-dialog"));const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function Dialog({...e}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Root,{"data-slot":"dialog",...e})}function DialogTrigger({...e}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Trigger,{"data-slot":"dialog-trigger",...e})}function DialogPortal({...e}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Portal,{"data-slot":"dialog-portal",...e})}function DialogClose({...e}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Close,{"data-slot":"dialog-close",...e})}function DialogOverlay({className:e,...t}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Overlay,{"data-slot":"dialog-overlay",className:(0,utils_1.cn)("dialog-overlay",e),...t})}function DialogContent({className:e,children:t,showCloseButton:a=true,closeLabel:r="Close",onInteractOutside:o,...i}){return(0,jsx_runtime_1.jsxs)(DialogPortal,{"data-slot":"dialog-portal",children:[(0,jsx_runtime_1.jsx)(DialogOverlay,{}),(0,jsx_runtime_1.jsxs)(DialogPrimitive.Content,{"data-slot":"dialog-content",className:(0,utils_1.cn)("dialog-content",e),onInteractOutside:(0,utils_1.keepOpenOnToast)(o),...i,children:[t,a&&(0,jsx_runtime_1.jsxs)(DialogPrimitive.Close,{"data-slot":"dialog-close",className:"dialog-close",children:[(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"size-4"}),(0,jsx_runtime_1.jsx)("span",{className:"sr-only",children:r})]})]})]})}function DialogHeader({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"dialog-header",className:(0,utils_1.cn)("dialog-header",e),...t})}function DialogFooter({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"dialog-footer",className:(0,utils_1.cn)("dialog-footer",e),...t})}function DialogTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Title,{"data-slot":"dialog-title",className:(0,utils_1.cn)("dialog-title",e),...t})}function DialogDescription({className:e,...t}){return(0,jsx_runtime_1.jsx)(DialogPrimitive.Description,{"data-slot":"dialog-description",className:(0,utils_1.cn)("dialog-description",e),...t})}

package/dist/components/ui/dialog/styles.css

@@ -20,8 +20,9 @@
     @apply flex flex-col gap-4 space-y-1.5 text-center sm:text-left;
   }
 
+  /* space-x only spaces a row; the phone stack needs its own gap. */
   .dialog-footer {
-    @apply flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2;
+    @apply flex flex-col-reverse max-sm:gap-2 sm:flex-row sm:justify-end sm:space-x-2;
   }
 
   .dialog-title {

package/dist/components/ui/dropdown-menu/index.js

@@ -1,110 +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.DropdownMenu = DropdownMenu;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuItemIcon = DropdownMenuItemIcon;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function DropdownMenu({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
-}
-function DropdownMenuTrigger({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", className: (0, utils_1.cn)('flex items-center justify-center outline-hidden', className), ...props }));
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", 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 z-50 min-w-32 overflow-hidden rounded-lg border shadow-md', className), ...props }) }));
-}
-function DropdownMenuGroup({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
-}
-function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: (0, utils_1.cn)('focus:bg-shadcn-100 focus:text-accent-foreground text-muted-foreground relative flex cursor-pointer items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), ...props }));
-}
-function DropdownMenuItemIcon({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "dropdown-menu-item-icon", 
-        // A meaningful glyph inside an interactive item answers to the 3:1 floor
-        // of SC 1.4.11. base/400 reads 2.56:1 on the popover surface in light.
-        className: (0, utils_1.cn)('text-muted-foreground', className), ...props, children: React.Children.map(React.Children.toArray(children), (child) => React.isValidElement(child)
-            ? React.cloneElement(child, { size: 16 })
-            : child) }));
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), checked: checked, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-4" }) }) }), children] }));
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: (0, utils_1.cn)('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50', className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: (0, utils_1.cn)('hover:bg-shadcn-100 hover:text-accent-foreground text-muted-foreground flex items-center gap-3 px-3 py-2 text-sm font-bold transition-colors', className), ...props }));
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: (0, utils_1.cn)('bg-muted -mx-1 my-1 h-px', className), ...props }));
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("span", { "data-slot": "dropdown-menu-shortcut", className: (0, utils_1.cn)('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
-}
-function DropdownMenuSub({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: (0, utils_1.cn)('focus:bg-shadcn-100 focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground text-muted-foreground flex cursor-default items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden select-none', className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-auto h-4 w-4" })] }));
-}
-function DropdownMenuSubContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", 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 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg', className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,o,n){if(n===void 0)n=o;var r=Object.getOwnPropertyDescriptor(t,o);if(!r||("get"in r?!t.__esModule:r.writable||r.configurable)){r={enumerable:true,get:function(){return t[o]}}}Object.defineProperty(e,n,r)}):(function(e,t,o,n){if(n===void 0)n=o;e[n]=t[o]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:true,value:t})}):function(e,t){e["default"]=t});var __importStar=this&&this.__importStar||(function(){var e=function(t){e=Object.getOwnPropertyNames||function(o){var n=[];for(var r in o)if(Object.prototype.hasOwnProperty.call(o,r))n[n.length]=r;return n};return e(t)};return function(t){if(t&&t.__esModule)return t;var o={};if(t!=null){for(var n=e(t),r=0;r<n.length;r++)if(n[r]!=="default")__createBinding(o,t,n[r])}__setModuleDefault(o,t);return o}})();Object.defineProperty(exports,"__esModule",{value:true});exports.DropdownMenu=DropdownMenu;exports.DropdownMenuTrigger=DropdownMenuTrigger;exports.DropdownMenuContent=DropdownMenuContent;exports.DropdownMenuItem=DropdownMenuItem;exports.DropdownMenuItemIcon=DropdownMenuItemIcon;exports.DropdownMenuCheckboxItem=DropdownMenuCheckboxItem;exports.DropdownMenuRadioItem=DropdownMenuRadioItem;exports.DropdownMenuLabel=DropdownMenuLabel;exports.DropdownMenuSeparator=DropdownMenuSeparator;exports.DropdownMenuShortcut=DropdownMenuShortcut;exports.DropdownMenuGroup=DropdownMenuGroup;exports.DropdownMenuPortal=DropdownMenuPortal;exports.DropdownMenuSub=DropdownMenuSub;exports.DropdownMenuSubContent=DropdownMenuSubContent;exports.DropdownMenuSubTrigger=DropdownMenuSubTrigger;exports.DropdownMenuRadioGroup=DropdownMenuRadioGroup;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const DropdownMenuPrimitive=__importStar(require("@radix-ui/react-dropdown-menu"));const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function DropdownMenu({...e}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Root,{"data-slot":"dropdown-menu",...e})}function DropdownMenuPortal({...e}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal,{"data-slot":"dropdown-menu-portal",...e})}function DropdownMenuTrigger({className:e,...t}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Trigger,{"data-slot":"dropdown-menu-trigger",className:(0,utils_1.cn)("flex items-center justify-center outline-hidden",e),...t})}function DropdownMenuContent({className:e,sideOffset:t=4,...o}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal,{children:(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,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 z-50 min-w-32 overflow-hidden rounded-lg border shadow-md",e),...o})})}function DropdownMenuGroup({...e}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Group,{"data-slot":"dropdown-menu-group",...e})}function DropdownMenuItem({className:e,inset:t,variant:o="default",...n}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":o,className:(0,utils_1.cn)("focus:bg-shadcn-100 focus:text-accent-foreground text-muted-foreground relative flex cursor-pointer items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50",e),...n})}function DropdownMenuItemIcon({className:e,children:t,...o}){return(0,jsx_runtime_1.jsx)("span",{"data-slot":"dropdown-menu-item-icon",className:(0,utils_1.cn)("text-muted-foreground",e),...o,children:React.Children.map(React.Children.toArray(t),n=>React.isValidElement(n)?React.cloneElement(n,{size:16}):n)})}function DropdownMenuCheckboxItem({className:e,children:t,checked:o,...n}){return(0,jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:(0,utils_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50",e),checked:o,...n,children:[(0,jsx_runtime_1.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator,{children:(0,jsx_runtime_1.jsx)(lucide_react_1.Check,{className:"size-4"})})}),t]})}function DropdownMenuRadioGroup({...e}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function DropdownMenuRadioItem({className:e,children:t,...o}){return(0,jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:(0,utils_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-disabled:pointer-events-none data-disabled:opacity-50",e),...o,children:[(0,jsx_runtime_1.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator,{children:(0,jsx_runtime_1.jsx)(lucide_react_1.Circle,{className:"size-2 fill-current"})})}),t]})}function DropdownMenuLabel({className:e,inset:t,...o}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label,{"data-slot":"dropdown-menu-label","data-inset":t,className:(0,utils_1.cn)("hover:bg-shadcn-100 hover:text-accent-foreground text-muted-foreground flex items-center gap-3 px-3 py-2 text-sm font-bold transition-colors",e),...o})}function DropdownMenuSeparator({className:e,...t}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Separator,{"data-slot":"dropdown-menu-separator",className:(0,utils_1.cn)("bg-muted -mx-1 my-1 h-px",e),...t})}function DropdownMenuShortcut({className:e,...t}){return(0,jsx_runtime_1.jsx)("span",{"data-slot":"dropdown-menu-shortcut",className:(0,utils_1.cn)("text-muted-foreground ml-auto text-xs tracking-widest",e),...t})}function DropdownMenuSub({...e}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.Sub,{"data-slot":"dropdown-menu-sub",...e})}function DropdownMenuSubTrigger({className:e,inset:t,children:o,...n}){return(0,jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":t,className:(0,utils_1.cn)("focus:bg-shadcn-100 focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground text-muted-foreground flex cursor-default items-center gap-3 px-3 py-2 text-sm font-medium outline-hidden select-none",e),...n,children:[o,(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronRight,{className:"ml-auto h-4 w-4"})]})}function DropdownMenuSubContent({className:e,...t}){return(0,jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent,{"data-slot":"dropdown-menu-sub-content",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 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg",e),...t})}