@kushagradhawan/kookie-ui 0.1.37 → 0.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +130 -74
- package/dist/cjs/components/_internal/base-button.props.d.ts +1 -1
- package/dist/cjs/components/_internal/base-button.props.js +1 -1
- package/dist/cjs/components/_internal/base-button.props.js.map +2 -2
- package/dist/cjs/components/_internal/base-checkbox.props.d.ts +1 -1
- package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
- package/dist/cjs/components/_internal/base-checkbox.props.js.map +2 -2
- package/dist/cjs/components/avatar.props.d.ts +1 -1
- package/dist/cjs/components/avatar.props.js +1 -1
- package/dist/cjs/components/avatar.props.js.map +2 -2
- package/dist/cjs/components/button.d.ts +40 -2
- package/dist/cjs/components/button.d.ts.map +1 -1
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/chatbar.d.ts.map +1 -1
- package/dist/cjs/components/chatbar.js +1 -1
- package/dist/cjs/components/chatbar.js.map +2 -2
- package/dist/cjs/components/checkbox-cards.props.d.ts +2 -2
- package/dist/cjs/components/checkbox-cards.props.js +1 -1
- package/dist/cjs/components/checkbox-cards.props.js.map +2 -2
- package/dist/cjs/components/checkbox-group.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-group.js +1 -1
- package/dist/cjs/components/checkbox-group.js.map +3 -3
- package/dist/cjs/components/checkbox-group.props.d.ts +1 -1
- package/dist/cjs/components/dialog.d.ts.map +1 -1
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +3 -3
- package/dist/cjs/components/flex.props.d.ts +3 -3
- package/dist/cjs/components/grid.props.d.ts +3 -3
- package/dist/cjs/components/radio-cards.props.d.ts +2 -2
- package/dist/cjs/components/radio-cards.props.js +1 -1
- package/dist/cjs/components/radio-cards.props.js.map +2 -2
- package/dist/cjs/components/select.d.ts.map +1 -1
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +3 -3
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/components/sidebar.d.ts +7 -1
- package/dist/cjs/components/sidebar.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +3 -3
- package/dist/cjs/components/sidebar.props.d.ts +6 -0
- package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.props.js +1 -1
- package/dist/cjs/components/sidebar.props.js.map +3 -3
- package/dist/cjs/components/table.props.d.ts +7 -7
- package/dist/cjs/components/text-field.props.d.ts +4 -4
- package/dist/cjs/helpers/extract-margin-props.d.ts +7 -7
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +1 -1
- package/dist/cjs/hooks/index.js.map +3 -3
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts +9 -0
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -0
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js +2 -0
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js.map +7 -0
- package/dist/cjs/props/gap.props.d.ts +3 -3
- package/dist/cjs/props/gap.props.js +1 -1
- package/dist/cjs/props/gap.props.js.map +2 -2
- package/dist/cjs/props/layout.props.d.ts +7 -7
- package/dist/cjs/props/margin.props.d.ts +7 -7
- package/dist/cjs/props/margin.props.js +1 -1
- package/dist/cjs/props/margin.props.js.map +2 -2
- package/dist/cjs/props/padding.props.d.ts +7 -7
- package/dist/cjs/props/padding.props.js +1 -1
- package/dist/cjs/props/padding.props.js.map +2 -2
- package/dist/esm/components/_internal/base-button.props.d.ts +1 -1
- package/dist/esm/components/_internal/base-button.props.js +1 -1
- package/dist/esm/components/_internal/base-button.props.js.map +2 -2
- package/dist/esm/components/_internal/base-checkbox.props.d.ts +1 -1
- package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
- package/dist/esm/components/_internal/base-checkbox.props.js.map +2 -2
- package/dist/esm/components/avatar.props.d.ts +1 -1
- package/dist/esm/components/avatar.props.js +1 -1
- package/dist/esm/components/avatar.props.js.map +2 -2
- package/dist/esm/components/button.d.ts +40 -2
- package/dist/esm/components/button.d.ts.map +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +3 -3
- package/dist/esm/components/chatbar.d.ts.map +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/chatbar.js.map +2 -2
- package/dist/esm/components/checkbox-cards.props.d.ts +2 -2
- package/dist/esm/components/checkbox-cards.props.js +1 -1
- package/dist/esm/components/checkbox-cards.props.js.map +2 -2
- package/dist/esm/components/checkbox-group.d.ts.map +1 -1
- package/dist/esm/components/checkbox-group.js +1 -1
- package/dist/esm/components/checkbox-group.js.map +3 -3
- package/dist/esm/components/checkbox-group.props.d.ts +1 -1
- package/dist/esm/components/dialog.d.ts.map +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.js.map +3 -3
- package/dist/esm/components/flex.props.d.ts +3 -3
- package/dist/esm/components/grid.props.d.ts +3 -3
- package/dist/esm/components/radio-cards.props.d.ts +2 -2
- package/dist/esm/components/radio-cards.props.js +1 -1
- package/dist/esm/components/radio-cards.props.js.map +2 -2
- package/dist/esm/components/select.d.ts.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +3 -3
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/shell.js.map +3 -3
- package/dist/esm/components/sidebar.d.ts +7 -1
- package/dist/esm/components/sidebar.d.ts.map +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/sidebar.js.map +3 -3
- package/dist/esm/components/sidebar.props.d.ts +6 -0
- package/dist/esm/components/sidebar.props.d.ts.map +1 -1
- package/dist/esm/components/sidebar.props.js +1 -1
- package/dist/esm/components/sidebar.props.js.map +3 -3
- package/dist/esm/components/table.props.d.ts +7 -7
- package/dist/esm/components/text-field.props.d.ts +4 -4
- package/dist/esm/helpers/extract-margin-props.d.ts +7 -7
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/hooks/index.js.map +3 -3
- package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts +9 -0
- package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -0
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js +2 -0
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js.map +7 -0
- package/dist/esm/props/gap.props.d.ts +3 -3
- package/dist/esm/props/gap.props.js +1 -1
- package/dist/esm/props/gap.props.js.map +2 -2
- package/dist/esm/props/layout.props.d.ts +7 -7
- package/dist/esm/props/margin.props.d.ts +7 -7
- package/dist/esm/props/margin.props.js +1 -1
- package/dist/esm/props/margin.props.js.map +2 -2
- package/dist/esm/props/padding.props.d.ts +7 -7
- package/dist/esm/props/padding.props.js +1 -1
- package/dist/esm/props/padding.props.js.map +2 -2
- package/layout/tokens.css +3 -0
- package/layout/utilities.css +1806 -42
- package/layout.css +1809 -42
- package/package.json +1 -1
- package/src/components/_internal/base-button.css +179 -73
- package/src/components/_internal/base-button.props.ts +1 -1
- package/src/components/_internal/base-checkbox.props.ts +1 -1
- package/src/components/avatar.props.tsx +1 -1
- package/src/components/button.css +13 -21
- package/src/components/button.tsx +79 -2
- package/src/components/chatbar.tsx +5 -2
- package/src/components/checkbox-cards.props.tsx +1 -1
- package/src/components/checkbox-group.tsx +14 -6
- package/src/components/dialog.tsx +4 -0
- package/src/components/radio-cards.props.tsx +1 -1
- package/src/components/select.css +9 -0
- package/src/components/select.tsx +11 -1
- package/src/components/shell.tsx +34 -3
- package/src/components/sidebar.css +15 -3
- package/src/components/sidebar.props.tsx +3 -0
- package/src/components/sidebar.tsx +27 -0
- package/src/hooks/index.ts +2 -1
- package/src/hooks/use-body-pointer-events-cleanup.ts +81 -0
- package/src/props/gap.props.ts +1 -1
- package/src/props/margin.props.ts +1 -1
- package/src/props/padding.props.ts +1 -1
- package/src/styles/tokens/blur.css +3 -0
- package/src/styles/tokens/constants.css +38 -35
- package/src/styles/tokens/radius.css +3 -0
- package/src/styles/tokens/shadow.css +64 -89
- package/src/styles/tokens/space.css +3 -0
- package/src/styles/tokens/transition.css +25 -12
- package/src/styles/utilities/gap.css +27 -0
- package/src/styles/utilities/margin.css +205 -7
- package/src/styles/utilities/padding.css +69 -0
- package/styles.css +1973 -144
- package/tokens/base.css +34 -25
- package/tokens.css +37 -28
- package/utilities.css +1806 -42
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/chatbar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton, type IconButtonProps } from './icon-button.js';\nimport { CloseIcon, FileTextIcon } from './icons.js';\nimport { Flex } from './flex.js';\n\nimport { ScrollArea } from './scroll-area.js';\nimport { Slot } from './slot.js';\nimport { Card } from './card.js';\nimport { Text } from './text.js';\nimport { useDropzone } from 'react-dropzone';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Avoid SSR warnings by using an isomorphic layout effect\nconst useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\ntype ExpandOn = 'none' | 'focus' | 'overflow' | 'both';\ntype SendMode = 'always' | 'whenDirty' | 'never';\n\n// Attachments\n/** Status flag for attachment lifecycle. */\ntype AttachmentStatus = 'idle' | 'uploading' | 'error' | 'done';\n/**\n * Attachment data model used by Chatbar.\n * - `file` exposes the original File object for uploads and processing.\n * - `url` is an object URL used for image previews and is revoked on removal.\n */\ninterface ChatbarAttachment {\n id: string;\n name: string;\n size: number;\n type: string;\n /** Original File object for uploads and processing */\n file: File;\n url?: string;\n status?: AttachmentStatus;\n progress?: number;\n meta?: Record<string, unknown>;\n}\n\ninterface ChatbarContextValue {\n open: boolean;\n setOpen(next: boolean): void;\n isOpenControlled: boolean;\n\n value: string;\n setValue(next: string): void;\n isValueControlled: boolean;\n\n size: '1' | '2' | '3';\n expandOn: ExpandOn;\n minLines: number;\n maxLines: number;\n sendMode: SendMode;\n disabled?: boolean;\n readOnly?: boolean;\n\n // Submit returns both message and attachments\n onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n rootRef: React.RefObject<HTMLDivElement | null>;\n textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n\n // Attachments state\n attachments: ChatbarAttachment[];\n setAttachments(next: ChatbarAttachment[]): void;\n isAttachmentsControlled: boolean;\n\n // Config\n accept?: string | string[];\n multiple: boolean;\n maxAttachments?: number;\n maxFileSize?: number;\n paste: boolean;\n pasteAccept?: string | string[];\n clearOnSubmit: boolean;\n\n // Dropzone\n dropzone: boolean;\n\n // Events\n onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n // Helpers\n appendFiles(files: File[]): void;\n appendFilesFromPaste(files: File[]): void;\n}\n\nconst ChatbarContext = React.createContext<ChatbarContextValue | null>(null);\nconst useChatbarContext = () => {\n const ctx = React.useContext(ChatbarContext);\n if (!ctx) throw new Error('Chatbar context not found. Wrap parts in <Chatbar.Root>.');\n return ctx;\n};\n\n/**\n * Chatbar container and state provider.\n *\n * Value & Open\n * - Supports controlled/uncontrolled `value` and `open`.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n *\n * Submit\n * - `onSubmit({ value, attachments })` emits both message and attachments.\n * - `clearOnSubmit` clears message and attachments by default.\n */\ninterface ChatbarRootBaseProps {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n expandOn?: ExpandOn;\n\n /** Minimum number of lines in compact state (default: 1) */\n minLines?: number;\n /** Maximum number of lines before scrolling (default: 6) */\n maxLines?: number;\n\n sendMode?: SendMode;\n\n disabled?: boolean;\n readOnly?: boolean;\n\n /** Combined submit payload */\n onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n size?: '1' | '2' | '3';\n variant?: 'surface' | 'outline' | 'classic' | 'ghost' | 'soft';\n\n width?: React.CSSProperties['width'];\n maxWidth?: React.CSSProperties['maxWidth'];\n asChild?: boolean;\n\n // Attachments API\n attachments?: ChatbarAttachment[];\n defaultAttachments?: ChatbarAttachment[];\n onAttachmentsChange?: (attachments: ChatbarAttachment[]) => void;\n accept?: string | string[];\n multiple?: boolean;\n maxAttachments?: number;\n maxFileSize?: number;\n paste?: boolean;\n pasteAccept?: string | string[];\n clearOnSubmit?: boolean;\n onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n /**\n * Enables drag-and-drop file uploads when true.\n *\n * When enabled:\n * - Files can be dropped anywhere on the chatbar\n * - Same validation rules apply (accept, maxFileSize, maxAttachments)\n * - Visual feedback shows during drag operations\n * - Rejected files trigger onAttachmentReject\n *\n * @default true\n */\n dropzone?: boolean;\n}\n\ntype RootElement = React.ElementRef<'div'>;\n/**\n * Chatbar container and state provider.\n *\n * Behavior\n * - Supports controlled and uncontrolled `value` and `open` states via props.\n * - Provides context to subcomponents like `Textarea`, `Row`, and `Send`.\n * - Exposes `data-state`, `data-disabled`, and `data-readonly` attributes for styling.\n * - Sets `aria-expanded` to reflect open/closed state for assistive technologies.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n * - Paste-to-attach: when `paste` is enabled, pasting files adds attachments.\n *\n * Dropzone\n * - When `dropzone` is true, enables drag-and-drop file uploads.\n * - Files are validated using the same rules as paste and file picker.\n * - Visual feedback via `data-drop-active` attribute during drag operations.\n * - Rejected files trigger `onAttachmentReject` with appropriate reasons.\n *\n * Submit\n * - `onSubmit` receives both message text and attachments array.\n * - `clearOnSubmit` controls whether attachments are cleared after submission.\n *\n * Accessibility\n * - Consumers should label the `Textarea` via `aria-label`/`aria-labelledby`.\n * - `aria-expanded` on the root reflects the disclosure state of the input area.\n * - Dropzone provides proper ARIA attributes for drag and drop operations.\n */\ninterface RootProps\n extends ComponentPropsWithout<'div', RemovedProps | 'onSubmit'>,\n ChatbarRootBaseProps {}\n\nconst Root = React.forwardRef<RootElement, RootProps>((props, forwardedRef) => {\n const {\n className,\n style,\n children,\n value: valueProp,\n defaultValue = '',\n onValueChange: onValueChangeProp,\n open: openProp,\n defaultOpen = false,\n onOpenChange: onOpenChangeProp,\n expandOn = 'both',\n minLines = 1,\n maxLines = 6,\n sendMode = 'whenDirty',\n disabled,\n readOnly,\n onSubmit,\n size = '2',\n variant,\n width,\n maxWidth,\n asChild,\n attachments: attachmentsProp,\n defaultAttachments = [],\n onAttachmentsChange,\n accept,\n multiple = true,\n maxAttachments,\n maxFileSize,\n paste = true,\n pasteAccept,\n clearOnSubmit = true,\n onAttachmentReject,\n dropzone = true,\n ...divProps\n } = props;\n\n const isValueControlled = valueProp != null;\n const [valueUncontrolled, setValueUncontrolled] = React.useState<string>(defaultValue);\n const value = isValueControlled ? (valueProp as string) : valueUncontrolled;\n\n const isOpenControlled = openProp != null;\n const [openUncontrolled, setOpenUncontrolled] = React.useState<boolean>(defaultOpen);\n const open = isOpenControlled ? (openProp as boolean) : openUncontrolled;\n\n const rootRef = React.useRef<HTMLDivElement>(null);\n const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n // Attachments state\n const isAttachmentsControlled = attachmentsProp != null;\n const [attachmentsUncontrolled, setAttachmentsUncontrolled] =\n React.useState<ChatbarAttachment[]>(defaultAttachments);\n const attachments = isAttachmentsControlled\n ? (attachmentsProp as ChatbarAttachment[])\n : attachmentsUncontrolled;\n\n // Track generated object URLs for cleanup\n const generatedUrlSetRef = React.useRef<Set<string>>(new Set());\n\n const toArray = (val: string | string[] | undefined) =>\n Array.isArray(val) ? val : typeof val === 'string' ? val.split(',').map((s) => s.trim()) : [];\n\n const accepts = toArray(accept);\n const pasteAccepts = toArray(pasteAccept).length > 0 ? toArray(pasteAccept) : accepts;\n\n const matchesAccept = (file: File, patterns: string[]) => {\n if (patterns.length === 0) return true;\n const mime = file.type.toLowerCase();\n const name = file.name.toLowerCase();\n for (const patRaw of patterns) {\n const pat = patRaw.toLowerCase();\n if (pat.includes('/')) {\n // MIME pattern\n const [type, subtype] = pat.split('/');\n const [fmType, fmSubtype] = mime.split('/');\n if (type === '*' || (type === fmType && (subtype === '*' || subtype === fmSubtype)))\n return true;\n } else if (pat.startsWith('.')) {\n if (name.endsWith(pat)) return true;\n }\n }\n return false;\n };\n\n /**\n * Maps File objects to attachments with validation and preview URL generation.\n */\n const mapFilesToAttachments = (\n files: File[],\n ): {\n accepted: ChatbarAttachment[];\n rejected: { file: File; reason: 'type' | 'size' | 'count' }[];\n } => {\n const next: ChatbarAttachment[] = [];\n const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n\n const remainingSlots =\n typeof maxAttachments === 'number'\n ? Math.max(maxAttachments - attachments.length, 0)\n : Infinity;\n\n for (const file of files) {\n if (next.length >= remainingSlots) {\n rejected.push({ file, reason: 'count' });\n continue;\n }\n if (typeof maxFileSize === 'number' && file.size > maxFileSize) {\n rejected.push({ file, reason: 'size' });\n continue;\n }\n if (!matchesAccept(file, accepts)) {\n rejected.push({ file, reason: 'type' });\n continue;\n }\n const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n const looksLikeImageByExt = /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(file.name);\n const isImageType = (file.type || '').toLowerCase().startsWith('image/');\n const url = isImageType || looksLikeImageByExt ? URL.createObjectURL(file) : undefined;\n if (url) generatedUrlSetRef.current.add(url);\n next.push({\n id,\n name: file.name,\n size: file.size,\n type: file.type,\n file,\n url,\n status: 'idle',\n });\n }\n return { accepted: next, rejected };\n };\n\n const appendFiles = (files: File[]) => {\n const { accepted, rejected } = mapFilesToAttachments(files);\n if (accepted.length > 0) {\n const merged = attachments.concat(accepted);\n if (!isAttachmentsControlled) setAttachmentsUncontrolled(merged);\n onAttachmentsChange?.(merged);\n }\n if (rejected.length > 0) onAttachmentReject?.(rejected);\n };\n\n const appendFilesFromPaste = (files: File[]) => {\n // Use pasteAccepts for type filtering\n const matches = (file: File) => {\n if (pasteAccepts.length === 0) return matchesAccept(file, accepts);\n return matchesAccept(file, pasteAccepts);\n };\n const acceptedFiles: File[] = [];\n const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n\n // Enforce maxAttachments and maxFileSize\n const remainingSlots =\n typeof maxAttachments === 'number'\n ? Math.max(maxAttachments - attachments.length, 0)\n : Infinity;\n for (const file of files) {\n if (acceptedFiles.length >= remainingSlots) {\n rejected.push({ file, reason: 'count' });\n continue;\n }\n if (typeof maxFileSize === 'number' && file.size > maxFileSize) {\n rejected.push({ file, reason: 'size' });\n continue;\n }\n if (!matches(file)) {\n rejected.push({ file, reason: 'type' });\n continue;\n }\n acceptedFiles.push(file);\n }\n if (acceptedFiles.length > 0) appendFiles(acceptedFiles);\n if (rejected.length > 0) onAttachmentReject?.(rejected);\n };\n\n // Revoke object URLs that are no longer referenced by current attachments\n React.useEffect(() => {\n const currentUrls = new Set(attachments.map((a) => a.url).filter(Boolean) as string[]);\n for (const url of Array.from(generatedUrlSetRef.current)) {\n if (!currentUrls.has(url)) {\n URL.revokeObjectURL(url);\n generatedUrlSetRef.current.delete(url);\n }\n }\n }, [attachments]);\n\n // Revoke any remaining generated URLs on unmount\n React.useEffect(() => {\n return () => {\n for (const url of Array.from(generatedUrlSetRef.current)) {\n URL.revokeObjectURL(url);\n }\n generatedUrlSetRef.current.clear();\n };\n }, []);\n\n const Comp = asChild ? Slot : ('div' as any);\n\n const handleBlurCapture = React.useCallback(\n (event: React.FocusEvent) => {\n const nextTarget = event.relatedTarget as Node | null;\n const rootEl = rootRef.current;\n if (!rootEl) return;\n // If focus remains within root, ignore\n if (nextTarget && rootEl.contains(nextTarget)) return;\n // Collapse when leaving the root if the value is empty\n if ((value?.trim?.() ?? '').length === 0) {\n if (!isOpenControlled) setOpenUncontrolled(false);\n onOpenChangeProp?.(false);\n }\n },\n [isOpenControlled, onOpenChangeProp, value],\n );\n\n // Dropzone functionality\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (acceptedFiles.length > 0) {\n appendFiles(acceptedFiles);\n }\n if (rejectedFiles.length > 0 && onAttachmentReject) {\n const rejections = rejectedFiles.map(({ file, errors }) => {\n const reason =\n errors[0]?.code === 'file-too-large'\n ? 'size'\n : errors[0]?.code === 'file-invalid-type'\n ? 'type'\n : 'count';\n return { file, reason: reason as 'type' | 'size' | 'count' };\n });\n onAttachmentReject(rejections);\n }\n },\n accept:\n accepts.length > 0\n ? accepts.reduce(\n (acc, pattern) => {\n if (pattern.includes('/')) {\n // MIME type pattern\n acc[pattern] = [];\n } else if (pattern.startsWith('.')) {\n // File extension pattern\n acc[pattern] = [];\n }\n return acc;\n },\n {} as Record<string, string[]>,\n )\n : undefined,\n multiple,\n maxSize: maxFileSize,\n noClick: true,\n noKeyboard: true,\n disabled: !dropzone || disabled,\n });\n\n return (\n <ChatbarContext.Provider\n value={{\n open,\n setOpen: (next) => {\n if (!isOpenControlled) setOpenUncontrolled(next);\n onOpenChangeProp?.(next);\n },\n isOpenControlled,\n value,\n setValue: (next) => {\n if (!isValueControlled) setValueUncontrolled(next);\n onValueChangeProp?.(next);\n },\n isValueControlled,\n size,\n expandOn,\n minLines,\n maxLines,\n sendMode,\n disabled,\n readOnly,\n onSubmit,\n rootRef,\n textareaRef,\n attachments,\n setAttachments: (next) => {\n if (!isAttachmentsControlled) setAttachmentsUncontrolled(next);\n onAttachmentsChange?.(next);\n },\n isAttachmentsControlled,\n accept,\n multiple,\n maxAttachments,\n maxFileSize,\n paste,\n pasteAccept,\n clearOnSubmit,\n onAttachmentReject,\n dropzone,\n appendFiles,\n appendFilesFromPaste,\n }}\n >\n <Comp\n {...divProps}\n ref={(node: HTMLDivElement) => {\n if (typeof forwardedRef === 'function') forwardedRef(node);\n else if (forwardedRef)\n (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n (rootRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n }}\n className={classNames('rt-ChatbarRoot', `rt-r-size-${size}`, className)}\n style={{ position: 'relative', width, maxWidth, ...style }}\n data-state={open ? 'open' : 'closed'}\n data-disabled={disabled ? '' : undefined}\n data-readonly={readOnly ? '' : undefined}\n data-drop-active={dropzone && isDragActive ? '' : undefined}\n aria-expanded={open}\n onBlurCapture={handleBlurCapture}\n >\n {dropzone && <input {...getInputProps()} />}\n <div {...(dropzone ? getRootProps() : {})} style={{ width: '100%', height: '100%' }}>\n <Card\n className=\"rt-ChatbarCard\"\n size={Math.min(3, Number(size) + 1).toString() as '1' | '2' | '3'}\n variant={variant as any}\n style={{ position: 'relative' }}\n >\n <div className=\"rt-ChatbarGrid\">{children}</div>\n {dropzone && isDragActive && (\n <div className=\"rt-ChatbarDropOverlay\">\n <div className=\"rt-ChatbarDropContent\">\n <Text color=\"gray\" size={size} weight=\"medium\">\n Drop files here to attach\n </Text>\n </div>\n </div>\n )}\n </Card>\n </div>\n </Comp>\n </ChatbarContext.Provider>\n );\n});\nRoot.displayName = 'Chatbar.Root';\n\n/**\n * Multi-line text input for Chatbar.\n * - Uses onChange to control value and avoid duplicate updates.\n * - Auto-resizes between minLines and maxLines.\n * - Expands on focus/overflow per `expandOn`.\n * - Paste-to-attach: when `paste` is enabled on Root, pasting files adds attachments.\n * - Provide `aria-label` or `aria-labelledby` for an accessible name.\n */\ninterface TextareaProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'size'> {\n asChild?: boolean;\n /**\n * Handler for paste events. This is forwarded to the underlying <textarea>.\n */\n onPaste?: React.ClipboardEventHandler<HTMLTextAreaElement>;\n /**\n * When true, pressing Enter submits via onSend (Shift+Enter inserts newline).\n * Defaults to false.\n */\n submitOnEnter?: boolean;\n}\n\n/**\n * Chatbar multi-line text input.\n *\n * Behavior\n * - Controls the Chatbar value via React onChange. We intentionally do not\n * update state in onInput to avoid duplicate updates per keystroke.\n * - Auto-resizes between minLines and maxLines using layout measurements.\n * - When expandOn is `overflow` or `both`, the Chatbar opens as soon as the\n * content exceeds the compact height.\n * - Height recalculations occur on change, paste, and whenever `value` or `open`\n * changes via an isomorphic layout effect to avoid SSR warnings.\n *\n * Accessibility\n * - Consumers should provide labeling via aria-label or aria-labelledby\n * on this component, as no implicit label is rendered.\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>((props, forwardedRef) => {\n const {\n className,\n style,\n asChild,\n onFocus,\n onInput,\n onChange,\n onPaste,\n onKeyDown,\n submitOnEnter = false,\n rows,\n ...textareaProps\n } = props;\n const ctx = useChatbarContext();\n const {\n open,\n minLines,\n maxLines,\n expandOn,\n disabled,\n readOnly,\n setOpen,\n setValue,\n textareaRef,\n value,\n isValueControlled,\n sendMode,\n paste,\n appendFilesFromPaste,\n size,\n } = ctx;\n\n // Cached metrics to avoid repeated getComputedStyle calls\n const lineHeightRef = React.useRef<number>(0);\n const paddingRef = React.useRef<number>(0);\n const compactHeightRef = React.useRef<number>(0);\n\n const recomputeMetrics = React.useCallback(() => {\n const el = textareaRef.current;\n if (!el) return;\n const computedStyle = window.getComputedStyle(el);\n const lineHeight = parseFloat(computedStyle.lineHeight) || 20;\n const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n lineHeightRef.current = lineHeight;\n paddingRef.current = paddingTop + paddingBottom;\n compactHeightRef.current = Math.ceil(1 * lineHeight) + paddingTop + paddingBottom;\n }, [textareaRef]);\n\n // Auto-resize logic - optimized for fixed widths\n const updateHeight = React.useCallback(\n (forceOpen?: boolean) => {\n const textarea = textareaRef.current;\n if (!textarea) return;\n\n textarea.style.height = 'auto';\n\n if (lineHeightRef.current === 0) {\n recomputeMetrics();\n }\n const lineHeight = lineHeightRef.current;\n const padding = paddingRef.current;\n\n const isOpen = forceOpen ?? open;\n const effectiveMinLines = isOpen ? minLines : 1;\n const effectiveMaxLines = isOpen ? maxLines : 1;\n\n const minHeight = Math.ceil(effectiveMinLines * lineHeight) + padding;\n const maxHeight = Math.ceil(effectiveMaxLines * lineHeight) + padding;\n\n const contentHeight = Math.max(textarea.scrollHeight, minHeight);\n const finalHeight = Math.min(contentHeight, maxHeight);\n\n textarea.style.height = `${finalHeight}px`;\n\n if (contentHeight > maxHeight) {\n textarea.style.overflowY = 'auto';\n textarea.style.maxHeight = `${maxHeight}px`;\n } else {\n textarea.style.overflowY = 'hidden';\n textarea.style.maxHeight = 'none';\n }\n },\n [open, minLines, maxLines, textareaRef, recomputeMetrics],\n );\n\n // Update height when value or open state changes\n useIsomorphicLayoutEffect(() => {\n updateHeight();\n }, [updateHeight, value, open]);\n\n // Recompute metrics on mount and when size changes may affect typography\n useIsomorphicLayoutEffect(() => {\n recomputeMetrics();\n updateHeight();\n }, [recomputeMetrics, updateHeight, size]);\n\n // Observe responsive changes that alter line-height\n React.useEffect(() => {\n const el = textareaRef.current;\n if (!el || typeof ResizeObserver === 'undefined') return;\n let prevLineHeight = lineHeightRef.current;\n const ro = new ResizeObserver(() => {\n const computedStyle = window.getComputedStyle(el);\n const lh = parseFloat(computedStyle.lineHeight) || 20;\n if (lh !== prevLineHeight) {\n prevLineHeight = lh;\n recomputeMetrics();\n requestAnimationFrame(() => updateHeight());\n }\n });\n ro.observe(el);\n return () => ro.disconnect();\n }, [textareaRef, recomputeMetrics, updateHeight]);\n\n // Dev-only warning if no accessible name is provided\n React.useEffect(() => {\n if (process.env.NODE_ENV === 'production') return;\n const hasLabel =\n textareaProps['aria-label'] != null || textareaProps['aria-labelledby'] != null;\n if (!hasLabel) {\n // eslint-disable-next-line no-console\n console.warn(\n '[Chatbar.Textarea] Provide aria-label or aria-labelledby to ensure the control has an accessible name.',\n );\n }\n // warn only on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Note: No MutationObserver is used because <textarea> value changes are not\n // reflected in DOM text nodes. Height updates are handled by effects and events.\n\n const handleFocus = React.useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n (event) => {\n if (disabled || readOnly) return;\n if ((expandOn === 'focus' || expandOn === 'both') && !open) setOpen(true);\n onFocus?.(event);\n },\n [disabled, readOnly, expandOn, open, setOpen, onFocus],\n );\n\n const handleChange = React.useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n (event) => {\n const el = event.currentTarget;\n const nextValue = el.value;\n setValue(nextValue);\n\n if ((expandOn === 'overflow' || expandOn === 'both') && !open) {\n el.style.height = 'auto';\n\n if (compactHeightRef.current === 0) {\n recomputeMetrics();\n }\n const shouldExpand = el.scrollHeight > compactHeightRef.current + 1;\n if (shouldExpand) {\n setOpen(true);\n // Immediately size for open state to avoid 1-line + scrollbar flash\n updateHeight(true);\n requestAnimationFrame(() => updateHeight(true));\n }\n }\n\n // Always recalc after any input\n requestAnimationFrame(() => updateHeight());\n onChange?.(event);\n },\n [expandOn, open, setOpen, setValue, onChange, updateHeight, recomputeMetrics],\n );\n\n const handlePaste = React.useCallback<React.ClipboardEventHandler<HTMLTextAreaElement>>(\n (event) => {\n // Attach files from clipboard if enabled\n if (paste) {\n const items = Array.from(event.clipboardData?.items ?? []);\n const files = items\n .filter((i) => i.kind === 'file')\n .map((i) => i.getAsFile())\n .filter((f): f is File => !!f);\n if (files.length > 0) {\n appendFilesFromPaste(files);\n }\n }\n setTimeout(() => {\n // If pasting in compact mode, force sizing as open if content overflowed\n if (!open) {\n updateHeight(true);\n } else {\n updateHeight();\n }\n }, 0);\n onPaste?.(event);\n },\n [paste, open, updateHeight, onPaste, appendFilesFromPaste],\n );\n\n const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n (event) => {\n if (!submitOnEnter) {\n onKeyDown?.(event);\n return;\n }\n if (\n event.key === 'Enter' &&\n !event.shiftKey &&\n !event.altKey &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.nativeEvent.isComposing\n ) {\n if (disabled || readOnly) {\n onKeyDown?.(event);\n return;\n }\n if (sendMode === 'never') {\n onKeyDown?.(event);\n return;\n }\n const trimmed = value.trim();\n const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n if (sendMode === 'whenDirty' && !hasContent) {\n onKeyDown?.(event);\n return;\n }\n event.preventDefault();\n ctx.onSubmit?.({ value, attachments: ctx.attachments });\n if (ctx.clearOnSubmit) {\n if (!isValueControlled) setValue('');\n ctx.setAttachments([]);\n }\n }\n onKeyDown?.(event);\n },\n [\n submitOnEnter,\n disabled,\n readOnly,\n sendMode,\n value,\n isValueControlled,\n setValue,\n ctx,\n onKeyDown,\n ],\n );\n\n const Comp = asChild ? Slot : ('textarea' as any);\n return (\n <div className={classNames('rt-ChatbarField', 'rt-ChatbarTextarea', className)}>\n <Comp\n {...textareaProps}\n ref={(node: HTMLTextAreaElement) => {\n if (typeof forwardedRef === 'function') forwardedRef(node);\n else if (forwardedRef)\n (forwardedRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n (textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n }}\n className=\"rt-ChatbarInput\"\n value={value}\n onInput={onInput}\n onChange={handleChange}\n onFocus={handleFocus}\n onPaste={handlePaste}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n readOnly={readOnly}\n rows={open ? minLines : 1}\n spellCheck={textareaProps.spellCheck ?? true}\n autoCorrect={textareaProps.autoCorrect ?? 'on'}\n style={style}\n />\n </div>\n );\n});\nTextarea.displayName = 'Chatbar.Textarea';\n\ninterface InlineSlotProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n children?: React.ReactNode;\n}\n\nconst InlineStart = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n const { children, asChild, style, className, ...divProps } = props;\n const ctx = useChatbarContext();\n if (ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarInlineStart', className)}\n style={style}\n >\n {children}\n </Comp>\n );\n});\nInlineStart.displayName = 'Chatbar.InlineStart';\n\nconst InlineEnd = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n const { children, asChild, style, className, ...divProps } = props;\n const ctx = useChatbarContext();\n if (ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarInlineEnd', className)}\n style={style}\n >\n {children}\n </Comp>\n );\n});\nInlineEnd.displayName = 'Chatbar.InlineEnd';\n\n/**\n * Renders a horizontally scrollable list of attachments above the inline row.\n * Hidden when empty unless `forceMount`. Override per-item with `renderAttachment`.\n */\ninterface AttachmentsRowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n forceMount?: boolean;\n /** If provided, custom-render a tile; otherwise default tile is used */\n renderAttachment?: (attachment: ChatbarAttachment) => React.ReactNode;\n}\n\nconst AttachmentsRow = React.forwardRef<HTMLDivElement, AttachmentsRowProps>(\n (props, forwardedRef) => {\n const { asChild, forceMount, renderAttachment, className, style, ...divProps } = props;\n const ctx = useChatbarContext();\n const hasItems = ctx.attachments.length > 0;\n if (!hasItems && !forceMount) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarAttachmentsRow', className)}\n style={style}\n role=\"list\"\n aria-label={divProps['aria-label'] ?? 'Attachments'}\n >\n <ScrollArea className=\"rt-ChatbarScrollArea\" scrollbars=\"horizontal\" size=\"1\">\n <Flex align=\"center\" gap=\"2\" style={{ minWidth: 'fit-content' }}>\n {ctx.attachments.map((att) => (\n <Attachment key={att.id} attachment={att} asChild={!!renderAttachment}>\n {renderAttachment?.(att)}\n </Attachment>\n ))}\n </Flex>\n </ScrollArea>\n </Comp>\n );\n },\n);\nAttachmentsRow.displayName = 'Chatbar.AttachmentsRow';\n\n/** Default tile renderer for a single attachment. */\ninterface AttachmentProps extends React.ComponentPropsWithoutRef<'div'> {\n attachment: ChatbarAttachment;\n asChild?: boolean;\n}\n\nconst Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, forwardedRef) => {\n const { attachment, asChild, className, style, children, ...divProps } = props;\n const ctx = useChatbarContext();\n const Comp = asChild ? Slot : ('div' as any);\n const isImage = !!attachment.url && attachment.type.startsWith('image/');\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarAttachment', className)}\n style={style}\n role=\"listitem\"\n data-kind={isImage ? 'image' : 'file'}\n title={attachment.name}\n >\n {children ?? (\n <Card size={ctx.size} variant=\"soft\">\n <Flex align=\"center\" gap=\"3\" pr={!isImage ? '6' : undefined}>\n <div className=\"rt-ChatbarAttachmentPreview\" aria-hidden>\n {isImage ? (\n <img className=\"rt-ChatbarAttachmentImage\" src={attachment.url} alt=\"\" />\n ) : (\n <FileTextIcon />\n )}\n </div>\n {!isImage && (\n <Flex direction=\"column\" gap=\"0\" style={{ minWidth: 0 }}>\n <Text\n size={ctx.size}\n weight=\"medium\"\n style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}\n >\n {attachment.name}\n </Text>\n <Text size=\"1\" color=\"gray\">\n {Math.ceil(attachment.size / 1024)} KB\n </Text>\n </Flex>\n )}\n <IconButton\n className=\"rt-ChatbarAttachmentRemove\"\n aria-label={`Remove ${attachment.name}`}\n size=\"1\"\n // size={ctx.size}\n variant=\"classic\"\n highContrast\n color=\"gray\"\n onClick={() =>\n ctx.setAttachments(ctx.attachments.filter((a) => a.id !== attachment.id))\n }\n >\n <CloseIcon />\n </IconButton>\n </Flex>\n </Card>\n )}\n </Comp>\n );\n});\nAttachment.displayName = 'Chatbar.Attachment';\n\ninterface AttachTriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n asChild?: boolean;\n accept?: string | string[];\n multiple?: boolean;\n}\n\nconst AttachTrigger = React.forwardRef<HTMLButtonElement, AttachTriggerProps>(\n (props, forwardedRef) => {\n const { asChild, accept, multiple, className, style, ...buttonProps } = props;\n const ctx = useChatbarContext();\n const inputRef = React.useRef<HTMLInputElement | null>(null);\n const Comp = asChild ? Slot : ('button' as any);\n const actualAccept = (Array.isArray(accept) ? accept : (accept?.split(',') ?? [])).join(',');\n return (\n <>\n <Comp\n {...(buttonProps as any)}\n ref={forwardedRef as any}\n className={classNames('rt-ChatbarAttachTrigger', className)}\n style={style}\n type={buttonProps.type ?? 'button'}\n aria-label={buttonProps['aria-label'] ?? 'Add attachments'}\n onClick={(e: any) => {\n // Ensure file input opens reliably by clicking it first\n if (inputRef.current) {\n inputRef.current.click();\n }\n // Then call user's onClick if provided\n buttonProps.onClick?.(e);\n }}\n />\n <input\n ref={inputRef}\n type=\"file\"\n accept={actualAccept}\n multiple={multiple ?? ctx.multiple}\n tabIndex={-1}\n style={{ display: 'none' }}\n onChange={(e) => {\n const files = Array.from(e.currentTarget.files ?? []);\n if (files.length > 0) {\n ctx.appendFiles(files);\n }\n // Reset input value to allow selecting the same file again\n e.currentTarget.value = '';\n }}\n />\n </>\n );\n },\n);\nAttachTrigger.displayName = 'Chatbar.AttachTrigger';\ninterface RowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n children?: React.ReactNode;\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, forwardedRef) => {\n const { asChild, children, className, style, ...divProps } = props;\n const ctx = useChatbarContext();\n if (!ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRow', className)}\n style={style}\n >\n <Flex align=\"center\" justify=\"between\" width=\"100%\">\n {children}\n </Flex>\n </Comp>\n );\n});\nRow.displayName = 'Chatbar.Row';\n\nconst RowStart = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, forwardedRef) => {\n const { className, style, ...divProps } = props;\n return (\n <div\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRowStart', className)}\n style={style}\n />\n );\n },\n);\nRowStart.displayName = 'Chatbar.RowStart';\n\nconst RowEnd = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, forwardedRef) => {\n const { className, style, ...divProps } = props;\n return (\n <div\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRowEnd', className)}\n style={style}\n />\n );\n },\n);\nRowEnd.displayName = 'Chatbar.RowEnd';\n\ninterface SendProps extends Omit<IconButtonProps, 'size'> {\n asChild?: boolean;\n clearOnSend?: boolean;\n}\n\nconst Send = React.forwardRef<HTMLButtonElement, SendProps>((props, forwardedRef) => {\n const {\n asChild,\n clearOnSend = true,\n disabled,\n children,\n className,\n style,\n ...buttonProps\n } = props;\n const ctx = useChatbarContext();\n\n const trimmed = ctx.value.trim();\n const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n const visible = ctx.sendMode === 'always' || (ctx.sendMode === 'whenDirty' && hasContent);\n if (ctx.sendMode === 'never') return null;\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (ctx.disabled || ctx.readOnly) return;\n ctx.onSubmit?.({ value: ctx.value, attachments: ctx.attachments });\n if (clearOnSend) {\n if (!ctx.isValueControlled) ctx.setValue('');\n if (ctx.clearOnSubmit) ctx.setAttachments([]);\n }\n buttonProps.onClick?.(event);\n };\n\n return (\n <IconButton\n {...(buttonProps as any)}\n ref={forwardedRef as any}\n size={ctx.size}\n variant={ctx.open ? 'solid' : 'ghost'}\n disabled={disabled || ctx.disabled || ctx.readOnly}\n className={classNames('rt-ChatbarSend', className)}\n style={{\n opacity: visible ? 1 : 0,\n pointerEvents: visible ? 'auto' : 'none',\n ...style,\n }}\n asChild={asChild}\n onClick={handleClick}\n aria-label={buttonProps['aria-label'] ?? 'Send'}\n >\n {children ?? 'Send'}\n </IconButton>\n );\n});\nSend.displayName = 'Chatbar.Send';\n\nexport {\n Root,\n Textarea,\n InlineStart,\n InlineEnd,\n AttachmentsRow,\n Attachment,\n AttachTrigger,\n Row,\n RowStart,\n RowEnd,\n Send,\n};\nexport type {\n RootProps as ChatbarRootProps,\n TextareaProps as ChatbarTextareaProps,\n RowProps as ChatbarRowProps,\n SendProps as ChatbarSendProps,\n ChatbarAttachment,\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton, type IconButtonProps } from './icon-button.js';\nimport { CloseIcon, FileTextIcon } from './icons.js';\nimport { Flex } from './flex.js';\n\nimport { ScrollArea } from './scroll-area.js';\nimport { Slot } from './slot.js';\nimport { Card } from './card.js';\nimport { Text } from './text.js';\nimport { useDropzone } from 'react-dropzone';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Avoid SSR warnings by using an isomorphic layout effect\nconst useIsomorphicLayoutEffect =\n typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\ntype ExpandOn = 'none' | 'focus' | 'overflow' | 'both';\ntype SendMode = 'always' | 'whenDirty' | 'never';\n\n// Attachments\n/** Status flag for attachment lifecycle. */\ntype AttachmentStatus = 'idle' | 'uploading' | 'error' | 'done';\n/**\n * Attachment data model used by Chatbar.\n * - `file` exposes the original File object for uploads and processing.\n * - `url` is an object URL used for image previews and is revoked on removal.\n */\ninterface ChatbarAttachment {\n id: string;\n name: string;\n size: number;\n type: string;\n /** Original File object for uploads and processing */\n file: File;\n url?: string;\n status?: AttachmentStatus;\n progress?: number;\n meta?: Record<string, unknown>;\n}\n\ninterface ChatbarContextValue {\n open: boolean;\n setOpen(next: boolean): void;\n isOpenControlled: boolean;\n\n value: string;\n setValue(next: string): void;\n isValueControlled: boolean;\n\n size: '1' | '2' | '3';\n expandOn: ExpandOn;\n minLines: number;\n maxLines: number;\n sendMode: SendMode;\n disabled?: boolean;\n readOnly?: boolean;\n\n // Submit returns both message and attachments\n onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n rootRef: React.RefObject<HTMLDivElement | null>;\n textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n\n // Attachments state\n attachments: ChatbarAttachment[];\n setAttachments(next: ChatbarAttachment[]): void;\n isAttachmentsControlled: boolean;\n\n // Config\n accept?: string | string[];\n multiple: boolean;\n maxAttachments?: number;\n maxFileSize?: number;\n paste: boolean;\n pasteAccept?: string | string[];\n clearOnSubmit: boolean;\n\n // Dropzone\n dropzone: boolean;\n\n // Events\n onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n // Helpers\n appendFiles(files: File[]): void;\n appendFilesFromPaste(files: File[]): void;\n}\n\nconst ChatbarContext = React.createContext<ChatbarContextValue | null>(null);\nconst useChatbarContext = () => {\n const ctx = React.useContext(ChatbarContext);\n if (!ctx) throw new Error('Chatbar context not found. Wrap parts in <Chatbar.Root>.');\n return ctx;\n};\n\n/**\n * Chatbar container and state provider.\n *\n * Value & Open\n * - Supports controlled/uncontrolled `value` and `open`.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n *\n * Submit\n * - `onSubmit({ value, attachments })` emits both message and attachments.\n * - `clearOnSubmit` clears message and attachments by default.\n */\ninterface ChatbarRootBaseProps {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n expandOn?: ExpandOn;\n\n /** Minimum number of lines in compact state (default: 1) */\n minLines?: number;\n /** Maximum number of lines before scrolling (default: 6) */\n maxLines?: number;\n\n sendMode?: SendMode;\n\n disabled?: boolean;\n readOnly?: boolean;\n\n /** Combined submit payload */\n onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n size?: '1' | '2' | '3';\n variant?: 'surface' | 'outline' | 'classic' | 'ghost' | 'soft';\n\n width?: React.CSSProperties['width'];\n maxWidth?: React.CSSProperties['maxWidth'];\n asChild?: boolean;\n\n // Attachments API\n attachments?: ChatbarAttachment[];\n defaultAttachments?: ChatbarAttachment[];\n onAttachmentsChange?: (attachments: ChatbarAttachment[]) => void;\n accept?: string | string[];\n multiple?: boolean;\n maxAttachments?: number;\n maxFileSize?: number;\n paste?: boolean;\n pasteAccept?: string | string[];\n clearOnSubmit?: boolean;\n onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n /**\n * Enables drag-and-drop file uploads when true.\n *\n * When enabled:\n * - Files can be dropped anywhere on the chatbar\n * - Same validation rules apply (accept, maxFileSize, maxAttachments)\n * - Visual feedback shows during drag operations\n * - Rejected files trigger onAttachmentReject\n *\n * @default true\n */\n dropzone?: boolean;\n}\n\ntype RootElement = React.ElementRef<'div'>;\n/**\n * Chatbar container and state provider.\n *\n * Behavior\n * - Supports controlled and uncontrolled `value` and `open` states via props.\n * - Provides context to subcomponents like `Textarea`, `Row`, and `Send`.\n * - Exposes `data-state`, `data-disabled`, and `data-readonly` attributes for styling.\n * - Sets `aria-expanded` to reflect open/closed state for assistive technologies.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n * - Paste-to-attach: when `paste` is enabled, pasting files adds attachments.\n *\n * Dropzone\n * - When `dropzone` is true, enables drag-and-drop file uploads.\n * - Files are validated using the same rules as paste and file picker.\n * - Visual feedback via `data-drop-active` attribute during drag operations.\n * - Rejected files trigger `onAttachmentReject` with appropriate reasons.\n *\n * Submit\n * - `onSubmit` receives both message text and attachments array.\n * - `clearOnSubmit` controls whether attachments are cleared after submission.\n *\n * Accessibility\n * - Consumers should label the `Textarea` via `aria-label`/`aria-labelledby`.\n * - `aria-expanded` on the root reflects the disclosure state of the input area.\n * - Dropzone provides proper ARIA attributes for drag and drop operations.\n */\ninterface RootProps\n extends ComponentPropsWithout<'div', RemovedProps | 'onSubmit'>,\n ChatbarRootBaseProps {}\n\nconst Root = React.forwardRef<RootElement, RootProps>((props, forwardedRef) => {\n const {\n className,\n style,\n children,\n value: valueProp,\n defaultValue = '',\n onValueChange: onValueChangeProp,\n open: openProp,\n defaultOpen = false,\n onOpenChange: onOpenChangeProp,\n expandOn = 'both',\n minLines = 1,\n maxLines = 6,\n sendMode = 'whenDirty',\n disabled,\n readOnly,\n onSubmit,\n size = '2',\n variant,\n width,\n maxWidth,\n asChild,\n attachments: attachmentsProp,\n defaultAttachments = [],\n onAttachmentsChange,\n accept,\n multiple = true,\n maxAttachments,\n maxFileSize,\n paste = true,\n pasteAccept,\n clearOnSubmit = true,\n onAttachmentReject,\n dropzone = true,\n ...divProps\n } = props;\n\n const isValueControlled = valueProp != null;\n const [valueUncontrolled, setValueUncontrolled] = React.useState<string>(defaultValue);\n const value = isValueControlled ? (valueProp as string) : valueUncontrolled;\n\n const isOpenControlled = openProp != null;\n const [openUncontrolled, setOpenUncontrolled] = React.useState<boolean>(defaultOpen);\n const open = isOpenControlled ? (openProp as boolean) : openUncontrolled;\n\n const rootRef = React.useRef<HTMLDivElement>(null);\n const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n // Attachments state\n // Treat `attachments` as controlled if the prop is provided, even if its value is `undefined`.\n // This avoids switching between controlled and uncontrolled when a consumer sets\n // `attachments={undefined}` to clear attachments. In that case we normalize to an empty array.\n const isAttachmentsControlled = 'attachments' in props;\n const [attachmentsUncontrolled, setAttachmentsUncontrolled] =\n React.useState<ChatbarAttachment[]>(defaultAttachments);\n const attachments = isAttachmentsControlled\n ? ((attachmentsProp ?? []) as ChatbarAttachment[])\n : attachmentsUncontrolled;\n\n // Track generated object URLs for cleanup\n const generatedUrlSetRef = React.useRef<Set<string>>(new Set());\n\n const toArray = (val: string | string[] | undefined) =>\n Array.isArray(val) ? val : typeof val === 'string' ? val.split(',').map((s) => s.trim()) : [];\n\n const accepts = toArray(accept);\n const pasteAccepts = toArray(pasteAccept).length > 0 ? toArray(pasteAccept) : accepts;\n\n const matchesAccept = (file: File, patterns: string[]) => {\n if (patterns.length === 0) return true;\n const mime = file.type.toLowerCase();\n const name = file.name.toLowerCase();\n for (const patRaw of patterns) {\n const pat = patRaw.toLowerCase();\n if (pat.includes('/')) {\n // MIME pattern\n const [type, subtype] = pat.split('/');\n const [fmType, fmSubtype] = mime.split('/');\n if (type === '*' || (type === fmType && (subtype === '*' || subtype === fmSubtype)))\n return true;\n } else if (pat.startsWith('.')) {\n if (name.endsWith(pat)) return true;\n }\n }\n return false;\n };\n\n /**\n * Maps File objects to attachments with validation and preview URL generation.\n */\n const mapFilesToAttachments = (\n files: File[],\n ): {\n accepted: ChatbarAttachment[];\n rejected: { file: File; reason: 'type' | 'size' | 'count' }[];\n } => {\n const next: ChatbarAttachment[] = [];\n const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n\n const remainingSlots =\n typeof maxAttachments === 'number'\n ? Math.max(maxAttachments - attachments.length, 0)\n : Infinity;\n\n for (const file of files) {\n if (next.length >= remainingSlots) {\n rejected.push({ file, reason: 'count' });\n continue;\n }\n if (typeof maxFileSize === 'number' && file.size > maxFileSize) {\n rejected.push({ file, reason: 'size' });\n continue;\n }\n if (!matchesAccept(file, accepts)) {\n rejected.push({ file, reason: 'type' });\n continue;\n }\n const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n const looksLikeImageByExt = /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(file.name);\n const isImageType = (file.type || '').toLowerCase().startsWith('image/');\n const url = isImageType || looksLikeImageByExt ? URL.createObjectURL(file) : undefined;\n if (url) generatedUrlSetRef.current.add(url);\n next.push({\n id,\n name: file.name,\n size: file.size,\n type: file.type,\n file,\n url,\n status: 'idle',\n });\n }\n return { accepted: next, rejected };\n };\n\n const appendFiles = (files: File[]) => {\n const { accepted, rejected } = mapFilesToAttachments(files);\n if (accepted.length > 0) {\n const merged = attachments.concat(accepted);\n if (!isAttachmentsControlled) setAttachmentsUncontrolled(merged);\n onAttachmentsChange?.(merged);\n }\n if (rejected.length > 0) onAttachmentReject?.(rejected);\n };\n\n const appendFilesFromPaste = (files: File[]) => {\n // Use pasteAccepts for type filtering\n const matches = (file: File) => {\n if (pasteAccepts.length === 0) return matchesAccept(file, accepts);\n return matchesAccept(file, pasteAccepts);\n };\n const acceptedFiles: File[] = [];\n const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n\n // Enforce maxAttachments and maxFileSize\n const remainingSlots =\n typeof maxAttachments === 'number'\n ? Math.max(maxAttachments - attachments.length, 0)\n : Infinity;\n for (const file of files) {\n if (acceptedFiles.length >= remainingSlots) {\n rejected.push({ file, reason: 'count' });\n continue;\n }\n if (typeof maxFileSize === 'number' && file.size > maxFileSize) {\n rejected.push({ file, reason: 'size' });\n continue;\n }\n if (!matches(file)) {\n rejected.push({ file, reason: 'type' });\n continue;\n }\n acceptedFiles.push(file);\n }\n if (acceptedFiles.length > 0) appendFiles(acceptedFiles);\n if (rejected.length > 0) onAttachmentReject?.(rejected);\n };\n\n // Revoke object URLs that are no longer referenced by current attachments\n React.useEffect(() => {\n const currentUrls = new Set(attachments.map((a) => a.url).filter(Boolean) as string[]);\n for (const url of Array.from(generatedUrlSetRef.current)) {\n if (!currentUrls.has(url)) {\n URL.revokeObjectURL(url);\n generatedUrlSetRef.current.delete(url);\n }\n }\n }, [attachments]);\n\n // Revoke any remaining generated URLs on unmount\n React.useEffect(() => {\n return () => {\n for (const url of Array.from(generatedUrlSetRef.current)) {\n URL.revokeObjectURL(url);\n }\n generatedUrlSetRef.current.clear();\n };\n }, []);\n\n const Comp = asChild ? Slot : ('div' as any);\n\n const handleBlurCapture = React.useCallback(\n (event: React.FocusEvent) => {\n const nextTarget = event.relatedTarget as Node | null;\n const rootEl = rootRef.current;\n if (!rootEl) return;\n // If focus remains within root, ignore\n if (nextTarget && rootEl.contains(nextTarget)) return;\n // Collapse when leaving the root if the value is empty\n if ((value?.trim?.() ?? '').length === 0) {\n if (!isOpenControlled) setOpenUncontrolled(false);\n onOpenChangeProp?.(false);\n }\n },\n [isOpenControlled, onOpenChangeProp, value],\n );\n\n // Dropzone functionality\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (acceptedFiles.length > 0) {\n appendFiles(acceptedFiles);\n }\n if (rejectedFiles.length > 0 && onAttachmentReject) {\n const rejections = rejectedFiles.map(({ file, errors }) => {\n const reason =\n errors[0]?.code === 'file-too-large'\n ? 'size'\n : errors[0]?.code === 'file-invalid-type'\n ? 'type'\n : 'count';\n return { file, reason: reason as 'type' | 'size' | 'count' };\n });\n onAttachmentReject(rejections);\n }\n },\n accept:\n accepts.length > 0\n ? accepts.reduce(\n (acc, pattern) => {\n if (pattern.includes('/')) {\n // MIME type pattern\n acc[pattern] = [];\n } else if (pattern.startsWith('.')) {\n // File extension pattern\n acc[pattern] = [];\n }\n return acc;\n },\n {} as Record<string, string[]>,\n )\n : undefined,\n multiple,\n maxSize: maxFileSize,\n noClick: true,\n noKeyboard: true,\n disabled: !dropzone || disabled,\n });\n\n return (\n <ChatbarContext.Provider\n value={{\n open,\n setOpen: (next) => {\n if (!isOpenControlled) setOpenUncontrolled(next);\n onOpenChangeProp?.(next);\n },\n isOpenControlled,\n value,\n setValue: (next) => {\n if (!isValueControlled) setValueUncontrolled(next);\n onValueChangeProp?.(next);\n },\n isValueControlled,\n size,\n expandOn,\n minLines,\n maxLines,\n sendMode,\n disabled,\n readOnly,\n onSubmit,\n rootRef,\n textareaRef,\n attachments,\n setAttachments: (next) => {\n if (!isAttachmentsControlled) setAttachmentsUncontrolled(next);\n onAttachmentsChange?.(next);\n },\n isAttachmentsControlled,\n accept,\n multiple,\n maxAttachments,\n maxFileSize,\n paste,\n pasteAccept,\n clearOnSubmit,\n onAttachmentReject,\n dropzone,\n appendFiles,\n appendFilesFromPaste,\n }}\n >\n <Comp\n {...divProps}\n ref={(node: HTMLDivElement) => {\n if (typeof forwardedRef === 'function') forwardedRef(node);\n else if (forwardedRef)\n (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n (rootRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n }}\n className={classNames('rt-ChatbarRoot', `rt-r-size-${size}`, className)}\n style={{ position: 'relative', width, maxWidth, ...style }}\n data-state={open ? 'open' : 'closed'}\n data-disabled={disabled ? '' : undefined}\n data-readonly={readOnly ? '' : undefined}\n data-drop-active={dropzone && isDragActive ? '' : undefined}\n aria-expanded={open}\n onBlurCapture={handleBlurCapture}\n >\n {dropzone && <input {...getInputProps()} />}\n <div {...(dropzone ? getRootProps() : {})} style={{ width: '100%', height: '100%' }}>\n <Card\n className=\"rt-ChatbarCard\"\n size={Math.min(3, Number(size) + 1).toString() as '1' | '2' | '3'}\n variant={variant as any}\n style={{ position: 'relative' }}\n >\n <div className=\"rt-ChatbarGrid\">{children}</div>\n {dropzone && isDragActive && (\n <div className=\"rt-ChatbarDropOverlay\">\n <div className=\"rt-ChatbarDropContent\">\n <Text color=\"gray\" size={size} weight=\"medium\">\n Drop files here to attach\n </Text>\n </div>\n </div>\n )}\n </Card>\n </div>\n </Comp>\n </ChatbarContext.Provider>\n );\n});\nRoot.displayName = 'Chatbar.Root';\n\n/**\n * Multi-line text input for Chatbar.\n * - Uses onChange to control value and avoid duplicate updates.\n * - Auto-resizes between minLines and maxLines.\n * - Expands on focus/overflow per `expandOn`.\n * - Paste-to-attach: when `paste` is enabled on Root, pasting files adds attachments.\n * - Provide `aria-label` or `aria-labelledby` for an accessible name.\n */\ninterface TextareaProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'size'> {\n asChild?: boolean;\n /**\n * Handler for paste events. This is forwarded to the underlying <textarea>.\n */\n onPaste?: React.ClipboardEventHandler<HTMLTextAreaElement>;\n /**\n * When true, pressing Enter submits via onSend (Shift+Enter inserts newline).\n * Defaults to false.\n */\n submitOnEnter?: boolean;\n}\n\n/**\n * Chatbar multi-line text input.\n *\n * Behavior\n * - Controls the Chatbar value via React onChange. We intentionally do not\n * update state in onInput to avoid duplicate updates per keystroke.\n * - Auto-resizes between minLines and maxLines using layout measurements.\n * - When expandOn is `overflow` or `both`, the Chatbar opens as soon as the\n * content exceeds the compact height.\n * - Height recalculations occur on change, paste, and whenever `value` or `open`\n * changes via an isomorphic layout effect to avoid SSR warnings.\n *\n * Accessibility\n * - Consumers should provide labeling via aria-label or aria-labelledby\n * on this component, as no implicit label is rendered.\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>((props, forwardedRef) => {\n const {\n className,\n style,\n asChild,\n onFocus,\n onInput,\n onChange,\n onPaste,\n onKeyDown,\n submitOnEnter = false,\n rows,\n ...textareaProps\n } = props;\n const ctx = useChatbarContext();\n const {\n open,\n minLines,\n maxLines,\n expandOn,\n disabled,\n readOnly,\n setOpen,\n setValue,\n textareaRef,\n value,\n isValueControlled,\n sendMode,\n paste,\n appendFilesFromPaste,\n size,\n } = ctx;\n\n // Cached metrics to avoid repeated getComputedStyle calls\n const lineHeightRef = React.useRef<number>(0);\n const paddingRef = React.useRef<number>(0);\n const compactHeightRef = React.useRef<number>(0);\n\n const recomputeMetrics = React.useCallback(() => {\n const el = textareaRef.current;\n if (!el) return;\n const computedStyle = window.getComputedStyle(el);\n const lineHeight = parseFloat(computedStyle.lineHeight) || 20;\n const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n lineHeightRef.current = lineHeight;\n paddingRef.current = paddingTop + paddingBottom;\n compactHeightRef.current = Math.ceil(1 * lineHeight) + paddingTop + paddingBottom;\n }, [textareaRef]);\n\n // Auto-resize logic - optimized for fixed widths\n const updateHeight = React.useCallback(\n (forceOpen?: boolean) => {\n const textarea = textareaRef.current;\n if (!textarea) return;\n\n textarea.style.height = 'auto';\n\n if (lineHeightRef.current === 0) {\n recomputeMetrics();\n }\n const lineHeight = lineHeightRef.current;\n const padding = paddingRef.current;\n\n const isOpen = forceOpen ?? open;\n const effectiveMinLines = isOpen ? minLines : 1;\n const effectiveMaxLines = isOpen ? maxLines : 1;\n\n const minHeight = Math.ceil(effectiveMinLines * lineHeight) + padding;\n const maxHeight = Math.ceil(effectiveMaxLines * lineHeight) + padding;\n\n const contentHeight = Math.max(textarea.scrollHeight, minHeight);\n const finalHeight = Math.min(contentHeight, maxHeight);\n\n textarea.style.height = `${finalHeight}px`;\n\n if (contentHeight > maxHeight) {\n textarea.style.overflowY = 'auto';\n textarea.style.maxHeight = `${maxHeight}px`;\n } else {\n textarea.style.overflowY = 'hidden';\n textarea.style.maxHeight = 'none';\n }\n },\n [open, minLines, maxLines, textareaRef, recomputeMetrics],\n );\n\n // Update height when value or open state changes\n useIsomorphicLayoutEffect(() => {\n updateHeight();\n }, [updateHeight, value, open]);\n\n // Recompute metrics on mount and when size changes may affect typography\n useIsomorphicLayoutEffect(() => {\n recomputeMetrics();\n updateHeight();\n }, [recomputeMetrics, updateHeight, size]);\n\n // Observe responsive changes that alter line-height\n React.useEffect(() => {\n const el = textareaRef.current;\n if (!el || typeof ResizeObserver === 'undefined') return;\n let prevLineHeight = lineHeightRef.current;\n const ro = new ResizeObserver(() => {\n const computedStyle = window.getComputedStyle(el);\n const lh = parseFloat(computedStyle.lineHeight) || 20;\n if (lh !== prevLineHeight) {\n prevLineHeight = lh;\n recomputeMetrics();\n requestAnimationFrame(() => updateHeight());\n }\n });\n ro.observe(el);\n return () => ro.disconnect();\n }, [textareaRef, recomputeMetrics, updateHeight]);\n\n // Dev-only warning if no accessible name is provided\n React.useEffect(() => {\n if (process.env.NODE_ENV === 'production') return;\n const hasLabel =\n textareaProps['aria-label'] != null || textareaProps['aria-labelledby'] != null;\n if (!hasLabel) {\n // eslint-disable-next-line no-console\n console.warn(\n '[Chatbar.Textarea] Provide aria-label or aria-labelledby to ensure the control has an accessible name.',\n );\n }\n // warn only on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Note: No MutationObserver is used because <textarea> value changes are not\n // reflected in DOM text nodes. Height updates are handled by effects and events.\n\n const handleFocus = React.useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n (event) => {\n if (disabled || readOnly) return;\n if ((expandOn === 'focus' || expandOn === 'both') && !open) setOpen(true);\n onFocus?.(event);\n },\n [disabled, readOnly, expandOn, open, setOpen, onFocus],\n );\n\n const handleChange = React.useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n (event) => {\n const el = event.currentTarget;\n const nextValue = el.value;\n setValue(nextValue);\n\n if ((expandOn === 'overflow' || expandOn === 'both') && !open) {\n el.style.height = 'auto';\n\n if (compactHeightRef.current === 0) {\n recomputeMetrics();\n }\n const shouldExpand = el.scrollHeight > compactHeightRef.current + 1;\n if (shouldExpand) {\n setOpen(true);\n // Immediately size for open state to avoid 1-line + scrollbar flash\n updateHeight(true);\n requestAnimationFrame(() => updateHeight(true));\n }\n }\n\n // Always recalc after any input\n requestAnimationFrame(() => updateHeight());\n onChange?.(event);\n },\n [expandOn, open, setOpen, setValue, onChange, updateHeight, recomputeMetrics],\n );\n\n const handlePaste = React.useCallback<React.ClipboardEventHandler<HTMLTextAreaElement>>(\n (event) => {\n // Attach files from clipboard if enabled\n if (paste) {\n const items = Array.from(event.clipboardData?.items ?? []);\n const files = items\n .filter((i) => i.kind === 'file')\n .map((i) => i.getAsFile())\n .filter((f): f is File => !!f);\n if (files.length > 0) {\n appendFilesFromPaste(files);\n }\n }\n setTimeout(() => {\n // If pasting in compact mode, force sizing as open if content overflowed\n if (!open) {\n updateHeight(true);\n } else {\n updateHeight();\n }\n }, 0);\n onPaste?.(event);\n },\n [paste, open, updateHeight, onPaste, appendFilesFromPaste],\n );\n\n const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n (event) => {\n if (!submitOnEnter) {\n onKeyDown?.(event);\n return;\n }\n if (\n event.key === 'Enter' &&\n !event.shiftKey &&\n !event.altKey &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.nativeEvent.isComposing\n ) {\n if (disabled || readOnly) {\n onKeyDown?.(event);\n return;\n }\n if (sendMode === 'never') {\n onKeyDown?.(event);\n return;\n }\n const trimmed = value.trim();\n const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n if (sendMode === 'whenDirty' && !hasContent) {\n onKeyDown?.(event);\n return;\n }\n event.preventDefault();\n ctx.onSubmit?.({ value, attachments: ctx.attachments });\n if (ctx.clearOnSubmit) {\n if (!isValueControlled) setValue('');\n ctx.setAttachments([]);\n }\n }\n onKeyDown?.(event);\n },\n [\n submitOnEnter,\n disabled,\n readOnly,\n sendMode,\n value,\n isValueControlled,\n setValue,\n ctx,\n onKeyDown,\n ],\n );\n\n const Comp = asChild ? Slot : ('textarea' as any);\n return (\n <div className={classNames('rt-ChatbarField', 'rt-ChatbarTextarea', className)}>\n <Comp\n {...textareaProps}\n ref={(node: HTMLTextAreaElement) => {\n if (typeof forwardedRef === 'function') forwardedRef(node);\n else if (forwardedRef)\n (forwardedRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n (textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n }}\n className=\"rt-ChatbarInput\"\n value={value}\n onInput={onInput}\n onChange={handleChange}\n onFocus={handleFocus}\n onPaste={handlePaste}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n readOnly={readOnly}\n rows={open ? minLines : 1}\n spellCheck={textareaProps.spellCheck ?? true}\n autoCorrect={textareaProps.autoCorrect ?? 'on'}\n style={style}\n />\n </div>\n );\n});\nTextarea.displayName = 'Chatbar.Textarea';\n\ninterface InlineSlotProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n children?: React.ReactNode;\n}\n\nconst InlineStart = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n const { children, asChild, style, className, ...divProps } = props;\n const ctx = useChatbarContext();\n if (ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarInlineStart', className)}\n style={style}\n >\n {children}\n </Comp>\n );\n});\nInlineStart.displayName = 'Chatbar.InlineStart';\n\nconst InlineEnd = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n const { children, asChild, style, className, ...divProps } = props;\n const ctx = useChatbarContext();\n if (ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarInlineEnd', className)}\n style={style}\n >\n {children}\n </Comp>\n );\n});\nInlineEnd.displayName = 'Chatbar.InlineEnd';\n\n/**\n * Renders a horizontally scrollable list of attachments above the inline row.\n * Hidden when empty unless `forceMount`. Override per-item with `renderAttachment`.\n */\ninterface AttachmentsRowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n forceMount?: boolean;\n /** If provided, custom-render a tile; otherwise default tile is used */\n renderAttachment?: (attachment: ChatbarAttachment) => React.ReactNode;\n}\n\nconst AttachmentsRow = React.forwardRef<HTMLDivElement, AttachmentsRowProps>(\n (props, forwardedRef) => {\n const { asChild, forceMount, renderAttachment, className, style, ...divProps } = props;\n const ctx = useChatbarContext();\n const hasItems = ctx.attachments.length > 0;\n if (!hasItems && !forceMount) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarAttachmentsRow', className)}\n style={style}\n role=\"list\"\n aria-label={divProps['aria-label'] ?? 'Attachments'}\n >\n <ScrollArea className=\"rt-ChatbarScrollArea\" scrollbars=\"horizontal\" size=\"1\">\n <Flex align=\"center\" gap=\"2\" style={{ minWidth: 'fit-content' }}>\n {ctx.attachments.map((att) => (\n <Attachment key={att.id} attachment={att} asChild={!!renderAttachment}>\n {renderAttachment?.(att)}\n </Attachment>\n ))}\n </Flex>\n </ScrollArea>\n </Comp>\n );\n },\n);\nAttachmentsRow.displayName = 'Chatbar.AttachmentsRow';\n\n/** Default tile renderer for a single attachment. */\ninterface AttachmentProps extends React.ComponentPropsWithoutRef<'div'> {\n attachment: ChatbarAttachment;\n asChild?: boolean;\n}\n\nconst Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, forwardedRef) => {\n const { attachment, asChild, className, style, children, ...divProps } = props;\n const ctx = useChatbarContext();\n const Comp = asChild ? Slot : ('div' as any);\n const isImage = !!attachment.url && attachment.type.startsWith('image/');\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarAttachment', className)}\n style={style}\n role=\"listitem\"\n data-kind={isImage ? 'image' : 'file'}\n title={attachment.name}\n >\n {children ?? (\n <Card size={ctx.size} variant=\"soft\">\n <Flex align=\"center\" gap=\"3\" pr={!isImage ? '6' : undefined}>\n <div className=\"rt-ChatbarAttachmentPreview\" aria-hidden>\n {isImage ? (\n <img className=\"rt-ChatbarAttachmentImage\" src={attachment.url} alt=\"\" />\n ) : (\n <FileTextIcon />\n )}\n </div>\n {!isImage && (\n <Flex direction=\"column\" gap=\"0\" style={{ minWidth: 0 }}>\n <Text\n size={ctx.size}\n weight=\"medium\"\n style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}\n >\n {attachment.name}\n </Text>\n <Text size=\"1\" color=\"gray\">\n {Math.ceil(attachment.size / 1024)} KB\n </Text>\n </Flex>\n )}\n <IconButton\n className=\"rt-ChatbarAttachmentRemove\"\n aria-label={`Remove ${attachment.name}`}\n size=\"1\"\n // size={ctx.size}\n variant=\"classic\"\n highContrast\n color=\"gray\"\n onClick={() =>\n ctx.setAttachments(ctx.attachments.filter((a) => a.id !== attachment.id))\n }\n >\n <CloseIcon />\n </IconButton>\n </Flex>\n </Card>\n )}\n </Comp>\n );\n});\nAttachment.displayName = 'Chatbar.Attachment';\n\ninterface AttachTriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n asChild?: boolean;\n accept?: string | string[];\n multiple?: boolean;\n}\n\nconst AttachTrigger = React.forwardRef<HTMLButtonElement, AttachTriggerProps>(\n (props, forwardedRef) => {\n const { asChild, accept, multiple, className, style, ...buttonProps } = props;\n const ctx = useChatbarContext();\n const inputRef = React.useRef<HTMLInputElement | null>(null);\n const Comp = asChild ? Slot : ('button' as any);\n const actualAccept = (Array.isArray(accept) ? accept : (accept?.split(',') ?? [])).join(',');\n return (\n <>\n <Comp\n {...(buttonProps as any)}\n ref={forwardedRef as any}\n className={classNames('rt-ChatbarAttachTrigger', className)}\n style={style}\n type={buttonProps.type ?? 'button'}\n aria-label={buttonProps['aria-label'] ?? 'Add attachments'}\n onClick={(e: any) => {\n // Ensure file input opens reliably by clicking it first\n if (inputRef.current) {\n inputRef.current.click();\n }\n // Then call user's onClick if provided\n buttonProps.onClick?.(e);\n }}\n />\n <input\n ref={inputRef}\n type=\"file\"\n accept={actualAccept}\n multiple={multiple ?? ctx.multiple}\n tabIndex={-1}\n style={{ display: 'none' }}\n onChange={(e) => {\n const files = Array.from(e.currentTarget.files ?? []);\n if (files.length > 0) {\n ctx.appendFiles(files);\n }\n // Reset input value to allow selecting the same file again\n e.currentTarget.value = '';\n }}\n />\n </>\n );\n },\n);\nAttachTrigger.displayName = 'Chatbar.AttachTrigger';\ninterface RowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n asChild?: boolean;\n children?: React.ReactNode;\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, forwardedRef) => {\n const { asChild, children, className, style, ...divProps } = props;\n const ctx = useChatbarContext();\n if (!ctx.open) return null;\n const Comp = asChild ? Slot : ('div' as any);\n return (\n <Comp\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRow', className)}\n style={style}\n >\n <Flex align=\"center\" justify=\"between\" width=\"100%\">\n {children}\n </Flex>\n </Comp>\n );\n});\nRow.displayName = 'Chatbar.Row';\n\nconst RowStart = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, forwardedRef) => {\n const { className, style, ...divProps } = props;\n return (\n <div\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRowStart', className)}\n style={style}\n />\n );\n },\n);\nRowStart.displayName = 'Chatbar.RowStart';\n\nconst RowEnd = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, forwardedRef) => {\n const { className, style, ...divProps } = props;\n return (\n <div\n {...divProps}\n ref={forwardedRef}\n className={classNames('rt-ChatbarRowEnd', className)}\n style={style}\n />\n );\n },\n);\nRowEnd.displayName = 'Chatbar.RowEnd';\n\ninterface SendProps extends Omit<IconButtonProps, 'size'> {\n asChild?: boolean;\n clearOnSend?: boolean;\n}\n\nconst Send = React.forwardRef<HTMLButtonElement, SendProps>((props, forwardedRef) => {\n const {\n asChild,\n clearOnSend = true,\n disabled,\n children,\n className,\n style,\n ...buttonProps\n } = props;\n const ctx = useChatbarContext();\n\n const trimmed = ctx.value.trim();\n const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n const visible = ctx.sendMode === 'always' || (ctx.sendMode === 'whenDirty' && hasContent);\n if (ctx.sendMode === 'never') return null;\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (ctx.disabled || ctx.readOnly) return;\n ctx.onSubmit?.({ value: ctx.value, attachments: ctx.attachments });\n if (clearOnSend) {\n if (!ctx.isValueControlled) ctx.setValue('');\n if (ctx.clearOnSubmit) ctx.setAttachments([]);\n }\n buttonProps.onClick?.(event);\n };\n\n return (\n <IconButton\n {...(buttonProps as any)}\n ref={forwardedRef as any}\n size={ctx.size}\n variant={ctx.open ? 'solid' : 'ghost'}\n disabled={disabled || ctx.disabled || ctx.readOnly}\n className={classNames('rt-ChatbarSend', className)}\n style={{\n opacity: visible ? 1 : 0,\n pointerEvents: visible ? 'auto' : 'none',\n ...style,\n }}\n asChild={asChild}\n onClick={handleClick}\n aria-label={buttonProps['aria-label'] ?? 'Send'}\n >\n {children ?? 'Send'}\n </IconButton>\n );\n});\nSend.displayName = 'Chatbar.Send';\n\nexport {\n Root,\n Textarea,\n InlineStart,\n InlineEnd,\n AttachmentsRow,\n Attachment,\n AttachTrigger,\n Row,\n RowStart,\n RowEnd,\n Send,\n};\nexport type {\n RootProps as ChatbarRootProps,\n TextareaProps as ChatbarTextareaProps,\n RowProps as ChatbarRowProps,\n SendProps as ChatbarSendProps,\n ChatbarAttachment,\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "classNames", "IconButton", "CloseIcon", "FileTextIcon", "Flex", "ScrollArea", "Slot", "Card", "Text", "useDropzone", "useIsomorphicLayoutEffect", "ChatbarContext", "useChatbarContext", "ctx", "Root", "props", "forwardedRef", "className", "style", "children", "valueProp", "defaultValue", "onValueChangeProp", "openProp", "defaultOpen", "onOpenChangeProp", "expandOn", "minLines", "maxLines", "sendMode", "disabled", "readOnly", "onSubmit", "size", "variant", "width", "maxWidth", "asChild", "attachmentsProp", "defaultAttachments", "onAttachmentsChange", "accept", "multiple", "maxAttachments", "maxFileSize", "paste", "pasteAccept", "clearOnSubmit", "onAttachmentReject", "dropzone", "divProps", "isValueControlled", "valueUncontrolled", "setValueUncontrolled", "value", "isOpenControlled", "openUncontrolled", "setOpenUncontrolled", "open", "rootRef", "textareaRef", "isAttachmentsControlled", "attachmentsUncontrolled", "setAttachmentsUncontrolled", "attachments", "generatedUrlSetRef", "toArray", "val", "s", "accepts", "pasteAccepts", "matchesAccept", "file", "patterns", "mime", "name", "patRaw", "pat", "type", "subtype", "fmType", "fmSubtype", "mapFilesToAttachments", "files", "next", "rejected", "remainingSlots", "id", "looksLikeImageByExt", "url", "appendFiles", "accepted", "merged", "appendFilesFromPaste", "matches", "acceptedFiles", "currentUrls", "a", "Comp", "handleBlurCapture", "event", "nextTarget", "rootEl", "getRootProps", "getInputProps", "isDragActive", "rejectedFiles", "rejections", "errors", "reason", "acc", "pattern", "node", "Textarea", "onFocus", "onInput", "onChange", "onPaste", "onKeyDown", "submitOnEnter", "rows", "textareaProps", "setOpen", "setValue", "lineHeightRef", "paddingRef", "compactHeightRef", "recomputeMetrics", "el", "computedStyle", "lineHeight", "paddingTop", "paddingBottom", "updateHeight", "forceOpen", "textarea", "padding", "isOpen", "effectiveMinLines", "effectiveMaxLines", "minHeight", "maxHeight", "contentHeight", "finalHeight", "prevLineHeight", "ro", "lh", "handleFocus", "handleChange", "nextValue", "handlePaste", "i", "f", "handleKeyDown", "hasContent", "InlineStart", "InlineEnd", "AttachmentsRow", "forceMount", "renderAttachment", "att", "Attachment", "attachment", "isImage", "AttachTrigger", "buttonProps", "inputRef", "actualAccept", "e", "Row", "RowStart", "RowEnd", "Send", "clearOnSend", "visible", "handleClick"]
|
|
7
7
|
}
|
|
@@ -13,7 +13,7 @@ declare const checkboxCardsRootPropDefs: {
|
|
|
13
13
|
type: "enum | string";
|
|
14
14
|
className: string;
|
|
15
15
|
customProperties: "--gap"[];
|
|
16
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
16
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
17
17
|
responsive: true;
|
|
18
18
|
};
|
|
19
19
|
highContrast: {
|
|
@@ -29,7 +29,7 @@ declare const checkboxCardsRootPropDefs: {
|
|
|
29
29
|
size: {
|
|
30
30
|
type: "enum";
|
|
31
31
|
className: string;
|
|
32
|
-
values: readonly ["1", "2", "3", "4", "5"];
|
|
32
|
+
values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
33
33
|
default: "2";
|
|
34
34
|
responsive: true;
|
|
35
35
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{asChildPropDef as o}from"../props/as-child.prop.js";import{colorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3","4","5"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],n={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as checkboxCardsRootPropDefs};
|
|
1
|
+
import{asChildPropDef as o}from"../props/as-child.prop.js";import{colorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3","4","5","6","7","8","9","10","11","12"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],n={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as checkboxCardsRootPropDefs};
|
|
2
2
|
//# sourceMappingURL=checkbox-cards.props.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/checkbox-cards.props.tsx"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst checkboxCardsRootPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n ...colorPropDef,\n ...highContrastPropDef,\n columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
|
|
5
|
-
"mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,
|
|
4
|
+
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst checkboxCardsRootPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n ...colorPropDef,\n ...highContrastPropDef,\n columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
|
|
5
|
+
"mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAA4B,CAChC,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAGL,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
|
|
6
6
|
"names": ["asChildPropDef", "colorPropDef", "highContrastPropDef", "gridPropDefs", "sizes", "variants", "panelBackgrounds", "checkboxCardsRootPropDefs"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,sBAAsB,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAMtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAU5D,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAOnF,UAAU,sBACR,SAAQ,qBAAqB,CACzB,OAAO,sBAAsB,CAAC,IAAI,EAClC,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,yBAAyB;CAAG;AAChC,QAAA,MAAM,iBAAiB,+FA8BtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC7E,WAAW;CAAG;AAClB,QAAA,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,sBAAsB,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAMtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAU5D,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAOnF,UAAU,sBACR,SAAQ,qBAAqB,CACzB,OAAO,sBAAsB,CAAC,IAAI,EAClC,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,yBAAyB;CAAG;AAChC,QAAA,MAAM,iBAAiB,+FA8BtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC7E,WAAW;CAAG;AAClB,QAAA,MAAM,iBAAiB,kGA2CtB,CAAC;AA0CF,OAAO,EAAE,iBAAiB,IAAI,IAAI,EAAE,iBAAiB,IAAI,IAAI,EAAE,CAAC;AAChE,YAAY,EAAE,sBAAsB,IAAI,SAAS,EAAE,sBAAsB,IAAI,SAAS,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import*as o from"react";import
|
|
1
|
+
"use client";import*as o from"react";import i from"classnames";import{Context as y}from"radix-ui/internal";import*as u from"./checkbox-group.primitive.js";import{createCheckboxGroupScope as a}from"./checkbox-group.primitive.js";import{checkboxGroupRootPropDefs as h}from"./checkbox-group.props.js";import{ThickCheckIcon as R}from"./icons.js";import{Text as v}from"./text.js";import{extractProps as b}from"../helpers/extract-props.js";import{marginPropDefs as G}from"../props/margin.props.js";const P="CheckboxGroup",[N]=y.createContextScope(P,[a]),f=a(),[E,l]=N(P),I=o.forwardRef(({color:s=h.color.default,highContrast:e=h.highContrast.default,size:r=h.size.default,variant:t=h.variant.default,...p},m)=>{const{__scopeCheckboxGroup:c,className:C,...n}=b(p,G),x=f(c);return o.createElement(E,{scope:c,color:s,size:r,highContrast:e,variant:t},o.createElement(u.Root,{...x,...n,ref:m,className:i("rt-CheckboxGroupRoot",C)}))});I.displayName="CheckboxGroup.Root";const d=o.forwardRef((s,e)=>{const{__scopeCheckboxGroup:r,children:t,className:p,style:m,...c}=s,{size:C}=l("CheckboxGroupItem",r),n=x=>typeof x=="string"&&/^[1-9]$/.test(x)?x:"3";return t?o.createElement(v,{as:"label",size:n(C),className:i("rt-CheckboxGroupItem",p),style:m},o.createElement(k,{__scopeCheckboxGroup:r,...c,ref:e}),t&&o.createElement("span",{className:"rt-CheckboxGroupItemInner"},t)):o.createElement(k,{__scopeCheckboxGroup:r,...c,ref:e,className:p,style:m})});d.displayName="CheckboxGroup.Item";const k=o.forwardRef(({__scopeCheckboxGroup:s,...e},r)=>{const t=l("CheckboxGroupItemCheckbox",s),p=f(s),{color:m,className:c}=b({...e,...t},h,G);return o.createElement(u.Item,{...p,"data-accent-color":m,...e,ref:r,className:i("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",c)},o.createElement(u.Indicator,{...p,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(R,null)))});k.displayName="CheckboxGroup.ItemCheckbox";export{d as Item,I as Root};
|
|
2
2
|
//# sourceMappingURL=checkbox-group.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/checkbox-group.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxGroupRootPropDefs } from './checkbox-group.props.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext] = Context.createContextScope(CHECKBOX_GROUP_NAME, [\n createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxGroupRootOwnProps = GetPropDefTypes<typeof checkboxGroupRootPropDefs>;\ntype CheckboxGroupContextValue = CheckboxGroupRootOwnProps;\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ninterface CheckboxGroupRootProps\n extends ComponentPropsWithout<\n typeof CheckboxGroupPrimitive.Root,\n 'asChild' | 'color' | 'defaultChecked'\n >,\n MarginProps,\n CheckboxGroupRootOwnProps {}\nconst CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n (\n {\n color = checkboxGroupRootPropDefs.color.default,\n highContrast = checkboxGroupRootPropDefs.highContrast.default,\n size = checkboxGroupRootPropDefs.size.default,\n variant = checkboxGroupRootPropDefs.variant.default,\n ...props\n }: ScopedProps<CheckboxGroupRootProps>,\n forwardedRef
|
|
5
|
-
"mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAExB,UAAYC,MAA4B,gCACxC,OAAS,4BAAAC,MAAgC,gCACzC,OAAS,6BAAAC,MAAiC,4BAC1C,OAAS,kBAAAC,MAAsB,aAC/B,OAAS,QAAAC,MAAY,YACrB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAM/B,MAAMC,EAAsB,gBAGtB,CAACC,CAA0B,EAAIT,EAAQ,mBAAmBQ,EAAqB,CACnFN,CACF,CAAC,EACKQ,EAAwBR,EAAyB,EAKjD,CAACS,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAmB,EAUrEK,EAAoBf,EAAM,WAC9B,CACE,CACE,MAAAgB,EAAQX,EAA0B,MAAM,QACxC,aAAAY,EAAeZ,EAA0B,aAAa,QACtD,KAAAa,EAAOb,EAA0B,KAAK,QACtC,QAAAc,EAAUd,EAA0B,QAAQ,QAC5C,GAAGe,CACL,EACAC,IACG,CACH,KAAM,CAAE,qBAAAC,EAAsB,UAAAC,EAAW,GAAGC,CAAU,EAAIhB,EAAaY,EAAOX,CAAc,EACtFgB,EAAqBb,EAAsBU,CAAoB,EACrE,OACEtB,EAAA,cAACa,EAAA,CACC,MAAOS,EACP,MAAON,EACP,KAAME,EACN,aAAcD,EACd,QAASE,GAETnB,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGsB,EACH,GAAGD,EACJ,IAAKH,EACL,UAAWpB,EAAW,uBAAwBsB,CAAS,EACzD,CACF,CAEJ,CACF,EACAR,EAAkB,YAAc,qBAMhC,MAAMW,EAAoB1B,EAAM,WAC9B,CAAC2B,EAA6CN,IAAiB,CAC7D,KAAM,CAAE,qBAAAC,EAAsB,SAAAM,EAAU,UAAAL,EAAW,MAAAM,EAAO,GAAGT,CAAM,EAAIO,EACjE,CAAE,KAAAT,CAAK,EAAIJ,EAAwB,oBAAqBQ,CAAoB,
|
|
6
|
-
"names": ["React", "classNames", "Context", "CheckboxGroupPrimitive", "createCheckboxGroupScope", "checkboxGroupRootPropDefs", "ThickCheckIcon", "Text", "extractProps", "marginPropDefs", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "useCheckboxGroupScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroupRoot", "color", "highContrast", "size", "variant", "props", "forwardedRef", "__scopeCheckboxGroup", "className", "rootProps", "checkboxGroupScope", "CheckboxGroupItem", "_props", "children", "style", "CheckboxGroupItemCheckbox", "context"]
|
|
4
|
+
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxGroupRootPropDefs } from './checkbox-group.props.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext] = Context.createContextScope(CHECKBOX_GROUP_NAME, [\n createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxGroupRootOwnProps = GetPropDefTypes<typeof checkboxGroupRootPropDefs>;\ntype CheckboxGroupContextValue = CheckboxGroupRootOwnProps;\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ninterface CheckboxGroupRootProps\n extends ComponentPropsWithout<\n typeof CheckboxGroupPrimitive.Root,\n 'asChild' | 'color' | 'defaultChecked'\n >,\n MarginProps,\n CheckboxGroupRootOwnProps {}\nconst CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n (\n {\n color = checkboxGroupRootPropDefs.color.default,\n highContrast = checkboxGroupRootPropDefs.highContrast.default,\n size = checkboxGroupRootPropDefs.size.default,\n variant = checkboxGroupRootPropDefs.variant.default,\n ...props\n }: ScopedProps<CheckboxGroupRootProps>,\n forwardedRef,\n ) => {\n const { __scopeCheckboxGroup, className, ...rootProps } = extractProps(props, marginPropDefs);\n const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n return (\n <CheckboxGroupProvider\n scope={__scopeCheckboxGroup}\n color={color}\n size={size}\n highContrast={highContrast}\n variant={variant}\n >\n <CheckboxGroupPrimitive.Root\n {...checkboxGroupScope}\n {...rootProps}\n ref={forwardedRef}\n className={classNames('rt-CheckboxGroupRoot', className)}\n />\n </CheckboxGroupProvider>\n );\n },\n);\nCheckboxGroupRoot.displayName = 'CheckboxGroup.Root';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemProps\n extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n MarginProps {}\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n (_props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n const { __scopeCheckboxGroup, children, className, style, ...props } = _props;\n const { size } = useCheckboxGroupContext('CheckboxGroupItem', __scopeCheckboxGroup);\n\n // Helper to safely convert size to Text-compatible size\n const getTextSize = (sizeValue: any): '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' => {\n if (typeof sizeValue === 'string' && /^[1-9]$/.test(sizeValue)) {\n return sizeValue as any;\n }\n return '3';\n };\n\n // Render `<Text as=\"label\">` if children\u00A0are provided, otherwise render\n // the solo checkbox to allow building out your custom layouts with it.\n if (children) {\n return (\n <Text\n as=\"label\"\n size={getTextSize(size)}\n className={classNames('rt-CheckboxGroupItem', className)}\n style={style}\n >\n <CheckboxGroupItemCheckbox\n __scopeCheckboxGroup={__scopeCheckboxGroup}\n {...props}\n ref={forwardedRef}\n />\n {children && <span className=\"rt-CheckboxGroupItemInner\">{children}</span>}\n </Text>\n );\n }\n\n return (\n <CheckboxGroupItemCheckbox\n __scopeCheckboxGroup={__scopeCheckboxGroup}\n {...props}\n ref={forwardedRef}\n className={className}\n style={style}\n />\n );\n },\n);\nCheckboxGroupItem.displayName = 'CheckboxGroup.Item';\n\ntype CheckboxGroupItemCheckboxElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemCheckboxProps\n extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps> {}\nconst CheckboxGroupItemCheckbox = React.forwardRef<\n CheckboxGroupItemCheckboxElement,\n ScopedProps<CheckboxGroupItemCheckboxProps>\n>(({ __scopeCheckboxGroup, ...props }, forwardedRef) => {\n const context = useCheckboxGroupContext('CheckboxGroupItemCheckbox', __scopeCheckboxGroup);\n const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n const { color, className } = extractProps(\n { ...props, ...context },\n checkboxGroupRootPropDefs,\n marginPropDefs,\n );\n return (\n <CheckboxGroupPrimitive.Item\n {...checkboxGroupScope}\n data-accent-color={color}\n {...props}\n ref={forwardedRef}\n className={classNames(\n 'rt-reset',\n 'rt-BaseCheckboxRoot',\n 'rt-CheckboxGroupItemCheckbox',\n className,\n )}\n >\n <CheckboxGroupPrimitive.Indicator\n {...checkboxGroupScope}\n asChild\n className=\"rt-BaseCheckboxIndicator\"\n >\n <ThickCheckIcon />\n </CheckboxGroupPrimitive.Indicator>\n </CheckboxGroupPrimitive.Item>\n );\n});\nCheckboxGroupItemCheckbox.displayName = 'CheckboxGroup.ItemCheckbox';\n\nexport { CheckboxGroupRoot as Root, CheckboxGroupItem as Item };\nexport type { CheckboxGroupRootProps as RootProps, CheckboxGroupItemProps as ItemProps };\n"],
|
|
5
|
+
"mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAExB,UAAYC,MAA4B,gCACxC,OAAS,4BAAAC,MAAgC,gCACzC,OAAS,6BAAAC,MAAiC,4BAC1C,OAAS,kBAAAC,MAAsB,aAC/B,OAAS,QAAAC,MAAY,YACrB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAM/B,MAAMC,EAAsB,gBAGtB,CAACC,CAA0B,EAAIT,EAAQ,mBAAmBQ,EAAqB,CACnFN,CACF,CAAC,EACKQ,EAAwBR,EAAyB,EAKjD,CAACS,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAmB,EAUrEK,EAAoBf,EAAM,WAC9B,CACE,CACE,MAAAgB,EAAQX,EAA0B,MAAM,QACxC,aAAAY,EAAeZ,EAA0B,aAAa,QACtD,KAAAa,EAAOb,EAA0B,KAAK,QACtC,QAAAc,EAAUd,EAA0B,QAAQ,QAC5C,GAAGe,CACL,EACAC,IACG,CACH,KAAM,CAAE,qBAAAC,EAAsB,UAAAC,EAAW,GAAGC,CAAU,EAAIhB,EAAaY,EAAOX,CAAc,EACtFgB,EAAqBb,EAAsBU,CAAoB,EACrE,OACEtB,EAAA,cAACa,EAAA,CACC,MAAOS,EACP,MAAON,EACP,KAAME,EACN,aAAcD,EACd,QAASE,GAETnB,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGsB,EACH,GAAGD,EACJ,IAAKH,EACL,UAAWpB,EAAW,uBAAwBsB,CAAS,EACzD,CACF,CAEJ,CACF,EACAR,EAAkB,YAAc,qBAMhC,MAAMW,EAAoB1B,EAAM,WAC9B,CAAC2B,EAA6CN,IAAiB,CAC7D,KAAM,CAAE,qBAAAC,EAAsB,SAAAM,EAAU,UAAAL,EAAW,MAAAM,EAAO,GAAGT,CAAM,EAAIO,EACjE,CAAE,KAAAT,CAAK,EAAIJ,EAAwB,oBAAqBQ,CAAoB,EAG5EQ,EAAeC,GACf,OAAOA,GAAc,UAAY,UAAU,KAAKA,CAAS,EACpDA,EAEF,IAKT,OAAIH,EAEA5B,EAAA,cAACO,EAAA,CACC,GAAG,QACH,KAAMuB,EAAYZ,CAAI,EACtB,UAAWjB,EAAW,uBAAwBsB,CAAS,EACvD,MAAOM,GAEP7B,EAAA,cAACgC,EAAA,CACC,qBAAsBV,EACrB,GAAGF,EACJ,IAAKC,EACP,EACCO,GAAY5B,EAAA,cAAC,QAAK,UAAU,6BAA6B4B,CAAS,CACrE,EAKF5B,EAAA,cAACgC,EAAA,CACC,qBAAsBV,EACrB,GAAGF,EACJ,IAAKC,EACL,UAAWE,EACX,MAAOM,EACT,CAEJ,CACF,EACAH,EAAkB,YAAc,qBAKhC,MAAMM,EAA4BhC,EAAM,WAGtC,CAAC,CAAE,qBAAAsB,EAAsB,GAAGF,CAAM,EAAGC,IAAiB,CACtD,MAAMY,EAAUnB,EAAwB,4BAA6BQ,CAAoB,EACnFG,EAAqBb,EAAsBU,CAAoB,EAC/D,CAAE,MAAAN,EAAO,UAAAO,CAAU,EAAIf,EAC3B,CAAE,GAAGY,EAAO,GAAGa,CAAQ,EACvB5B,EACAI,CACF,EACA,OACET,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGsB,EACJ,oBAAmBT,EAClB,GAAGI,EACJ,IAAKC,EACL,UAAWpB,EACT,WACA,sBACA,+BACAsB,CACF,GAEAvB,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGsB,EACJ,QAAO,GACP,UAAU,4BAEVzB,EAAA,cAACM,EAAA,IAAe,CAClB,CACF,CAEJ,CAAC,EACD0B,EAA0B,YAAc",
|
|
6
|
+
"names": ["React", "classNames", "Context", "CheckboxGroupPrimitive", "createCheckboxGroupScope", "checkboxGroupRootPropDefs", "ThickCheckIcon", "Text", "extractProps", "marginPropDefs", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "useCheckboxGroupScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroupRoot", "color", "highContrast", "size", "variant", "props", "forwardedRef", "__scopeCheckboxGroup", "className", "rootProps", "checkboxGroupScope", "CheckboxGroupItem", "_props", "children", "style", "getTextSize", "sizeValue", "CheckboxGroupItemCheckbox", "context"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAMjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,eAAgB,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC;CAAG;AAChG,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAwD,CAAC;AAInG,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,aAAa,8FAMlB,CAAC;AAIF,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAqIlB,CAAC;AAIF,KAAK,gBAAgB,GAAG,qBAAqB,CAAC,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AACzE,QAAA,MAAM,WAAW,6FAMhB,CAAC;AAIF,KAAK,sBAAsB,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AACjE,QAAA,MAAM,iBAAiB,qGAMtB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,4FAMhB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,WAAW,IAAI,KAAK,EACpB,iBAAiB,IAAI,WAAW,EAChC,WAAW,IAAI,KAAK,GACrB,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,gBAAgB,IAAI,UAAU,EAC9B,sBAAsB,IAAI,gBAAgB,EAC1C,gBAAgB,IAAI,UAAU,GAC/B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import W from"classnames";import{Dialog as r}from"radix-ui";import{dialogContentPropDefs as L}from"./dialog.props.js";import{Heading as O}from"./heading.js";import{Text as S}from"./text.js";import{Theme as A}from"./theme.js";import{extractProps as s}from"../helpers/extract-props.js";import{requireReactElement as P}from"../helpers/require-react-element.js";const u=o=>e.createElement(r.Root,{...o,modal:!0});u.displayName="Dialog.Root";const C=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Trigger,{...t,ref:i,asChild:!0},P(o)));C.displayName="Dialog.Trigger";const y=e.forwardRef(({align:o,...t},i)=>{const{align:h,panelBackground:R,material:x,...N}=L,{className:
|
|
1
|
+
import*as e from"react";import W from"classnames";import{Dialog as r}from"radix-ui";import{dialogContentPropDefs as L}from"./dialog.props.js";import{Heading as O}from"./heading.js";import{Text as S}from"./text.js";import{Theme as A}from"./theme.js";import{extractProps as s}from"../helpers/extract-props.js";import{requireReactElement as P}from"../helpers/require-react-element.js";import{useBodyPointerEventsCleanup as K}from"../hooks/use-body-pointer-events-cleanup.js";const u=o=>e.createElement(r.Root,{...o,modal:!0});u.displayName="Dialog.Root";const C=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Trigger,{...t,ref:i,asChild:!0},P(o)));C.displayName="Dialog.Trigger";const y=e.forwardRef(({align:o,...t},i)=>{const{align:h,panelBackground:R,material:x,...N}=L,{className:B}=s({align:o},{align:h}),{panelBackground:m}=s({panelBackground:t.panelBackground},{panelBackground:R}),{material:p}=s({material:t.material},{material:x}),D=e.useMemo(()=>(p!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead."),p??m),[p,m]),{className:k,forceMount:b,container:w,panelBackground:_,material:j,...M}=s(t,N),c=e.useRef(null),H=e.useMemo(()=>a=>{c.current=a,typeof i=="function"?i(a):i&&(i.current=a)},[i]);return K(),e.useEffect(()=>{if(typeof window>"u")return;const a=c.current;if(!a)return;const n=a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(n.length===0)return;const g=n[0],f=n[n.length-1],d=l=>{l.key==="Tab"&&(l.shiftKey?document.activeElement===g&&(l.preventDefault(),f.focus()):document.activeElement===f&&(l.preventDefault(),g.focus()))};return a.addEventListener("keydown",d),g.focus(),()=>{a.removeEventListener("keydown",d)}},[]),e.createElement(r.Portal,{container:w,forceMount:b},e.createElement(A,{asChild:!0},e.createElement(r.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-DialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${B}`},e.createElement(r.Content,{...M,ref:H,className:W("rt-BaseDialogContent","rt-DialogContent",k),"data-material":D,"data-panel-background":D,tabIndex:-1,role:"dialog","aria-modal":"true"}),e.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"rt-sr-only",id:"dialog-announcement"}))))))});y.displayName="Dialog.Content";const v=e.forwardRef((o,t)=>e.createElement(r.Title,{asChild:!0},e.createElement(O,{size:"5",mb:"3",trim:"start",...o,asChild:!1,ref:t})));v.displayName="Dialog.Title";const T=e.forwardRef((o,t)=>e.createElement(r.Description,{asChild:!0},e.createElement(S,{as:"p",size:"3",...o,asChild:!1,ref:t})));T.displayName="Dialog.Description";const E=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Close,{...t,ref:i,asChild:!0},P(o)));E.displayName="Dialog.Close";export{E as Close,y as Content,T as Description,u as Root,v as Title,C as Trigger};
|
|
2
2
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/dialog.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport type {\n ComponentPropsWithout,\n RemovedProps,\n ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface DialogRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst DialogRoot: React.FC<DialogRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nDialogRoot.displayName = 'Dialog.Root';\n\ntype DialogTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\ninterface DialogTriggerProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n ({ children, ...props }, forwardedRef) => (\n <DialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Trigger>\n ),\n);\nDialogTrigger.displayName = 'Dialog.Trigger';\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface DialogContentProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n DialogContentOwnProps {\n container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n ({ align, ...props }, forwardedRef) => {\n const {\n align: alignPropDef,\n panelBackground: panelBackgroundPropDef,\n material: materialPropDef,\n ...propDefs\n } = dialogContentPropDefs;\n\n const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n\n // Extract panelBackground and material from props\n const { panelBackground: extractedPanelBackground } = extractProps(\n { panelBackground: props.panelBackground },\n { panelBackground: panelBackgroundPropDef },\n );\n\n const { material: extractedMaterial } = extractProps(\n { material: props.material },\n { material: materialPropDef },\n );\n\n // Handle material prop with panelBackground fallback\n const materialValue = React.useMemo(() => {\n if (extractedMaterial !== undefined) {\n console.warn(\n 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n );\n }\n return extractedMaterial ?? extractedPanelBackground;\n }, [extractedMaterial, extractedPanelBackground]);\n\n const {\n className,\n forceMount,\n container,\n panelBackground: _,\n material: __,\n ...contentProps\n } = extractProps(props, propDefs);\n\n // Focus management\n const contentRef = React.useRef<HTMLDivElement>(null);\n const combinedRef = React.useMemo(\n () => (node: HTMLDivElement | null) => {\n contentRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n forwardedRef.current = node;\n }\n },\n [forwardedRef],\n );\n\n // Focus trap effect\n React.useEffect(() => {\n // SSR safety - only run on client\n if (typeof window === 'undefined') return;\n\n const content = contentRef.current;\n if (!content) return;\n\n const focusableElements = content.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n\n if (focusableElements.length === 0) return;\n\n const firstElement = focusableElements[0] as HTMLElement;\n const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n if (document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n }\n } else {\n if (document.activeElement === lastElement) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n }\n };\n\n content.addEventListener('keydown', handleKeyDown);\n\n // Focus first element when dialog opens\n firstElement.focus();\n\n return () => {\n content.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n return (\n <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n <Theme asChild>\n <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay\">\n <div className=\"rt-BaseDialogScroll rt-DialogScroll\">\n <div\n className={`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${alignClassName}`}\n >\n <DialogPrimitive.Content\n {...contentProps}\n ref={combinedRef}\n className={classNames('rt-BaseDialogContent', 'rt-DialogContent', className)}\n data-material={materialValue}\n data-panel-background={materialValue}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n />\n {/* ARIA live region for screen reader announcements */}\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"rt-sr-only\"\n id=\"dialog-announcement\"\n />\n </div>\n </div>\n </DialogPrimitive.Overlay>\n </Theme>\n </DialogPrimitive.Portal>\n );\n },\n);\nDialogContent.displayName = 'Dialog.Content';\n\ntype DialogTitleElement = React.ElementRef<typeof Heading>;\ntype DialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n (props, forwardedRef) => (\n <DialogPrimitive.Title asChild>\n <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n </DialogPrimitive.Title>\n ),\n);\nDialogTitle.displayName = 'Dialog.Title';\n\ntype DialogDescriptionElement = HTMLParagraphElement;\ntype DialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n (props, forwardedRef) => (\n <DialogPrimitive.Description asChild>\n <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n </DialogPrimitive.Description>\n ),\n);\nDialogDescription.displayName = 'Dialog.Description';\n\ntype DialogCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface DialogCloseProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n ({ children, ...props }, forwardedRef) => (\n <DialogPrimitive.Close {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Close>\n ),\n);\nDialogClose.displayName = 'Dialog.Close';\n\nexport {\n DialogRoot as Root,\n DialogTrigger as Trigger,\n DialogContent as Content,\n DialogTitle as Title,\n DialogDescription as Description,\n DialogClose as Close,\n};\n\nexport type {\n DialogRootProps as RootProps,\n DialogTriggerProps as TriggerProps,\n DialogContentProps as ContentProps,\n DialogTitleProps as TitleProps,\n DialogDescriptionProps as DescriptionProps,\n DialogCloseProps as CloseProps,\n};\n"],
|
|
5
|
-
"mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,yBAAAC,MAA6B,oBACtC,OAAS,WAAAC,MAAe,eACxB,OAAS,QAAAC,MAAY,YACrB,OAAS,SAAAC,MAAa,aACtB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,uBAAAC,MAA2B,
|
|
6
|
-
"names": ["React", "classNames", "DialogPrimitive", "dialogContentPropDefs", "Heading", "Text", "Theme", "extractProps", "requireReactElement", "DialogRoot", "props", "DialogTrigger", "children", "forwardedRef", "DialogContent", "align", "alignPropDef", "panelBackgroundPropDef", "materialPropDef", "propDefs", "alignClassName", "extractedPanelBackground", "extractedMaterial", "materialValue", "className", "forceMount", "container", "
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport type {\n ComponentPropsWithout,\n RemovedProps,\n ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface DialogRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst DialogRoot: React.FC<DialogRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nDialogRoot.displayName = 'Dialog.Root';\n\ntype DialogTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\ninterface DialogTriggerProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n ({ children, ...props }, forwardedRef) => (\n <DialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Trigger>\n ),\n);\nDialogTrigger.displayName = 'Dialog.Trigger';\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface DialogContentProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n DialogContentOwnProps {\n container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n ({ align, ...props }, forwardedRef) => {\n const {\n align: alignPropDef,\n panelBackground: panelBackgroundPropDef,\n material: materialPropDef,\n ...propDefs\n } = dialogContentPropDefs;\n\n const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n\n // Extract panelBackground and material from props\n const { panelBackground: extractedPanelBackground } = extractProps(\n { panelBackground: props.panelBackground },\n { panelBackground: panelBackgroundPropDef },\n );\n\n const { material: extractedMaterial } = extractProps(\n { material: props.material },\n { material: materialPropDef },\n );\n\n // Handle material prop with panelBackground fallback\n const materialValue = React.useMemo(() => {\n if (extractedMaterial !== undefined) {\n console.warn(\n 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n );\n }\n return extractedMaterial ?? extractedPanelBackground;\n }, [extractedMaterial, extractedPanelBackground]);\n\n const {\n className,\n forceMount,\n container,\n panelBackground: _,\n material: __,\n ...contentProps\n } = extractProps(props, propDefs);\n\n // Focus management\n const contentRef = React.useRef<HTMLDivElement>(null);\n const combinedRef = React.useMemo(\n () => (node: HTMLDivElement | null) => {\n contentRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n forwardedRef.current = node;\n }\n },\n [forwardedRef],\n );\n\n // Cleanup stuck pointer-events on body\n useBodyPointerEventsCleanup();\n\n // Focus trap effect\n React.useEffect(() => {\n // SSR safety - only run on client\n if (typeof window === 'undefined') return;\n\n const content = contentRef.current;\n if (!content) return;\n\n const focusableElements = content.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n\n if (focusableElements.length === 0) return;\n\n const firstElement = focusableElements[0] as HTMLElement;\n const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n if (document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n }\n } else {\n if (document.activeElement === lastElement) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n }\n };\n\n content.addEventListener('keydown', handleKeyDown);\n\n // Focus first element when dialog opens\n firstElement.focus();\n\n return () => {\n content.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n return (\n <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n <Theme asChild>\n <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay\">\n <div className=\"rt-BaseDialogScroll rt-DialogScroll\">\n <div\n className={`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${alignClassName}`}\n >\n <DialogPrimitive.Content\n {...contentProps}\n ref={combinedRef}\n className={classNames('rt-BaseDialogContent', 'rt-DialogContent', className)}\n data-material={materialValue}\n data-panel-background={materialValue}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n />\n {/* ARIA live region for screen reader announcements */}\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"rt-sr-only\"\n id=\"dialog-announcement\"\n />\n </div>\n </div>\n </DialogPrimitive.Overlay>\n </Theme>\n </DialogPrimitive.Portal>\n );\n },\n);\nDialogContent.displayName = 'Dialog.Content';\n\ntype DialogTitleElement = React.ElementRef<typeof Heading>;\ntype DialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n (props, forwardedRef) => (\n <DialogPrimitive.Title asChild>\n <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n </DialogPrimitive.Title>\n ),\n);\nDialogTitle.displayName = 'Dialog.Title';\n\ntype DialogDescriptionElement = HTMLParagraphElement;\ntype DialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n (props, forwardedRef) => (\n <DialogPrimitive.Description asChild>\n <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n </DialogPrimitive.Description>\n ),\n);\nDialogDescription.displayName = 'Dialog.Description';\n\ntype DialogCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface DialogCloseProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n ({ children, ...props }, forwardedRef) => (\n <DialogPrimitive.Close {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Close>\n ),\n);\nDialogClose.displayName = 'Dialog.Close';\n\nexport {\n DialogRoot as Root,\n DialogTrigger as Trigger,\n DialogContent as Content,\n DialogTitle as Title,\n DialogDescription as Description,\n DialogClose as Close,\n};\n\nexport type {\n DialogRootProps as RootProps,\n DialogTriggerProps as TriggerProps,\n DialogContentProps as ContentProps,\n DialogTitleProps as TitleProps,\n DialogDescriptionProps as DescriptionProps,\n DialogCloseProps as CloseProps,\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "classNames", "DialogPrimitive", "dialogContentPropDefs", "Heading", "Text", "Theme", "extractProps", "requireReactElement", "useBodyPointerEventsCleanup", "DialogRoot", "props", "DialogTrigger", "children", "forwardedRef", "DialogContent", "align", "alignPropDef", "panelBackgroundPropDef", "materialPropDef", "propDefs", "alignClassName", "extractedPanelBackground", "extractedMaterial", "materialValue", "className", "forceMount", "container", "__", "contentProps", "contentRef", "combinedRef", "node", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "DialogTitle", "DialogDescription", "DialogClose"]
|
|
7
7
|
}
|
|
@@ -6,21 +6,21 @@ declare const flexPropDefs: {
|
|
|
6
6
|
type: "enum | string";
|
|
7
7
|
className: string;
|
|
8
8
|
customProperties: "--gap"[];
|
|
9
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
9
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
10
10
|
responsive: true;
|
|
11
11
|
};
|
|
12
12
|
gapX: {
|
|
13
13
|
type: "enum | string";
|
|
14
14
|
className: string;
|
|
15
15
|
customProperties: "--column-gap"[];
|
|
16
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
16
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
17
17
|
responsive: true;
|
|
18
18
|
};
|
|
19
19
|
gapY: {
|
|
20
20
|
type: "enum | string";
|
|
21
21
|
className: string;
|
|
22
22
|
customProperties: "--row-gap"[];
|
|
23
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
23
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
24
24
|
responsive: true;
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
@@ -5,21 +5,21 @@ declare const gridPropDefs: {
|
|
|
5
5
|
type: "enum | string";
|
|
6
6
|
className: string;
|
|
7
7
|
customProperties: "--gap"[];
|
|
8
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
8
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
9
9
|
responsive: true;
|
|
10
10
|
};
|
|
11
11
|
gapX: {
|
|
12
12
|
type: "enum | string";
|
|
13
13
|
className: string;
|
|
14
14
|
customProperties: "--column-gap"[];
|
|
15
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
15
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
16
16
|
responsive: true;
|
|
17
17
|
};
|
|
18
18
|
gapY: {
|
|
19
19
|
type: "enum | string";
|
|
20
20
|
className: string;
|
|
21
21
|
customProperties: "--row-gap"[];
|
|
22
|
-
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
22
|
+
values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
23
23
|
responsive: true;
|
|
24
24
|
};
|
|
25
25
|
/**
|