npm - @mastra/playground-ui - Versions diffs - 67.0.0 → 68.0.0-alpha.1 - Mend

@mastra/playground-ui 67.0.0 → 68.0.0-alpha.1

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.

Files changed (929) hide show

package/dist/components/SavedViews.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SavedViews.es.js","names":["_Fragment","_Fragment"],"sources":["../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n return (\n <input\n autoFocus\n aria-label=\"View name\"\n defaultValue={name}\n maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n {...passwordManagerOptOutProps}\n onFocus={event => event.currentTarget.select()}\n onBlur={event => onCommit(event.currentTarget.value)}\n onKeyDown={event => {\n if (event.key === 'Escape') event.currentTarget.value = name;\n if (event.key === 'Enter' \|\| event.key === 'Escape') {\n event.preventDefault();\n event.currentTarget.blur();\n }\n }}\n className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n />\n );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\n\ntype SavedViewSummaryProps = {\n filters: readonly FilterBarItem[];\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n return (\n <div className=\"flex min-w-48 flex-col gap-2\">\n {filters.length === 0 ? (\n <Txt variant=\"caption\" tone=\"muted\">\n No filters\n </Txt>\n ) : (\n <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n {filters.map(filter => {\n const field = fields.find(candidate => candidate.id === filter.fieldId);\n const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n const operator = operators.find(candidate => candidate.id === filter.operatorId);\n return (\n <li key={filter.id} className=\"min-w-0\">\n <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n <span className=\"flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground\">\n <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n </span>\n {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n </Txt>\n </li>\n );\n })}\n </ul>\n )}\n {settings}\n </div>\n );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n controlHeight.sm,\n 'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n views: SavedViewsController<TSettings>;\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n defaultLabel: string;\n newViewSettings: NoInfer<TSettings>;\n describeSettings?: (settings: TSettings) => ReactNode;\n 'aria-label'?: string;\n className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n views,\n fields,\n operators,\n defaultLabel,\n newViewSettings,\n describeSettings,\n 'aria-label': ariaLabel = 'Views',\n className,\n}: SavedViewTabsProps<TSettings>) {\n const [renamingViewId, setRenamingViewId] = useState<string>();\n const { draft } = views;\n const creating = draft !== undefined && draft.viewId === undefined;\n const defaultSelected = views.activeView === undefined && !creating;\n // A blank name cancels; a failed rename stays open with what was typed so it can be retried.\n const commitRename = async (viewId: string, name: string) => {\n if (!name.trim()) return setRenamingViewId(undefined);\n const renamed = views.rename(viewId, name);\n // A synchronous controller closes in the same render; only an async one waits.\n if (typeof renamed === 'boolean' ? renamed : await renamed) setRenamingViewId(undefined);\n };\n\n return (\n <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n <button\n type=\"button\"\n aria-pressed={defaultSelected}\n className={defaultSelected ? selectedTabClass : restingTabClass}\n onClick={() => views.select(undefined)}\n >\n {defaultLabel}\n </button>\n {views.views.map(view => {\n if (renamingViewId === view.id) {\n return <RenamingViewTab key={view.id} name={view.name} onCommit={name => void commitRename(view.id, name)} />;\n }\n return (\n <SavedViewTab\n key={view.id}\n view={view}\n selected={views.activeView?.id === view.id && !creating}\n unsaved={draft?.viewId === view.id && views.unsaved}\n fields={fields}\n operators={operators}\n settings={describeSettings?.(view.settings)}\n onSelect={() => views.select(view.id)}\n onEdit={() => views.edit(view.id)}\n onRename={() => setRenamingViewId(view.id)}\n onDuplicate={() => views.duplicate(view.id)}\n onDelete={() => views.remove(view.id)}\n />\n );\n })}\n {views.error && (\n <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n {views.error}\n </Txt>\n )}\n {creating ? (\n <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n ) : (\n <Button\n type=\"button\"\n size=\"icon-sm\"\n tooltip=\"New view\"\n disabled={draft !== undefined}\n onClick={() => views.create(newViewSettings)}\n >\n <LayersPlusIcon />\n </Button>\n )}\n </div>\n );\n}\n\nfunction EditingViewTab({\n name,\n unsaved,\n onRename,\n}: {\n name: string;\n unsaved: boolean;\n onRename: (name: string) => void;\n}) {\n const [renaming, setRenaming] = useState(false);\n return (\n <span aria-current=\"true\" className={editingTabClass}>\n <LayersIcon aria-hidden />\n {renaming ? (\n <SavedViewNameInput\n name={name}\n onCommit={next => {\n setRenaming(false);\n if (next.trim()) onRename(next);\n }}\n />\n ) : (\n <>\n <span className=\"max-w-48 truncate\">{name}</span>\n {unsaved && (\n <>\n <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n <VisuallyHidden>Unsaved changes</VisuallyHidden>\n </>\n )}\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n tooltip=\"Rename view\"\n className=\"-mr-2 size-6\"\n onClick={() => setRenaming(true)}\n >\n <PencilIcon />\n </Button>\n </>\n )}\n </span>\n );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n return (\n <span className={cn(restingTabClass, 'gap-1.5')}>\n <SavedViewTabIcon />\n <SavedViewNameInput name={name} onCommit={onCommit} />\n </span>\n );\n}\n\nfunction SavedViewTabIcon() {\n return (\n <Icon data-slot=\"button-icon\" size=\"sm\">\n <LayersIcon aria-hidden />\n </Icon>\n );\n}\n\nfunction SavedViewTab<TSettings>({\n view,\n selected,\n unsaved,\n fields,\n operators,\n settings,\n onSelect,\n onEdit,\n onRename,\n onDuplicate,\n onDelete,\n}: {\n view: SavedView<TSettings>;\n selected: boolean;\n unsaved: boolean;\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n settings: ReactNode;\n onSelect: () => void;\n onEdit: () => void;\n onRename: () => void;\n onDuplicate: () => void;\n onDelete: () => void;\n}) {\n const actions: ViewAction[] = [\n { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n ];\n const [menuOpen, setMenuOpen] = useState(false);\n const [previewOpen, setPreviewOpen] = useState(false);\n // The trigger asks to open a frame after the click, when the click that selected the tab has\n // already re-rendered it as selected. Only a click on the selected tab opens the menu.\n const clickOpensMenuRef = useRef(true);\n const changeMenuOpen = (open: boolean) => {\n setMenuOpen(selected && open && clickOpensMenuRef.current);\n if (open) setPreviewOpen(false);\n };\n\n return (\n <ContextMenu>\n <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n <ContextMenu.Trigger\n render={\n <HoverCardTrigger\n delay={400}\n render={\n <DropdownMenu.Trigger\n render={\n <button\n type=\"button\"\n aria-pressed={selected}\n aria-haspopup={selected ? 'menu' : undefined}\n onClick={() => {\n clickOpensMenuRef.current = selected;\n if (selected) return;\n setPreviewOpen(false);\n onSelect();\n }}\n className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n />\n }\n />\n }\n />\n }\n >\n <SavedViewTabIcon />\n <span className=\"max-w-48 truncate\">{view.name}</span>\n {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n </ContextMenu.Trigger>\n <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n </HoverCardContent>\n </HoverCard>\n <DropdownMenu.Content align=\"start\">\n {actions.map(action => (\n <Fragment key={action.label}>\n {action.destructive && <DropdownMenu.Separator />}\n <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n {action.icon}\n {action.label}\n </DropdownMenu.Item>\n </Fragment>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n <ContextMenu.Content>\n {actions.map(action => (\n <Fragment key={action.label}>\n {action.destructive && <ContextMenu.Separator />}\n <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n {action.icon}\n {action.label}\n </ContextMenu.Item>\n </Fragment>\n ))}\n </ContextMenu.Content>\n </ContextMenu>\n );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n views: SavedViewsController<TSettings>;\n /** Shown next to the save button of a new view, e.g. where it is saved (\"Saved in this browser\"). /\n saveCaption?: ReactNode;\n children?: ReactNode;\n className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({\n views,\n saveCaption,\n children,\n className,\n}: SavedViewEditorProps<TSettings>) {\n const { draft } = views;\n const creating = draft?.viewId === undefined;\n return (\n <div\n role={draft ? 'group' : undefined}\n aria-label={draft ? `Edit view ${draft.name}` : undefined}\n className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n >\n {children}\n {draft && (\n <>\n {!creating && views.unsaved && (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n Unsaved changes\n </Txt>\n )}\n <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n {creating && saveCaption && (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n {saveCaption}\n </Txt>\n )}\n <div className=\"flex items-center gap-1\">\n <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n {creating ? 'Cancel' : 'Reset'}\n </Button>\n <Button\n type=\"button\"\n variant=\"primary\"\n size=\"sm\"\n disabled={!views.unsaved \|\| views.pending}\n onClick={views.save}\n >\n {creating ? 'Save view' : 'Save changes'}\n </Button>\n </div>\n </div>\n </>\n )}\n </div>\n );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string \| null {\n try {\n return window.localStorage.getItem(key);\n } catch {\n return null;\n }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n try {\n window.localStorage.setItem(key, raw);\n } catch {\n return false;\n }\n listenersByKey.get(key)?.forEach(listener => listener());\n return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n const cached = subscribeByKey.get(key);\n if (cached) return cached;\n const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n subscribeByKey.set(key, subscribe);\n return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n listenersByKey.set(key, listeners);\n listeners.add(listener);\n const onStorage = (event: StorageEvent) => {\n if (event.key === key \|\| event.key === null) listener();\n };\n window.addEventListener('storage', onStorage);\n return () => {\n listeners.delete(listener);\n window.removeEventListener('storage', onStorage);\n };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n filters: FilterBarItem[];\n settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n viewId?: string;\n name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n storageKey: string;\n settingsSchema: SavedViewSettingsSchema<TSettings>;\n activeViewId: string \| undefined;\n onActiveViewChange: (viewId: string \| undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n views: SavedView<TSettings>[];\n activeView: SavedView<TSettings> \| undefined;\n draft: SavedViewDraft<TSettings> \| undefined;\n unsaved: boolean;\n /* A failed save, rename, duplicate or delete, shown under the tabs. /\n error: string \| undefined;\n /* A change is being saved; the save actions are disabled until it settles. /\n pending?: boolean;\n applied: SavedViewContent<TSettings> \| undefined;\n select: (viewId: string \| undefined) => void;\n create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n edit: (viewId: string) => void;\n change: (patch: SavedViewDraftChange<TSettings>) => void;\n save: () => void;\n discard: () => void;\n /* Resolves true once the view has the new name; false leaves the error in `error`. */\n rename: (viewId: string, name: string) => boolean \| Promise<boolean>;\n duplicate: (viewId: string) => void;\n remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string \| undefined {\n const parsed = savedViewNameSchema.safeParse(name);\n return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n return (\n JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n JSON.stringify([view.name, view.filters, view.settings])\n );\n}\n\nexport function useSavedViews<TSettings>({\n storageKey,\n settingsSchema,\n activeViewId,\n onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n const raw = useSyncExternalStore(\n savedViewsSubscriber(storageKey),\n () => readSavedViewsRaw(storageKey),\n () => null,\n );\n const views = parseSavedViews(raw, settingsSchema);\n const [failedStorageKey, setFailedStorageKey] = useState<string>();\n const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n const draftView = views.find(view => view.id === pendingDraft?.viewId);\n const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n const storageKeyChanged = draftScope.storageKey !== storageKey;\n if (storageKeyChanged \|\| draftScope.activeViewId !== activeViewId \|\| draftViewDeleted) {\n setDraftScope({ storageKey, activeViewId });\n if (storageKeyChanged \|\| draftViewDeleted \|\| pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n }\n const draft = pendingDraft?.viewId === undefined \|\| pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n const unsaved = draft !== undefined && (!draftView \|\| !sameViewContent(draft, draftView));\n\n const activeView = views.find(view => view.id === activeViewId);\n const write = (next: SavedView<TSettings>[]) => {\n const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n setFailedStorageKey(saved ? undefined : storageKey);\n return saved;\n };\n\n return {\n views,\n activeView,\n draft,\n unsaved,\n error:\n failedStorageKey === storageKey\n ? 'Could not save changes. Check your browser storage settings and try again.'\n : undefined,\n applied: draft ?? activeView,\n select: viewId => {\n setFailedStorageKey(undefined);\n setDraft(undefined);\n onActiveViewChange(viewId);\n },\n create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n edit: viewId => {\n if (draft?.viewId === viewId) return;\n const view = views.find(candidate => candidate.id === viewId);\n if (!view) return;\n const { id, ...content } = view;\n setDraft({ ...content, viewId: id });\n if (viewId !== activeViewId) onActiveViewChange(viewId);\n },\n change: patch => {\n if (patch.name !== undefined) setFailedStorageKey(undefined);\n if (draft) {\n setDraft({ ...draft, ...patch });\n return;\n }\n if (!activeView) return;\n const { id, ...content } = activeView;\n setDraft({ ...content, ...patch, viewId: id });\n },\n save: () => {\n if (!draft) return;\n const { viewId, ...content } = draft;\n const saved: SavedView<TSettings> = {\n ...content,\n id: viewId ?? createSavedViewId(),\n name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n };\n if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n setDraft(undefined);\n if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n },\n discard: () => {\n setFailedStorageKey(undefined);\n setDraft(undefined);\n },\n rename: (viewId, name) => {\n const nextName = validViewName(name);\n if (!nextName) return false;\n if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return false;\n if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n return true;\n },\n duplicate: viewId => {\n const index = views.findIndex(view => view.id === viewId);\n const original = views[index];\n if (!original) return;\n const copy: SavedView<TSettings> = {\n ...original,\n id: createSavedViewId(),\n name: validViewName(`${original.name} copy`) ?? original.name,\n };\n if (!write(views.toSpliced(index + 1, 0, copy))) return;\n setDraft(undefined);\n onActiveViewChange(copy.id);\n },\n remove: viewId => {\n if (!write(views.filter(view => view.id !== viewId))) return;\n if (draft?.viewId === viewId) setDraft(undefined);\n if (activeViewId === viewId) onActiveViewChange(undefined);\n },\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SavedViews.es.js","names":["_Fragment","_Fragment"],"sources":["../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n return (\n <input\n autoFocus\n aria-label=\"View name\"\n defaultValue={name}\n maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n {...passwordManagerOptOutProps}\n onFocus={event => event.currentTarget.select()}\n onBlur={event => onCommit(event.currentTarget.value)}\n onKeyDown={event => {\n if (event.key === 'Escape') event.currentTarget.value = name;\n if (event.key === 'Enter' \|\| event.key === 'Escape') {\n event.preventDefault();\n event.currentTarget.blur();\n }\n }}\n className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n />\n );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport { cn } from '@/lib/utils';\n\ntype SavedViewSummaryProps = {\n filters: readonly FilterBarItem[];\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n return (\n <div className=\"flex min-w-48 flex-col gap-2\">\n {filters.length === 0 ? (\n <Txt variant=\"caption\" tone=\"muted\">\n No filters\n </Txt>\n ) : (\n <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n {filters.map(filter => {\n const field = fields.find(candidate => candidate.id === filter.fieldId);\n const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n const operator = operators.find(candidate => candidate.id === filter.operatorId);\n return (\n <li key={filter.id} className=\"min-w-0\">\n <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n <span\n className={cn('flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground', iconSizeClasses.sm)}\n >\n <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n </span>\n {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n </Txt>\n </li>\n );\n })}\n </ul>\n )}\n {settings}\n </div>\n );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n controlHeight.sm,\n 'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n views: SavedViewsController<TSettings>;\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n defaultLabel: string;\n newViewSettings: NoInfer<TSettings>;\n describeSettings?: (settings: TSettings) => ReactNode;\n 'aria-label'?: string;\n className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n views,\n fields,\n operators,\n defaultLabel,\n newViewSettings,\n describeSettings,\n 'aria-label': ariaLabel = 'Views',\n className,\n}: SavedViewTabsProps<TSettings>) {\n const [renamingViewId, setRenamingViewId] = useState<string>();\n const { draft } = views;\n const creating = draft !== undefined && draft.viewId === undefined;\n const defaultSelected = views.activeView === undefined && !creating;\n // A blank name cancels; a failed rename stays open with what was typed so it can be retried.\n const commitRename = async (viewId: string, name: string) => {\n if (!name.trim()) return setRenamingViewId(undefined);\n const renamed = views.rename(viewId, name);\n // A synchronous controller closes in the same render; only an async one waits.\n if (typeof renamed === 'boolean' ? renamed : await renamed) setRenamingViewId(undefined);\n };\n\n return (\n <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n <button\n type=\"button\"\n aria-pressed={defaultSelected}\n className={defaultSelected ? selectedTabClass : restingTabClass}\n onClick={() => views.select(undefined)}\n >\n {defaultLabel}\n </button>\n {views.views.map(view => {\n if (renamingViewId === view.id) {\n return <RenamingViewTab key={view.id} name={view.name} onCommit={name => void commitRename(view.id, name)} />;\n }\n return (\n <SavedViewTab\n key={view.id}\n view={view}\n selected={views.activeView?.id === view.id && !creating}\n unsaved={draft?.viewId === view.id && views.unsaved}\n fields={fields}\n operators={operators}\n settings={describeSettings?.(view.settings)}\n onSelect={() => views.select(view.id)}\n onEdit={() => views.edit(view.id)}\n onRename={() => setRenamingViewId(view.id)}\n onDuplicate={() => views.duplicate(view.id)}\n onDelete={() => views.remove(view.id)}\n />\n );\n })}\n {views.error && (\n <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n {views.error}\n </Txt>\n )}\n {creating ? (\n <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n ) : (\n <Button\n type=\"button\"\n size=\"icon-sm\"\n tooltip=\"New view\"\n disabled={draft !== undefined}\n onClick={() => views.create(newViewSettings)}\n >\n <LayersPlusIcon />\n </Button>\n )}\n </div>\n );\n}\n\nfunction EditingViewTab({\n name,\n unsaved,\n onRename,\n}: {\n name: string;\n unsaved: boolean;\n onRename: (name: string) => void;\n}) {\n const [renaming, setRenaming] = useState(false);\n return (\n <span aria-current=\"true\" className={editingTabClass}>\n <LayersIcon aria-hidden />\n {renaming ? (\n <SavedViewNameInput\n name={name}\n onCommit={next => {\n setRenaming(false);\n if (next.trim()) onRename(next);\n }}\n />\n ) : (\n <>\n <span className=\"max-w-48 truncate\">{name}</span>\n {unsaved && (\n <>\n <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n <VisuallyHidden>Unsaved changes</VisuallyHidden>\n </>\n )}\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n tooltip=\"Rename view\"\n className=\"-mr-2 size-6\"\n onClick={() => setRenaming(true)}\n >\n <PencilIcon />\n </Button>\n </>\n )}\n </span>\n );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n return (\n <span className={cn(restingTabClass, 'gap-1.5')}>\n <SavedViewTabIcon />\n <SavedViewNameInput name={name} onCommit={onCommit} />\n </span>\n );\n}\n\nfunction SavedViewTabIcon() {\n return (\n <Icon data-slot=\"button-icon\" size=\"sm\">\n <LayersIcon aria-hidden />\n </Icon>\n );\n}\n\nfunction SavedViewTab<TSettings>({\n view,\n selected,\n unsaved,\n fields,\n operators,\n settings,\n onSelect,\n onEdit,\n onRename,\n onDuplicate,\n onDelete,\n}: {\n view: SavedView<TSettings>;\n selected: boolean;\n unsaved: boolean;\n fields: readonly FilterBarField[];\n operators: readonly FilterBarOperator[];\n settings: ReactNode;\n onSelect: () => void;\n onEdit: () => void;\n onRename: () => void;\n onDuplicate: () => void;\n onDelete: () => void;\n}) {\n const actions: ViewAction[] = [\n { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n ];\n const [menuOpen, setMenuOpen] = useState(false);\n const [previewOpen, setPreviewOpen] = useState(false);\n // The trigger asks to open a frame after the click, when the click that selected the tab has\n // already re-rendered it as selected. Only a click on the selected tab opens the menu.\n const clickOpensMenuRef = useRef(true);\n const changeMenuOpen = (open: boolean) => {\n setMenuOpen(selected && open && clickOpensMenuRef.current);\n if (open) setPreviewOpen(false);\n };\n\n return (\n <ContextMenu>\n <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n <ContextMenu.Trigger\n render={\n <HoverCardTrigger\n delay={400}\n render={\n <DropdownMenu.Trigger\n render={\n <button\n type=\"button\"\n aria-pressed={selected}\n aria-haspopup={selected ? 'menu' : undefined}\n onClick={() => {\n clickOpensMenuRef.current = selected;\n if (selected) return;\n setPreviewOpen(false);\n onSelect();\n }}\n className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n />\n }\n />\n }\n />\n }\n >\n <SavedViewTabIcon />\n <span className=\"max-w-48 truncate\">{view.name}</span>\n {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n </ContextMenu.Trigger>\n <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n </HoverCardContent>\n </HoverCard>\n <DropdownMenu.Content align=\"start\">\n {actions.map(action => (\n <Fragment key={action.label}>\n {action.destructive && <DropdownMenu.Separator />}\n <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n {action.icon}\n {action.label}\n </DropdownMenu.Item>\n </Fragment>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n <ContextMenu.Content>\n {actions.map(action => (\n <Fragment key={action.label}>\n {action.destructive && <ContextMenu.Separator />}\n <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n {action.icon}\n {action.label}\n </ContextMenu.Item>\n </Fragment>\n ))}\n </ContextMenu.Content>\n </ContextMenu>\n );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n views: SavedViewsController<TSettings>;\n /** Shown next to the save button of a new view, e.g. where it is saved (\"Saved in this browser\"). /\n saveCaption?: ReactNode;\n children?: ReactNode;\n className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({\n views,\n saveCaption,\n children,\n className,\n}: SavedViewEditorProps<TSettings>) {\n const { draft } = views;\n const creating = draft?.viewId === undefined;\n return (\n <div\n role={draft ? 'group' : undefined}\n aria-label={draft ? `Edit view ${draft.name}` : undefined}\n className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n >\n {children}\n {draft && (\n <>\n {!creating && views.unsaved && (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n Unsaved changes\n </Txt>\n )}\n <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n {creating && saveCaption && (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n {saveCaption}\n </Txt>\n )}\n <div className=\"flex items-center gap-1\">\n <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n {creating ? 'Cancel' : 'Reset'}\n </Button>\n <Button\n type=\"button\"\n variant=\"primary\"\n size=\"sm\"\n disabled={!views.unsaved \|\| views.pending}\n onClick={views.save}\n >\n {creating ? 'Save view' : 'Save changes'}\n </Button>\n </div>\n </div>\n </>\n )}\n </div>\n );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string \| null {\n try {\n return window.localStorage.getItem(key);\n } catch {\n return null;\n }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n try {\n window.localStorage.setItem(key, raw);\n } catch {\n return false;\n }\n listenersByKey.get(key)?.forEach(listener => listener());\n return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n const cached = subscribeByKey.get(key);\n if (cached) return cached;\n const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n subscribeByKey.set(key, subscribe);\n return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n listenersByKey.set(key, listeners);\n listeners.add(listener);\n const onStorage = (event: StorageEvent) => {\n if (event.key === key \|\| event.key === null) listener();\n };\n window.addEventListener('storage', onStorage);\n return () => {\n listeners.delete(listener);\n window.removeEventListener('storage', onStorage);\n };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n filters: FilterBarItem[];\n settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n viewId?: string;\n name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n storageKey: string;\n settingsSchema: SavedViewSettingsSchema<TSettings>;\n activeViewId: string \| undefined;\n onActiveViewChange: (viewId: string \| undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n views: SavedView<TSettings>[];\n activeView: SavedView<TSettings> \| undefined;\n draft: SavedViewDraft<TSettings> \| undefined;\n unsaved: boolean;\n /* A failed save, rename, duplicate or delete, shown under the tabs. /\n error: string \| undefined;\n /* A change is being saved; the save actions are disabled until it settles. /\n pending?: boolean;\n applied: SavedViewContent<TSettings> \| undefined;\n select: (viewId: string \| undefined) => void;\n create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n edit: (viewId: string) => void;\n change: (patch: SavedViewDraftChange<TSettings>) => void;\n save: () => void;\n discard: () => void;\n /* Resolves true once the view has the new name; false leaves the error in `error`. */\n rename: (viewId: string, name: string) => boolean \| Promise<boolean>;\n duplicate: (viewId: string) => void;\n remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string \| undefined {\n const parsed = savedViewNameSchema.safeParse(name);\n return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n return (\n JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n JSON.stringify([view.name, view.filters, view.settings])\n );\n}\n\nexport function useSavedViews<TSettings>({\n storageKey,\n settingsSchema,\n activeViewId,\n onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n const raw = useSyncExternalStore(\n savedViewsSubscriber(storageKey),\n () => readSavedViewsRaw(storageKey),\n () => null,\n );\n const views = parseSavedViews(raw, settingsSchema);\n const [failedStorageKey, setFailedStorageKey] = useState<string>();\n const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n const draftView = views.find(view => view.id === pendingDraft?.viewId);\n const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n const storageKeyChanged = draftScope.storageKey !== storageKey;\n if (storageKeyChanged \|\| draftScope.activeViewId !== activeViewId \|\| draftViewDeleted) {\n setDraftScope({ storageKey, activeViewId });\n if (storageKeyChanged \|\| draftViewDeleted \|\| pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n }\n const draft = pendingDraft?.viewId === undefined \|\| pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n const unsaved = draft !== undefined && (!draftView \|\| !sameViewContent(draft, draftView));\n\n const activeView = views.find(view => view.id === activeViewId);\n const write = (next: SavedView<TSettings>[]) => {\n const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n setFailedStorageKey(saved ? undefined : storageKey);\n return saved;\n };\n\n return {\n views,\n activeView,\n draft,\n unsaved,\n error:\n failedStorageKey === storageKey\n ? 'Could not save changes. Check your browser storage settings and try again.'\n : undefined,\n applied: draft ?? activeView,\n select: viewId => {\n setFailedStorageKey(undefined);\n setDraft(undefined);\n onActiveViewChange(viewId);\n },\n create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n edit: viewId => {\n if (draft?.viewId === viewId) return;\n const view = views.find(candidate => candidate.id === viewId);\n if (!view) return;\n const { id, ...content } = view;\n setDraft({ ...content, viewId: id });\n if (viewId !== activeViewId) onActiveViewChange(viewId);\n },\n change: patch => {\n if (patch.name !== undefined) setFailedStorageKey(undefined);\n if (draft) {\n setDraft({ ...draft, ...patch });\n return;\n }\n if (!activeView) return;\n const { id, ...content } = activeView;\n setDraft({ ...content, ...patch, viewId: id });\n },\n save: () => {\n if (!draft) return;\n const { viewId, ...content } = draft;\n const saved: SavedView<TSettings> = {\n ...content,\n id: viewId ?? createSavedViewId(),\n name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n };\n if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n setDraft(undefined);\n if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n },\n discard: () => {\n setFailedStorageKey(undefined);\n setDraft(undefined);\n },\n rename: (viewId, name) => {\n const nextName = validViewName(name);\n if (!nextName) return false;\n if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return false;\n if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n return true;\n },\n duplicate: viewId => {\n const index = views.findIndex(view => view.id === viewId);\n const original = views[index];\n if (!original) return;\n const copy: SavedView<TSettings> = {\n ...original,\n id: createSavedViewId(),\n name: validViewName(`${original.name} copy`) ?? original.name,\n };\n if (!write(views.toSpliced(index + 1, 0, copy))) return;\n setDraft(undefined);\n onActiveViewChange(copy.id);\n },\n remove: viewId => {\n if (!write(views.filter(view => view.id !== viewId))) return;\n if (draft?.viewId === viewId) setDraft(undefined);\n if (activeViewId === viewId) onActiveViewChange(undefined);\n },\n };\n}\n"],"mappings":"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"}

package/dist/components/SearchInput.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_merge_refs = require("../merge-refs-C0BDbPAW.cjs");
 const require_components_Field = require("./Field.cjs.js");
-const require_input_group = require("../input-group-uDpFNnSW.cjs");
+const require_input_group = require("../input-group-DVJLZDBL.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -25,7 +25,10 @@ function SearchInput({ label, value, onValueChange, onClose, size, className, re
 			size,
 			className: "min-w-0",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupAddon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchIcon, {}) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupAddon, {
+					className: "pr-(--control-gap) pl-[calc(var(--control-px)-2px)]",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchIcon, {})
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupInput, {
 					ref: require_merge_refs.mergeRefs(inputRef, ref),
 					value,

package/dist/components/SearchInput.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchInput.cjs.js","names":["useRef","Field","FieldLabel","InputGroup","InputGroupAddon","SearchIcon","InputGroupInput","mergeRefs","InputGroupButton","XIcon"],"sources":["../../src/ds/components/SearchInput/search-input.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport type { Ref } from 'react';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupInputProps, InputGroupProps } from '@/ds/components/InputGroup';\nimport { mergeRefs } from '@/lib/merge-refs';\n\nexport type SearchInputProps = Omit<InputGroupInputProps, 'value' \| 'onChange' \| 'type' \| 'ref' \| 'error'> & {\n label: string;\n value: string;\n onValueChange: (value: string) => void;\n onClose?: () => void;\n size?: InputGroupProps['size'];\n className?: string;\n ref?: Ref<HTMLInputElement>;\n};\n\nexport function SearchInput({\n label,\n value,\n onValueChange,\n onClose,\n size,\n className,\n ref,\n ...inputProps\n}: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const clear = () => {\n onValueChange('');\n inputRef.current?.focus();\n };\n\n const close = () => {\n onValueChange('');\n onClose?.();\n };\n\n return (\n <Field className={className}>\n <FieldLabel className=\"sr-only\">{label}</FieldLabel>\n <InputGroup size={size} className=\"min-w-0\">\n <InputGroupAddon>\n <SearchIcon />\n </InputGroupAddon>\n <InputGroupInput\n ref={mergeRefs(inputRef, ref)}\n value={value}\n onChange={event => onValueChange(event.target.value)}\n {...inputProps}\n type=\"search\"\n />\n {(onClose \|\| value) && (\n <InputGroupAddon align=\"inline-end\">\n <InputGroupButton aria-label={onClose ? 'Close search' : 'Clear search'} onClick={onClose ? close : clear}>\n <XIcon />\n </InputGroupButton>\n </InputGroupAddon>\n )}\n </InputGroup>\n </Field>\n );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,YAAY,EAC1B,OACA,OACA,eACA,SACA,MACA,WACA,KACA,GAAG,cACgB;CACnB,MAAM,YAAA,GAAWA,MAAAA,OAAAA,CAAyB,IAAI;CAE9C,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,UAAU;CACZ;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,OAAD;EAAkB;EAAlB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,YAAD;GAAY,WAAU;GAAW,UAAA;EAAkB,CAAA,GACnD,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,YAAD;GAAkB;GAAM,WAAU;GAAlC,UAAA;~~IACE~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,iBAAD,~~EAAA~~,~~UACE~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,CAAa,CAAA,~~EACE,~~CAAA;IACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,iBAAD;KACE,KAAKC,mBAAAA,UAAU,UAAU,GAAG;KACrB;KACP,WAAU,UAAS,cAAc,MAAM,OAAO,KAAK;KACnD,GAAI;KACJ,MAAK;IACN,CAAA;KACC,WAAW,UACX,iBAAA,GAAA,kBAAA,IAAA,CAACH,oBAAAA,iBAAD;KAAiB,OAAM;KACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,oBAAAA,kBAAD;MAAkB,cAAY,UAAU,iBAAiB;MAAgB,SAAS,UAAU,QAAQ;MAClG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,CAAQ,CAAA;KACQ,CAAA;IACH,CAAA;GAET;EACP,CAAA,CAAA;;AAEX"}
1	+ {"version":3,"file":"SearchInput.cjs.js","names":["useRef","Field","FieldLabel","InputGroup","InputGroupAddon","SearchIcon","InputGroupInput","mergeRefs","InputGroupButton","XIcon"],"sources":["../../src/ds/components/SearchInput/search-input.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport type { Ref } from 'react';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupInputProps, InputGroupProps } from '@/ds/components/InputGroup';\nimport { mergeRefs } from '@/lib/merge-refs';\n\nexport type SearchInputProps = Omit<InputGroupInputProps, 'value' \| 'onChange' \| 'type' \| 'ref' \| 'error'> & {\n label: string;\n value: string;\n onValueChange: (value: string) => void;\n onClose?: () => void;\n size?: InputGroupProps['size'];\n className?: string;\n ref?: Ref<HTMLInputElement>;\n};\n\nexport function SearchInput({\n label,\n value,\n onValueChange,\n onClose,\n size,\n className,\n ref,\n ...inputProps\n}: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const clear = () => {\n onValueChange('');\n inputRef.current?.focus();\n };\n\n const close = () => {\n onValueChange('');\n onClose?.();\n };\n\n return (\n <Field className={className}>\n <FieldLabel className=\"sr-only\">{label}</FieldLabel>\n <InputGroup size={size} className=\"min-w-0\">\n {/* Spaced like a Button's leading icon (the group's `--control-px` and `--control-gap`) so\n a search field sits in a toolbar row with the same insets as the pills next to it. */}\n <InputGroupAddon className=\"pr-(--control-gap) pl-[calc(var(--control-px)-2px)]\">\n <SearchIcon />\n </InputGroupAddon>\n <InputGroupInput\n ref={mergeRefs(inputRef, ref)}\n value={value}\n onChange={event => onValueChange(event.target.value)}\n {...inputProps}\n type=\"search\"\n />\n {(onClose \|\| value) && (\n <InputGroupAddon align=\"inline-end\">\n <InputGroupButton aria-label={onClose ? 'Close search' : 'Clear search'} onClick={onClose ? close : clear}>\n <XIcon />\n </InputGroupButton>\n </InputGroupAddon>\n )}\n </InputGroup>\n </Field>\n );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,YAAY,EAC1B,OACA,OACA,eACA,SACA,MACA,WACA,KACA,GAAG,cACgB;CACnB,MAAM,YAAA,GAAWA,MAAAA,OAAAA,CAAyB,IAAI;CAE9C,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,UAAU;CACZ;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,OAAD;EAAkB;EAAlB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,YAAD;GAAY,WAAU;GAAW,UAAA;EAAkB,CAAA,GACnD,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,YAAD;GAAkB;GAAM,WAAU;GAAlC,UAAA;IAGE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,iBAAD;KAAiB,WAAU;KACzB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,CAAa,CAAA;IACE,CAAA;IACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,iBAAD;KACE,KAAKC,mBAAAA,UAAU,UAAU,GAAG;KACrB;KACP,WAAU,UAAS,cAAc,MAAM,OAAO,KAAK;KACnD,GAAI;KACJ,MAAK;IACN,CAAA;KACC,WAAW,UACX,iBAAA,GAAA,kBAAA,IAAA,CAACH,oBAAAA,iBAAD;KAAiB,OAAM;KACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,oBAAAA,kBAAD;MAAkB,cAAY,UAAU,iBAAiB;MAAgB,SAAS,UAAU,QAAQ;MAClG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,CAAQ,CAAA;KACQ,CAAA;IACH,CAAA;GAET;EACP,CAAA,CAAA;;AAEX"}

package/dist/components/SearchInput.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { t as mergeRefs } from "../merge-refs-BXb4SnRx.js";
 import { Field, FieldLabel } from "./Field.es.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-g85FYfze.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-QKKV_ouF.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchIcon, XIcon } from "lucide-react";
@@ -24,7 +24,10 @@ function SearchInput({ label, value, onValueChange, onClose, size, className, re
 			size,
 			className: "min-w-0",
 			children: [
-				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
+				/* @__PURE__ */ jsx(InputGroupAddon, {
+					className: "pr-(--control-gap) pl-[calc(var(--control-px)-2px)]",
+					children: /* @__PURE__ */ jsx(SearchIcon, {})
+				}),
 				/* @__PURE__ */ jsx(InputGroupInput, {
 					ref: mergeRefs(inputRef, ref),
 					value,

package/dist/components/SearchInput.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchInput.es.js","names":[],"sources":["../../src/ds/components/SearchInput/search-input.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport type { Ref } from 'react';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupInputProps, InputGroupProps } from '@/ds/components/InputGroup';\nimport { mergeRefs } from '@/lib/merge-refs';\n\nexport type SearchInputProps = Omit<InputGroupInputProps, 'value' \| 'onChange' \| 'type' \| 'ref' \| 'error'> & {\n label: string;\n value: string;\n onValueChange: (value: string) => void;\n onClose?: () => void;\n size?: InputGroupProps['size'];\n className?: string;\n ref?: Ref<HTMLInputElement>;\n};\n\nexport function SearchInput({\n label,\n value,\n onValueChange,\n onClose,\n size,\n className,\n ref,\n ...inputProps\n}: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const clear = () => {\n onValueChange('');\n inputRef.current?.focus();\n };\n\n const close = () => {\n onValueChange('');\n onClose?.();\n };\n\n return (\n <Field className={className}>\n <FieldLabel className=\"sr-only\">{label}</FieldLabel>\n <InputGroup size={size} className=\"min-w-0\">\n <InputGroupAddon>\n <SearchIcon />\n </InputGroupAddon>\n <InputGroupInput\n ref={mergeRefs(inputRef, ref)}\n value={value}\n onChange={event => onValueChange(event.target.value)}\n {...inputProps}\n type=\"search\"\n />\n {(onClose \|\| value) && (\n <InputGroupAddon align=\"inline-end\">\n <InputGroupButton aria-label={onClose ? 'Close search' : 'Clear search'} onClick={onClose ? close : clear}>\n <XIcon />\n </InputGroupButton>\n </InputGroupAddon>\n )}\n </InputGroup>\n </Field>\n );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,YAAY,EAC1B,OACA,OACA,eACA,SACA,MACA,WACA,KACA,GAAG,cACgB;CACnB,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,UAAU;CACZ;CAEA,OACE,qBAAC,OAAD;EAAkB;EAAlB,UAAA,CACE,oBAAC,YAAD;GAAY,WAAU;GAAW,UAAA;EAAkB,CAAA,GACnD,qBAAC,YAAD;GAAkB;GAAM,WAAU;GAAlC,UAAA;~~IACE~~,oBAAC,iBAAD,~~EAAA~~,~~UACE~~,oBAAC,YAAD,CAAa,CAAA,~~EACE,~~CAAA;IACjB,oBAAC,iBAAD;KACE,KAAK,UAAU,UAAU,GAAG;KACrB;KACP,WAAU,UAAS,cAAc,MAAM,OAAO,KAAK;KACnD,GAAI;KACJ,MAAK;IACN,CAAA;KACC,WAAW,UACX,oBAAC,iBAAD;KAAiB,OAAM;KACrB,UAAA,oBAAC,kBAAD;MAAkB,cAAY,UAAU,iBAAiB;MAAgB,SAAS,UAAU,QAAQ;MAClG,UAAA,oBAAC,OAAD,CAAQ,CAAA;KACQ,CAAA;IACH,CAAA;GAET;EACP,CAAA,CAAA;;AAEX"}
1	+ {"version":3,"file":"SearchInput.es.js","names":[],"sources":["../../src/ds/components/SearchInput/search-input.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport type { Ref } from 'react';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupInputProps, InputGroupProps } from '@/ds/components/InputGroup';\nimport { mergeRefs } from '@/lib/merge-refs';\n\nexport type SearchInputProps = Omit<InputGroupInputProps, 'value' \| 'onChange' \| 'type' \| 'ref' \| 'error'> & {\n label: string;\n value: string;\n onValueChange: (value: string) => void;\n onClose?: () => void;\n size?: InputGroupProps['size'];\n className?: string;\n ref?: Ref<HTMLInputElement>;\n};\n\nexport function SearchInput({\n label,\n value,\n onValueChange,\n onClose,\n size,\n className,\n ref,\n ...inputProps\n}: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const clear = () => {\n onValueChange('');\n inputRef.current?.focus();\n };\n\n const close = () => {\n onValueChange('');\n onClose?.();\n };\n\n return (\n <Field className={className}>\n <FieldLabel className=\"sr-only\">{label}</FieldLabel>\n <InputGroup size={size} className=\"min-w-0\">\n {/* Spaced like a Button's leading icon (the group's `--control-px` and `--control-gap`) so\n a search field sits in a toolbar row with the same insets as the pills next to it. */}\n <InputGroupAddon className=\"pr-(--control-gap) pl-[calc(var(--control-px)-2px)]\">\n <SearchIcon />\n </InputGroupAddon>\n <InputGroupInput\n ref={mergeRefs(inputRef, ref)}\n value={value}\n onChange={event => onValueChange(event.target.value)}\n {...inputProps}\n type=\"search\"\n />\n {(onClose \|\| value) && (\n <InputGroupAddon align=\"inline-end\">\n <InputGroupButton aria-label={onClose ? 'Close search' : 'Clear search'} onClick={onClose ? close : clear}>\n <XIcon />\n </InputGroupButton>\n </InputGroupAddon>\n )}\n </InputGroup>\n </Field>\n );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,YAAY,EAC1B,OACA,OACA,eACA,SACA,MACA,WACA,KACA,GAAG,cACgB;CACnB,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,cAAc;EAClB,cAAc,EAAE;EAChB,UAAU;CACZ;CAEA,OACE,qBAAC,OAAD;EAAkB;EAAlB,UAAA,CACE,oBAAC,YAAD;GAAY,WAAU;GAAW,UAAA;EAAkB,CAAA,GACnD,qBAAC,YAAD;GAAkB;GAAM,WAAU;GAAlC,UAAA;IAGE,oBAAC,iBAAD;KAAiB,WAAU;KACzB,UAAA,oBAAC,YAAD,CAAa,CAAA;IACE,CAAA;IACjB,oBAAC,iBAAD;KACE,KAAK,UAAU,UAAU,GAAG;KACrB;KACP,WAAU,UAAS,cAAc,MAAM,OAAO,KAAK;KACnD,GAAI;KACJ,MAAK;IACN,CAAA;KACC,WAAW,UACX,oBAAC,iBAAD;KAAiB,OAAM;KACrB,UAAA,oBAAC,kBAAD;MAAkB,cAAY,UAAU,iBAAiB;MAAgB,SAAS,UAAU,QAAQ;MAClG,UAAA,oBAAC,OAAD,CAAQ,CAAA;KACQ,CAAA;IACH,CAAA;GAET;EACP,CAAA,CAAA;;AAEX"}

package/dist/components/Select.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_select = require("../select-NySY9Men.cjs");
+const require_select = require("../select-Dg8L5ROX.cjs");
 exports.Select = require_select.Select;
 exports.SelectContent = require_select.SelectContent;
 exports.SelectGroup = require_select.SelectGroup;

package/dist/components/Select.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Select, n as SelectContent, r as SelectGroup, i as SelectItem, a as SelectSeparator, o as SelectTrigger, s as SelectValue } from "../select-~~BbFpEBAY~~.js";
1	+ export { t as Select, n as SelectContent, r as SelectGroup, i as SelectItem, a as SelectSeparator, o as SelectTrigger, s as SelectValue } from "../select-BdIZEdcy.js";

package/dist/components/SideDialog.cjs.js CHANGED Viewed

@@ -3,12 +3,12 @@ const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
 require("../primitives/raised-surface.cjs.js");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_primitives_portal_container = require("../primitives/portal-container.cjs.js");
-const require_copy_button = require("../copy-button-BYEFKNpo.cjs");
-const require_components_ButtonsGroup = require("./ButtonsGroup.cjs.js");
+const require_copy_button = require("../copy-button-DJAQ6_3o.cjs");
+const require_buttons_group = require("../buttons-group-Dc6R7YSs.cjs");
 const require_components_Drawer = require("./Drawer.cjs.js");
-const require_CodeEditor = require("../CodeEditor-CJ9jC9lu.cjs");
+const require_CodeEditor = require("../CodeEditor-CLzs0yVc.cjs");
 const require_Section = require("../Section-CyGQZR7U.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
@@ -30,7 +30,7 @@ function SideDialogCodeSection({ codeStr = "", title, icon, simplified = false }
 		}
 	}, [codeStr]);
 	const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section.Header, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section.Heading, { children: [icon, title] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ButtonsGroup.ButtonsGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section.Header, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Section.Section.Heading, { children: [icon, title] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
 		size: "sm",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, { content: codeStr || "No content" }), hasMultilineText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
 			size: "icon-md",

package/dist/components/SideDialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideDialog.cjs.js","names":["useCodemirrorTheme","useState","useMemo","Section","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","ReactCodeMirror","json","EditorView","codeFoldGutter","DrawerInteractive","cn","cn","HeadingTag","cn","cn","Button","ArrowUpIcon","ArrowDownIcon","React","Drawer","DrawerPortal","DrawerBackdrop","DrawerViewport","DrawerPopup","cn","DrawerTitle","DrawerDescription","DrawerClose","transitions","ChevronsRightIcon","DrawerInteractive","PortalContainerProvider","cn"],"sources":["../../src/ds/components/SideDialog/side-dialog-code-section.tsx","../../src/ds/components/SideDialog/side-dialog-content.tsx","../../src/ds/components/SideDialog/side-dialog-header.tsx","../../src/ds/components/SideDialog/side-dialog-heading.tsx","../../src/ds/components/SideDialog/side-dialog-nav.tsx","../../src/ds/components/SideDialog/side-dialog-root.tsx","../../src/ds/components/SideDialog/side-dialog-top.tsx","../../src/ds/components/SideDialog/side-dialog.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport React, { useState, useMemo } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { codeFoldGutter, useCodemirrorTheme } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Section } from '@/ds/components/Section';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type SideDialogCodeSectionProps = {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n};\n\nexport function SideDialogCodeSection({ codeStr = '', title, icon, simplified = false }: SideDialogCodeSectionProps) {\n const theme = useCodemirrorTheme();\n const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n const hasMultilineText = useMemo(() => {\n try {\n const parsed = JSON.parse(codeStr);\n return containsInnerNewline(parsed \|\| '');\n } catch {\n return false;\n }\n }, [codeStr]);\n\n const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n\n return (\n <Section>\n <Section.Header>\n <Section.Heading>\n {icon}\n {title}\n </Section.Heading>\n <ButtonsGroup size=\"sm\">\n <CopyButton content={codeStr \|\| 'No content'} />\n {hasMultilineText && (\n <Button\n size=\"icon-md\"\n aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n onClick={() => setShowAsMultilineText(!showAsMultilineText)}\n >\n {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n </Button>\n )}\n </ButtonsGroup>\n </Section.Header>\n {codeStr && (\n <div\n className={`${raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`}\n >\n {simplified ? (\n <div className=\"px-2 font-mono break-all text-muted-foreground\">\n <pre className=\"text-wrap\">{codeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping, codeFoldGutter]}\n basicSetup={{ foldGutter: false }}\n theme={theme}\n value={finalCodeStr}\n />\n )}\n </div>\n )}\n </Section>\n );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n if (typeof obj === 'string') {\n const idx = obj.indexOf('\\n');\n return idx !== -1 && idx !== obj.length - 1;\n } else if (Array.isArray(obj)) {\n return obj.some(item => containsInnerNewline(item));\n } else if (obj && typeof obj === 'object') {\n return Object.values(obj).some(value => containsInnerNewline(value));\n }\n return false;\n}\n","import { DrawerInteractive } from '@/ds/components/Drawer';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogContentProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogContent({ children, className }: SideDialogContentProps) {\n return (\n <DrawerInteractive\n render={\n <div className={cn('grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5', className)}>{children}</div>\n }\n />\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeaderProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogHeader({ children, className }: SideDialogHeaderProps) {\n return <div className={cn('flex items-center justify-between pb-3', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeadingProps = {\n children?: React.ReactNode;\n className?: string;\n as?: 'h1' \| 'h2';\n};\n\nexport function SideDialogHeading({ children, className, as = 'h1' }: SideDialogHeadingProps) {\n const HeadingTag = as;\n\n return (\n <HeadingTag\n className={cn(\n 'flex items-start gap-2',\n as === 'h1' ? 'text-heading text-foreground' : 'text-subheading text-foreground',\n '[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70',\n className,\n )}\n >\n {children}\n </HeadingTag>\n );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogNavProps = {\n onNext?: (() => void) \| null;\n onPrevious?: (() => void) \| null;\n className?: string;\n};\n\nexport function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps) {\n const handleOnNext = () => {\n onNext?.();\n };\n\n const handleOnPrevious = () => {\n onPrevious?.();\n };\n\n return (\n <div className={cn('flex items-center gap-3', '[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground', className)}>\n {(onNext \|\| onPrevious) && (\n <div className={cn('flex items-baseline gap-3')}>\n <Button onClick={handleOnPrevious} disabled={!onPrevious} icon={<ArrowUpIcon />}>\n Previous\n </Button>\n <Button onClick={handleOnNext} disabled={!onNext} icon={<ArrowDownIcon />}>\n Next\n </Button>\n </div>\n )}\n </div>\n );\n}\n","import { ChevronsRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n Drawer,\n DrawerBackdrop,\n DrawerClose,\n DrawerDescription,\n DrawerInteractive,\n DrawerPopup,\n DrawerPortal,\n DrawerTitle,\n DrawerViewport,\n} from '@/ds/components/Drawer';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogRootProps = {\n variant?: 'default' \| 'confirmation';\n dialogTitle: string;\n dialogDescription: string;\n isOpen: boolean;\n onClose?: () => void;\n children?: React.ReactNode;\n className?: string;\n level?: 1 \| 2 \| 3;\n};\n\nexport function SideDialogRoot({\n dialogTitle,\n dialogDescription,\n isOpen,\n onClose,\n children,\n variant = 'default',\n level = 1,\n className,\n}: SideDialogRootProps) {\n const isConfirmation = variant === 'confirmation';\n\n // Mount point for nested popups (Select, Popover, …). It sits inside Base\n // UI's modal `FloatingFocusManager` region (so a `document.body` portal can't\n // leave them unclickable) AND is a `DrawerInteractive` (`data-drawer-content`)\n // node, which Base UI's Drawer excludes from swipe-to-dismiss. Without that\n // exclusion, a `pointerdown` on a dropdown option starts a drawer swipe and\n // captures the pointer, so the option never receives `pointerup` and the\n // click never commits. See `portal-container.tsx`.\n const [portalHost, setPortalHost] = React.useState<HTMLDivElement \| null>(null);\n\n return (\n <Drawer\n side=\"right\"\n open={isOpen}\n onOpenChange={open => {\n if (!open) onClose?.();\n }}\n >\n <DrawerPortal>\n {!isConfirmation && <DrawerBackdrop className=\"backdrop-blur-sm\" />}\n <DrawerViewport className={isConfirmation ? 'pointer-events-none' : undefined}>\n <DrawerPopup\n className={cn(\n 'max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background',\n {\n 'w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]': level === 1,\n 'w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]': level === 2,\n 'w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]': level === 3,\n 'pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm': isConfirmation,\n },\n className,\n )}\n >\n <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n\n {!isConfirmation && (\n <DrawerClose\n render={\n <button\n type=\"button\"\n className={cn(\n 'absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground',\n transitions.all,\n 'hover:bg-fill-subtle hover:text-foreground',\n )}\n aria-label=\"Close\"\n >\n <ChevronsRightIcon />\n </button>\n }\n />\n )}\n\n {/* Swipe-exempt, out-of-flow mount point for nested popups. */}\n <DrawerInteractive render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n <PortalContainerProvider container={portalHost}>\n <div\n className={cn('grid h-full', {\n 'grid-rows-[auto_1fr]': !isConfirmation,\n })}\n >\n {children}\n </div>\n </PortalContainerProvider>\n </DrawerPopup>\n </DrawerViewport>\n </DrawerPortal>\n </Drawer>\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogTopProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogTop({ children, className }: SideDialogTopProps) {\n return (\n <div\n className={cn(\n `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,\n '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[\"\"]',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { SideDialogCodeSection } from './side-dialog-code-section';\nimport { SideDialogContent } from './side-dialog-content';\nimport { SideDialogHeader } from './side-dialog-header';\nimport { SideDialogHeading } from './side-dialog-heading';\nimport { SideDialogNav } from './side-dialog-nav';\nimport { SideDialogRoot } from './side-dialog-root';\nimport { SideDialogTop } from './side-dialog-top';\n\nexport { type SideDialogRootProps } from './side-dialog-root';\n\nexport const SideDialog = Object.assign(SideDialogRoot, {\n Top: SideDialogTop,\n Header: SideDialogHeader,\n Heading: SideDialogHeading,\n Content: SideDialogContent,\n CodeSection: SideDialogCodeSection,\n Nav: SideDialogNav,\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"SideDialog.cjs.js","names":["useCodemirrorTheme","useState","useMemo","Section","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","ReactCodeMirror","json","EditorView","codeFoldGutter","DrawerInteractive","cn","cn","HeadingTag","cn","cn","Button","ArrowUpIcon","ArrowDownIcon","React","Drawer","DrawerPortal","DrawerBackdrop","DrawerViewport","DrawerPopup","cn","DrawerTitle","DrawerDescription","DrawerClose","transitions","ChevronsRightIcon","DrawerInteractive","PortalContainerProvider","cn"],"sources":["../../src/ds/components/SideDialog/side-dialog-code-section.tsx","../../src/ds/components/SideDialog/side-dialog-content.tsx","../../src/ds/components/SideDialog/side-dialog-header.tsx","../../src/ds/components/SideDialog/side-dialog-heading.tsx","../../src/ds/components/SideDialog/side-dialog-nav.tsx","../../src/ds/components/SideDialog/side-dialog-root.tsx","../../src/ds/components/SideDialog/side-dialog-top.tsx","../../src/ds/components/SideDialog/side-dialog.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport React, { useState, useMemo } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { codeFoldGutter, useCodemirrorTheme } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Section } from '@/ds/components/Section';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type SideDialogCodeSectionProps = {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n};\n\nexport function SideDialogCodeSection({ codeStr = '', title, icon, simplified = false }: SideDialogCodeSectionProps) {\n const theme = useCodemirrorTheme();\n const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n const hasMultilineText = useMemo(() => {\n try {\n const parsed = JSON.parse(codeStr);\n return containsInnerNewline(parsed \|\| '');\n } catch {\n return false;\n }\n }, [codeStr]);\n\n const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n\n return (\n <Section>\n <Section.Header>\n <Section.Heading>\n {icon}\n {title}\n </Section.Heading>\n <ButtonsGroup size=\"sm\">\n <CopyButton content={codeStr \|\| 'No content'} />\n {hasMultilineText && (\n <Button\n size=\"icon-md\"\n aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n onClick={() => setShowAsMultilineText(!showAsMultilineText)}\n >\n {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n </Button>\n )}\n </ButtonsGroup>\n </Section.Header>\n {codeStr && (\n <div\n className={`${raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`}\n >\n {simplified ? (\n <div className=\"px-2 font-mono break-all text-muted-foreground\">\n <pre className=\"text-wrap\">{codeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping, codeFoldGutter]}\n basicSetup={{ foldGutter: false }}\n theme={theme}\n value={finalCodeStr}\n />\n )}\n </div>\n )}\n </Section>\n );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n if (typeof obj === 'string') {\n const idx = obj.indexOf('\\n');\n return idx !== -1 && idx !== obj.length - 1;\n } else if (Array.isArray(obj)) {\n return obj.some(item => containsInnerNewline(item));\n } else if (obj && typeof obj === 'object') {\n return Object.values(obj).some(value => containsInnerNewline(value));\n }\n return false;\n}\n","import { DrawerInteractive } from '@/ds/components/Drawer';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogContentProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogContent({ children, className }: SideDialogContentProps) {\n return (\n <DrawerInteractive\n render={\n <div className={cn('grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5', className)}>{children}</div>\n }\n />\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeaderProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogHeader({ children, className }: SideDialogHeaderProps) {\n return <div className={cn('flex items-center justify-between pb-3', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeadingProps = {\n children?: React.ReactNode;\n className?: string;\n as?: 'h1' \| 'h2';\n};\n\nexport function SideDialogHeading({ children, className, as = 'h1' }: SideDialogHeadingProps) {\n const HeadingTag = as;\n\n return (\n <HeadingTag\n className={cn(\n 'flex items-start gap-2',\n as === 'h1' ? 'text-heading text-foreground' : 'text-subheading text-foreground',\n '[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70',\n className,\n )}\n >\n {children}\n </HeadingTag>\n );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogNavProps = {\n onNext?: (() => void) \| null;\n onPrevious?: (() => void) \| null;\n className?: string;\n};\n\nexport function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps) {\n const handleOnNext = () => {\n onNext?.();\n };\n\n const handleOnPrevious = () => {\n onPrevious?.();\n };\n\n return (\n <div className={cn('flex items-center gap-3', '[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground', className)}>\n {(onNext \|\| onPrevious) && (\n <div className={cn('flex items-baseline gap-3')}>\n <Button onClick={handleOnPrevious} disabled={!onPrevious} icon={<ArrowUpIcon />}>\n Previous\n </Button>\n <Button onClick={handleOnNext} disabled={!onNext} icon={<ArrowDownIcon />}>\n Next\n </Button>\n </div>\n )}\n </div>\n );\n}\n","import { ChevronsRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n Drawer,\n DrawerBackdrop,\n DrawerClose,\n DrawerDescription,\n DrawerInteractive,\n DrawerPopup,\n DrawerPortal,\n DrawerTitle,\n DrawerViewport,\n} from '@/ds/components/Drawer';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogRootProps = {\n variant?: 'default' \| 'confirmation';\n dialogTitle: string;\n dialogDescription: string;\n isOpen: boolean;\n onClose?: () => void;\n children?: React.ReactNode;\n className?: string;\n level?: 1 \| 2 \| 3;\n};\n\nexport function SideDialogRoot({\n dialogTitle,\n dialogDescription,\n isOpen,\n onClose,\n children,\n variant = 'default',\n level = 1,\n className,\n}: SideDialogRootProps) {\n const isConfirmation = variant === 'confirmation';\n\n // Mount point for nested popups (Select, Popover, …). It sits inside Base\n // UI's modal `FloatingFocusManager` region (so a `document.body` portal can't\n // leave them unclickable) AND is a `DrawerInteractive` (`data-drawer-content`)\n // node, which Base UI's Drawer excludes from swipe-to-dismiss. Without that\n // exclusion, a `pointerdown` on a dropdown option starts a drawer swipe and\n // captures the pointer, so the option never receives `pointerup` and the\n // click never commits. See `portal-container.tsx`.\n const [portalHost, setPortalHost] = React.useState<HTMLDivElement \| null>(null);\n\n return (\n <Drawer\n side=\"right\"\n open={isOpen}\n onOpenChange={open => {\n if (!open) onClose?.();\n }}\n >\n <DrawerPortal>\n {!isConfirmation && <DrawerBackdrop className=\"backdrop-blur-sm\" />}\n <DrawerViewport className={isConfirmation ? 'pointer-events-none' : undefined}>\n <DrawerPopup\n className={cn(\n 'max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background',\n {\n 'w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]': level === 1,\n 'w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]': level === 2,\n 'w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]': level === 3,\n 'pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm': isConfirmation,\n },\n className,\n )}\n >\n <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n\n {!isConfirmation && (\n <DrawerClose\n render={\n <button\n type=\"button\"\n className={cn(\n 'absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground',\n transitions.all,\n 'hover:bg-fill-subtle hover:text-foreground',\n )}\n aria-label=\"Close\"\n >\n <ChevronsRightIcon />\n </button>\n }\n />\n )}\n\n {/* Swipe-exempt, out-of-flow mount point for nested popups. */}\n <DrawerInteractive render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n <PortalContainerProvider container={portalHost}>\n <div\n className={cn('grid h-full', {\n 'grid-rows-[auto_1fr]': !isConfirmation,\n })}\n >\n {children}\n </div>\n </PortalContainerProvider>\n </DrawerPopup>\n </DrawerViewport>\n </DrawerPortal>\n </Drawer>\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogTopProps = {\n children?: React.ReactNode;\n className?: string;\n};\n\nexport function SideDialogTop({ children, className }: SideDialogTopProps) {\n return (\n <div\n className={cn(\n `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,\n '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[\"\"]',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { SideDialogCodeSection } from './side-dialog-code-section';\nimport { SideDialogContent } from './side-dialog-content';\nimport { SideDialogHeader } from './side-dialog-header';\nimport { SideDialogHeading } from './side-dialog-heading';\nimport { SideDialogNav } from './side-dialog-nav';\nimport { SideDialogRoot } from './side-dialog-root';\nimport { SideDialogTop } from './side-dialog-top';\n\nexport { type SideDialogRootProps } from './side-dialog-root';\n\nexport const SideDialog = Object.assign(SideDialogRoot, {\n Top: SideDialogTop,\n Header: SideDialogHeader,\n Heading: SideDialogHeading,\n Content: SideDialogContent,\n CodeSection: SideDialogCodeSection,\n Nav: SideDialogNav,\n});\n"],"mappings":"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"}

package/dist/components/SideDialog.es.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import "../primitives/raised-surface.es.js";
 import { transitions } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { PortalContainerProvider } from "../primitives/portal-container.es.js";
-import { t as CopyButton } from "../copy-button-CF-X4iDj.js";
-import { ButtonsGroup } from "./ButtonsGroup.es.js";
+import { t as CopyButton } from "../copy-button-BXrbevLn.js";
+import { t as ButtonsGroup } from "../buttons-group-DkFlnMiL.js";
 import { Drawer, DrawerBackdrop, DrawerClose, DrawerDescription, DrawerInteractive, DrawerPopup, DrawerPortal, DrawerTitle, DrawerViewport } from "./Drawer.es.js";
-import { n as useCodemirrorTheme, s as codeFoldGutter } from "../CodeEditor-CPVxj7WS.js";
+import { n as useCodemirrorTheme, s as codeFoldGutter } from "../CodeEditor-COnz9c6B.js";
 import { t as Section } from "../Section-CWFQ8jNS.js";
 import * as React$1 from "react";
 import { useMemo, useState } from "react";

package/dist/components/Sidebar.cjs.js CHANGED Viewed

@@ -6,16 +6,16 @@ const require_primitives_raised_surface = require("../primitives/raised-surface.
 const require_tooltip = require("../tooltip-BiRLT3Th.cjs");
 const require_primitives_control_size = require("../primitives/control-size.cjs.js");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_primitives_typography = require("../primitives/typography.cjs.js");
 const require_scroll_area = require("../scroll-area-BP4gPZ4G.cjs");
-const require_select = require("../select-NySY9Men.cjs");
+const require_select = require("../select-Dg8L5ROX.cjs");
 const require_primitives_text = require("../primitives/text.cjs.js");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_components_Kbd = require("./Kbd.cjs.js");
 const require_dropdown_menu = require("../dropdown-menu-BETTTPBB.cjs");
 const require_Badge = require("../Badge-DZ6r6bcw.cjs");
-const require_Dialog = require("../Dialog-CjaiCrkv.cjs");
+const require_Dialog = require("../Dialog-BvWF9HE-.cjs");
 const require_components_Drawer = require("./Drawer.cjs.js");
 const require_context_menu = require("../context-menu-DTFPCyae.cjs");
 const require_hooks_use_local_storage_state = require("../hooks/use-local-storage-state.cjs.js");

package/dist/components/Sidebar.es.js CHANGED Viewed

@@ -4,16 +4,16 @@ import { frameSurfaceStyle, overlaySurfaceStyle, surfaceGroupStateLayerStyle, su
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../tooltip-HzcLyGtV.js";
 import { controlHeight } from "../primitives/control-size.es.js";
 import { controlStateColorTransition, focusRing } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { quietTextHover, quietTextHoverInGroup } from "../primitives/typography.es.js";
 import { n as ScrollAreaViewport, t as ScrollArea } from "../scroll-area-C226l0v0.js";
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BbFpEBAY.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BdIZEdcy.js";
 import { textStyle } from "../primitives/text.es.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { Kbd } from "./Kbd.es.js";
 import { t as DropdownMenu } from "../dropdown-menu-B4jY3J9e.js";
 import { t as Badge } from "../Badge-aVu5iGAF.js";
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, t as Dialog } from "../Dialog-CKtTR8h3.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, t as Dialog } from "../Dialog-DaWtxwd9.js";
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerTitle } from "./Drawer.es.js";
 import { t as ContextMenu } from "../context-menu-Dv0NU0oM.js";
 import { useLocalStorageState } from "../hooks/use-local-storage-state.es.js";

package/dist/components/Tabs.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tabs_tab = require("../tabs-tab-Qp3RJ17z.cjs");
-const require_tabs_content = require("../tabs-content-DgR3Hik1.cjs");
+const require_tabs_tab = require("../tabs-tab-DGwfHVDr.cjs");
+const require_tabs_content = require("../tabs-content-CmXe5ML0.cjs");
 exports.Tab = require_tabs_tab.Tab;
 exports.TabContent = require_tabs_content.TabContent;
 exports.TabList = require_tabs_tab.TabList;

package/dist/components/Tabs.es.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { n as Tabs, r as TabList, t as Tab } from "../tabs-tab-UT1JliwK.js";
-import { t as TabContent } from "../tabs-content-cpV6A9c3.js";
+import { n as Tabs, r as TabList, t as Tab } from "../tabs-tab-CYTZevdV.js";
+import { t as TabContent } from "../tabs-content-D__B9hd-.js";
 export { Tab, TabContent, TabList, Tabs };

package/dist/components/ThreadList.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
 require("../primitives/raised-surface.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/ThreadList.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import "../primitives/raised-surface.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { createElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Toaster.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require('../Toaster.css');const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_brand_loader = require("../brand-loader-C9I_IPq7.cjs");
-const require_toast_api = require("../toast-api-Bv87KHu_.cjs");
+const require_toast_api = require("../toast-api-qtkOucy2.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let sonner = require("sonner");

package/dist/components/Toaster.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { r as buttonVariants } from "../Button-Bw1e3ONi.js";
+import { o as buttonVariants } from "../Button-CLXTbAY8.js";
 import { t as BrandLoader } from "../brand-loader-CNOOyi7e.js";
-import { t as toast } from "../toast-api-WhxnAT9F.js";
+import { t as toast } from "../toast-api-D_rrRhNG.js";
 import { jsx } from "react/jsx-runtime";
 import { InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from "lucide-react";
 import { Toaster as Toaster$1 } from "sonner";

package/dist/components/Truncate.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_tooltip = require("../tooltip-BiRLT3Th.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
-const require_copy_button = require("../copy-button-BYEFKNpo.cjs");
+const require_copy_button = require("../copy-button-DJAQ6_3o.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/Truncate/truncate.tsx
 function Truncate({ children, untilChar, charCount, copy, withTooltip = true, className, as = "span", ...txtProps }) {

package/dist/components/Truncate.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../tooltip-HzcLyGtV.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
-import { t as CopyButton } from "../copy-button-CF-X4iDj.js";
+import { t as CopyButton } from "../copy-button-BXrbevLn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/Truncate/truncate.tsx
 function Truncate({ children, untilChar, charCount, copy, withTooltip = true, className, as = "span", ...txtProps }) {

package/dist/components/Workflow.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Workflow = require("../Workflow-BeF6pIO9.cjs");
+const require_Workflow = require("../Workflow-DSWQ-ROz.cjs");
 exports.BADGE_COLORS = require_Workflow.BADGE_COLORS;
 exports.BADGE_ICONS = require_Workflow.BADGE_ICONS;
 exports.WORKFLOW_BOUNDARY_NODE_TYPE = require_Workflow.WORKFLOW_BOUNDARY_NODE_TYPE;

package/dist/components/Workflow.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-~~BVWvgDmI.~~js";
1	+ export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-C3SlEdP-.js";

package/dist/components/ai/activity.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../activity-DAK8tj7r.cjs");
+const require_activity = require("../../activity-DyB5H3gF.cjs");
 exports.Activity = require_activity.Activity;
 exports.ActivityContent = require_activity.ActivityContent;
 exports.ActivityDetail = require_activity.ActivityDetail;

package/dist/components/ai/activity.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, x as ActivityWorkingDirectory, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning, S as useRelativePaths } from "../../activity-~~CM34JyW-.~~js";
1	+ export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, x as ActivityWorkingDirectory, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning, S as useRelativePaths } from "../../activity-rJ1NQl_2.js";

package/dist/components/ai/ask-user.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ask_user = require("../../ask-user-C82m_G9W.cjs");
+const require_ask_user = require("../../ask-user-DdYz56qH.cjs");
 exports.AskUser = require_ask_user.AskUser;
 exports.AskUserBody = require_ask_user.AskUserBody;
 exports.AskUserContainer = require_ask_user.AskUserContainer;

package/dist/components/ai/ask-user.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-~~BdjH9F7G~~.js";
1	+ export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-B225wzWc.js";