admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/_shared/input-C7t-RHYq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-C7t-RHYq.js","names":[],"sources":["../../src/components/base/forms/fields/hooks/use-form-field-state.ts","../../src/components/base/forms/fields/input.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useId } from 'react';\n\nexport interface UseFormFieldStateOptions {\n    /** Controlled value from parent */\n    controlledValue?: string;\n    /** Default value for uncontrolled mode */\n    defaultValue?: string;\n    /** Maximum character length */\n    maxLength?: number;\n    /** Whether to show character count */\n    showCharacterCount?: boolean;\n    /** Provided ID or auto-generate */\n    providedId?: string;\n    /** Prefix for auto-generated ID */\n    idPrefix?: string;\n    /** Whether onChange is provided (for react-hook-form detection) */\n    hasOnChange?: boolean;\n}\n\nexport interface UseFormFieldStateReturn {\n    /** Generated or provided ID */\n    id: string;\n    /** Current value (controlled or internal) */\n    value: string;\n    /** Whether component is in controlled mode */\n    isControlled: boolean;\n    /** Whether using react-hook-form (has onChange but no controlled value) */\n    isReactHookForm: boolean;\n    /** Current character count */\n    characterCount: number;\n    /** Whether a character limit is set */\n    hasCharacterLimit: boolean;\n    /** Whether to show character count UI */\n    showCount: boolean;\n    /** Whether the field has a value */\n    hasValue: boolean;\n    /** Update value - returns false if blocked by character limit */\n    updateValue: (newValue: string) => boolean;\n    /** Clear the value */\n    clearValue: () => void;\n    /** Check if a new value would exceed the character limit */\n    wouldExceedLimit: (newValue: string) => boolean;\n}\n\n/**\n * Shared hook for managing form field state including:\n * - Controlled vs uncontrolled value handling\n * - Character counting and limits\n * - React Hook Form compatibility detection\n * - ID generation\n */\nexport function useFormFieldState({\n    controlledValue,\n    defaultValue,\n    maxLength,\n    showCharacterCount,\n    providedId,\n    idPrefix = 'field',\n    hasOnChange,\n}: UseFormFieldStateOptions): UseFormFieldStateReturn {\n    // Generate stable ID using React 18's useId (SSR-safe)\n    const reactId = useId();\n    const id = providedId || `${idPrefix}${reactId}`;\n\n    // Internal state for uncontrolled mode\n    const [internalValue, setInternalValue] = useState(defaultValue || '');\n\n    // Determine control mode\n    const isControlled = controlledValue !== undefined;\n\n    // Normalize value (handle null from backend)\n    const rawValue = isControlled ? controlledValue : internalValue;\n    const value = rawValue ?? '';\n\n    // React Hook Form detection: has onChange but no controlled value or defaultValue\n    const isReactHookForm = Boolean(hasOnChange && !isControlled && !defaultValue);\n\n    // Character counting\n    const characterCount = value.length;\n    const hasCharacterLimit = maxLength !== undefined;\n    const showCount = showCharacterCount === false ? false : Boolean(showCharacterCount || hasCharacterLimit);\n    const hasValue = value !== '';\n\n    // Check if value would exceed limit\n    const wouldExceedLimit = useCallback(\n        (newValue: string) => {\n            return hasCharacterLimit && newValue.length > maxLength;\n        },\n        [hasCharacterLimit, maxLength]\n    );\n\n    // Update value (respects character limit, updates internal state if uncontrolled)\n    const updateValue = useCallback(\n        (newValue: string): boolean => {\n            if (wouldExceedLimit(newValue)) {\n                return false;\n            }\n            if (!isControlled) {\n                setInternalValue(newValue);\n            }\n            return true;\n        },\n        [isControlled, wouldExceedLimit]\n    );\n\n    // Clear value\n    const clearValue = useCallback(() => {\n        if (!isControlled) {\n            setInternalValue('');\n        }\n    }, [isControlled]);\n\n    return useMemo(\n        () => ({\n            id,\n            value,\n            isControlled,\n            isReactHookForm,\n            characterCount,\n            hasCharacterLimit,\n            showCount,\n            hasValue,\n            updateValue,\n            clearValue,\n            wouldExceedLimit,\n        }),\n        [\n            id,\n            value,\n            isControlled,\n            isReactHookForm,\n            characterCount,\n            hasCharacterLimit,\n            showCount,\n            hasValue,\n            updateValue,\n            clearValue,\n            wouldExceedLimit,\n        ]\n    );\n}\n","import { CircleXIcon, Loader2Icon, type LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useMemo, memo } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formControlSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface InputStrings {\n    clear: string;\n}\n\nexport const defaultInputStrings: InputStrings = {\n    clear: 'Clear input',\n};\n\n/**\n * Helper function to get value with prefix/suffix\n */\nconst getValueWithAddons = (value: string, startAddon?: string, endAddon?: string): string => {\n    let result = value || '';\n    if (startAddon && result) result = startAddon + result;\n    if (endAddon && result) result = result + endAddon;\n    return result;\n};\n\nexport interface InputProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'size'> {\n    // Icon props\n    startIcon?: LucideIcon;\n    endIcon?: LucideIcon;\n\n    // Add-on props (visual prefix/suffix inside input)\n    startAddon?: string;\n    endAddon?: string;\n\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Return value with addons in onChange\n    returnValueWithAddons?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n    value?: string;\n    defaultValue?: string;\n\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<InputStrings>;\n}\n\nfunction InputImpl(\n\t{\n\t\tclassName,\n\t\ttype = 'text',\n\t\tstartIcon: StartIcon,\n\t\tendIcon: EndIcon,\n\t\tstartAddon,\n\t\tendAddon,\n\t\tmaxLength,\n\t\tshowCharacterCount,\n\t\tclearable,\n\t\tonClear,\n\t\tisLoading,\n\t\treturnValueWithAddons,\n\t\tinvalid,\n\t\tsize: sizeProp,\n\t\tonChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tid: providedId,\n\t\tstrings: stringsProp,\n\t\t...props\n\t}: InputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const strings = useStrings(defaultInputStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Memoize ref callback to avoid recreation on every render\n    const setRefs = useCallback(\n        (node: HTMLInputElement | null) => {\n            if (typeof forwardedRef === 'function') {\n                forwardedRef(node);\n            } else if (forwardedRef) {\n                forwardedRef.current = node;\n            }\n            inputRef.current = node;\n        },\n        [forwardedRef]\n    );\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: inputValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'input',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states (simple booleans, no need for useMemo)\n    const isClearable = !!clearable;\n    const isShowingLoading = !!isLoading;\n    const hasEndIcon = !!EndIcon;\n    const hasEndAddon = !!endAddon;\n    const isFileInput = type === 'file';\n    const hasError = !!invalid;\n\n    // Memoize padding classes based on add-ons and icons\n    // Addon padding sized so the value sits adjacent to the addon — `ps-3`\n    // baseline + a measured space for addon text. Wider addons can override\n    // via `className` (`ps-16` etc.) at the call site.\n    const inputPaddingClasses = useMemo(() => {\n        let paddingStart = 'px-3';\n        let paddingEnd = 'px-3';\n\n        if (StartIcon) paddingStart = 'ps-9';\n        if (startAddon) paddingStart = 'ps-10';\n\n        if (EndIcon) paddingEnd = 'pe-9';\n        if (endAddon) paddingEnd = 'pe-10';\n        if ((isClearable && hasValue) || isShowingLoading) paddingEnd = 'pe-9';\n        if (showCount) paddingEnd = 'pe-14';\n\n        return `${paddingStart} ${paddingEnd}`;\n    }, [StartIcon, startAddon, EndIcon, endAddon, isClearable, hasValue, isShowingLoading, showCount]);\n\n    const handleInputChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange with modified event if addons are requested\n            if (onChange) {\n                if (returnValueWithAddons) {\n                    const valueWithAddons = getValueWithAddons(newValue, startAddon, endAddon);\n                    const modifiedEvent = {\n                        ...e,\n                        target: { ...e.target, value: valueWithAddons },\n                        currentTarget: { ...e.currentTarget, value: valueWithAddons },\n                    };\n                    onChange(modifiedEvent as React.ChangeEvent<HTMLInputElement>);\n                } else {\n                    onChange(e);\n                }\n            }\n        },\n        [onChange, returnValueWithAddons, startAddon, endAddon, updateValue, wouldExceedLimit]\n    );\n\n    const handleClear = useCallback(() => {\n        const clearValueWithAddons = returnValueWithAddons\n            ? getValueWithAddons('', startAddon, endAddon)\n            : '';\n        const syntheticEvent = {\n            target: { value: clearValueWithAddons },\n            currentTarget: { value: clearValueWithAddons },\n        } as React.ChangeEvent<HTMLInputElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the input after clearing\n        inputRef.current?.focus();\n    }, [returnValueWithAddons, startAddon, endAddon, clearValue, onChange, onClear]);\n\n    // Determine what to show in the end position (priority order)\n    const showClearButton = isClearable && hasValue && !showCount && !isShowingLoading;\n    const showLoadingSpinner = isShowingLoading && !showCount;\n    const showEndIcon = hasEndIcon && !isClearable && !showCount && !isShowingLoading;\n    const showEndAddon = hasEndAddon && !isClearable && !showCount && !isShowingLoading;\n\n    return (\n        <div className={cn('input--component', 'relative')}>\n            <input\n                ref={setRefs}\n                id={id}\n                type={type}\n                {...(!isReactHookForm && { value: inputValue })}\n                onChange={handleInputChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                className={cn(\n                    // Base styles\n                    'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full min-w-0 rounded-radius border py-1',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formControlSizeClasses[size],\n                    // File input styles\n                    'file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium',\n                    isFileInput\n                        ? 'cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground'\n                        : 'bg-transparent',\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles — destructive border, ring, value text\n                    'aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive',\n                    'aria-invalid:placeholder:text-destructive/40',\n                    // Read-only styles\n                    isFileInput\n                        ? 'read-only:bg-background'\n                        : 'read-only:bg-muted',\n                    // Dynamic padding\n                    inputPaddingClasses,\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Start Icon */}\n            {!!StartIcon && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <StartIcon size={16} aria-hidden=\"true\" />\n                </div>\n            )}\n\n            {/* Start Add-on */}\n            {!!startAddon && (\n                <span\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                >\n                    {startAddon}\n                </span>\n            )}\n\n            {/* End Icon */}\n            {!!showEndIcon && !!EndIcon && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <EndIcon size={16} aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* End Add-on */}\n            {!!showEndAddon && (\n                <span\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                >\n                    {endAddon}\n                </span>\n              )}\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!showLoadingSpinner && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={16} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n}\n\n// forwardRef + memo (needed for callers that require refs, e.g. segmented inputs)\nconst Input = memo(React.forwardRef<HTMLInputElement, InputProps>(InputImpl));\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":"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"}

package/dist/_shared/input-COMcb1WY.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-BF4m2cR0.cjs"),r=require("../lib/utils.cjs"),i=require("./heading-0DYCOrgC.cjs"),a=require("./form-sizing-aVwVuF-w.cjs");let o=require("react");o=e.t(o,1);let s=require("react/jsx-runtime"),c=require("lucide-react");function l({controlledValue:e,defaultValue:t,maxLength:n,showCharacterCount:r,providedId:i,idPrefix:a=`field`,hasOnChange:s}){let c=(0,o.useId)(),l=i||`${a}${c}`,[u,d]=(0,o.useState)(t||``),f=e!==void 0,p=(f?e:u)??``,m=!!(s&&!f&&!t),h=p.length,g=n!==void 0,_=r===!1?!1:!!(r||g),v=p!==``,y=(0,o.useCallback)(e=>g&&e.length>n,[g,n]),b=(0,o.useCallback)(e=>y(e)?!1:(f||d(e),!0),[f,y]),x=(0,o.useCallback)(()=>{f||d(``)},[f]);return(0,o.useMemo)(()=>({id:l,value:p,isControlled:f,isReactHookForm:m,characterCount:h,hasCharacterLimit:g,showCount:_,hasValue:v,updateValue:b,clearValue:x,wouldExceedLimit:y}),[l,p,f,m,h,g,_,v,b,x,y])}var u={clear:`Clear input`},d=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function f({className:e,type:f=`text`,startIcon:p,endIcon:m,startAddon:h,endAddon:g,maxLength:_,showCharacterCount:v,clearable:y,onClear:b,isLoading:x,returnValueWithAddons:S,invalid:C,size:w,onChange:T,value:E,defaultValue:D,id:O,strings:k,...A},j){let M=(0,o.useRef)(null),N=t.useStrings(u,k),{defaultControlSize:P}=n.s(),F=a.i(w,P),I=(0,o.useCallback)(e=>{typeof j==`function`?j(e):j&&(j.current=e),M.current=e},[j]),{id:L,value:R,isReactHookForm:z,characterCount:B,hasCharacterLimit:V,showCount:H,hasValue:U,updateValue:W,clearValue:G,wouldExceedLimit:K}=l({controlledValue:E,defaultValue:D,maxLength:_,showCharacterCount:v,providedId:O,idPrefix:`input`,hasOnChange:T!==void 0}),q=!!y,J=!!x,Y=!!m,X=!!g,Z=f===`file`,Q=!!C,$=(0,o.useMemo)(()=>{let e=`px-3`,t=`px-3`;return p&&(e=`ps-9`),h&&(e=`ps-10`),m&&(t=`pe-9`),g&&(t=`pe-10`),(q&&U||J)&&(t=`pe-9`),H&&(t=`pe-14`),`${e} ${t}`},[p,h,m,g,q,U,J,H]),ee=(0,o.useCallback)(e=>{let t=e.target.value;if(!K(t)&&(W(t),T))if(S){let n=d(t,h,g);T({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else T(e)},[T,S,h,g,W,K]),te=(0,o.useCallback)(()=>{let e=S?d(``,h,g):``,t={target:{value:e},currentTarget:{value:e}};G(),T?.(t),b?.(),M.current?.focus()},[S,h,g,G,T,b]),ne=q&&U&&!H&&!J,re=J&&!H,ie=Y&&!q&&!H&&!J,ae=X&&!q&&!H&&!J;return(0,s.jsxs)(`div`,{className:r.cn(`input--component`,`relative`),children:[(0,s.jsx)(`input`,{ref:I,id:L,type:f,...!z&&{value:R},onChange:ee,maxLength:_,"aria-invalid":Q||void 0,disabled:A.disabled||x,className:r.cn(`file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full min-w-0 rounded-radius border py-1`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,a.n[F],`file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium`,Z?`cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground`:`bg-transparent`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive`,`aria-invalid:placeholder:text-destructive/40`,Z?`read-only:bg-background`:`read-only:bg-muted`,$,e),...A}),!!p&&(0,s.jsx)(`div`,{className:r.cn(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3`,A.disabled&&`opacity-50`,Q?`text-destructive`:`text-muted-foreground/80`),children:(0,s.jsx)(p,{size:16,"aria-hidden":`true`})}),!!h&&(0,s.jsx)(`span`,{className:r.cn(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm`,A.disabled&&`opacity-50`,Q?`text-destructive`:`text-muted-foreground`),children:h}),!!ie&&!!m&&(0,s.jsx)(`div`,{className:r.cn(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,A.disabled&&`opacity-50`,Q?`text-destructive`:`text-muted-foreground/80`),children:(0,s.jsx)(m,{size:16,"aria-hidden":`true`})}),!!ae&&(0,s.jsx)(`span`,{className:r.cn(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm`,A.disabled&&`opacity-50`,Q?`text-destructive`:`text-muted-foreground`),children:g}),!!H&&(0,s.jsx)(`div`,{className:r.cn(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums`,A.disabled&&`opacity-50`,Q?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,s.jsxs)(i.n,{tag:`span`,size:`xs`,type:Q?`error`:`secondary`,children:[B,V?`/${_}`:``]})}),!!re&&(0,s.jsx)(`div`,{className:r.cn(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,Q?`text-destructive`:`text-muted-foreground/80`),children:(0,s.jsx)(c.Loader2Icon,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!ne&&(0,s.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":N.clear,onClick:te,disabled:x,children:(0,s.jsx)(c.CircleXIcon,{size:16,"aria-hidden":`true`})})]})}var p=(0,o.memo)(o.forwardRef(f));p.displayName=`Input`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=input-COMcb1WY.cjs.map

package/dist/_shared/input-COMcb1WY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-COMcb1WY.cjs","names":[],"sources":["../../src/components/base/forms/fields/hooks/use-form-field-state.ts","../../src/components/base/forms/fields/input.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useId } from 'react';\n\nexport interface UseFormFieldStateOptions {\n    /** Controlled value from parent */\n    controlledValue?: string;\n    /** Default value for uncontrolled mode */\n    defaultValue?: string;\n    /** Maximum character length */\n    maxLength?: number;\n    /** Whether to show character count */\n    showCharacterCount?: boolean;\n    /** Provided ID or auto-generate */\n    providedId?: string;\n    /** Prefix for auto-generated ID */\n    idPrefix?: string;\n    /** Whether onChange is provided (for react-hook-form detection) */\n    hasOnChange?: boolean;\n}\n\nexport interface UseFormFieldStateReturn {\n    /** Generated or provided ID */\n    id: string;\n    /** Current value (controlled or internal) */\n    value: string;\n    /** Whether component is in controlled mode */\n    isControlled: boolean;\n    /** Whether using react-hook-form (has onChange but no controlled value) */\n    isReactHookForm: boolean;\n    /** Current character count */\n    characterCount: number;\n    /** Whether a character limit is set */\n    hasCharacterLimit: boolean;\n    /** Whether to show character count UI */\n    showCount: boolean;\n    /** Whether the field has a value */\n    hasValue: boolean;\n    /** Update value - returns false if blocked by character limit */\n    updateValue: (newValue: string) => boolean;\n    /** Clear the value */\n    clearValue: () => void;\n    /** Check if a new value would exceed the character limit */\n    wouldExceedLimit: (newValue: string) => boolean;\n}\n\n/**\n * Shared hook for managing form field state including:\n * - Controlled vs uncontrolled value handling\n * - Character counting and limits\n * - React Hook Form compatibility detection\n * - ID generation\n */\nexport function useFormFieldState({\n    controlledValue,\n    defaultValue,\n    maxLength,\n    showCharacterCount,\n    providedId,\n    idPrefix = 'field',\n    hasOnChange,\n}: UseFormFieldStateOptions): UseFormFieldStateReturn {\n    // Generate stable ID using React 18's useId (SSR-safe)\n    const reactId = useId();\n    const id = providedId || `${idPrefix}${reactId}`;\n\n    // Internal state for uncontrolled mode\n    const [internalValue, setInternalValue] = useState(defaultValue || '');\n\n    // Determine control mode\n    const isControlled = controlledValue !== undefined;\n\n    // Normalize value (handle null from backend)\n    const rawValue = isControlled ? controlledValue : internalValue;\n    const value = rawValue ?? '';\n\n    // React Hook Form detection: has onChange but no controlled value or defaultValue\n    const isReactHookForm = Boolean(hasOnChange && !isControlled && !defaultValue);\n\n    // Character counting\n    const characterCount = value.length;\n    const hasCharacterLimit = maxLength !== undefined;\n    const showCount = showCharacterCount === false ? false : Boolean(showCharacterCount || hasCharacterLimit);\n    const hasValue = value !== '';\n\n    // Check if value would exceed limit\n    const wouldExceedLimit = useCallback(\n        (newValue: string) => {\n            return hasCharacterLimit && newValue.length > maxLength;\n        },\n        [hasCharacterLimit, maxLength]\n    );\n\n    // Update value (respects character limit, updates internal state if uncontrolled)\n    const updateValue = useCallback(\n        (newValue: string): boolean => {\n            if (wouldExceedLimit(newValue)) {\n                return false;\n            }\n            if (!isControlled) {\n                setInternalValue(newValue);\n            }\n            return true;\n        },\n        [isControlled, wouldExceedLimit]\n    );\n\n    // Clear value\n    const clearValue = useCallback(() => {\n        if (!isControlled) {\n            setInternalValue('');\n        }\n    }, [isControlled]);\n\n    return useMemo(\n        () => ({\n            id,\n            value,\n            isControlled,\n            isReactHookForm,\n            characterCount,\n            hasCharacterLimit,\n            showCount,\n            hasValue,\n            updateValue,\n            clearValue,\n            wouldExceedLimit,\n        }),\n        [\n            id,\n            value,\n            isControlled,\n            isReactHookForm,\n            characterCount,\n            hasCharacterLimit,\n            showCount,\n            hasValue,\n            updateValue,\n            clearValue,\n            wouldExceedLimit,\n        ]\n    );\n}\n","import { CircleXIcon, Loader2Icon, type LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useMemo, memo } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formControlSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface InputStrings {\n    clear: string;\n}\n\nexport const defaultInputStrings: InputStrings = {\n    clear: 'Clear input',\n};\n\n/**\n * Helper function to get value with prefix/suffix\n */\nconst getValueWithAddons = (value: string, startAddon?: string, endAddon?: string): string => {\n    let result = value || '';\n    if (startAddon && result) result = startAddon + result;\n    if (endAddon && result) result = result + endAddon;\n    return result;\n};\n\nexport interface InputProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'size'> {\n    // Icon props\n    startIcon?: LucideIcon;\n    endIcon?: LucideIcon;\n\n    // Add-on props (visual prefix/suffix inside input)\n    startAddon?: string;\n    endAddon?: string;\n\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Return value with addons in onChange\n    returnValueWithAddons?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n    value?: string;\n    defaultValue?: string;\n\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<InputStrings>;\n}\n\nfunction InputImpl(\n\t{\n\t\tclassName,\n\t\ttype = 'text',\n\t\tstartIcon: StartIcon,\n\t\tendIcon: EndIcon,\n\t\tstartAddon,\n\t\tendAddon,\n\t\tmaxLength,\n\t\tshowCharacterCount,\n\t\tclearable,\n\t\tonClear,\n\t\tisLoading,\n\t\treturnValueWithAddons,\n\t\tinvalid,\n\t\tsize: sizeProp,\n\t\tonChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tid: providedId,\n\t\tstrings: stringsProp,\n\t\t...props\n\t}: InputProps,\n\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const strings = useStrings(defaultInputStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Memoize ref callback to avoid recreation on every render\n    const setRefs = useCallback(\n        (node: HTMLInputElement | null) => {\n            if (typeof forwardedRef === 'function') {\n                forwardedRef(node);\n            } else if (forwardedRef) {\n                forwardedRef.current = node;\n            }\n            inputRef.current = node;\n        },\n        [forwardedRef]\n    );\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: inputValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'input',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states (simple booleans, no need for useMemo)\n    const isClearable = !!clearable;\n    const isShowingLoading = !!isLoading;\n    const hasEndIcon = !!EndIcon;\n    const hasEndAddon = !!endAddon;\n    const isFileInput = type === 'file';\n    const hasError = !!invalid;\n\n    // Memoize padding classes based on add-ons and icons\n    // Addon padding sized so the value sits adjacent to the addon — `ps-3`\n    // baseline + a measured space for addon text. Wider addons can override\n    // via `className` (`ps-16` etc.) at the call site.\n    const inputPaddingClasses = useMemo(() => {\n        let paddingStart = 'px-3';\n        let paddingEnd = 'px-3';\n\n        if (StartIcon) paddingStart = 'ps-9';\n        if (startAddon) paddingStart = 'ps-10';\n\n        if (EndIcon) paddingEnd = 'pe-9';\n        if (endAddon) paddingEnd = 'pe-10';\n        if ((isClearable && hasValue) || isShowingLoading) paddingEnd = 'pe-9';\n        if (showCount) paddingEnd = 'pe-14';\n\n        return `${paddingStart} ${paddingEnd}`;\n    }, [StartIcon, startAddon, EndIcon, endAddon, isClearable, hasValue, isShowingLoading, showCount]);\n\n    const handleInputChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange with modified event if addons are requested\n            if (onChange) {\n                if (returnValueWithAddons) {\n                    const valueWithAddons = getValueWithAddons(newValue, startAddon, endAddon);\n                    const modifiedEvent = {\n                        ...e,\n                        target: { ...e.target, value: valueWithAddons },\n                        currentTarget: { ...e.currentTarget, value: valueWithAddons },\n                    };\n                    onChange(modifiedEvent as React.ChangeEvent<HTMLInputElement>);\n                } else {\n                    onChange(e);\n                }\n            }\n        },\n        [onChange, returnValueWithAddons, startAddon, endAddon, updateValue, wouldExceedLimit]\n    );\n\n    const handleClear = useCallback(() => {\n        const clearValueWithAddons = returnValueWithAddons\n            ? getValueWithAddons('', startAddon, endAddon)\n            : '';\n        const syntheticEvent = {\n            target: { value: clearValueWithAddons },\n            currentTarget: { value: clearValueWithAddons },\n        } as React.ChangeEvent<HTMLInputElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the input after clearing\n        inputRef.current?.focus();\n    }, [returnValueWithAddons, startAddon, endAddon, clearValue, onChange, onClear]);\n\n    // Determine what to show in the end position (priority order)\n    const showClearButton = isClearable && hasValue && !showCount && !isShowingLoading;\n    const showLoadingSpinner = isShowingLoading && !showCount;\n    const showEndIcon = hasEndIcon && !isClearable && !showCount && !isShowingLoading;\n    const showEndAddon = hasEndAddon && !isClearable && !showCount && !isShowingLoading;\n\n    return (\n        <div className={cn('input--component', 'relative')}>\n            <input\n                ref={setRefs}\n                id={id}\n                type={type}\n                {...(!isReactHookForm && { value: inputValue })}\n                onChange={handleInputChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                className={cn(\n                    // Base styles\n                    'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full min-w-0 rounded-radius border py-1',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formControlSizeClasses[size],\n                    // File input styles\n                    'file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium',\n                    isFileInput\n                        ? 'cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground'\n                        : 'bg-transparent',\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles — destructive border, ring, value text\n                    'aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive',\n                    'aria-invalid:placeholder:text-destructive/40',\n                    // Read-only styles\n                    isFileInput\n                        ? 'read-only:bg-background'\n                        : 'read-only:bg-muted',\n                    // Dynamic padding\n                    inputPaddingClasses,\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Start Icon */}\n            {!!StartIcon && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <StartIcon size={16} aria-hidden=\"true\" />\n                </div>\n            )}\n\n            {/* Start Add-on */}\n            {!!startAddon && (\n                <span\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                >\n                    {startAddon}\n                </span>\n            )}\n\n            {/* End Icon */}\n            {!!showEndIcon && !!EndIcon && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <EndIcon size={16} aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* End Add-on */}\n            {!!showEndAddon && (\n                <span\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                >\n                    {endAddon}\n                </span>\n              )}\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!showLoadingSpinner && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={16} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n}\n\n// forwardRef + memo (needed for callers that require refs, e.g. segmented inputs)\nconst Input = memo(React.forwardRef<HTMLInputElement, InputProps>(InputImpl));\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":"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"}

package/dist/_shared/item-DAjqQhhj.js

@@ -1,225 +0,0 @@
-import { c as e } from "./ui-provider-C8Ot88lS.js";
-import { cn as t } from "../lib/utils.js";
-import { n } from "./heading-HeP06nXG.js";
-import { t as r } from "./separator-B8FBp-7E.js";
-import { forwardRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
-import { mergeProps as s } from "@base-ui/react/merge-props";
-import { useRender as c } from "@base-ui/react/use-render";
-//#region src/components/ui/item.tsx
-function l({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		role: "list",
-		"data-slot": "item-group",
-		className: t("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", e),
-		...n
-	});
-}
-function u({ className: e, ...n }) {
-	return /* @__PURE__ */ a(r, {
-		"data-slot": "item-separator",
-		orientation: "horizontal",
-		className: t("my-2", e),
-		...n
-	});
-}
-var d = o("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
-	variants: {
-		variant: {
-			default: "border-transparent",
-			outline: "border-border",
-			muted: "border-transparent bg-muted/50"
-		},
-		size: {
-			default: "gap-3.5 px-4 py-3.5",
-			sm: "gap-3.5 px-3.5 py-3",
-			xs: "gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function f({ className: e, variant: n = "default", size: r = "default", render: i, ...a }) {
-	return c({
-		defaultTagName: "div",
-		props: s({ className: t(d({
-			variant: n,
-			size: r,
-			className: e
-		})) }, a),
-		render: i,
-		state: {
-			slot: "item",
-			variant: n,
-			size: r
-		}
-	});
-}
-var p = o("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "[&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function m({ className: e, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-media",
-		"data-variant": n,
-		className: t(p({
-			variant: n,
-			className: e
-		})),
-		...r
-	});
-}
-function h({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-content",
-		className: t("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none", e),
-		...n
-	});
-}
-function g({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-title",
-		className: t("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", e),
-		...n
-	});
-}
-function _({ className: e, ...n }) {
-	return /* @__PURE__ */ a("p", {
-		"data-slot": "item-description",
-		className: t("line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e),
-		...n
-	});
-}
-function v({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-actions",
-		className: t("flex items-center gap-2", e),
-		...n
-	});
-}
-function y({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-header",
-		className: t("flex basis-full items-center justify-between gap-2", e),
-		...n
-	});
-}
-function b({ className: e, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "item-footer",
-		className: t("flex basis-full items-center justify-between gap-2", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/item/item.tsx
-var x = i(function({ size: n, variant: r, render: i, className: o, ...s }, c) {
-	let { defaultSize: l = "sm", defaultVariant: u = "default" } = e(), d = n ?? l, p = r ?? u;
-	return /* @__PURE__ */ a(f, {
-		ref: c,
-		size: d,
-		variant: p,
-		render: i,
-		className: t("item--component rounded-lg py-1", p === "default" && "px-0", o),
-		...s
-	});
-});
-x.displayName = "Item";
-var S = i(function({ className: e, role: n, ...r }, i) {
-	return /* @__PURE__ */ a(l, {
-		ref: i,
-		role: n,
-		className: t("gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5", e),
-		...r
-	});
-});
-S.displayName = "ItemGroup";
-var C = i(function(e, t) {
-	return /* @__PURE__ */ a(u, {
-		ref: t,
-		...e
-	});
-});
-C.displayName = "ItemSeparator";
-var w = i(function({ variant: e = "default", className: n, ...r }, i) {
-	return /* @__PURE__ */ a(m, {
-		ref: i,
-		variant: e === "avatar" ? "image" : e,
-		className: t(e === "avatar" ? "rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full" : void 0, n),
-		...r
-	});
-});
-w.displayName = "ItemMedia";
-var T = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ a(h, {
-		ref: n,
-		className: e,
-		...t
-	});
-});
-T.displayName = "ItemContent";
-var E = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ a(v, {
-		ref: n,
-		className: e,
-		...t
-	});
-});
-E.displayName = "ItemActions";
-var D = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ a(y, {
-		ref: n,
-		className: e,
-		...t
-	});
-});
-D.displayName = "ItemHeader";
-var O = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ a(b, {
-		ref: n,
-		className: e,
-		...t
-	});
-});
-O.displayName = "ItemFooter";
-var k = i(function({ bold: e = !0, className: r, children: i, ...o }, s) {
-	return /* @__PURE__ */ a(g, {
-		ref: s,
-		className: t("m-0 [&>p]:m-0 [&>p]:text-left", r),
-		...o,
-		children: /* @__PURE__ */ a(n, {
-			tag: "span",
-			weight: e ? "semibold" : "regular",
-			className: "leading-snug",
-			children: i
-		})
-	});
-});
-k.displayName = "ItemTitle";
-var A = {
-	1: "line-clamp-1",
-	2: "line-clamp-2",
-	3: "line-clamp-3",
-	4: "line-clamp-4",
-	none: "line-clamp-none"
-}, j = i(function({ clamp: e = 2, className: n, children: r, ...i }, o) {
-	return /* @__PURE__ */ a(_, {
-		ref: o,
-		className: t("text-muted-foreground text-xs leading-normal", A[e], n),
-		...i,
-		children: r
-	});
-});
-j.displayName = "ItemDescription";
-//#endregion
-export { O as a, w as c, j as i, C as l, E as n, S as o, T as r, D as s, x as t, k as u };
-
-//# sourceMappingURL=item-DAjqQhhj.js.map

package/dist/_shared/item-DAjqQhhj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-DAjqQhhj.js","names":[],"sources":["../../src/components/ui/item.tsx","../../src/components/base/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-3.5 px-3.5 py-3\",\n        xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n","/**\n * Item — base wrapper around the shadcn `Item` primitive.\n *\n * Why this wrapper exists (rules 1, 8, 12, 17):\n *   - Resolves `size` and `variant` against `<UIProvider>` (`useItemConfig()`),\n *     so consumers set library-wide density once.\n *   - Routes `ItemTitle` / `ItemDescription` text through our `<Text>` typography\n *     so a title is always `weight=\"semibold\"` and a description is always\n *     `size=\"xs\" type=\"secondary\"` — no rogue `<div className=\"text-sm font-medium\">`\n *     blobs at call sites.\n *   - Re-exports every compound part untouched, so `<Item>` keeps working as a\n *     drop-in replacement for hand-rolled \"icon-left + text-stack + actions\" rows.\n *\n * Layer rule: import from `@/components/base/item`, never from `@/components/ui/item`.\n */\nimport { forwardRef, type ComponentRef } from 'react';\n\nimport {\n\tItem as BaseItem,\n\tItemActions as BaseItemActions,\n\tItemContent as BaseItemContent,\n\tItemDescription as BaseItemDescription,\n\tItemFooter as BaseItemFooter,\n\tItemGroup as BaseItemGroup,\n\tItemHeader as BaseItemHeader,\n\tItemMedia as BaseItemMedia,\n\tItemSeparator as BaseItemSeparator,\n\tItemTitle as BaseItemTitle,\n} from '@/components/ui/item';\nimport { Text } from '@/components/typography';\nimport { useItemConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport type {\n\tItemActionsProps,\n\tItemContentProps,\n\tItemDescriptionProps,\n\tItemFooterProps,\n\tItemGroupProps,\n\tItemHeaderProps,\n\tItemMediaProps,\n\tItemProps,\n\tItemTitleProps,\n} from './item.types';\n\nconst Item = forwardRef<ComponentRef<typeof BaseItem>, ItemProps>(function Item(\n\t{ size, variant, render, className, ...props },\n\tref,\n) {\n\tconst { defaultSize = 'sm', defaultVariant = 'default' } = useItemConfig();\n\tconst resolvedSize = size ?? defaultSize;\n\tconst resolvedVariant = variant ?? defaultVariant;\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={resolvedSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\trender={render}\n\t\t\tclassName={cn(\n\t\t\t\t'item--component rounded-lg py-1',\n\t\t\t\t// `default` rows go edge-to-edge (px-0); outline/muted carry a\n\t\t\t\t// visible border/background, so they keep their horizontal padding.\n\t\t\t\tresolvedVariant === 'default' && 'px-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItem.displayName = 'Item';\n\nconst ItemGroup = forwardRef<ComponentRef<typeof BaseItemGroup>, ItemGroupProps>(function ItemGroup(\n\t{ className, role, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemGroup\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\t// Flatten the primitive's size-aware gaps (sm→gap-2.5, xs→gap-2) to a\n\t\t\t// single tight gap-1.5; call sites can still override via className.\n\t\t\tclassName={cn('gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemGroup.displayName = 'ItemGroup';\n\nconst ItemSeparator = forwardRef<\n\tComponentRef<typeof BaseItemSeparator>,\n\tParameters<typeof BaseItemSeparator>[0]\n>(function ItemSeparator(props, ref) {\n\treturn <BaseItemSeparator ref={ref} {...props} />;\n});\nItemSeparator.displayName = 'ItemSeparator';\n\nconst ItemMedia = forwardRef<ComponentRef<typeof BaseItemMedia>, ItemMediaProps>(function ItemMedia(\n\t{ variant = 'default', className, ...props },\n\tref,\n) {\n\tconst baseVariant = variant === 'avatar' ? 'image' : variant;\n\tconst avatarClass =\n\t\tvariant === 'avatar'\n\t\t\t? 'rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full'\n\t\t\t: undefined;\n\treturn (\n\t\t<BaseItemMedia\n\t\t\tref={ref}\n\t\t\tvariant={baseVariant}\n\t\t\tclassName={cn(avatarClass, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemContent ref={ref} className={className} {...props} />;\n});\nItemContent.displayName = 'ItemContent';\n\nconst ItemActions = forwardRef<ComponentRef<typeof BaseItemActions>, ItemActionsProps>(function ItemActions(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemActions ref={ref} className={className} {...props} />;\n});\nItemActions.displayName = 'ItemActions';\n\nconst ItemHeader = forwardRef<ComponentRef<typeof BaseItemHeader>, ItemHeaderProps>(function ItemHeader(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemHeader ref={ref} className={className} {...props} />;\n});\nItemHeader.displayName = 'ItemHeader';\n\nconst ItemFooter = forwardRef<ComponentRef<typeof BaseItemFooter>, ItemFooterProps>(function ItemFooter(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemFooter ref={ref} className={className} {...props} />;\n});\nItemFooter.displayName = 'ItemFooter';\n\nconst ItemTitle = forwardRef<ComponentRef<typeof BaseItemTitle>, ItemTitleProps>(function ItemTitle(\n\t{ bold = true, className, children, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemTitle\n\t\t\tref={ref}\n\t\t\tclassName={cn('m-0 [&>p]:m-0 [&>p]:text-left', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" weight={bold ? 'semibold' : 'regular'} className=\"leading-snug\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</BaseItemTitle>\n\t);\n});\nItemTitle.displayName = 'ItemTitle';\n\nconst CLAMP_CLASS: Record<NonNullable<ItemDescriptionProps['clamp']>, string> = {\n\t1: 'line-clamp-1',\n\t2: 'line-clamp-2',\n\t3: 'line-clamp-3',\n\t4: 'line-clamp-4',\n\tnone: 'line-clamp-none',\n};\n\nconst ItemDescription = forwardRef<ComponentRef<typeof BaseItemDescription>, ItemDescriptionProps>(\n\tfunction ItemDescription({ clamp = 2, className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<BaseItemDescription\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('text-muted-foreground text-xs leading-normal', CLAMP_CLASS[clamp], className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</BaseItemDescription>\n\t\t);\n\t},\n);\nItemDescription.displayName = 'ItemDescription';\n\nexport {\n\tItem,\n\tItemGroup,\n\tItemSeparator,\n\tItemMedia,\n\tItemContent,\n\tItemTitle,\n\tItemDescription,\n\tItemActions,\n\tItemHeader,\n\tItemFooter,\n};\n"],"mappings":"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"}

package/dist/_shared/item-DoXXYgPm.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("./ui-provider-BF4m2cR0.cjs"),n=require("../lib/utils.cjs"),r=require("./heading-0DYCOrgC.cjs"),i=require("./separator-q42IlFFA.cjs");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("class-variance-authority"),c=require("@base-ui/react/merge-props"),l=require("@base-ui/react/use-render");function u({className:e,...t}){return(0,o.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:n.cn(`group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2`,e),...t})}function d({className:e,...t}){return(0,o.jsx)(i.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n.cn(`my-2`,e),...t})}var f=(0,s.cva)(`group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted`,{variants:{variant:{default:`border-transparent`,outline:`border-border`,muted:`border-transparent bg-muted/50`},size:{default:`gap-3.5 px-4 py-3.5`,sm:`gap-3.5 px-3.5 py-3`,xs:`gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0`}},defaultVariants:{variant:`default`,size:`default`}});function p({className:e,variant:t=`default`,size:r=`default`,render:i,...a}){return(0,l.useRender)({defaultTagName:`div`,props:(0,c.mergeProps)({className:n.cn(f({variant:t,size:r,className:e}))},a),render:i,state:{slot:`item`,variant:t,size:r}})}var m=(0,s.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none`,{variants:{variant:{default:`bg-transparent`,icon:`[&_svg:not([class*='size-'])]:size-4`,image:`size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function h({className:e,variant:t=`default`,...r}){return(0,o.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:n.cn(m({variant:t,className:e})),...r})}function g({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`item-content`,className:n.cn(`flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none`,e),...t})}function _({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`item-title`,className:n.cn(`line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4`,e),...t})}function v({className:e,...t}){return(0,o.jsx)(`p`,{"data-slot":`item-description`,className:n.cn(`line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function y({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`item-actions`,className:n.cn(`flex items-center gap-2`,e),...t})}function b({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`item-header`,className:n.cn(`flex basis-full items-center justify-between gap-2`,e),...t})}function x({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`item-footer`,className:n.cn(`flex basis-full items-center justify-between gap-2`,e),...t})}var S=(0,a.forwardRef)(function({size:e,variant:r,render:i,className:a,...s},c){let{defaultSize:l=`sm`,defaultVariant:u=`default`}=t.c(),d=e??l,f=r??u;return(0,o.jsx)(p,{ref:c,size:d,variant:f,render:i,className:n.cn(`item--component rounded-lg py-1`,f==="default"&&`px-0`,a),...s})});S.displayName=`Item`;var C=(0,a.forwardRef)(function({className:e,role:t,...r},i){return(0,o.jsx)(u,{ref:i,role:t,className:n.cn(`gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5`,e),...r})});C.displayName=`ItemGroup`;var w=(0,a.forwardRef)(function(e,t){return(0,o.jsx)(d,{ref:t,...e})});w.displayName=`ItemSeparator`;var T=(0,a.forwardRef)(function({variant:e=`default`,className:t,...r},i){return(0,o.jsx)(h,{ref:i,variant:e===`avatar`?`image`:e,className:n.cn(e===`avatar`?`rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full`:void 0,t),...r})});T.displayName=`ItemMedia`;var E=(0,a.forwardRef)(function({className:e,...t},n){return(0,o.jsx)(g,{ref:n,className:e,...t})});E.displayName=`ItemContent`;var D=(0,a.forwardRef)(function({className:e,...t},n){return(0,o.jsx)(y,{ref:n,className:e,...t})});D.displayName=`ItemActions`;var O=(0,a.forwardRef)(function({className:e,...t},n){return(0,o.jsx)(b,{ref:n,className:e,...t})});O.displayName=`ItemHeader`;var k=(0,a.forwardRef)(function({className:e,...t},n){return(0,o.jsx)(x,{ref:n,className:e,...t})});k.displayName=`ItemFooter`;var A=(0,a.forwardRef)(function({bold:e=!0,className:t,children:i,...a},s){return(0,o.jsx)(_,{ref:s,className:n.cn(`m-0 [&>p]:m-0 [&>p]:text-left`,t),...a,children:(0,o.jsx)(r.n,{tag:`span`,weight:e?`semibold`:`regular`,className:`leading-snug`,children:i})})});A.displayName=`ItemTitle`;var j={1:`line-clamp-1`,2:`line-clamp-2`,3:`line-clamp-3`,4:`line-clamp-4`,none:`line-clamp-none`},M=(0,a.forwardRef)(function({clamp:e=2,className:t,children:r,...i},a){return(0,o.jsx)(v,{ref:a,className:n.cn(`text-muted-foreground text-xs leading-normal`,j[e],t),...i,children:r})});M.displayName=`ItemDescription`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return A}});
-//# sourceMappingURL=item-DoXXYgPm.cjs.map

package/dist/_shared/item-DoXXYgPm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-DoXXYgPm.cjs","names":[],"sources":["../../src/components/ui/item.tsx","../../src/components/base/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-3.5 px-3.5 py-3\",\n        xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n","/**\n * Item — base wrapper around the shadcn `Item` primitive.\n *\n * Why this wrapper exists (rules 1, 8, 12, 17):\n *   - Resolves `size` and `variant` against `<UIProvider>` (`useItemConfig()`),\n *     so consumers set library-wide density once.\n *   - Routes `ItemTitle` / `ItemDescription` text through our `<Text>` typography\n *     so a title is always `weight=\"semibold\"` and a description is always\n *     `size=\"xs\" type=\"secondary\"` — no rogue `<div className=\"text-sm font-medium\">`\n *     blobs at call sites.\n *   - Re-exports every compound part untouched, so `<Item>` keeps working as a\n *     drop-in replacement for hand-rolled \"icon-left + text-stack + actions\" rows.\n *\n * Layer rule: import from `@/components/base/item`, never from `@/components/ui/item`.\n */\nimport { forwardRef, type ComponentRef } from 'react';\n\nimport {\n\tItem as BaseItem,\n\tItemActions as BaseItemActions,\n\tItemContent as BaseItemContent,\n\tItemDescription as BaseItemDescription,\n\tItemFooter as BaseItemFooter,\n\tItemGroup as BaseItemGroup,\n\tItemHeader as BaseItemHeader,\n\tItemMedia as BaseItemMedia,\n\tItemSeparator as BaseItemSeparator,\n\tItemTitle as BaseItemTitle,\n} from '@/components/ui/item';\nimport { Text } from '@/components/typography';\nimport { useItemConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport type {\n\tItemActionsProps,\n\tItemContentProps,\n\tItemDescriptionProps,\n\tItemFooterProps,\n\tItemGroupProps,\n\tItemHeaderProps,\n\tItemMediaProps,\n\tItemProps,\n\tItemTitleProps,\n} from './item.types';\n\nconst Item = forwardRef<ComponentRef<typeof BaseItem>, ItemProps>(function Item(\n\t{ size, variant, render, className, ...props },\n\tref,\n) {\n\tconst { defaultSize = 'sm', defaultVariant = 'default' } = useItemConfig();\n\tconst resolvedSize = size ?? defaultSize;\n\tconst resolvedVariant = variant ?? defaultVariant;\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={resolvedSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\trender={render}\n\t\t\tclassName={cn(\n\t\t\t\t'item--component rounded-lg py-1',\n\t\t\t\t// `default` rows go edge-to-edge (px-0); outline/muted carry a\n\t\t\t\t// visible border/background, so they keep their horizontal padding.\n\t\t\t\tresolvedVariant === 'default' && 'px-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItem.displayName = 'Item';\n\nconst ItemGroup = forwardRef<ComponentRef<typeof BaseItemGroup>, ItemGroupProps>(function ItemGroup(\n\t{ className, role, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemGroup\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\t// Flatten the primitive's size-aware gaps (sm→gap-2.5, xs→gap-2) to a\n\t\t\t// single tight gap-1.5; call sites can still override via className.\n\t\t\tclassName={cn('gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemGroup.displayName = 'ItemGroup';\n\nconst ItemSeparator = forwardRef<\n\tComponentRef<typeof BaseItemSeparator>,\n\tParameters<typeof BaseItemSeparator>[0]\n>(function ItemSeparator(props, ref) {\n\treturn <BaseItemSeparator ref={ref} {...props} />;\n});\nItemSeparator.displayName = 'ItemSeparator';\n\nconst ItemMedia = forwardRef<ComponentRef<typeof BaseItemMedia>, ItemMediaProps>(function ItemMedia(\n\t{ variant = 'default', className, ...props },\n\tref,\n) {\n\tconst baseVariant = variant === 'avatar' ? 'image' : variant;\n\tconst avatarClass =\n\t\tvariant === 'avatar'\n\t\t\t? 'rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full'\n\t\t\t: undefined;\n\treturn (\n\t\t<BaseItemMedia\n\t\t\tref={ref}\n\t\t\tvariant={baseVariant}\n\t\t\tclassName={cn(avatarClass, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemContent ref={ref} className={className} {...props} />;\n});\nItemContent.displayName = 'ItemContent';\n\nconst ItemActions = forwardRef<ComponentRef<typeof BaseItemActions>, ItemActionsProps>(function ItemActions(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemActions ref={ref} className={className} {...props} />;\n});\nItemActions.displayName = 'ItemActions';\n\nconst ItemHeader = forwardRef<ComponentRef<typeof BaseItemHeader>, ItemHeaderProps>(function ItemHeader(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemHeader ref={ref} className={className} {...props} />;\n});\nItemHeader.displayName = 'ItemHeader';\n\nconst ItemFooter = forwardRef<ComponentRef<typeof BaseItemFooter>, ItemFooterProps>(function ItemFooter(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemFooter ref={ref} className={className} {...props} />;\n});\nItemFooter.displayName = 'ItemFooter';\n\nconst ItemTitle = forwardRef<ComponentRef<typeof BaseItemTitle>, ItemTitleProps>(function ItemTitle(\n\t{ bold = true, className, children, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemTitle\n\t\t\tref={ref}\n\t\t\tclassName={cn('m-0 [&>p]:m-0 [&>p]:text-left', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" weight={bold ? 'semibold' : 'regular'} className=\"leading-snug\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</BaseItemTitle>\n\t);\n});\nItemTitle.displayName = 'ItemTitle';\n\nconst CLAMP_CLASS: Record<NonNullable<ItemDescriptionProps['clamp']>, string> = {\n\t1: 'line-clamp-1',\n\t2: 'line-clamp-2',\n\t3: 'line-clamp-3',\n\t4: 'line-clamp-4',\n\tnone: 'line-clamp-none',\n};\n\nconst ItemDescription = forwardRef<ComponentRef<typeof BaseItemDescription>, ItemDescriptionProps>(\n\tfunction ItemDescription({ clamp = 2, className, children, ...props }, ref) {\n\t\treturn (\n\t\t\t<BaseItemDescription\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn('text-muted-foreground text-xs leading-normal', CLAMP_CLASS[clamp], className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</BaseItemDescription>\n\t\t);\n\t},\n);\nItemDescription.displayName = 'ItemDescription';\n\nexport {\n\tItem,\n\tItemGroup,\n\tItemSeparator,\n\tItemMedia,\n\tItemContent,\n\tItemTitle,\n\tItemDescription,\n\tItemActions,\n\tItemHeader,\n\tItemFooter,\n};\n"],"mappings":"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"}

package/dist/_shared/mentions-CA1Ka_Bv.cjs

@@ -1,2 +0,0 @@
-const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./button-BI347RlM.cjs"),r=require("./heading-0DYCOrgC.cjs"),i=require("./badge-CBof1rbF.cjs"),a=require("./popover-CaHvG8Vj.cjs"),o=require("./command-DRIySU26.cjs"),s=require("./command-Bxe_FmGD.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");function d(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,c.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,c.useState)(()=>a[0]??null),[l,u]=(0,c.useState)(!1),[d,f]=(0,c.useState)(``),[p,m]=(0,c.useState)({}),[h,g]=(0,c.useState)(!1),[_,v]=(0,c.useState)(()=>r?[...r]:[]),y=(0,c.useRef)(0),b=(0,c.useRef)(null);(0,c.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let x=(0,c.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),S=(0,c.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,c.useEffect)(()=>{if(b.current&&clearTimeout(b.current),a.length===0){m({});return}let e=++y.current,t=async()=>{g(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await S(e,d)]}catch{return[e,[]]}}));if(e!==y.current)return;let n={};for(let[e,r]of t)n[e]=r;m(n)}finally{e===y.current&&g(!1)}};return b.current=setTimeout(()=>{t()},i),()=>{b.current&&clearTimeout(b.current)}},[a,d,S,i]),(0,c.useEffect)(()=>{if(l||!o||(p[o]??[]).length>0)return;let e=a.find(e=>(p[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,l,p]);let C=(0,c.useCallback)(e=>{s(e)},[]),w=(0,c.useCallback)(e=>{f(e)},[]),T=(0,c.useCallback)(e=>{v(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,c.useCallback)(e=>{v(t=>t.filter(t=>t.id!==e))},[]),D=(0,c.useCallback)(e=>{v([...e])},[]),O=(0,c.useCallback)(()=>{v([]),f(``),u(!1),y.current++},[]),k=(0,c.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return T(s),s},[o,T,t]);return{kinds:a,activeKind:o,setActiveKind:C,activeResource:x,query:d,setQuery:w,suggestions:(0,c.useMemo)(()=>o?p[o]??[]:[],[o,p]),suggestionsByKind:p,isLoading:h,mentions:_,addMention:T,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:l,setManualKindOverride:u}}function f(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function p(e={}){let t=e.resources,n=e.onResourceSearch,r=d({...e,resources:t,onResourceSearch:n}),[i,a]=(0,c.useState)(!1),[o,s]=(0,c.useState)(!1),l=(0,c.useRef)(null),u=(0,c.useRef)(null),p=(0,c.useCallback)(e=>{a(e),e||(l.current=null,u.current=null,s(!1),r.setManualKindOverride(!1))},[r]),m=e.editorRef,h=(0,c.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=m?.current?.getCaretContext();if(!n){l.current&&(l.current=null,p(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),c=n.textBefore.match(o);if(!c){l.current&&(l.current=null,p(!1));return}let d=c[1],f=c[2]??``,h=e[d];l.current={kind:h,triggerChar:d,consumedLength:d.length+f.length},s(!0),u.current!==d&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),u.current=d),r.query!==f&&r.setQuery(f),a(!0)},[m,t,r,p]),g=(0,c.useCallback)(e=>{let n=r.selectSuggestion(e),i=l.current,a=t?.[n.kind]?.tone,o=f(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&m?.current?(m.current.replaceBeforeCaret(i.consumedLength,o),l.current=null):m?.current&&m.current.insertHTML(o),p(!1),n},[m,t,r,p]);return{...r,pickerOpen:i,setPickerOpen:p,triggerActive:o,handleCaretChange:h,pickSuggestion:g}}var m={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},h=({mention:e,resource:n,asLink:r=!0,onClick:a,trailing:o,className:s})=>{if(n?.renderChip)return(0,l.jsx)(l.Fragment,{children:n.renderChip(e)});let c=m[n?.tone??`secondary`]??m.secondary,u=n?.icon,d=(0,l.jsxs)(i.t,{variant:c,inline:!0,"data-ref-id":e.id,"data-ref-kind":e.kind,className:t.cn(`mention-chip--component`,`align-[-0.15em] cursor-default whitespace-nowrap`,s),children:[u?(0,l.jsx)(u,{className:`size-3 shrink-0`,"aria-hidden":!0}):null,(0,l.jsx)(`span`,{className:`truncate max-w-[14rem]`,children:e.label}),o]});return r&&e.href?(0,l.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noreferrer noopener`,onClick:a,className:`inline align-baseline no-underline hover:opacity-90`,children:d}):a?(0,l.jsx)(`span`,{onClick:a,className:`inline align-baseline`,children:d}):d},g=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function _(e){if(!e)return[];let t=[],n=0,r;for(g.lastIndex=0;(r=g.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var v=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function y(e){let{html:n,mentions:r,resources:i,renderMention:a,sanitizer:o,className:s,prose:u=!0}=e,d=i,f=o?o(n??``):n??``,p=new Map;for(let e of r??[])p.set(e.id,e);let m=p.size>0?_(f):[{kind:`html`,value:f}],g=e=>{if(a)return a(e);let t=d?.[e.kind];return(0,l.jsx)(h,{mention:e,resource:t})},y=m.map((e,t)=>{if(e.kind===`mention`){let n=p.get(e.refId);return n?(0,l.jsx)(c.Fragment,{children:g(n)},`ref-${t}-${e.refId}`):(0,l.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,l.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return u?(0,l.jsx)(`div`,{className:t.cn(`mention-content--component`,v,s),children:y}):(0,l.jsx)(l.Fragment,{children:y})}var b=e=>(0,l.jsx)(y,{...e}),x={title:`Insert reference`,searchPlaceholder:`Search…`,empty:`No matches.`,loading:`Searching…`},S={title:`Insert reference`,empty:`No matches.`,loading:`Searching…`};function C({open:i,activeKind:c,setActiveKind:d,kinds:f,resources:p,query:m,setQuery:h,suggestions:g,isLoading:_,onSelect:v,strings:y,className:b}){let S=e.useStrings(x,y);return i?(0,l.jsxs)(a.t,{align:`start`,className:t.cn(`mention-picker--component`,`w-72 overflow-hidden p-0`,b),children:[(0,l.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,l.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:S.title}),f.length>1&&(0,l.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.map(e=>{let r=p?.[e],i=r?.icon,a=e===c;return(0,l.jsxs)(n.t,{type:`button`,variant:a?`primary`:`secondary`,buttonStyle:a?`solid`:`ghost`,size:`xs`,onClick:()=>d(e),className:t.cn(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,a?`bg-primary text-primary-foreground ring-primary`:`bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80`),children:[i?(0,l.jsx)(i,{className:`size-3`}):null,(0,l.jsx)(`span`,{children:r?.label??String(e)})]},e)})})]}),(0,l.jsxs)(s.t,{shouldFilter:!1,children:[(0,l.jsx)(o.i,{placeholder:S.searchPlaceholder,value:m,onValueChange:h}),(0,l.jsxs)(s.a,{children:[_?(0,l.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,l.jsx)(u.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:S.loading})]}):null,(0,l.jsx)(s.n,{children:S.empty}),(0,l.jsx)(s.r,{children:g.map(e=>{let t=e.kind??c??``;return(0,l.jsx)(s.i,{value:`${t}:${e.id}`,onSelect:()=>v(e),children:(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,l.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${t}:${e.id}`)})})]})]})]}):null}function w({open:i,activeKind:a,setActiveKind:o,kinds:s,resources:c,suggestionsByKind:d,suggestions:f,isLoading:p,query:m,onManualKindChange:h,onSelect:g,strings:_,className:v}){let y=e.useStrings(S,_);return i?(0,l.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:t.cn(`mention-inline-suggestions--component`,`bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]`,`border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]`,`overflow-hidden`,v),children:[(0,l.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,l.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:y.title}),m?(0,l.jsxs)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`truncate font-mono`,children:[`“`,m,`”`]}):null]}),s.length>1&&(0,l.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:s.map(e=>{let r=c?.[e],i=r?.icon,s=e===a,u=d?.[e]?.length??0;return(0,l.jsxs)(n.t,{type:`button`,variant:s?`primary`:`secondary`,buttonStyle:s?`solid`:`ghost`,size:`xs`,onClick:()=>{o(e),h?.()},className:t.cn(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,s?`bg-primary text-primary-foreground ring-primary`:u>0?`bg-muted text-foreground ring-border/60 hover:bg-muted/80`:`bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60`),children:[i?(0,l.jsx)(i,{className:`size-3`}):null,(0,l.jsx)(`span`,{children:r?.label??String(e)}),u>0&&(0,l.jsx)(`span`,{className:t.cn(`tabular-nums`,s?`opacity-90`:`opacity-70`),children:u})]},e)})})]}),(0,l.jsxs)(`div`,{className:`max-h-72 overflow-y-auto py-1`,...f.length>0?{role:`listbox`,"aria-label":y.title}:{},children:[p?(0,l.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,l.jsx)(u.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:y.loading})]}):null,!p&&f.length===0?(0,l.jsx)(`div`,{className:`px-3 py-3`,children:(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,children:y.empty})}):null,f.map(e=>{let i=e.kind??a??``;return(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,role:`option`,"data-ref-id":`${i}:${e.id}`,onClick:()=>g(e),className:t.cn(`h-auto w-full min-w-0 justify-start gap-2 rounded-none px-3 py-1.5 text-left`,`hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors`),children:(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,l.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${i}:${e.id}`)})]})]}):null}var T=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,E=/data-ref-kind\s*=\s*"([^"]+)"/i;function D(e){let t=[];if(!e)return t;let n=new Set,r;for(T.lastIndex=0;(r=T.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(E)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=mentions-CA1Ka_Bv.cjs.map