admin-ui-starter-kit 0.1.3 → 0.4.2

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/input-D43_IMWW.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/input");function a({className:e,type:n,...a}){return(0,r.jsx)(i.Input,{type:n,"data-slot":`input`,className:t.cn(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,e),...a})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=input-D43_IMWW.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-D43_IMWW.cjs","names":[],"sources":["../../src/components/ui/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"6KAKA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,EAAA,MAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,8hBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/_shared/input-R8c90tNY.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as n } from "@base-ui/react/input";
+//#region src/components/ui/input.tsx
+function r({ className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		type: i,
+		"data-slot": "input",
+		className: e("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", r),
+		...a
+	});
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=input-R8c90tNY.js.map

package/dist/_shared/input-R8c90tNY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-R8c90tNY.js","names":[],"sources":["../../src/components/ui/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAKA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAwC;CAC3E,OACE,kBAAC,GAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,+hBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/_shared/item-DAjqQhhj.js

@@ -0,0 +1,225 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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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"}