admin-ui-starter-kit 0.4.5 → 0.6.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-CfnHBT--.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 {\n    formControlAddonOffsetClasses,\n    formControlCountOffsetClasses,\n    formControlEndAddonOffsetClasses,\n    formControlEndIconOffsetClasses,\n    formControlIconClasses,\n    formControlIconOffsetClasses,\n    formControlPaddingClasses,\n    formControlSizeClasses,\n    resolveFormControlSize,\n} 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 = size === 'small' ? 'ps-control-sm' : 'ps-control';\n        let paddingEnd = size === 'small' ? 'pe-control-sm' : 'pe-control';\n\n        if (StartIcon) paddingStart = formControlIconOffsetClasses[size];\n        if (startAddon) paddingStart = formControlAddonOffsetClasses[size];\n\n        if (EndIcon) paddingEnd = formControlEndIconOffsetClasses[size];\n        if (endAddon) paddingEnd = formControlEndAddonOffsetClasses[size];\n        if ((isClearable && hasValue) || isShowingLoading) paddingEnd = formControlEndIconOffsetClasses[size];\n        if (showCount) paddingEnd = formControlCountOffsetClasses[size];\n\n        return `${paddingStart} ${paddingEnd}`;\n    }, [StartIcon, startAddon, EndIcon, endAddon, isClearable, hasValue, isShowingLoading, showCount, size]);\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',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formControlSizeClasses[size],\n                    formControlPaddingClasses[size],\n                    // File input styles\n                    'file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:font-medium',\n                    size === 'small' ? 'file:text-xs' : 'file:text-sm',\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-control',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <StartIcon className={formControlIconClasses[size]} 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',\n                        size === 'small' ? 'ps-control-sm text-xs' : 'ps-control 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-control',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <EndIcon className={formControlIconClasses[size]} 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',\n                        size === 'small' ? 'pe-control-sm text-xs' : 'pe-control 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 tabular-nums',\n                        size === 'small' ? 'pe-control-sm text-xs' : 'pe-control text-sm',\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={size === 'small' ? 'xxs' : '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-control',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon className={cn(formControlIconClasses[size], '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-control-clear 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 className={formControlIconClasses[size]} 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-Xs-fgzaT.js

@@ -0,0 +1,226 @@
+import { s as e } from "./ui-provider-Dj6OSOZi.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-DE0NGEIE.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 = "default", defaultVariant: u = "default" } = e(), d = n ?? l;
+	return /* @__PURE__ */ a(f, {
+		ref: c,
+		size: d === "small" ? "xs" : "sm",
+		variant: r ?? u,
+		render: i,
+		className: t("item--component gap-space-lg rounded-radius px-row-x py-row-y", d === "small" ? "text-xs" : "text-sm", 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-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm", 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("group-has-data-[slot=item-description]/item:translate-y-0", 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, ...n }, r) {
+	return /* @__PURE__ */ a(h, {
+		ref: r,
+		className: t("gap-space-2xs group-data-[size=xs]/item:gap-space-2xs", e),
+		...n
+	});
+});
+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 text-inherit [&>p]:m-0 [&>p]:text-left", r),
+		...o,
+		children: /* @__PURE__ */ a(n, {
+			tag: "span",
+			size: "inherit",
+			weight: e ? "semibold" : "regular",
+			className: "leading-tight",
+			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("mt-0 text-xs text-muted-foreground leading-tight", 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-Xs-fgzaT.js.map

package/dist/_shared/item-Xs-fgzaT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-Xs-fgzaT.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 secondary copy follows the\n *     shared control/display tokens — 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 = 'default', defaultVariant = 'default' } = useItemConfig();\n\tconst resolvedSize = size ?? defaultSize;\n\tconst primitiveSize = resolvedSize === 'small' ? 'xs' : 'sm';\n\tconst resolvedVariant = variant ?? defaultVariant;\n\tconst textSizeClass = resolvedSize === 'small' ? 'text-xs' : 'text-sm';\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={primitiveSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\t\trender={render}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'item--component gap-space-lg rounded-radius px-row-x py-row-y',\n\t\t\t\t\ttextSizeClass,\n\t\t\t\t\tclassName,\n\t\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-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm', 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\t\treturn (\n\t\t\t<BaseItemMedia\n\t\t\t\tref={ref}\n\t\t\t\tvariant={baseVariant}\n\t\t\t\tclassName={cn('group-has-data-[slot=item-description]/item:translate-y-0', avatarClass, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemContent\n\t\t\tref={ref}\n\t\t\tclassName={cn('gap-space-2xs group-data-[size=xs]/item:gap-space-2xs', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\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 text-inherit [&>p]:m-0 [&>p]:text-left', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} className=\"leading-tight\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\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\t\tref={ref}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'mt-0 text-xs text-muted-foreground leading-tight',\n\t\t\t\t\t\tCLAMP_CLASS[clamp],\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\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":";;;;;;;;;;AAQA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EACT,mGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,GAAG,KACsC;CACzC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,aAAY;EACZ,WAAW,EAAG,QAAQ,CAAS;EAC/B,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAe,EACnB,+OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAK,EACZ,cACA,aAAU,WACV,UAAO,WACP,WACA,GAAG,KACmE;CACtE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAa;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC,EAC1D,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;GACA;EACF;CACF,CAAC;AACH;AAEA,IAAM,IAAoB,EACxB,kMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAU,EACjB,cACA,aAAU,WACV,GAAG,KACoE;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,EAAG,EAAkB;GAAE;GAAS;EAAU,CAAC,CAAC;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAoC;CAC3E,OACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EACT,sIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;;;AC9IA,IAAM,IAAO,EAAqD,SACjE,EAAE,SAAM,YAAS,WAAQ,cAAW,GAAG,KACvC,GACC;CACD,IAAM,EAAE,iBAAc,WAAW,oBAAiB,cAAc,EAAc,GACxE,IAAe,KAAQ;CAI7B,OACC,kBAAC,GAAD;EACM;EACL,MANoB,MAAiB,UAAU,OAAO;EAOtD,SANsB,KAAW;EAOxB;EACR,WAAW,EACV,iEARkB,MAAiB,UAAU,YAAY,WAUzD,CACD;EACD,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAK,cAAc;AAEnB,IAAM,IAAY,EAA+D,SAChF,EAAE,cAAW,SAAM,GAAG,KACtB,GACC;CACD,OACC,kBAAC,GAAD;EACM;EACC;EAGN,WAAW,EAAG,gFAAgF,CAAS;EACvG,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAU,cAAc;AAExB,IAAM,IAAgB,EAGpB,SAAuB,GAAO,GAAK;CACpC,OAAO,kBAAC,GAAD;EAAwB;EAAK,GAAI;CAAQ,CAAA;AACjD,CAAC;AACD,EAAc,cAAc;AAE5B,IAAM,IAAY,EAA+D,SAChF,EAAE,aAAU,WAAW,cAAW,GAAG,KACrC,GACC;CAMA,OACC,kBAAC,GAAD;EACM;EACL,SARiB,MAAY,WAAW,UAAU;EASlD,WAAW,EAAG,6DAPhB,MAAY,WACT,+FACA,KAAA,GAKuF,CAAS;EACjG,GAAI;CACJ,CAAA;AAEJ,CAAC;AACD,EAAU,cAAc;AAExB,IAAM,IAAc,EAAmE,SACtF,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OACC,kBAAC,GAAD;EACM;EACL,WAAW,EAAG,yDAAyD,CAAS;EAChF,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAY,cAAc;AAE1B,IAAM,IAAc,EAAmE,SACtF,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OAAO,kBAAC,GAAD;EAAsB;EAAgB;EAAW,GAAI;CAAQ,CAAA;AACrE,CAAC;AACD,EAAY,cAAc;AAE1B,IAAM,IAAa,EAAiE,SACnF,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OAAO,kBAAC,GAAD;EAAqB;EAAgB;EAAW,GAAI;CAAQ,CAAA;AACpE,CAAC;AACD,EAAW,cAAc;AAEzB,IAAM,IAAa,EAAiE,SACnF,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OAAO,kBAAC,GAAD;EAAqB;EAAgB;EAAW,GAAI;CAAQ,CAAA;AACpE,CAAC;AACD,EAAW,cAAc;AAEzB,IAAM,IAAY,EAA+D,SAChF,EAAE,UAAO,IAAM,cAAW,aAAU,GAAG,KACvC,GACC;CACD,OACC,kBAAC,GAAD;EACM;EACL,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;YAEH,kBAAC,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAQ,IAAO,aAAa;GAAW,WAAU;GAC/E;EACI,CAAA;CACQ,CAAA;AAElB,CAAC;AACD,EAAU,cAAc;AAExB,IAAM,IAA0E;CAC/E,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,MAAM;AACP,GAEM,IAAkB,EACvB,SAAyB,EAAE,WAAQ,GAAG,cAAW,aAAU,GAAG,KAAS,GAAK;CAC3E,OACC,kBAAC,GAAD;EACO;EACL,WAAW,EACV,oDACA,EAAY,IACZ,CACD;EACD,GAAI;EAEH;CACmB,CAAA;AAEvB,CACD;AACA,EAAgB,cAAc"}

package/dist/_shared/item-eUP9Rtmg.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("./ui-provider-DZWtUXf2.cjs"),n=require("../lib/utils.cjs"),r=require("./typography-CO9uwZhF.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=`default`,defaultVariant:u=`default`}=t.s(),d=e??l;return(0,o.jsx)(p,{ref:c,size:d===`small`?`xs`:`sm`,variant:r??u,render:i,className:n.cn(`item--component gap-space-lg rounded-radius px-row-x py-row-y`,d===`small`?`text-xs`:`text-sm`,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-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm`,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(`group-has-data-[slot=item-description]/item:translate-y-0`,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},r){return(0,o.jsx)(g,{ref:r,className:n.cn(`gap-space-2xs group-data-[size=xs]/item:gap-space-2xs`,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 text-inherit [&>p]:m-0 [&>p]:text-left`,t),...a,children:(0,o.jsx)(r.s,{tag:`span`,size:`inherit`,weight:e?`semibold`:`regular`,className:`leading-tight`,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(`mt-0 text-xs text-muted-foreground leading-tight`,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-eUP9Rtmg.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-eUP9Rtmg.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 secondary copy follows the\n *     shared control/display tokens — 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 = 'default', defaultVariant = 'default' } = useItemConfig();\n\tconst resolvedSize = size ?? defaultSize;\n\tconst primitiveSize = resolvedSize === 'small' ? 'xs' : 'sm';\n\tconst resolvedVariant = variant ?? defaultVariant;\n\tconst textSizeClass = resolvedSize === 'small' ? 'text-xs' : 'text-sm';\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={primitiveSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\t\trender={render}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'item--component gap-space-lg rounded-radius px-row-x py-row-y',\n\t\t\t\t\ttextSizeClass,\n\t\t\t\t\tclassName,\n\t\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-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm', 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\t\treturn (\n\t\t\t<BaseItemMedia\n\t\t\t\tref={ref}\n\t\t\t\tvariant={baseVariant}\n\t\t\t\tclassName={cn('group-has-data-[slot=item-description]/item:translate-y-0', avatarClass, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemContent\n\t\t\tref={ref}\n\t\t\tclassName={cn('gap-space-2xs group-data-[size=xs]/item:gap-space-2xs', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\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 text-inherit [&>p]:m-0 [&>p]:text-left', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} className=\"leading-tight\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\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\t\tref={ref}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'mt-0 text-xs text-muted-foreground leading-tight',\n\t\t\t\t\t\tCLAMP_CLASS[clamp],\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\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/layout.types-CYuDZ_4h.cjs

@@ -0,0 +1,2 @@
+let e=require("react/jsx-runtime");var t=({href:t,children:n,disabled:r,external:i,rel:a,target:o,...s})=>!t||r?(0,e.jsx)(`span`,{...s,children:n}):(0,e.jsx)(`a`,{href:t,target:o??(i?`_blank`:void 0),rel:a??(i?`noopener noreferrer`:void 0),...s,children:n}),n=({children:t,...n})=>(0,e.jsx)(`a`,{...n,children:t});function r({renderLink:n,LinkComponent:r}={}){return n||(r?({active:t,disabled:n,external:i,children:a,...o})=>n||!o.href?(0,e.jsx)(`span`,{className:o.className,children:a}):(0,e.jsx)(r,{...o,children:a}):t)}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=layout.types-CYuDZ_4h.cjs.map

package/dist/_shared/layout.types-CYuDZ_4h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types-CYuDZ_4h.cjs","names":[],"sources":["../../src/components/layout/layout.types.tsx"],"sourcesContent":[" \n/**\n * Shared layout types used across page, header, and sidebar.\n *\n * The layout layer is framework-agnostic by contract. It never imports a\n * router package. Navigation is delegated to the consumer through\n * `renderLink`, with a backwards-compatible `LinkComponent` bridge for older\n * call sites.\n */\nimport type { ComponentType, MouseEvent, ReactNode } from 'react';\n\nexport interface LayoutLinkRenderProps {\n\t/** Destination URL. When omitted, render non-interactive content. */\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n\t/** Consumer hint for active styling; renderers may ignore it. */\n\tactive?: boolean;\n\t/** Consumer hint to render as muted/non-interactive. */\n\tdisabled?: boolean;\n\t/** Consumer hint for external-link behavior. */\n\texternal?: boolean;\n}\n\n/**\n * Primary navigation seam. Consumers can wire Inertia, Next, React Router,\n * TanStack Router, or a plain anchor without this package importing them.\n *\n * Example:\n *   renderLink={({ href, children, className }) => (\n *     <Link href={href ?? '#'} className={className}>{children}</Link>\n *   )}\n */\nexport type LayoutLinkRenderer = (props: LayoutLinkRenderProps) => ReactNode;\n\n/** Backwards-compatible component style. Prefer `renderLink` for new code. */\nexport type LinkComponent = ComponentType<{\n\thref?: string;\n\tclassName?: string;\n\tchildren?: ReactNode;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n}>;\n\nexport interface LayoutNavigationAdapter {\n\t/** Preferred renderer for framework-native links. */\n\trenderLink?: LayoutLinkRenderer;\n\t/** Compatibility bridge for old call sites. Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\n/** Default link renderer — native anchor with disabled fallback. */\nexport const defaultRenderLink: LayoutLinkRenderer = ({\n\thref,\n\tchildren,\n\tdisabled,\n\texternal,\n\trel,\n\ttarget,\n\t...props\n}) => {\n\tif (!href || disabled) {\n\t\treturn <span {...props}>{children}</span>;\n\t}\n\n\tconst resolvedTarget = target ?? (external ? '_blank' : undefined);\n\tconst resolvedRel = rel ?? (external ? 'noopener noreferrer' : undefined);\n\n\treturn (\n\t\t<a href={href} target={resolvedTarget} rel={resolvedRel} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\nexport const DefaultLinkComponent: LinkComponent = ({ children, ...props }) => (\n\t<a {...props}>{children}</a>\n);\n\n/** Resolve the final renderer while preserving `LinkComponent` compatibility. */\nexport function resolveLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\tif (renderLink) return renderLink;\n\tif (LinkComponent) {\n\t\treturn ({ active, disabled, external, children, ...props }) => {\n\t\t\tvoid active;\n\t\t\tvoid external;\n\t\t\tif (disabled || !props.href) return <span className={props.className}>{children}</span>;\n\t\t\treturn <LinkComponent {...props}>{children}</LinkComponent>;\n\t\t};\n\t}\n\treturn defaultRenderLink;\n}\n\n/** Plain navigation item used by sidebar / breadcrumbs / page header. */\nexport interface NavLink {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n\tbadge?: string | number;\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\n/** Hierarchical navigation item — extends `NavLink` with optional children. */\nexport interface NavItem extends NavLink {\n\ticon?: LayoutIconSource;\n\tchildren?: NavItem[];\n\tgroup?: string;\n}\n\n/** Breadcrumb entry. The last item with no `href` renders as the current page. */\nexport interface BreadcrumbItem {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type LayoutIconSource =\n\t| ComponentType<{ className?: string }>\n\t| ComponentType<React.SVGProps<SVGSVGElement>>\n\t| ReactNode\n\t| string;\n\nexport interface LayoutUser {\n\tname: string;\n\temail?: string;\n\tavatar?: string;\n\trole?: string;\n}\n\nexport interface ExternalLinkItem {\n\tlabel: ReactNode;\n\turl: string;\n\ticon?: ComponentType<{ className?: string }>;\n}\n"],"mappings":"mCA0DA,IAAa,GAAyC,CACrD,OACA,WACA,WACA,WACA,MACA,SACA,GAAG,KAEC,CAAC,GAAQ,GACL,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,EAAQ,UAAe,CAAA,GAOxC,EAAA,EAAA,KAAC,IAAD,CAAS,OAAM,OAJO,IAAW,EAAW,SAAW,IAAA,IAIhB,IAHpB,IAAQ,EAAW,sBAAwB,IAAA,IAGL,GAAI,EAC3D,UACC,CAAA,EAIQ,GAAuC,CAAE,WAAU,GAAG,MAClE,EAAA,EAAA,KAAC,IAAD,CAAG,GAAI,EAAQ,UAAY,CAAA,EAI5B,SAAgB,EAA0B,CACzC,aACA,iBAC4B,CAAC,EAAuB,CAUpD,OATI,IACA,GACK,CAAE,SAAQ,WAAU,WAAU,WAAU,GAAG,KAG9C,GAAY,CAAC,EAAM,MAAa,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAM,UAAY,UAAe,CAAA,GAC/E,EAAA,EAAA,KAAC,EAAD,CAAe,GAAI,EAAQ,UAAwB,CAAA,EAGrD,EACR"}

package/dist/_shared/layout.types-j7zZAPtg.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/layout/layout.types.tsx
+var t = ({ href: t, children: n, disabled: r, external: i, rel: a, target: o, ...s }) => !t || r ? /* @__PURE__ */ e("span", {
+	...s,
+	children: n
+}) : /* @__PURE__ */ e("a", {
+	href: t,
+	target: o ?? (i ? "_blank" : void 0),
+	rel: a ?? (i ? "noopener noreferrer" : void 0),
+	...s,
+	children: n
+}), n = ({ children: t, ...n }) => /* @__PURE__ */ e("a", {
+	...n,
+	children: t
+});
+function r({ renderLink: n, LinkComponent: r } = {}) {
+	return n || (r ? ({ active: t, disabled: n, external: i, children: a, ...o }) => n || !o.href ? /* @__PURE__ */ e("span", {
+		className: o.className,
+		children: a
+	}) : /* @__PURE__ */ e(r, {
+		...o,
+		children: a
+	}) : t);
+}
+//#endregion
+export { t as n, r, n as t };
+
+//# sourceMappingURL=layout.types-j7zZAPtg.js.map

package/dist/_shared/layout.types-j7zZAPtg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types-j7zZAPtg.js","names":[],"sources":["../../src/components/layout/layout.types.tsx"],"sourcesContent":[" \n/**\n * Shared layout types used across page, header, and sidebar.\n *\n * The layout layer is framework-agnostic by contract. It never imports a\n * router package. Navigation is delegated to the consumer through\n * `renderLink`, with a backwards-compatible `LinkComponent` bridge for older\n * call sites.\n */\nimport type { ComponentType, MouseEvent, ReactNode } from 'react';\n\nexport interface LayoutLinkRenderProps {\n\t/** Destination URL. When omitted, render non-interactive content. */\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n\t/** Consumer hint for active styling; renderers may ignore it. */\n\tactive?: boolean;\n\t/** Consumer hint to render as muted/non-interactive. */\n\tdisabled?: boolean;\n\t/** Consumer hint for external-link behavior. */\n\texternal?: boolean;\n}\n\n/**\n * Primary navigation seam. Consumers can wire Inertia, Next, React Router,\n * TanStack Router, or a plain anchor without this package importing them.\n *\n * Example:\n *   renderLink={({ href, children, className }) => (\n *     <Link href={href ?? '#'} className={className}>{children}</Link>\n *   )}\n */\nexport type LayoutLinkRenderer = (props: LayoutLinkRenderProps) => ReactNode;\n\n/** Backwards-compatible component style. Prefer `renderLink` for new code. */\nexport type LinkComponent = ComponentType<{\n\thref?: string;\n\tclassName?: string;\n\tchildren?: ReactNode;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n}>;\n\nexport interface LayoutNavigationAdapter {\n\t/** Preferred renderer for framework-native links. */\n\trenderLink?: LayoutLinkRenderer;\n\t/** Compatibility bridge for old call sites. Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\n/** Default link renderer — native anchor with disabled fallback. */\nexport const defaultRenderLink: LayoutLinkRenderer = ({\n\thref,\n\tchildren,\n\tdisabled,\n\texternal,\n\trel,\n\ttarget,\n\t...props\n}) => {\n\tif (!href || disabled) {\n\t\treturn <span {...props}>{children}</span>;\n\t}\n\n\tconst resolvedTarget = target ?? (external ? '_blank' : undefined);\n\tconst resolvedRel = rel ?? (external ? 'noopener noreferrer' : undefined);\n\n\treturn (\n\t\t<a href={href} target={resolvedTarget} rel={resolvedRel} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\nexport const DefaultLinkComponent: LinkComponent = ({ children, ...props }) => (\n\t<a {...props}>{children}</a>\n);\n\n/** Resolve the final renderer while preserving `LinkComponent` compatibility. */\nexport function resolveLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\tif (renderLink) return renderLink;\n\tif (LinkComponent) {\n\t\treturn ({ active, disabled, external, children, ...props }) => {\n\t\t\tvoid active;\n\t\t\tvoid external;\n\t\t\tif (disabled || !props.href) return <span className={props.className}>{children}</span>;\n\t\t\treturn <LinkComponent {...props}>{children}</LinkComponent>;\n\t\t};\n\t}\n\treturn defaultRenderLink;\n}\n\n/** Plain navigation item used by sidebar / breadcrumbs / page header. */\nexport interface NavLink {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n\tbadge?: string | number;\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\n/** Hierarchical navigation item — extends `NavLink` with optional children. */\nexport interface NavItem extends NavLink {\n\ticon?: LayoutIconSource;\n\tchildren?: NavItem[];\n\tgroup?: string;\n}\n\n/** Breadcrumb entry. The last item with no `href` renders as the current page. */\nexport interface BreadcrumbItem {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type LayoutIconSource =\n\t| ComponentType<{ className?: string }>\n\t| ComponentType<React.SVGProps<SVGSVGElement>>\n\t| ReactNode\n\t| string;\n\nexport interface LayoutUser {\n\tname: string;\n\temail?: string;\n\tavatar?: string;\n\trole?: string;\n}\n\nexport interface ExternalLinkItem {\n\tlabel: ReactNode;\n\turl: string;\n\ticon?: ComponentType<{ className?: string }>;\n}\n"],"mappings":";;AA0DA,IAAa,KAAyC,EACrD,SACA,aACA,aACA,aACA,QACA,WACA,GAAG,QAEC,CAAC,KAAQ,IACL,kBAAC,QAAD;CAAM,GAAI;CAAQ;AAAe,CAAA,IAOxC,kBAAC,KAAD;CAAS;CAAM,QAJO,MAAW,IAAW,WAAW,KAAA;CAIhB,KAHpB,MAAQ,IAAW,wBAAwB,KAAA;CAGL,GAAI;CAC3D;AACC,CAAA,GAIQ,KAAuC,EAAE,aAAU,GAAG,QAClE,kBAAC,KAAD;CAAG,GAAI;CAAQ;AAAY,CAAA;AAI5B,SAAgB,EAA0B,EACzC,eACA,qBAC4B,CAAC,GAAuB;CAUpD,OATI,MACA,KACK,EAAE,WAAQ,aAAU,aAAU,aAAU,GAAG,QAG9C,KAAY,CAAC,EAAM,OAAa,kBAAC,QAAD;EAAM,WAAW,EAAM;EAAY;CAAe,CAAA,IAC/E,kBAAC,GAAD;EAAe,GAAI;EAAQ;CAAwB,CAAA,IAGrD;AACR"}