@reopt-ai/opt-ui 1.4.1 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COMPONENT_CATALOG.md +374 -84
- package/README.md +28 -7
- package/dist/app.css +146 -0
- package/dist/core/index.cjs +164 -324
- package/dist/core/index.d.cts +3 -5
- package/dist/core/index.d.ts +3 -5
- package/dist/core/index.js +3 -323
- package/dist/docs/01-getting-started.md +25 -5
- package/dist/docs/02-components/01-core.md +192 -46
- package/dist/docs/02-components/02-visuals.md +1 -1
- package/dist/docs/02-components/03-shells.md +177 -42
- package/dist/docs/02-components/04-surfaces.md +1 -1
- package/dist/docs/02-components/index.md +1 -1
- package/dist/docs/03-recipes/03-layouts.md +20 -12
- package/dist/docs/04-theming.md +3 -1
- package/dist/docs/05-migration/01-breaking-changes.md +28 -0
- package/dist/id-registry.cjs +1899 -1872
- package/dist/id-registry.d.cts +13 -10
- package/dist/id-registry.d.cts.map +1 -0
- package/dist/id-registry.d.ts +13 -10
- package/dist/id-registry.d.ts.map +1 -0
- package/dist/id-registry.js +1897 -1871
- package/dist/id-registry.js.map +1 -0
- package/dist/id-registry.json +44 -44
- package/dist/index.cjs +8294 -9613
- package/dist/index.d.cts +1486 -1438
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.ts +1486 -1438
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7933 -9600
- package/dist/index.js.map +1 -0
- package/dist/meta.cjs +7461 -6765
- package/dist/meta.d.cts.map +1 -0
- package/dist/meta.d.ts.map +1 -0
- package/dist/meta.js +7460 -6736
- package/dist/meta.js.map +1 -0
- package/dist/pagination-By7Ozv3U.js +3788 -0
- package/dist/pagination-By7Ozv3U.js.map +1 -0
- package/dist/pagination-Uv3CnGJz.cjs +4677 -0
- package/dist/shader-surface-BK1GMt5_.d.cts +1788 -0
- package/dist/shader-surface-BK1GMt5_.d.cts.map +1 -0
- package/dist/shader-surface-BWhO2xkk.js +3715 -0
- package/dist/shader-surface-BWhO2xkk.js.map +1 -0
- package/dist/shader-surface-DIVWtpFl.d.ts +1788 -0
- package/dist/shader-surface-DIVWtpFl.d.ts.map +1 -0
- package/dist/shader-surface-DxLLfrE6.cjs +4108 -0
- package/dist/shells/index.cjs +51 -65
- package/dist/shells/index.d.cts +4 -5
- package/dist/shells/index.d.ts +4 -5
- package/dist/shells/index.js +3 -64
- package/dist/tailwind.css +54 -5
- package/dist/theme/presets/default.css +12 -12
- package/dist/theme/server.cjs +310 -0
- package/dist/theme/server.d.cts +117 -0
- package/dist/theme/server.d.cts.map +1 -0
- package/dist/theme/server.d.ts +117 -0
- package/dist/theme/server.d.ts.map +1 -0
- package/dist/theme/server.js +287 -0
- package/dist/theme/server.js.map +1 -0
- package/dist/types-D0FlcYnM.d.cts +301 -0
- package/dist/types-D0FlcYnM.d.cts.map +1 -0
- package/dist/types-D0FlcYnM.d.ts +301 -0
- package/dist/types-D0FlcYnM.d.ts.map +1 -0
- package/dist/visuals/index.cjs +10 -4
- package/dist/visuals/index.d.cts +2 -1
- package/dist/visuals/index.d.ts +2 -1
- package/dist/visuals/index.js +1 -2
- package/dist/workflow-canvas-3Jeevkgy.cjs +2599 -0
- package/dist/workflow-canvas-BGBAcjf-.js +2403 -0
- package/dist/workflow-canvas-BGBAcjf-.js.map +1 -0
- package/dist/workflow-canvas-Bar_O2SQ.d.ts +494 -0
- package/dist/workflow-canvas-Bar_O2SQ.d.ts.map +1 -0
- package/dist/workflow-canvas-DghDRtHn.d.cts +494 -0
- package/dist/workflow-canvas-DghDRtHn.d.cts.map +1 -0
- package/package.json +24 -8
- package/dist/chunk-3GWWZKX7.js +0 -38
- package/dist/chunk-AFF2HPE5.cjs +0 -5008
- package/dist/chunk-ELWICXYY.js +0 -4745
- package/dist/chunk-N4NDU5ET.cjs +0 -4745
- package/dist/chunk-ONE3C5RV.cjs +0 -38
- package/dist/chunk-QWBHD54V.js +0 -3218
- package/dist/chunk-RBM2RNC2.js +0 -5008
- package/dist/chunk-X5WCXJAF.cjs +0 -3218
- package/dist/index-BZ_lBlO1.d.ts +0 -474
- package/dist/index-BuvxoWHf.d.cts +0 -474
- package/dist/index-DlAcuvQp.d.cts +0 -1686
- package/dist/index-Slu5hOj1.d.ts +0 -1686
- package/dist/types-D4-0lwaE.d.cts +0 -298
- package/dist/types-D4-0lwaE.d.ts +0 -298
package/dist/index.d.cts
CHANGED
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
import { D as DateRange, I as IconDef } from './index-DlAcuvQp.cjs';
|
|
2
|
-
export { A as AccordionContent, a as AccordionItem, b as AccordionRoot, c as AccordionTrigger, d as Alert, e as AlertDialogPanel, f as AlertDialogPanelProps, g as AlertProps, h as Avatar, i as AvatarGroup, j as AvatarGroupProps, k as AvatarProps, B as Badge, l as BadgeProps, m as BlockBaseProps, n as BlockLayout, o as BlockLayoutProps, p as Breadcrumb, q as BreadcrumbItem, r as BreadcrumbProps, s as Button, t as ButtonProps, C as Card, u as CardContent, v as CardContentProps, w as CardDescription, x as CardDescriptionProps, y as CardFooter, z as CardFooterProps, E as CardHeader, F as CardHeaderProps, G as CardProps, H as CardTitle, J as CardTitleProps, K as Checkbox, L as CheckboxGroup, M as CheckboxGroupProps, N as CheckboxProps, O as CircularProgress, P as CircularProgressProps, Q as ColorPicker, R as ColorPickerProps, S as ComboboxEmpty, T as ComboboxGroup, U as ComboboxGroupLabel, V as ComboboxInput, W as ComboboxItem, X as ComboboxPopover, Y as ComboboxRoot, Z as ComparisonMode, _ as CompositeZone, $ as ConditionBuilder, a0 as ConditionBuilderProps, a1 as ConditionDef, a2 as ConditionGroup, a3 as ConditionOperator, a4 as ConditionTypeRenderer, a5 as Container, a6 as ContainerProps, a7 as DEFAULT_PRESETS, a8 as DateGranularity, a9 as DateRangePicker, aa as DateRangePickerProps, ab as DateRangePreset, ac as DialogBody, ad as DialogBodyProps, ae as DialogDescription, af as DialogDisclosure, ag as DialogDismiss, ah as DialogFooter, ai as DialogFooterProps, aj as DialogHeader, ak as DialogHeaderProps, al as DialogHeading, am as DialogPanel, an as DialogRoot, ao as DialogSize, ap as DisclosureContent, aq as DisclosureRoot, ar as DisclosureTrigger, as as DrawerClose, at as DrawerPanel, au as DrawerPanelProps, av as DrawerRoot, aw as DrawerSide, ax as DrawerSize, ay as DropdownContent, az as DropdownItem, aA as DropdownMenu, aB as DropdownSeparator, aC as DropdownTrigger, aD as EmptyState, aE as EmptyStateAction, aF as EmptyStateProps, aG as FormCheckbox, aH as FormColorPicker, aI as FormColorPickerProps, aJ as FormControl, aK as FormDateRangePicker, aL as FormDateRangePickerProps, aM as FormDescription, aN as FormError, aO as FormField, aP as FormGroup, aQ as FormGroupLabel, aR as FormIconPicker, aS as FormIconPickerProps, aT as FormInput, aU as FormLabel, aV as FormNumberInput, aW as FormNumberInputProps, aX as FormProvider, aY as FormPush, aZ as FormRadio, a_ as FormRadioGroup, a$ as FormRemove, b0 as FormReset, b1 as FormRoot, b2 as FormSelect, b3 as FormSelectItem, b4 as FormSelectPopover, b5 as FormSelectProps, b6 as FormSlider, b7 as FormSliderProps, b8 as FormStarRating, b9 as FormStarRatingProps, ba as FormSubmit, bb as FormSwitch, bc as FormSwitchProps, bd as FormTagInput, be as FormTagInputProps, bf as FormTextarea, bg as FormTextareaProps, bh as Heading, bi as HeadingLevel, bj as HeadingProps, bk as HeadingRole, bl as IconPicker, bm as IconPickerProps, bn as Input, bo as InputProps, bp as Kbd, bq as KbdProps, br as Logo, bs as LogoProps, bt as MenuButtonArrow, bu as MenuItem, bv as MenuItemCheckbox, bw as MenuItemRadio, bx as MenuPopover, by as MenuRoot, bz as MenuSeparator, bA as MenuTrigger, bB as MenubarContainer, bC as MenubarRoot, bD as Meter, bE as MeterProps, bF as NumberInput, bG as NumberInputProps, bH as OtpField, bI as OtpFieldProps, bJ as PageHeader, bK as PageHeaderProps, bL as Pagination, bM as PaginationProps, bN as PopoverClose, bO as PopoverContent, bP as PopoverContentProps, bQ as PopoverRoot, bR as PopoverTrigger, bS as Progress, bT as ProgressProps, bU as Radio, bV as RadioGroup, bW as RadioGroupProps, bX as RadioProps, bY as ResizableHandle, bZ as ResizableHandleProps, b_ as ResizablePanel, b$ as ResizablePanelGroup, c0 as ResizablePanelGroupProps, c1 as ResizablePanelProps, c2 as SHADER_OVERLAY_PARAM_KEYS, c3 as SHADER_PARAM_FALLBACK, c4 as SHADER_PARAM_KEYS, c5 as SHADER_PRESETS, c6 as SHADER_PRESET_IDS, c7 as ScrollArea, c8 as ScrollAreaProps, c9 as Section, ca as SectionProps, cb as SelectItem, cc as SelectLabel, cd as SelectPopover, ce as SelectRoot, cf as SelectTrigger, cg as Separator, ch as SeparatorProps, ci as ShaderParamKey, cj as ShaderParamSpec, ck as ShaderPreset, cl as ShaderPresetCategory, cm as ShaderPresetId, cn as ShaderSurface, co as ShaderSurfaceHandle, cp as ShaderSurfaceProps, cq as Skeleton, cr as SkeletonAvatar, cs as SkeletonCard, ct as SkeletonProps, cu as SkeletonTable, cv as SkeletonText, cw as Slider, cx as SliderProps, cy as Spinner, cz as SpinnerProps, cA as StarRating, cB as StarRatingProps, cC as StatCard, cD as StatCardProps, cE as StepBuilder, cF as StepBuilderProps, cG as StepDef, m as SurfaceBaseProps, n as SurfaceLayout, o as SurfaceLayoutProps, cH as Switch, cI as SwitchProps, cJ as Tab, cK as TabList, cL as TabPanel, cM as TabsRoot, cN as TagInput, cO as TagInputProps, cP as Text, cQ as TextElement, cR as TextProps, cS as TextRole, cT as TextTone, cU as Textarea, cV as TextareaProps, cW as Toggle, cX as ToggleGroup, cY as ToggleGroupProps, cZ as ToggleProps, c_ as ToolbarButton, c$ as ToolbarContainer, d0 as ToolbarRoot, d1 as ToolbarSeparator, d2 as Tooltip, d3 as TooltipAnchor, d4 as TooltipProvider, d5 as VirtualList, d6 as VirtualListProps, d7 as createBlock, d7 as createSurface, d8 as getShaderFragment, d9 as getShaderPreset } from './index-DlAcuvQp.cjs';
|
|
3
|
-
import { FormErrors, CommandRootProps, CommandEmptyProps, CommandGroupProps, CommandInputProps as CommandInputProps$1, CommandItemProps, CommandListProps, CommandSeparatorProps } from '@reopt-ai/opt-ui-primitives';
|
|
4
|
-
export { AccordionContentProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps, Composite, CompositeItem, CompositeProvider, CompositeRow, FormErrors, FormStoreInstance, FormStoreOptions, ValidateOn, useFieldValue, useFormContext, useFormStore } from '@reopt-ai/opt-ui-primitives';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
-
import * as react from 'react';
|
|
7
|
-
import { Component, ReactNode, ErrorInfo, ComponentPropsWithoutRef } from 'react';
|
|
8
|
-
export * from '@reopt-ai/opt-charts';
|
|
9
|
-
export { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from '@reopt-ai/opt-charts';
|
|
10
|
-
export { A as AppMenubar, a as AppMenubarProps, B as BranchSelect, b as BranchSelectProps, C as ColumnDef, c as CommandPalette, d as CommandPaletteProps, e as CommandPaletteTrigger, f as CommandPaletteTriggerProps, g as ContentTabs, h as ContentTabsProps, D as DashboardGrid, i as DashboardGridProps, j as DataTable, k as DataTableProps, l as DeploymentTimeline, m as DeploymentTimelineProps, n as DomainTable, o as DomainTableProps, E as EditorToolbar, p as EditorToolbarProps, q as EnvPanel, r as EnvPanelProps, F as FailureList, s as FailureListLabels, t as FailureListProps, u as FaqAccordion, v as FaqAccordionProps, K as KeyValueEditor, w as KeyValueEditorLabels, x as KeyValueEditorProps, y as KeyValueEntry, N as NotificationToast, P as ProjectSwitcher, z as ProjectSwitcherProps, S as SearchCombobox, G as SearchComboboxProps, H as SettingsForm, I as SettingsFormProps, J as SidebarNav, L as SidebarNavProps, M as StatusSelect, O as StatusSelectProps, T as ToastAction, Q as ToastContextValue, R as ToastMessage, U as ToastProvider, V as ToastProviderProps, W as ToastVariant, X as WorkflowCanvas, Y as WorkflowCanvasConnection, Z as WorkflowCanvasProps, _ as WorkflowCanvasStep, $ as toast, a0 as useToast } from './index-BuvxoWHf.cjs';
|
|
11
|
-
import { T as TaskDef, A as ActivityDef, F as FilterGroupDef, Q as QuickActionDef, a as TeamMemberDef, b as FormFieldDef, E as ExportColumn, c as ExportFormat, S as StatCard, d as TabDef, C as ChatConversationDef, e as ChatModelDef, f as ChatStylePresetDef, g as ChatMessageDef } from './types-D4-0lwaE.cjs';
|
|
12
|
-
export { B as BranchDef, h as ChartConfig, i as ChartDataPoint, j as ChartMargin, k as ChartSeriesDef, l as CommandDef, D as DeploymentStep, m as DomainDef, n as EnvGroupDef, o as EnvVarDef, p as FailureItem, q as FaqItem, r as FilterOption, M as MenuDef, s as MenuItemDef, N as NavItem, t as NavItemDef, P as ProjectDef, u as SelectOption, v as TableColumn, w as TimePreset, x as ToastOptions, y as ToolbarButtonDef } from './types-D4-0lwaE.cjs';
|
|
13
|
-
import { PaletteConfig, OptTokenName } from '@reopt-ai/opt-palette';
|
|
14
|
-
import { ClassValue } from 'clsx';
|
|
15
1
|
|
|
2
|
+
import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, $t as FormStarRating, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, Ar as TabsVariant, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Cr as TabListProps, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, Dr as TabStatus, Dt as FormDateRangePicker, E as Logo, Ei as CardTitleProps, En as StarRatingProps, Er as TabProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, Ft as FormIconPickerProps, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, Ot as FormDateRangePickerProps, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Pt as FormIconPicker, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, Qt as FormSliderProps, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, Rt as FormNumberInput, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, Tn as StarRating, Tr as TabPanelProps, Tt as FormColorPickerProps, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, Zt as FormSlider, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, an as FormTagInputProps, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cn as useFieldValue, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, en as FormStarRatingProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, in as FormTagInput, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kr as TabsRootProps, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, wt as FormColorPicker, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter, zt as FormNumberInputProps } from "./shader-surface-BK1GMt5_.cjs";
|
|
3
|
+
import { A as StatCard$1, C as MenuDef, D as ProjectDef, E as NavItemDef, F as TimePreset, I as ToastOptions, L as ToolbarButtonDef, M as TableColumn, N as TaskDef, O as QuickActionDef, P as TeamMemberDef, S as FormFieldDef, T as NavItem, _ as ExportFormat, a as ChartMargin, b as FilterGroupDef, c as ChatMessageDef, d as CommandDef, f as DeploymentStep, g as ExportColumn, h as EnvVarDef, i as ChartDataPoint, j as TabDef, k as SelectOption, l as ChatModelDef, m as EnvGroupDef, n as BranchDef, o as ChartSeriesDef, p as DomainDef, r as ChartConfig, s as ChatConversationDef, t as ActivityDef, u as ChatStylePresetDef, v as FailureItem, w as MenuItemDef, x as FilterOption, y as FaqItem } from "./types-D0FlcYnM.cjs";
|
|
4
|
+
import { $ as CommandPaletteTriggerProps, A as ProjectSwitcher, B as EditorToolbar, C as DataTableProps, D as BranchSelectProps, E as BranchSelect, F as SettingsFormProps, G as AppMenubarProps, H as SidebarNav, I as FaqAccordion, J as SearchCombobox, K as StatusSelect, L as FaqAccordionProps, M as DeploymentTimeline, N as DeploymentTimelineProps, O as EnvPanel, P as SettingsForm, Q as CommandPaletteTrigger, R as ContentTabs, S as DataTable, T as DomainTableProps, U as SidebarNavProps, V as EditorToolbarProps, W as AppMenubar, X as DashboardGrid, Y as SearchComboboxProps, Z as DashboardGridProps, _ as ToastProviderProps, a as KeyValueEditor, b as useToast, c as KeyValueEntry, d as FailureListProps, et as CommandPalette, f as NotificationToast, g as ToastProvider, h as ToastMessage, i as WorkflowCanvasStep, j as ProjectSwitcherProps, k as EnvPanelProps, l as FailureList, m as ToastContextValue, n as WorkflowCanvasConnection, o as KeyValueEditorLabels, p as ToastAction, q as StatusSelectProps, r as WorkflowCanvasProps, s as KeyValueEditorProps, t as WorkflowCanvas, tt as CommandPaletteProps, u as FailureListLabels, v as ToastVariant, w as DomainTable, x as ColumnDef, y as toast, z as ContentTabsProps } from "./workflow-canvas-DghDRtHn.cjs";
|
|
5
|
+
import * as React$1 from "react";
|
|
6
|
+
import { Component, ComponentPropsWithoutRef, ErrorInfo, ReactNode } from "react";
|
|
7
|
+
import { CommandEmptyProps, CommandGroupProps, CommandInputProps as CommandInputProps$1, CommandItemProps, CommandListProps, CommandRootProps, CommandSeparatorProps, FormErrors, FormErrors as FormErrors$1, FormStoreInstance, FormStoreOptions, ValidateOn } from "@reopt-ai/opt-ui-primitives";
|
|
8
|
+
import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
|
|
9
|
+
import { OptTokenName, PaletteConfig } from "@reopt-ai/opt-palette";
|
|
10
|
+
import { ClassValue } from "clsx";
|
|
11
|
+
export * from "@reopt-ai/opt-charts";
|
|
12
|
+
//#region src/lib/schema-validator.d.ts
|
|
16
13
|
/**
|
|
17
14
|
* Adapter for schema-based validation (Zod, Valibot, or any library with safeParse).
|
|
18
15
|
* No direct dependency on any schema library.
|
|
@@ -32,16 +29,16 @@ import { ClassValue } from 'clsx';
|
|
|
32
29
|
* ```
|
|
33
30
|
*/
|
|
34
31
|
interface ParseSuccess {
|
|
35
|
-
|
|
32
|
+
success: true;
|
|
36
33
|
}
|
|
37
34
|
interface ParseFailure {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
35
|
+
success: false;
|
|
36
|
+
error: {
|
|
37
|
+
issues: {
|
|
38
|
+
path: (string | number)[];
|
|
39
|
+
message: string;
|
|
40
|
+
}[];
|
|
41
|
+
};
|
|
45
42
|
}
|
|
46
43
|
type ParseResult = ParseSuccess | ParseFailure;
|
|
47
44
|
/**
|
|
@@ -49,197 +46,203 @@ type ParseResult = ParseSuccess | ParseFailure;
|
|
|
49
46
|
* libraries that implement `safeParse`. No runtime dependency required.
|
|
50
47
|
*/
|
|
51
48
|
interface SchemaLike {
|
|
52
|
-
|
|
49
|
+
safeParse(data: unknown): ParseResult;
|
|
53
50
|
}
|
|
54
51
|
/** Handles schema validator. */
|
|
55
|
-
declare function schemaValidator<V extends Record<string, unknown>>(schema: SchemaLike): (values: V) => FormErrors;
|
|
56
|
-
|
|
52
|
+
declare function schemaValidator<V extends Record<string, unknown>>(schema: SchemaLike): (values: V) => FormErrors$1;
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/core/error-boundary.d.ts
|
|
57
55
|
/** Props for the error boundary component. */
|
|
58
56
|
interface ErrorBoundaryProps {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
children: ReactNode;
|
|
58
|
+
fallback?: ReactNode | ((error: Error) => ReactNode);
|
|
59
|
+
onError?: (error: Error, info: ErrorInfo) => void;
|
|
62
60
|
}
|
|
63
61
|
interface ErrorBoundaryState {
|
|
64
|
-
|
|
62
|
+
error: Error | null;
|
|
65
63
|
}
|
|
66
64
|
declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
65
|
+
static displayName: string;
|
|
66
|
+
constructor(props: ErrorBoundaryProps);
|
|
67
|
+
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
|
68
|
+
componentDidCatch(error: Error, info: ErrorInfo): void;
|
|
69
|
+
render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
|
|
70
|
+
}
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/core/command.d.ts
|
|
74
73
|
/** Renders the `Command` component. */
|
|
75
|
-
declare function Command({ className, ...props }: CommandRootProps):
|
|
74
|
+
declare function Command({ className, ...props }: CommandRootProps): import("react/jsx-runtime").JSX.Element;
|
|
76
75
|
/** Props for the `CommandDialog` component. */
|
|
77
76
|
interface CommandDialogProps {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
77
|
+
/** Open state. */
|
|
78
|
+
open: boolean;
|
|
79
|
+
/** Open state setter. */
|
|
80
|
+
onOpenChange: (open: boolean) => void;
|
|
81
|
+
/** Accessible title (visually hidden by default). */
|
|
82
|
+
title?: string;
|
|
83
|
+
/** Accessible description (visually hidden by default). */
|
|
84
|
+
description?: string;
|
|
85
|
+
/** Optional className for the dialog panel. */
|
|
86
|
+
className?: string;
|
|
87
|
+
/** Optional className for the inner Command root. */
|
|
88
|
+
commandClassName?: string;
|
|
89
|
+
/** Filter behaviour passed through to the inner Command root. */
|
|
90
|
+
shouldFilter?: CommandRootProps["shouldFilter"];
|
|
91
|
+
filter?: CommandRootProps["filter"];
|
|
92
|
+
children: ReactNode;
|
|
94
93
|
}
|
|
95
94
|
/** Renders a Command in a dialog overlay, à la Cmd+K palette. */
|
|
96
|
-
declare function CommandDialog({ open, onOpenChange, title, description, className, commandClassName, shouldFilter, filter, children
|
|
95
|
+
declare function CommandDialog({ open, onOpenChange, title, description, className, commandClassName, shouldFilter, filter, children }: CommandDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
97
96
|
/** Props for the `CommandInput` component. */
|
|
98
97
|
interface CommandInputProps extends CommandInputProps$1 {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
98
|
+
/** Trailing content rendered on the right side (e.g. ESC kbd). */
|
|
99
|
+
trailing?: ReactNode;
|
|
100
|
+
/** Optional className for the input wrapper. */
|
|
101
|
+
wrapperClassName?: string;
|
|
103
102
|
}
|
|
104
103
|
/** Renders the `CommandInput` component with a leading search icon. */
|
|
105
|
-
declare function CommandInput({ className, trailing, wrapperClassName, placeholder, "aria-label": ariaLabel, ...props }: CommandInputProps):
|
|
104
|
+
declare function CommandInput({ className, trailing, wrapperClassName, placeholder, "aria-label": ariaLabel, ...props }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
|
|
106
105
|
/** Renders the `CommandList` component. */
|
|
107
|
-
declare function CommandList({ className, "aria-label": ariaLabel, ...props }: CommandListProps):
|
|
106
|
+
declare function CommandList({ className, "aria-label": ariaLabel, ...props }: CommandListProps): import("react/jsx-runtime").JSX.Element;
|
|
108
107
|
/** Renders the `CommandEmpty` component. */
|
|
109
|
-
declare function CommandEmpty({ className, ...props }: CommandEmptyProps):
|
|
108
|
+
declare function CommandEmpty({ className, ...props }: CommandEmptyProps): import("react/jsx-runtime").JSX.Element;
|
|
110
109
|
/** Renders the `CommandGroup` component with an optional heading. */
|
|
111
|
-
declare function CommandGroup({ className, heading, ...props }: CommandGroupProps):
|
|
110
|
+
declare function CommandGroup({ className, heading, ...props }: CommandGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
112
111
|
/** Renders the `CommandSeparator` component. */
|
|
113
|
-
declare function CommandSeparator({ className, ...props }: CommandSeparatorProps):
|
|
112
|
+
declare function CommandSeparator({ className, ...props }: CommandSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
114
113
|
/** Renders the `CommandItem` component. */
|
|
115
|
-
declare function CommandItem({ className, ...props }: CommandItemProps):
|
|
114
|
+
declare function CommandItem({ className, ...props }: CommandItemProps): import("react/jsx-runtime").JSX.Element;
|
|
116
115
|
/** Renders the `CommandShortcut` component (right-aligned hint). */
|
|
117
|
-
declare function CommandShortcut({ className, ...props }: ComponentPropsWithoutRef<"span">):
|
|
118
|
-
|
|
116
|
+
declare function CommandShortcut({ className, ...props }: ComponentPropsWithoutRef<"span">): import("react/jsx-runtime").JSX.Element;
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/shells/page-aside.d.ts
|
|
119
119
|
/** Props for {@link PageAside}. */
|
|
120
120
|
interface PageAsideProps {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
121
|
+
/** Content rendered in the sticky top slot (e.g. package switcher). */
|
|
122
|
+
header?: ReactNode;
|
|
123
|
+
/** Main scrollable nav area. */
|
|
124
|
+
children: ReactNode;
|
|
125
|
+
/** Content rendered in the bottom slot (e.g. version label). */
|
|
126
|
+
footer?: ReactNode;
|
|
127
|
+
/**
|
|
128
|
+
* Width utility class. Defaults to `w-60`. Pass `"w-56"`, `"w-64"`, etc.
|
|
129
|
+
*/
|
|
130
|
+
widthClassName?: string;
|
|
131
|
+
/** `aria-label` for the underlying `<aside>`. */
|
|
132
|
+
label?: string;
|
|
133
|
+
/** Hide aside below `md` breakpoint. Defaults to true. */
|
|
134
|
+
hideOnMobile?: boolean;
|
|
135
|
+
className?: string;
|
|
136
|
+
/** Override the header slot's chrome (default: `px-3 py-3`). */
|
|
137
|
+
headerClassName?: string;
|
|
138
|
+
/** Override the body slot's chrome (default: `px-3 py-3`). */
|
|
139
|
+
bodyClassName?: string;
|
|
140
|
+
/** Override the footer slot's chrome (default: `px-4 py-3`). */
|
|
141
|
+
footerClassName?: string;
|
|
142
142
|
}
|
|
143
143
|
/**
|
|
144
144
|
* Sticky page-level sidebar chrome. Owns position/border/surface and a
|
|
145
145
|
* three-slot layout (header / scroll body / footer). Doesn't prescribe the
|
|
146
146
|
* nav surface — drop `SidebarNav`, custom tree, tag list, etc. into `children`.
|
|
147
147
|
*/
|
|
148
|
-
declare function PageAside({ header, children, footer, widthClassName, label, hideOnMobile, className, headerClassName, bodyClassName, footerClassName
|
|
148
|
+
declare function PageAside({ header, children, footer, widthClassName, label, hideOnMobile, className, headerClassName, bodyClassName, footerClassName }: PageAsideProps): import("react/jsx-runtime").JSX.Element;
|
|
149
149
|
declare namespace PageAside {
|
|
150
|
-
|
|
150
|
+
var displayName: string;
|
|
151
151
|
}
|
|
152
|
-
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/shells/task-list.d.ts
|
|
153
154
|
/** Localized labels for the task list component. */
|
|
154
155
|
interface TaskListLabels {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
156
|
+
title?: string;
|
|
157
|
+
emptyMessage?: string;
|
|
158
|
+
completedOf?: string;
|
|
159
|
+
priority?: {
|
|
160
|
+
low?: string;
|
|
161
|
+
medium?: string;
|
|
162
|
+
high?: string;
|
|
163
|
+
urgent?: string;
|
|
164
|
+
};
|
|
165
|
+
status?: {
|
|
166
|
+
todo?: string;
|
|
167
|
+
"in-progress"?: string;
|
|
168
|
+
review?: string;
|
|
169
|
+
done?: string;
|
|
170
|
+
};
|
|
171
|
+
moreItems?: string;
|
|
171
172
|
}
|
|
172
173
|
/** Props for the task list component. */
|
|
173
174
|
interface TaskListProps {
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
175
|
+
tasks: TaskDef[];
|
|
176
|
+
title?: string;
|
|
177
|
+
onTaskClick?: (task: TaskDef) => void;
|
|
178
|
+
onTaskStatusChange?: (task: TaskDef, completed: boolean) => void;
|
|
179
|
+
emptyMessage?: string;
|
|
180
|
+
showSubtasks?: boolean;
|
|
181
|
+
/** Maximum number of tasks to display */
|
|
182
|
+
maxItems?: number;
|
|
183
|
+
/** Custom labels for i18n support */
|
|
184
|
+
labels?: TaskListLabels;
|
|
185
|
+
className?: string;
|
|
185
186
|
}
|
|
186
187
|
/** Renders the task list component. */
|
|
187
|
-
declare function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage, showSubtasks, maxItems, labels: customLabels, className
|
|
188
|
-
|
|
188
|
+
declare function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage, showSubtasks, maxItems, labels: customLabels, className }: TaskListProps): import("react/jsx-runtime").JSX.Element;
|
|
189
|
+
//#endregion
|
|
190
|
+
//#region src/shells/activity-feed.d.ts
|
|
189
191
|
interface TimeAgoLabels {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
192
|
+
justNow: string;
|
|
193
|
+
minutesAgo: string;
|
|
194
|
+
hoursAgo: string;
|
|
195
|
+
daysAgo: string;
|
|
194
196
|
}
|
|
195
197
|
interface ActivityVerbLabels {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
198
|
+
created: string;
|
|
199
|
+
updated: string;
|
|
200
|
+
completed: string;
|
|
201
|
+
commented: string;
|
|
202
|
+
assigned: string;
|
|
203
|
+
deployed: string;
|
|
204
|
+
merged: string;
|
|
203
205
|
}
|
|
204
206
|
/** Localized labels for the activity feed component. */
|
|
205
207
|
interface ActivityFeedLabels {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
208
|
+
title?: string;
|
|
209
|
+
emptyMessage?: string;
|
|
210
|
+
moreItems?: string;
|
|
211
|
+
timeAgo?: Partial<TimeAgoLabels>;
|
|
212
|
+
activityVerbs?: Partial<ActivityVerbLabels>;
|
|
211
213
|
}
|
|
212
214
|
/** Props for the activity feed component. */
|
|
213
215
|
interface ActivityFeedProps {
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
216
|
+
activities: ActivityDef[];
|
|
217
|
+
title?: string;
|
|
218
|
+
maxItems?: number;
|
|
219
|
+
onActivityClick?: (activity: ActivityDef) => void;
|
|
220
|
+
/** Called when "show more" button is clicked */
|
|
221
|
+
onShowMore?: () => void;
|
|
222
|
+
emptyMessage?: string;
|
|
223
|
+
/** Custom labels for i18n support */
|
|
224
|
+
labels?: ActivityFeedLabels;
|
|
225
|
+
/** Locale for date formatting (default: 'ko-KR') */
|
|
226
|
+
locale?: string;
|
|
227
|
+
/** Show loading state */
|
|
228
|
+
loading?: boolean;
|
|
229
|
+
/** Layout style: list (default) shows time below, compact shows time inline */
|
|
230
|
+
layout?: "list" | "compact";
|
|
231
|
+
/** Render action buttons for each activity item */
|
|
232
|
+
renderActions?: (activity: ActivityDef) => ReactNode;
|
|
233
|
+
className?: string;
|
|
232
234
|
}
|
|
233
235
|
/** Renders the activity feed component. */
|
|
234
|
-
declare function ActivityFeed({ activities, title, maxItems, onActivityClick, onShowMore, emptyMessage, labels: customLabels, locale, loading, layout, renderActions, className
|
|
236
|
+
declare function ActivityFeed({ activities, title, maxItems, onActivityClick, onShowMore, emptyMessage, labels: customLabels, locale, loading, layout, renderActions, className }: ActivityFeedProps): import("react/jsx-runtime").JSX.Element;
|
|
235
237
|
declare namespace ActivityFeed {
|
|
236
|
-
|
|
238
|
+
var displayName: string;
|
|
237
239
|
}
|
|
238
|
-
|
|
240
|
+
//#endregion
|
|
241
|
+
//#region src/shells/filter-bar.d.ts
|
|
239
242
|
/** Localized labels for the filter bar component. */
|
|
240
243
|
interface FilterBarLabels {
|
|
241
|
-
|
|
242
|
-
|
|
244
|
+
clearAll?: string;
|
|
245
|
+
searchPlaceholder?: string;
|
|
243
246
|
}
|
|
244
247
|
/**
|
|
245
248
|
* Composable filter bar supporting 5 filter types:
|
|
@@ -253,578 +256,645 @@ interface FilterBarLabels {
|
|
|
253
256
|
* The parent component manages filter state and passes it back via `onFilterChange`.
|
|
254
257
|
*/
|
|
255
258
|
interface FilterBarProps {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
259
|
+
filters: FilterGroupDef[];
|
|
260
|
+
onFilterChange?: (filterId: string, value: string | string[] | boolean) => void;
|
|
261
|
+
onDateRangeChange?: (filterId: string, range: DateRange) => void;
|
|
262
|
+
onClearAll?: () => void;
|
|
263
|
+
labels?: FilterBarLabels;
|
|
264
|
+
/** Slot next to Clear All button (e.g. SavedFilters) */
|
|
265
|
+
presetActions?: ReactNode;
|
|
266
|
+
className?: string;
|
|
264
267
|
}
|
|
265
268
|
/** Renders the filter bar component. */
|
|
266
|
-
declare function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, labels: customLabels, presetActions, className
|
|
267
|
-
|
|
269
|
+
declare function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, labels: customLabels, presetActions, className }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
|
|
270
|
+
//#endregion
|
|
271
|
+
//#region src/shells/quick-actions.d.ts
|
|
268
272
|
/** Localized labels for the quick actions component. */
|
|
269
273
|
interface QuickActionsLabels {
|
|
270
|
-
|
|
274
|
+
title?: string;
|
|
271
275
|
}
|
|
272
276
|
/** Props for the quick actions component. */
|
|
273
277
|
interface QuickActionsProps {
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
278
|
+
actions: QuickActionDef[];
|
|
279
|
+
title?: string;
|
|
280
|
+
layout?: "grid" | "list";
|
|
281
|
+
columns?: 2 | 3 | 4;
|
|
282
|
+
/** Show descriptions in grid layout via tooltip */
|
|
283
|
+
showDescriptionInGrid?: boolean;
|
|
284
|
+
/** Enable keyboard shortcut bindings for actions with shortcuts defined */
|
|
285
|
+
bindShortcuts?: boolean;
|
|
286
|
+
/** Custom labels for i18n support */
|
|
287
|
+
labels?: QuickActionsLabels;
|
|
288
|
+
className?: string;
|
|
285
289
|
}
|
|
286
290
|
/** Renders the quick actions component. */
|
|
287
|
-
declare function QuickActions({ actions, title, layout, columns, showDescriptionInGrid, bindShortcuts, labels: customLabels, className
|
|
291
|
+
declare function QuickActions({ actions, title, layout, columns, showDescriptionInGrid, bindShortcuts, labels: customLabels, className }: QuickActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
288
292
|
declare namespace QuickActions {
|
|
289
|
-
|
|
293
|
+
var displayName: string;
|
|
290
294
|
}
|
|
291
|
-
|
|
295
|
+
//#endregion
|
|
296
|
+
//#region src/shells/team-member-list.d.ts
|
|
292
297
|
/** Localized labels for the team member list component. */
|
|
293
298
|
interface TeamMemberListLabels {
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
299
|
+
title?: string;
|
|
300
|
+
emptyMessage?: string;
|
|
301
|
+
onlineCount?: string;
|
|
302
|
+
moreMembers?: string;
|
|
303
|
+
moreCompact?: string;
|
|
304
|
+
status?: {
|
|
305
|
+
online?: string;
|
|
306
|
+
away?: string;
|
|
307
|
+
busy?: string;
|
|
308
|
+
offline?: string;
|
|
309
|
+
};
|
|
305
310
|
}
|
|
306
311
|
/** Props for the team member list component. */
|
|
307
312
|
interface TeamMemberListProps {
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
313
|
+
members: TeamMemberDef[];
|
|
314
|
+
title?: string;
|
|
315
|
+
layout?: "list" | "compact" | "avatars-only";
|
|
316
|
+
maxDisplay?: number;
|
|
317
|
+
onMemberClick?: (member: TeamMemberDef) => void;
|
|
318
|
+
/** Called when "more" button is clicked */
|
|
319
|
+
onShowMore?: () => void;
|
|
320
|
+
emptyMessage?: string;
|
|
321
|
+
/** Custom labels for i18n support */
|
|
322
|
+
labels?: TeamMemberListLabels;
|
|
323
|
+
className?: string;
|
|
319
324
|
}
|
|
320
325
|
/** Renders the team member list component. */
|
|
321
|
-
declare function TeamMemberList({ members, title, layout, maxDisplay, onMemberClick, onShowMore, emptyMessage, labels: customLabels, className
|
|
322
|
-
|
|
326
|
+
declare function TeamMemberList({ members, title, layout, maxDisplay, onMemberClick, onShowMore, emptyMessage, labels: customLabels, className }: TeamMemberListProps): import("react/jsx-runtime").JSX.Element;
|
|
327
|
+
//#endregion
|
|
328
|
+
//#region src/shells/auth-form.d.ts
|
|
323
329
|
/** Localized labels for the auth form component. */
|
|
324
330
|
interface AuthFormLabels {
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
331
|
+
loginTitle?: string;
|
|
332
|
+
signupTitle?: string;
|
|
333
|
+
emailLabel?: string;
|
|
334
|
+
passwordLabel?: string;
|
|
335
|
+
confirmPasswordLabel?: string;
|
|
336
|
+
rememberMeLabel?: string;
|
|
337
|
+
loginButton?: string;
|
|
338
|
+
signupButton?: string;
|
|
339
|
+
emailRequired?: string;
|
|
340
|
+
emailInvalid?: string;
|
|
341
|
+
passwordRequired?: string;
|
|
342
|
+
passwordMinLength?: string;
|
|
343
|
+
passwordMismatch?: string;
|
|
338
344
|
}
|
|
339
345
|
/** Props for the auth form component. */
|
|
340
346
|
interface AuthFormProps {
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
347
|
+
defaultMode?: "login" | "signup";
|
|
348
|
+
mode?: "login" | "signup";
|
|
349
|
+
onModeChange?: (mode: "login" | "signup") => void;
|
|
350
|
+
showRememberMe?: boolean;
|
|
351
|
+
minPasswordLength?: number;
|
|
352
|
+
onSubmit?: (values: {
|
|
353
|
+
email: string;
|
|
354
|
+
password: string;
|
|
355
|
+
confirmPassword?: string;
|
|
356
|
+
rememberMe?: boolean;
|
|
357
|
+
mode: "login" | "signup";
|
|
358
|
+
}) => void;
|
|
359
|
+
/** Custom fields rendered between email and password (e.g., name fields for signup) */
|
|
360
|
+
renderExtraFields?: (mode: "login" | "signup") => ReactNode;
|
|
361
|
+
labels?: AuthFormLabels;
|
|
362
|
+
ariaLabel?: string;
|
|
357
363
|
}
|
|
358
364
|
/** Renders the auth form component. */
|
|
359
|
-
declare function AuthForm({ defaultMode, mode: controlledMode, onModeChange, showRememberMe, minPasswordLength, onSubmit, renderExtraFields, labels, ariaLabel
|
|
360
|
-
|
|
365
|
+
declare function AuthForm({ defaultMode, mode: controlledMode, onModeChange, showRememberMe, minPasswordLength, onSubmit, renderExtraFields, labels, ariaLabel }: AuthFormProps): import("react/jsx-runtime").JSX.Element;
|
|
366
|
+
//#endregion
|
|
367
|
+
//#region src/shells/dynamic-field-form.d.ts
|
|
361
368
|
/** Localized labels for the dynamic field form component. */
|
|
362
369
|
interface DynamicFieldFormLabels {
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
370
|
+
addButton?: string;
|
|
371
|
+
submitButton?: string;
|
|
372
|
+
removeAriaLabel?: string;
|
|
373
|
+
itemLabel?: string;
|
|
374
|
+
itemPlaceholder?: string;
|
|
375
|
+
itemRequired?: string;
|
|
369
376
|
}
|
|
370
377
|
/** Props for the dynamic field form component. */
|
|
371
378
|
interface DynamicFieldFormProps {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
379
|
+
initialCount?: number;
|
|
380
|
+
minFields?: number;
|
|
381
|
+
maxFields?: number;
|
|
382
|
+
fieldType?: "text" | "email" | "url" | "number";
|
|
383
|
+
validateField?: (value: string, index: number) => string | undefined;
|
|
384
|
+
onSubmit?: (values: string[]) => void;
|
|
385
|
+
onFieldsChange?: (count: number) => void;
|
|
386
|
+
labels?: DynamicFieldFormLabels;
|
|
387
|
+
ariaLabel?: string;
|
|
381
388
|
}
|
|
382
389
|
/** Renders the dynamic field form component. */
|
|
383
|
-
declare function DynamicFieldForm({ initialCount, minFields, maxFields, fieldType, validateField, onSubmit, onFieldsChange, labels, ariaLabel
|
|
384
|
-
|
|
390
|
+
declare function DynamicFieldForm({ initialCount, minFields, maxFields, fieldType, validateField, onSubmit, onFieldsChange, labels, ariaLabel }: DynamicFieldFormProps): import("react/jsx-runtime").JSX.Element;
|
|
391
|
+
//#endregion
|
|
392
|
+
//#region src/shells/file-upload-form.d.ts
|
|
385
393
|
/** Localized labels for the file upload form component. */
|
|
386
394
|
interface FileUploadFormLabels {
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
395
|
+
titleLabel?: string;
|
|
396
|
+
titlePlaceholder?: string;
|
|
397
|
+
titleRequired?: string;
|
|
398
|
+
descriptionLabel?: string;
|
|
399
|
+
descriptionPlaceholder?: string;
|
|
400
|
+
fileLabel?: string;
|
|
401
|
+
submitButton?: string;
|
|
402
|
+
successMessage?: string;
|
|
403
|
+
columnMappingLabel?: string;
|
|
396
404
|
}
|
|
397
405
|
/** Props for the file upload form component. */
|
|
398
406
|
interface FileUploadFormProps {
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
407
|
+
accept?: string;
|
|
408
|
+
showPreview?: boolean;
|
|
409
|
+
showFileInfo?: boolean;
|
|
410
|
+
showDescription?: boolean;
|
|
411
|
+
descriptionRows?: number;
|
|
412
|
+
titleRequired?: boolean;
|
|
413
|
+
maxFileSize?: number;
|
|
414
|
+
onSubmit?: (values: {
|
|
415
|
+
title: string;
|
|
416
|
+
description: string;
|
|
417
|
+
file: File | null;
|
|
418
|
+
}) => void;
|
|
419
|
+
onFileChange?: (file: File | null) => void;
|
|
420
|
+
/** Called after file is selected to allow parsing/preview. Return ReactNode to show column mapping UI. */
|
|
421
|
+
onPreview?: (file: File) => void;
|
|
422
|
+
/** Custom column mapping UI rendered after file selection */
|
|
423
|
+
columnMapping?: ReactNode;
|
|
424
|
+
labels?: FileUploadFormLabels;
|
|
425
|
+
ariaLabel?: string;
|
|
418
426
|
}
|
|
419
427
|
/** Renders the file upload form component. */
|
|
420
|
-
declare function FileUploadForm({ accept, showPreview, showFileInfo, showDescription, descriptionRows, titleRequired, maxFileSize, onSubmit, onFileChange, onPreview, columnMapping, labels, ariaLabel
|
|
421
|
-
|
|
428
|
+
declare function FileUploadForm({ accept, showPreview, showFileInfo, showDescription, descriptionRows, titleRequired, maxFileSize, onSubmit, onFileChange, onPreview, columnMapping, labels, ariaLabel }: FileUploadFormProps): import("react/jsx-runtime").JSX.Element;
|
|
429
|
+
//#endregion
|
|
430
|
+
//#region src/shells/wizard-form.d.ts
|
|
422
431
|
/** Defines the wizard step shape. */
|
|
423
432
|
interface WizardStepDef {
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
433
|
+
id: string;
|
|
434
|
+
label: string;
|
|
435
|
+
fields: string[];
|
|
427
436
|
}
|
|
428
437
|
/** Localized labels for the wizard form component. */
|
|
429
438
|
interface WizardFormLabels {
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
439
|
+
stepsLabel?: string;
|
|
440
|
+
backButton?: string;
|
|
441
|
+
nextButton?: string;
|
|
442
|
+
submitButton?: string;
|
|
443
|
+
successMessage?: string;
|
|
444
|
+
resetLink?: string;
|
|
445
|
+
reviewTitle?: string;
|
|
446
|
+
emptyValue?: string;
|
|
438
447
|
}
|
|
439
448
|
/** Props for the wizard form component. */
|
|
440
449
|
interface WizardFormProps {
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
450
|
+
fields: FormFieldDef[];
|
|
451
|
+
steps: WizardStepDef[];
|
|
452
|
+
showReview?: boolean;
|
|
453
|
+
onSubmit?: (values: Record<string, unknown>) => void;
|
|
454
|
+
onStepChange?: (stepIndex: number) => void;
|
|
455
|
+
resetOnSuccess?: boolean;
|
|
456
|
+
labels?: WizardFormLabels;
|
|
457
|
+
ariaLabel?: string;
|
|
449
458
|
}
|
|
450
459
|
/** Renders the wizard form component. */
|
|
451
|
-
declare function WizardForm({ fields, steps, showReview, onSubmit, onStepChange, resetOnSuccess, labels, ariaLabel
|
|
452
|
-
|
|
460
|
+
declare function WizardForm({ fields, steps, showReview, onSubmit, onStepChange, resetOnSuccess, labels, ariaLabel }: WizardFormProps): import("react/jsx-runtime").JSX.Element;
|
|
461
|
+
//#endregion
|
|
462
|
+
//#region src/shells/event-icon.d.ts
|
|
453
463
|
/** Popular icon names for picker UIs */
|
|
454
464
|
declare const POPULAR_ICONS: readonly ["click", "eye", "search", "user", "shopping-cart", "credit-card", "heart", "star", "bell", "download", "upload", "share", "mail", "settings", "globe", "zap", "trending-up", "bar-chart", "check-circle", "x-circle"];
|
|
455
465
|
/** Color presets for event icon backgrounds */
|
|
456
466
|
declare const COLOR_PRESETS: readonly ["#3b82f6", "#8b5cf6", "#ec4899", "#ef4444", "#f59e0b", "#10b981", "#06b6d4", "#6366f1", "#f97316", "#14b8a6"];
|
|
457
467
|
/** Props for the event icon component. */
|
|
458
468
|
interface EventIconProps {
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
469
|
+
/** Semantic icon key, legacy icon key, or ReactNode */
|
|
470
|
+
icon: string | React$1.ReactNode;
|
|
471
|
+
/** Custom icon color; when omitted, theme accent tokens are used */
|
|
472
|
+
color?: string;
|
|
473
|
+
/** Icon size */
|
|
474
|
+
size?: "sm" | "md" | "lg";
|
|
475
|
+
className?: string;
|
|
476
|
+
labels?: EventIconLabels;
|
|
467
477
|
}
|
|
468
478
|
/** Localized labels for the event icon component. */
|
|
469
479
|
interface EventIconLabels {
|
|
470
|
-
|
|
471
|
-
|
|
480
|
+
eventLabelPrefix?: string;
|
|
481
|
+
defaultAriaLabel?: string;
|
|
472
482
|
}
|
|
473
483
|
/** Renders the event icon component. */
|
|
474
|
-
declare function EventIcon({ icon, color, size, className, labels: customLabels
|
|
484
|
+
declare function EventIcon({ icon, color, size, className, labels: customLabels }: EventIconProps): import("react/jsx-runtime").JSX.Element;
|
|
475
485
|
declare namespace EventIcon {
|
|
476
|
-
|
|
486
|
+
var displayName: string;
|
|
477
487
|
}
|
|
478
|
-
|
|
488
|
+
//#endregion
|
|
489
|
+
//#region src/shells/connection-indicator.d.ts
|
|
479
490
|
/** Type definition for connection status. */
|
|
480
491
|
type ConnectionStatus = "connected" | "disconnected" | "connecting" | "error";
|
|
492
|
+
/**
|
|
493
|
+
* 점 색상 톤. `status` 프리셋으로 표현되지 않는 도메인 상태
|
|
494
|
+
* (예: "Persistent" / "Volatile" / "Recovered")를 직접 칠할 때 쓴다.
|
|
495
|
+
*/
|
|
496
|
+
type ConnectionTone = "neutral" | "success" | "warning" | "danger" | "info";
|
|
481
497
|
/** Props for the connection indicator component. */
|
|
482
498
|
interface ConnectionIndicatorProps {
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
499
|
+
/**
|
|
500
|
+
* 연결 상태 프리셋. tone과 pulse의 기본값을 정한다.
|
|
501
|
+
* 생략하면 `tone`(기본 neutral)이 색을 결정한다.
|
|
502
|
+
*/
|
|
503
|
+
status?: ConnectionStatus;
|
|
504
|
+
/** status 프리셋 대신 색만 지정. status와 함께 주면 이 값이 이긴다. */
|
|
505
|
+
tone?: ConnectionTone;
|
|
506
|
+
label?: string;
|
|
507
|
+
showLabel?: boolean;
|
|
508
|
+
/** 점 애니메이션. 생략하면 status 프리셋을 따른다. */
|
|
509
|
+
pulse?: boolean;
|
|
510
|
+
className?: string;
|
|
487
511
|
}
|
|
488
512
|
/** Renders the connection indicator component. */
|
|
489
|
-
declare function ConnectionIndicator({ status, label, showLabel,
|
|
513
|
+
declare function ConnectionIndicator({ status, tone, label, showLabel, pulse, className }: ConnectionIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
490
514
|
declare namespace ConnectionIndicator {
|
|
491
|
-
|
|
515
|
+
var displayName: string;
|
|
492
516
|
}
|
|
493
|
-
|
|
517
|
+
//#endregion
|
|
518
|
+
//#region src/shells/floating-action-bar.d.ts
|
|
494
519
|
/** Defines the floating action shape. */
|
|
495
520
|
interface FloatingAction {
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
521
|
+
id: string;
|
|
522
|
+
label: string;
|
|
523
|
+
icon?: React$1.ReactNode;
|
|
524
|
+
variant?: "default" | "primary" | "danger";
|
|
525
|
+
disabled?: boolean;
|
|
501
526
|
}
|
|
502
527
|
/** Props for the floating action bar component. */
|
|
503
528
|
interface FloatingActionBarProps {
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
529
|
+
actions: FloatingAction[];
|
|
530
|
+
selectedCount?: number;
|
|
531
|
+
onAction: (actionId: string) => void;
|
|
532
|
+
onDismiss?: () => void;
|
|
533
|
+
className?: string;
|
|
534
|
+
labels?: FloatingActionBarLabels;
|
|
510
535
|
}
|
|
511
536
|
/** Localized labels for the floating action bar component. */
|
|
512
537
|
interface FloatingActionBarLabels {
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
538
|
+
toolbarAriaLabel?: string;
|
|
539
|
+
selectedLabel?: (count: number) => string;
|
|
540
|
+
dismissAriaLabel?: string;
|
|
516
541
|
}
|
|
517
542
|
/** Renders the floating action bar component. */
|
|
518
|
-
declare function FloatingActionBar({ actions, selectedCount, onAction, onDismiss, className, labels: customLabels
|
|
543
|
+
declare function FloatingActionBar({ actions, selectedCount, onAction, onDismiss, className, labels: customLabels }: FloatingActionBarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
519
544
|
declare namespace FloatingActionBar {
|
|
520
|
-
|
|
545
|
+
var displayName: string;
|
|
521
546
|
}
|
|
522
|
-
|
|
547
|
+
//#endregion
|
|
548
|
+
//#region src/shells/template-picker.d.ts
|
|
523
549
|
/** Defines the template shape. */
|
|
524
550
|
interface TemplateDef {
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
551
|
+
id: string;
|
|
552
|
+
name: string;
|
|
553
|
+
description?: string;
|
|
554
|
+
icon?: React$1.ReactNode;
|
|
555
|
+
category?: string;
|
|
556
|
+
featured?: boolean;
|
|
557
|
+
tags?: string[];
|
|
532
558
|
}
|
|
533
559
|
/** Localized labels for the template picker component. */
|
|
534
560
|
interface TemplatePickerLabels {
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
561
|
+
ariaLabel?: string;
|
|
562
|
+
defaultCategory?: string;
|
|
563
|
+
searchPlaceholder?: string;
|
|
564
|
+
featuredBadge?: string;
|
|
539
565
|
}
|
|
540
566
|
/** Props for the template picker component. */
|
|
541
567
|
interface TemplatePickerProps {
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
568
|
+
templates: TemplateDef[];
|
|
569
|
+
selected?: string;
|
|
570
|
+
onSelect: (templateId: string) => void;
|
|
571
|
+
labels?: TemplatePickerLabels;
|
|
572
|
+
showSearch?: boolean;
|
|
573
|
+
className?: string;
|
|
548
574
|
}
|
|
549
575
|
/** Renders the template picker component. */
|
|
550
|
-
declare function TemplatePicker({ templates, selected, onSelect, labels: customLabels, showSearch, className
|
|
576
|
+
declare function TemplatePicker({ templates, selected, onSelect, labels: customLabels, showSearch, className }: TemplatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
551
577
|
declare namespace TemplatePicker {
|
|
552
|
-
|
|
578
|
+
var displayName: string;
|
|
553
579
|
}
|
|
554
|
-
|
|
580
|
+
//#endregion
|
|
581
|
+
//#region src/shells/code-snippet-viewer.d.ts
|
|
555
582
|
/** Localized labels for the code snippet viewer component. */
|
|
556
583
|
interface CodeSnippetViewerLabels {
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
584
|
+
copy?: string;
|
|
585
|
+
copied?: string;
|
|
586
|
+
codeRegion?: string;
|
|
560
587
|
}
|
|
561
588
|
/** Visual tone options for code snippet syntax surfaces. */
|
|
562
589
|
type CodeSnippetSyntaxTheme = "default" | "muted" | "dark" | "terminal";
|
|
563
590
|
/** Props for the code snippet viewer component. */
|
|
564
591
|
interface CodeSnippetViewerProps {
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
592
|
+
code: string;
|
|
593
|
+
language?: string;
|
|
594
|
+
title?: string;
|
|
595
|
+
showLineNumbers?: boolean;
|
|
596
|
+
showCopyButton?: boolean;
|
|
597
|
+
maxHeight?: number;
|
|
598
|
+
syntaxTheme?: CodeSnippetSyntaxTheme;
|
|
599
|
+
className?: string;
|
|
600
|
+
labels?: CodeSnippetViewerLabels;
|
|
574
601
|
}
|
|
575
602
|
/** Renders the code snippet viewer component. */
|
|
576
|
-
declare function CodeSnippetViewer({ code, language, title, showLineNumbers, showCopyButton, maxHeight, syntaxTheme, className, labels: customLabels
|
|
603
|
+
declare function CodeSnippetViewer({ code, language, title, showLineNumbers, showCopyButton, maxHeight, syntaxTheme, className, labels: customLabels }: CodeSnippetViewerProps): import("react/jsx-runtime").JSX.Element;
|
|
577
604
|
declare namespace CodeSnippetViewer {
|
|
578
|
-
|
|
605
|
+
var displayName: string;
|
|
579
606
|
}
|
|
580
|
-
|
|
607
|
+
//#endregion
|
|
608
|
+
//#region src/shells/property-explorer.d.ts
|
|
581
609
|
/** Defines the property shape. */
|
|
582
610
|
interface PropertyDef {
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
611
|
+
name: string;
|
|
612
|
+
type: string;
|
|
613
|
+
description?: string;
|
|
614
|
+
exampleValue?: string;
|
|
615
|
+
eventCount?: number;
|
|
588
616
|
}
|
|
589
617
|
/** Defines the property group shape. */
|
|
590
618
|
interface PropertyGroup {
|
|
591
|
-
|
|
592
|
-
|
|
619
|
+
name: string;
|
|
620
|
+
properties: PropertyDef[];
|
|
593
621
|
}
|
|
594
622
|
/** Localized labels for the property explorer component. */
|
|
595
623
|
interface PropertyExplorerLabels {
|
|
596
|
-
|
|
597
|
-
|
|
624
|
+
searchPlaceholder?: string;
|
|
625
|
+
noPropertiesFound?: string;
|
|
598
626
|
}
|
|
599
627
|
/** Props for the property explorer component. */
|
|
600
628
|
interface PropertyExplorerProps {
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
629
|
+
groups: PropertyGroup[];
|
|
630
|
+
onSelect?: (property: PropertyDef) => void;
|
|
631
|
+
className?: string;
|
|
632
|
+
labels?: PropertyExplorerLabels;
|
|
605
633
|
}
|
|
606
634
|
/** Renders the property explorer component. */
|
|
607
|
-
declare function PropertyExplorer({ groups, onSelect, className, labels: customLabels
|
|
635
|
+
declare function PropertyExplorer({ groups, onSelect, className, labels: customLabels }: PropertyExplorerProps): import("react/jsx-runtime").JSX.Element;
|
|
608
636
|
declare namespace PropertyExplorer {
|
|
609
|
-
|
|
637
|
+
var displayName: string;
|
|
610
638
|
}
|
|
611
|
-
|
|
639
|
+
//#endregion
|
|
640
|
+
//#region src/shells/query-results-table.d.ts
|
|
612
641
|
/** Localized labels for the query results table component. */
|
|
613
642
|
interface QueryResultsTableLabels {
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
643
|
+
emptyMessage?: string;
|
|
644
|
+
loadingMessage?: string;
|
|
645
|
+
rowsSuffix?: string;
|
|
617
646
|
}
|
|
618
647
|
/** Props for the query results table component. */
|
|
619
648
|
interface QueryResultsTableProps {
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
649
|
+
columns: string[];
|
|
650
|
+
rows: Array<Record<string, unknown>>;
|
|
651
|
+
maxHeight?: number;
|
|
652
|
+
emptyMessage?: string;
|
|
653
|
+
loading?: boolean;
|
|
654
|
+
error?: string;
|
|
655
|
+
labels?: QueryResultsTableLabels;
|
|
656
|
+
className?: string;
|
|
628
657
|
}
|
|
629
658
|
/** Renders the query results table component. */
|
|
630
|
-
declare function QueryResultsTable({ columns, rows, maxHeight, emptyMessage, loading, error, labels: customLabels, className
|
|
659
|
+
declare function QueryResultsTable({ columns, rows, maxHeight, emptyMessage, loading, error, labels: customLabels, className }: QueryResultsTableProps): import("react/jsx-runtime").JSX.Element;
|
|
631
660
|
declare namespace QueryResultsTable {
|
|
632
|
-
|
|
661
|
+
var displayName: string;
|
|
633
662
|
}
|
|
634
|
-
|
|
663
|
+
//#endregion
|
|
664
|
+
//#region src/shells/alert-builder.d.ts
|
|
635
665
|
/** Defines the alert condition shape. */
|
|
636
666
|
interface AlertCondition {
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
667
|
+
metric: string;
|
|
668
|
+
operator: "gt" | "lt" | "eq" | "gte" | "lte";
|
|
669
|
+
threshold: number;
|
|
640
670
|
}
|
|
641
671
|
/** Configuration for alert. */
|
|
642
672
|
interface AlertConfig {
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
673
|
+
name: string;
|
|
674
|
+
conditions: AlertCondition[];
|
|
675
|
+
channels: string[];
|
|
676
|
+
frequency: "realtime" | "hourly" | "daily";
|
|
677
|
+
enabled: boolean;
|
|
648
678
|
}
|
|
649
679
|
/** Localized labels for the alert builder component. */
|
|
650
680
|
interface AlertBuilderLabels {
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
681
|
+
alertNameLabel?: string;
|
|
682
|
+
conditionsLabel?: string;
|
|
683
|
+
metricLabel?: string;
|
|
684
|
+
operatorLabel?: string;
|
|
685
|
+
thresholdLabel?: string;
|
|
686
|
+
removeConditionLabel?: string;
|
|
687
|
+
addConditionButton?: string;
|
|
688
|
+
checkFrequencyLabel?: string;
|
|
689
|
+
notificationChannelsLabel?: string;
|
|
690
|
+
emptyMessage?: string;
|
|
661
691
|
}
|
|
662
692
|
/** Props for the alert builder component. */
|
|
663
693
|
interface AlertBuilderProps {
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
694
|
+
value: AlertConfig;
|
|
695
|
+
onChange: (config: AlertConfig) => void;
|
|
696
|
+
metrics?: string[];
|
|
697
|
+
/** Dynamic event options for the metric selector. When provided, overrides `metrics`. */
|
|
698
|
+
eventOptions?: {
|
|
699
|
+
id: string;
|
|
700
|
+
name: string;
|
|
701
|
+
}[];
|
|
702
|
+
channels?: {
|
|
703
|
+
id: string;
|
|
704
|
+
label: string;
|
|
705
|
+
}[];
|
|
706
|
+
labels?: AlertBuilderLabels;
|
|
707
|
+
className?: string;
|
|
678
708
|
}
|
|
679
709
|
/** Renders the alert builder component. */
|
|
680
|
-
declare function AlertBuilder({ value, onChange, metrics, eventOptions, channels, labels: customLabels, className
|
|
710
|
+
declare function AlertBuilder({ value, onChange, metrics, eventOptions, channels, labels: customLabels, className }: AlertBuilderProps): import("react/jsx-runtime").JSX.Element;
|
|
681
711
|
declare namespace AlertBuilder {
|
|
682
|
-
|
|
683
|
-
}
|
|
684
|
-
|
|
712
|
+
var displayName: string;
|
|
713
|
+
}
|
|
714
|
+
//#endregion
|
|
715
|
+
//#region src/shells/sql-editor.d.ts
|
|
716
|
+
/** CodeMirror 확장. `@codemirror/state`의 `Extension`. */
|
|
717
|
+
type SqlEditorExtension = import("@codemirror/state").Extension;
|
|
718
|
+
/** CodeMirror 키 바인딩. `@codemirror/view`의 `KeyBinding`. */
|
|
719
|
+
type SqlEditorKeyBinding = import("@codemirror/view").KeyBinding;
|
|
720
|
+
/**
|
|
721
|
+
* 자동완성 스키마. `@codemirror/lang-sql`의 `SQLNamespace` —
|
|
722
|
+
* `{ table: ["col", ...] }` 형태로 테이블/컬럼을 알려준다.
|
|
723
|
+
*/
|
|
724
|
+
type SqlEditorSchema = import("@codemirror/lang-sql").SQLNamespace;
|
|
725
|
+
/** 추가 자동완성 소스. `@codemirror/autocomplete`의 `CompletionSource`. */
|
|
726
|
+
type SqlEditorCompletionSource = import("@codemirror/autocomplete").CompletionSource;
|
|
685
727
|
/** Localized labels for the sql editor component. */
|
|
686
728
|
interface SqlEditorLabels {
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
729
|
+
placeholder?: string;
|
|
730
|
+
runHint?: string;
|
|
731
|
+
runButton?: string;
|
|
732
|
+
editor?: string;
|
|
690
733
|
}
|
|
691
734
|
/** Props for the sql editor component. */
|
|
692
735
|
interface SqlEditorProps {
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
736
|
+
value: string;
|
|
737
|
+
onChange: (sql: string) => void;
|
|
738
|
+
/** Mod+Enter. */
|
|
739
|
+
onRun?: (sql: string) => void;
|
|
740
|
+
/** Shift+Enter — 실행 후 다음 셀/탭으로 넘어가는 노트북형 흐름. */
|
|
741
|
+
onRunAndAdvance?: (sql: string) => void;
|
|
742
|
+
placeholder?: string;
|
|
743
|
+
readOnly?: boolean;
|
|
744
|
+
/** px 고정 높이. `"fill"`이면 부모가 정한 높이를 채운다. */
|
|
745
|
+
height?: number | "fill";
|
|
746
|
+
/**
|
|
747
|
+
* 테이블/컬럼 자동완성 스키마. 값이 바뀌면 에디터를 다시 만들지 않고
|
|
748
|
+
* 자동완성만 재구성하므로, 카탈로그가 자주 갱신되는 화면에서도 커서와
|
|
749
|
+
* 실행 취소 이력이 유지된다.
|
|
750
|
+
*/
|
|
751
|
+
schema?: SqlEditorSchema;
|
|
752
|
+
/** 스키마 자동완성에 더해 붙일 완성 소스 (함수 시그니처, 스니펫 등). */
|
|
753
|
+
completionSources?: SqlEditorCompletionSource[];
|
|
754
|
+
/** 추가 키 바인딩. 내장 실행 바인딩보다 먼저 평가된다. */
|
|
755
|
+
keymap?: SqlEditorKeyBinding[];
|
|
756
|
+
/** 임의의 CodeMirror 확장. 내장 확장 뒤에 붙어 우선권을 갖는다. */
|
|
757
|
+
extensions?: SqlEditorExtension[];
|
|
758
|
+
/** 편집 영역의 접근성 레이블. */
|
|
759
|
+
ariaLabel?: string;
|
|
760
|
+
autoFocus?: boolean;
|
|
761
|
+
/**
|
|
762
|
+
* 실행 힌트와 Run 버튼 표시 여부. 기본값은 `onRun`이 있을 때 표시.
|
|
763
|
+
* 자체 툴바를 쓰는 화면에서 `false`로 끈다.
|
|
764
|
+
*/
|
|
765
|
+
showFooter?: boolean;
|
|
766
|
+
labels?: SqlEditorLabels;
|
|
767
|
+
className?: string;
|
|
701
768
|
}
|
|
702
769
|
/** Renders the sql editor component. */
|
|
703
|
-
declare function SqlEditor({ value, onChange, onRun, placeholder, readOnly, height, labels: customLabels, className
|
|
770
|
+
declare function SqlEditor({ value, onChange, onRun, onRunAndAdvance, placeholder, readOnly, height, schema, completionSources, keymap: customKeymap, extensions: customExtensions, ariaLabel, autoFocus, showFooter, labels: customLabels, className }: SqlEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
704
771
|
declare namespace SqlEditor {
|
|
705
|
-
|
|
772
|
+
var displayName: string;
|
|
706
773
|
}
|
|
707
|
-
|
|
774
|
+
//#endregion
|
|
775
|
+
//#region src/shells/event-meta-editor.d.ts
|
|
708
776
|
/** Defines the event meta shape. */
|
|
709
777
|
interface EventMeta {
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
778
|
+
name: string;
|
|
779
|
+
displayName: string;
|
|
780
|
+
icon: string;
|
|
781
|
+
color: string;
|
|
782
|
+
tags: string[];
|
|
783
|
+
description: string;
|
|
716
784
|
}
|
|
717
785
|
/** Props for the event meta editor component. */
|
|
718
786
|
interface EventMetaEditorProps {
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
787
|
+
value: EventMeta;
|
|
788
|
+
onChange: (meta: EventMeta) => void;
|
|
789
|
+
icons?: IconDef[];
|
|
790
|
+
className?: string;
|
|
791
|
+
labels?: EventMetaEditorLabels;
|
|
724
792
|
}
|
|
725
793
|
/** Localized labels for the event meta editor component. */
|
|
726
794
|
interface EventMetaEditorLabels {
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
795
|
+
icon?: string;
|
|
796
|
+
color?: string;
|
|
797
|
+
name?: string;
|
|
798
|
+
displayName?: string;
|
|
799
|
+
description?: string;
|
|
800
|
+
tags?: string;
|
|
801
|
+
namePlaceholder?: string;
|
|
802
|
+
displayNamePlaceholder?: string;
|
|
803
|
+
descriptionPlaceholder?: string;
|
|
804
|
+
tagsPlaceholder?: string;
|
|
805
|
+
emptyTagsMessage?: string;
|
|
738
806
|
}
|
|
739
807
|
/** Renders the event meta editor component. */
|
|
740
|
-
declare function EventMetaEditor({ value, onChange, icons, className, labels: customLabels
|
|
808
|
+
declare function EventMetaEditor({ value, onChange, icons, className, labels: customLabels }: EventMetaEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
741
809
|
declare namespace EventMetaEditor {
|
|
742
|
-
|
|
810
|
+
var displayName: string;
|
|
743
811
|
}
|
|
744
|
-
|
|
812
|
+
//#endregion
|
|
813
|
+
//#region src/shells/widget-grid.d.ts
|
|
745
814
|
/** Defines the widget shape. */
|
|
746
815
|
interface WidgetDef {
|
|
816
|
+
id: string;
|
|
817
|
+
x: number;
|
|
818
|
+
y: number;
|
|
819
|
+
w: number;
|
|
820
|
+
h: number;
|
|
821
|
+
minW?: number;
|
|
822
|
+
minH?: number;
|
|
823
|
+
content: React$1.ReactNode;
|
|
824
|
+
}
|
|
825
|
+
/** Props for the widget grid component. */
|
|
826
|
+
interface WidgetGridProps {
|
|
827
|
+
widgets: WidgetDef[];
|
|
828
|
+
cols?: number;
|
|
829
|
+
rowHeight?: number;
|
|
830
|
+
gap?: number;
|
|
831
|
+
onLayoutChange?: (layout: Array<{
|
|
747
832
|
id: string;
|
|
748
833
|
x: number;
|
|
749
834
|
y: number;
|
|
750
835
|
w: number;
|
|
751
836
|
h: number;
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
cols?: number;
|
|
760
|
-
rowHeight?: number;
|
|
761
|
-
gap?: number;
|
|
762
|
-
onLayoutChange?: (layout: Array<{
|
|
763
|
-
id: string;
|
|
764
|
-
x: number;
|
|
765
|
-
y: number;
|
|
766
|
-
w: number;
|
|
767
|
-
h: number;
|
|
768
|
-
}>) => void;
|
|
769
|
-
/** Enable drag-to-reorder */
|
|
770
|
-
editable?: boolean;
|
|
771
|
-
/** Called when a widget is dragged to a new position */
|
|
772
|
-
onReorder?: (widgetId: string, fromIndex: number, toIndex: number) => void;
|
|
773
|
-
labels?: WidgetGridLabels;
|
|
774
|
-
className?: string;
|
|
837
|
+
}>) => void;
|
|
838
|
+
/** Enable drag-to-reorder */
|
|
839
|
+
editable?: boolean;
|
|
840
|
+
/** Called when a widget is dragged to a new position */
|
|
841
|
+
onReorder?: (widgetId: string, fromIndex: number, toIndex: number) => void;
|
|
842
|
+
labels?: WidgetGridLabels;
|
|
843
|
+
className?: string;
|
|
775
844
|
}
|
|
776
845
|
/** Localized labels for the widget grid component. */
|
|
777
846
|
interface WidgetGridLabels {
|
|
778
|
-
|
|
847
|
+
emptyMessage?: string;
|
|
779
848
|
}
|
|
780
849
|
/** Renders the widget grid component. */
|
|
781
|
-
declare function WidgetGrid({ widgets, cols, rowHeight, gap, editable, onReorder, labels: customLabels, className
|
|
850
|
+
declare function WidgetGrid({ widgets, cols, rowHeight, gap, editable, onReorder, labels: customLabels, className }: WidgetGridProps): import("react/jsx-runtime").JSX.Element;
|
|
782
851
|
declare namespace WidgetGrid {
|
|
783
|
-
|
|
852
|
+
var displayName: string;
|
|
784
853
|
}
|
|
785
|
-
|
|
854
|
+
//#endregion
|
|
855
|
+
//#region src/shells/report-builder.d.ts
|
|
786
856
|
/** Type definition for report builder chart type. */
|
|
787
857
|
type ReportBuilderChartType = "line" | "bar" | "pie" | "gauge" | "scatter" | "number" | "table" | "funnel" | "retention";
|
|
788
858
|
/** Defines the chart type shape. */
|
|
789
859
|
interface ChartTypeDef {
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
860
|
+
type: ReportBuilderChartType;
|
|
861
|
+
label: string;
|
|
862
|
+
icon: string;
|
|
793
863
|
}
|
|
794
864
|
/** Type definition for report builder step. */
|
|
795
865
|
type ReportBuilderStep = "type" | "config" | "style" | "preview";
|
|
796
866
|
/** Defines the data source shape. */
|
|
797
867
|
interface DataSourceDef {
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
868
|
+
id: string;
|
|
869
|
+
label: string;
|
|
870
|
+
description?: string;
|
|
801
871
|
}
|
|
802
872
|
/** Localized labels for the report builder component. */
|
|
803
873
|
interface ReportBuilderLabels {
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
874
|
+
/** Stepper label */
|
|
875
|
+
stepsLabel?: string;
|
|
876
|
+
/** Step labels */
|
|
877
|
+
stepType?: string;
|
|
878
|
+
stepConfig?: string;
|
|
879
|
+
stepStyle?: string;
|
|
880
|
+
stepPreview?: string;
|
|
881
|
+
/** Button labels */
|
|
882
|
+
nextButton?: string;
|
|
883
|
+
backButton?: string;
|
|
884
|
+
saveButton?: string;
|
|
885
|
+
cancelButton?: string;
|
|
886
|
+
/** Field labels */
|
|
887
|
+
reportNameLabel?: string;
|
|
888
|
+
reportNamePlaceholder?: string;
|
|
889
|
+
reportDescriptionLabel?: string;
|
|
890
|
+
reportDescriptionPlaceholder?: string;
|
|
891
|
+
dataSourceLabel?: string;
|
|
892
|
+
dataSourcePlaceholder?: string;
|
|
893
|
+
chartTypeHeading?: string;
|
|
894
|
+
/** Empty state */
|
|
895
|
+
noPreview?: string;
|
|
896
|
+
noConfigForm?: string;
|
|
897
|
+
noStyleForm?: string;
|
|
828
898
|
}
|
|
829
899
|
/**
|
|
830
900
|
* 4-step wizard for building custom reports:
|
|
@@ -836,371 +906,366 @@ interface ReportBuilderLabels {
|
|
|
836
906
|
* Steps 2-4 accept ReactNode slots so the parent can inject domain-specific forms.
|
|
837
907
|
*/
|
|
838
908
|
interface ReportBuilderProps {
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
909
|
+
/** Available chart types. Defaults to the built-in 9 types. */
|
|
910
|
+
chartTypes?: ChartTypeDef[];
|
|
911
|
+
/** Available data sources. */
|
|
912
|
+
dataSources?: DataSourceDef[];
|
|
913
|
+
/** Called when the user saves the report. */
|
|
914
|
+
onSave?: (report: {
|
|
915
|
+
name: string;
|
|
916
|
+
description: string;
|
|
917
|
+
chartType: ReportBuilderChartType;
|
|
918
|
+
dataSourceId: string;
|
|
919
|
+
}) => void;
|
|
920
|
+
/** Called when the user cancels. */
|
|
921
|
+
onCancel?: () => void;
|
|
922
|
+
/** ReactNode slot for chart-specific data configuration (step 2). */
|
|
923
|
+
configForm?: React$1.ReactNode;
|
|
924
|
+
/** ReactNode slot for chart-specific style configuration (step 3). */
|
|
925
|
+
styleForm?: React$1.ReactNode;
|
|
926
|
+
/** ReactNode slot for the live chart preview (step 4). */
|
|
927
|
+
preview?: React$1.ReactNode;
|
|
928
|
+
/** Called when the selected chart type changes. */
|
|
929
|
+
onChartTypeChange?: (type: ReportBuilderChartType) => void;
|
|
930
|
+
/** Called when the selected data source changes. */
|
|
931
|
+
onDataSourceChange?: (dataSourceId: string) => void;
|
|
932
|
+
/** Called when the current step changes. */
|
|
933
|
+
onStepChange?: (step: ReportBuilderStep) => void;
|
|
934
|
+
/** Externally controlled chart type selection. */
|
|
935
|
+
selectedChartType?: ReportBuilderChartType;
|
|
936
|
+
/** Externally controlled data source. */
|
|
937
|
+
selectedDataSource?: string;
|
|
938
|
+
/** Label overrides. */
|
|
939
|
+
labels?: ReportBuilderLabels;
|
|
940
|
+
/** Additional CSS classes. */
|
|
941
|
+
className?: string;
|
|
872
942
|
}
|
|
873
943
|
/** Renders the report builder component. */
|
|
874
|
-
declare function ReportBuilder({ chartTypes, dataSources, onSave, onCancel, configForm, styleForm, preview, onChartTypeChange, onDataSourceChange, onStepChange, selectedChartType: controlledChartType, selectedDataSource: controlledDataSource, labels: customLabels, className
|
|
944
|
+
declare function ReportBuilder({ chartTypes, dataSources, onSave, onCancel, configForm, styleForm, preview, onChartTypeChange, onDataSourceChange, onStepChange, selectedChartType: controlledChartType, selectedDataSource: controlledDataSource, labels: customLabels, className }: ReportBuilderProps): import("react/jsx-runtime").JSX.Element;
|
|
875
945
|
declare namespace ReportBuilder {
|
|
876
|
-
|
|
946
|
+
var displayName: string;
|
|
877
947
|
}
|
|
878
|
-
|
|
948
|
+
//#endregion
|
|
949
|
+
//#region src/shells/audit-timeline.d.ts
|
|
879
950
|
/** Defines the audit change shape. */
|
|
880
951
|
interface AuditChange {
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
952
|
+
field: string;
|
|
953
|
+
before: string;
|
|
954
|
+
after: string;
|
|
884
955
|
}
|
|
885
956
|
/** Defines the audit entry shape. */
|
|
886
957
|
interface AuditEntry$1 {
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
958
|
+
id: string;
|
|
959
|
+
timestamp: string;
|
|
960
|
+
actor: string;
|
|
961
|
+
action: "created" | "updated" | "deleted";
|
|
962
|
+
summary: string;
|
|
963
|
+
changes?: AuditChange[];
|
|
893
964
|
}
|
|
894
965
|
/** Localized labels for the audit timeline component. */
|
|
895
966
|
interface AuditTimelineLabels {
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
967
|
+
title?: string;
|
|
968
|
+
empty?: string;
|
|
969
|
+
expand?: string;
|
|
970
|
+
collapse?: string;
|
|
971
|
+
created?: string;
|
|
972
|
+
updated?: string;
|
|
973
|
+
deleted?: string;
|
|
974
|
+
fieldHeader?: string;
|
|
975
|
+
beforeHeader?: string;
|
|
976
|
+
afterHeader?: string;
|
|
977
|
+
diffArrow?: string;
|
|
907
978
|
}
|
|
908
979
|
/** Props for the audit timeline component. */
|
|
909
980
|
interface AuditTimelineProps {
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
981
|
+
entries: AuditEntry$1[];
|
|
982
|
+
labels?: AuditTimelineLabels;
|
|
983
|
+
className?: string;
|
|
984
|
+
onEntryClick?: (entry: AuditEntry$1) => void;
|
|
914
985
|
}
|
|
915
986
|
/** Renders the audit timeline component. */
|
|
916
|
-
declare function AuditTimeline({ entries, labels: customLabels, className, onEntryClick
|
|
987
|
+
declare function AuditTimeline({ entries, labels: customLabels, className, onEntryClick }: AuditTimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
917
988
|
declare namespace AuditTimeline {
|
|
918
|
-
|
|
989
|
+
var displayName: string;
|
|
919
990
|
}
|
|
920
|
-
|
|
991
|
+
//#endregion
|
|
992
|
+
//#region src/shells/segment-builder.d.ts
|
|
921
993
|
/** Type definition for segment condition type. */
|
|
922
994
|
type SegmentConditionType = "event" | "property" | "cohort" | "custom";
|
|
923
995
|
/** Defines the segment condition shape. */
|
|
924
996
|
interface SegmentCondition {
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
997
|
+
id: string;
|
|
998
|
+
type: SegmentConditionType;
|
|
999
|
+
field: string;
|
|
1000
|
+
operator: string;
|
|
1001
|
+
value: string;
|
|
930
1002
|
}
|
|
931
1003
|
/** Defines the segment group shape. */
|
|
932
1004
|
interface SegmentGroup {
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
1005
|
+
id: string;
|
|
1006
|
+
combinator: "and" | "or";
|
|
1007
|
+
conditions: SegmentCondition[];
|
|
936
1008
|
}
|
|
937
1009
|
/** Props for the segment builder component. */
|
|
938
1010
|
interface SegmentBuilderProps {
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
1011
|
+
groups: SegmentGroup[];
|
|
1012
|
+
onChange: (groups: SegmentGroup[]) => void;
|
|
1013
|
+
eventOptions?: string[];
|
|
1014
|
+
propertyOptions?: string[];
|
|
1015
|
+
cohortOptions?: string[];
|
|
1016
|
+
className?: string;
|
|
1017
|
+
labels?: SegmentBuilderLabels;
|
|
946
1018
|
}
|
|
947
1019
|
/** Localized labels for the segment builder component. */
|
|
948
1020
|
interface SegmentBuilderLabels {
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
1021
|
+
match?: string;
|
|
1022
|
+
ofTheFollowing?: string;
|
|
1023
|
+
groupLabel?: string;
|
|
1024
|
+
conditionLabel?: string;
|
|
1025
|
+
useOrCombinatorAriaLabel?: string;
|
|
1026
|
+
conditionTypeLabel?: string;
|
|
1027
|
+
fieldLabel?: string;
|
|
1028
|
+
customFieldLabel?: string;
|
|
1029
|
+
operatorLabel?: string;
|
|
1030
|
+
valueLabel?: string;
|
|
1031
|
+
removeGroupAriaLabel?: string;
|
|
1032
|
+
removeConditionAriaLabel?: string;
|
|
1033
|
+
addCondition?: string;
|
|
1034
|
+
addGroup?: string;
|
|
963
1035
|
}
|
|
964
1036
|
/** Renders the segment builder component. */
|
|
965
|
-
declare function SegmentBuilder({ groups, onChange, eventOptions, propertyOptions, cohortOptions, className, labels: customLabels
|
|
1037
|
+
declare function SegmentBuilder({ groups, onChange, eventOptions, propertyOptions, cohortOptions, className, labels: customLabels }: SegmentBuilderProps): import("react/jsx-runtime").JSX.Element;
|
|
966
1038
|
declare namespace SegmentBuilder {
|
|
967
|
-
|
|
1039
|
+
var displayName: string;
|
|
968
1040
|
}
|
|
969
|
-
|
|
1041
|
+
//#endregion
|
|
1042
|
+
//#region src/shells/insights-panel.d.ts
|
|
970
1043
|
/** Type definition for insight severity. */
|
|
971
1044
|
type InsightSeverity = "critical" | "warning" | "info";
|
|
972
1045
|
/** Defines the insight item shape. */
|
|
973
1046
|
interface InsightItem {
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
1047
|
+
id: string;
|
|
1048
|
+
type: string;
|
|
1049
|
+
title: string;
|
|
1050
|
+
description: string;
|
|
1051
|
+
severity: InsightSeverity;
|
|
1052
|
+
eventName?: string;
|
|
1053
|
+
metrics?: Record<string, string | number>;
|
|
1054
|
+
dismissed?: boolean;
|
|
982
1055
|
}
|
|
983
1056
|
/** Defines the insights stat shape. */
|
|
984
1057
|
interface InsightsStat {
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
1058
|
+
id: string;
|
|
1059
|
+
label: string;
|
|
1060
|
+
count: number;
|
|
1061
|
+
severity?: InsightSeverity | "total";
|
|
989
1062
|
}
|
|
990
1063
|
/** Defines the detection type shape. */
|
|
991
1064
|
interface DetectionTypeDef {
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
1065
|
+
id: string;
|
|
1066
|
+
label: string;
|
|
1067
|
+
enabled: boolean;
|
|
995
1068
|
}
|
|
996
1069
|
/** Configuration for detection. */
|
|
997
1070
|
interface DetectionConfig {
|
|
998
|
-
|
|
999
|
-
|
|
1071
|
+
days?: number;
|
|
1072
|
+
zScoreThreshold?: number;
|
|
1000
1073
|
}
|
|
1001
1074
|
/** Localized labels for the insights panel component. */
|
|
1002
1075
|
interface InsightsPanelLabels {
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1076
|
+
title?: string;
|
|
1077
|
+
dismiss?: string;
|
|
1078
|
+
showDismissed?: string;
|
|
1079
|
+
hideDismissed?: string;
|
|
1080
|
+
emptyTitle?: string;
|
|
1081
|
+
emptyDescription?: string;
|
|
1082
|
+
detectionTitle?: string;
|
|
1083
|
+
daysLabel?: string;
|
|
1084
|
+
zScoreLabel?: string;
|
|
1012
1085
|
}
|
|
1013
1086
|
/** Props for the insights panel component. */
|
|
1014
1087
|
interface InsightsPanelProps {
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1088
|
+
insights: InsightItem[];
|
|
1089
|
+
stats?: InsightsStat[];
|
|
1090
|
+
/** Detection type toggles (e.g., volume_anomaly, new_event, etc.) */
|
|
1091
|
+
detectionTypes?: DetectionTypeDef[];
|
|
1092
|
+
onDetectionTypeToggle?: (typeId: string, enabled: boolean) => void;
|
|
1093
|
+
/** Detection parameters (lookback days, z-score threshold) */
|
|
1094
|
+
detectionConfig?: DetectionConfig;
|
|
1095
|
+
onDetectionConfigChange?: (config: DetectionConfig) => void;
|
|
1096
|
+
onDismiss?: (id: string) => void;
|
|
1097
|
+
onInsightClick?: (insight: InsightItem) => void;
|
|
1098
|
+
onStatClick?: (statId: string) => void;
|
|
1099
|
+
header?: React$1.ReactNode;
|
|
1100
|
+
actions?: React$1.ReactNode;
|
|
1101
|
+
labels?: InsightsPanelLabels;
|
|
1102
|
+
className?: string;
|
|
1030
1103
|
}
|
|
1031
1104
|
/** Renders the insights panel component. */
|
|
1032
|
-
declare function InsightsPanel({ insights, stats, detectionTypes, onDetectionTypeToggle, detectionConfig, onDetectionConfigChange, onDismiss, onInsightClick, onStatClick, header, actions, labels: customLabels, className
|
|
1105
|
+
declare function InsightsPanel({ insights, stats, detectionTypes, onDetectionTypeToggle, detectionConfig, onDetectionConfigChange, onDismiss, onInsightClick, onStatClick, header, actions, labels: customLabels, className }: InsightsPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
1033
1106
|
declare namespace InsightsPanel {
|
|
1034
|
-
|
|
1107
|
+
var displayName: string;
|
|
1035
1108
|
}
|
|
1036
|
-
|
|
1109
|
+
//#endregion
|
|
1110
|
+
//#region src/shells/time-range-selector.d.ts
|
|
1037
1111
|
/** Defines the time preset shape. */
|
|
1038
1112
|
interface TimePresetDef {
|
|
1039
|
-
|
|
1040
|
-
|
|
1113
|
+
label: string;
|
|
1114
|
+
days: number;
|
|
1041
1115
|
}
|
|
1042
1116
|
/** Localized labels for the time range selector component. */
|
|
1043
1117
|
interface TimeRangeSelectorLabels {
|
|
1044
|
-
|
|
1045
|
-
|
|
1118
|
+
title?: string;
|
|
1119
|
+
placeholder?: string;
|
|
1046
1120
|
}
|
|
1047
1121
|
/** Props for the time range selector component. */
|
|
1048
1122
|
interface TimeRangeSelectorProps {
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1123
|
+
value?: DateRange;
|
|
1124
|
+
onChange?: (range: DateRange) => void;
|
|
1125
|
+
presets?: TimePresetDef[];
|
|
1126
|
+
labels?: TimeRangeSelectorLabels;
|
|
1127
|
+
className?: string;
|
|
1054
1128
|
}
|
|
1055
1129
|
/** Renders the time range selector component. */
|
|
1056
|
-
declare function TimeRangeSelector({ value, onChange, presets, labels, className
|
|
1130
|
+
declare function TimeRangeSelector({ value, onChange, presets, labels, className }: TimeRangeSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
1057
1131
|
declare namespace TimeRangeSelector {
|
|
1058
|
-
|
|
1132
|
+
var displayName: string;
|
|
1059
1133
|
}
|
|
1060
|
-
|
|
1134
|
+
//#endregion
|
|
1135
|
+
//#region src/shells/export-button.d.ts
|
|
1061
1136
|
/** Localized labels for the export button component. */
|
|
1062
1137
|
interface ExportButtonLabels {
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1138
|
+
export?: string;
|
|
1139
|
+
csv?: string;
|
|
1140
|
+
json?: string;
|
|
1141
|
+
pdf?: string;
|
|
1142
|
+
guidedTitle?: string;
|
|
1143
|
+
guidedDescription?: (rows: number, format: string) => string;
|
|
1144
|
+
format?: string;
|
|
1145
|
+
cancel?: string;
|
|
1071
1146
|
}
|
|
1072
1147
|
/** Props for the export button component. */
|
|
1073
1148
|
interface ExportButtonProps {
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1149
|
+
data: Record<string, unknown>[];
|
|
1150
|
+
columns?: ExportColumn[];
|
|
1151
|
+
fileName?: string;
|
|
1152
|
+
formats?: ExportFormat[];
|
|
1153
|
+
onExport?: (format: ExportFormat) => void;
|
|
1154
|
+
labels?: ExportButtonLabels;
|
|
1155
|
+
/** Show a step-by-step dialog instead of a dropdown */
|
|
1156
|
+
guided?: boolean;
|
|
1157
|
+
className?: string;
|
|
1083
1158
|
}
|
|
1084
1159
|
/** Renders the export button component. */
|
|
1085
|
-
declare function ExportButton({ data, columns, fileName, formats, onExport, labels: customLabels, guided, className
|
|
1160
|
+
declare function ExportButton({ data, columns, fileName, formats, onExport, labels: customLabels, guided, className }: ExportButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
1086
1161
|
declare namespace ExportButton {
|
|
1087
|
-
|
|
1162
|
+
var displayName: string;
|
|
1088
1163
|
}
|
|
1089
|
-
|
|
1164
|
+
//#endregion
|
|
1165
|
+
//#region src/core/loading-overlay.d.ts
|
|
1090
1166
|
/** Props for the loading overlay component. */
|
|
1091
|
-
interface LoadingOverlayProps extends
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1167
|
+
interface LoadingOverlayProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1168
|
+
loading: boolean;
|
|
1169
|
+
children: React$1.ReactNode;
|
|
1170
|
+
label?: string;
|
|
1095
1171
|
}
|
|
1096
1172
|
/** Renders the loading overlay component. */
|
|
1097
|
-
declare function LoadingOverlay({ loading, children, label, className, ...props }: LoadingOverlayProps):
|
|
1173
|
+
declare function LoadingOverlay({ loading, children, label, className, ...props }: LoadingOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
1098
1174
|
declare namespace LoadingOverlay {
|
|
1099
|
-
|
|
1175
|
+
var displayName: string;
|
|
1100
1176
|
}
|
|
1101
|
-
|
|
1177
|
+
//#endregion
|
|
1178
|
+
//#region src/shells/summary-row.d.ts
|
|
1102
1179
|
/** Localized labels for the summary row component. */
|
|
1103
1180
|
interface SummaryRowLabels {
|
|
1104
|
-
|
|
1105
|
-
|
|
1181
|
+
emptyTitle?: string;
|
|
1182
|
+
emptyDescription?: string;
|
|
1106
1183
|
}
|
|
1107
1184
|
/** Props for the summary row component. */
|
|
1108
1185
|
interface SummaryRowProps {
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1186
|
+
stats: StatCard$1[];
|
|
1187
|
+
columns?: 2 | 3 | 4;
|
|
1188
|
+
onStatClick?: (stat: StatCard$1) => void;
|
|
1189
|
+
formatValue?: (stat: StatCard$1) => string;
|
|
1190
|
+
durationFractionDigits?: number;
|
|
1191
|
+
percentageFractionDigits?: number;
|
|
1192
|
+
loading?: boolean;
|
|
1193
|
+
labels?: SummaryRowLabels;
|
|
1194
|
+
className?: string;
|
|
1118
1195
|
}
|
|
1119
1196
|
/** Renders the summary row component. */
|
|
1120
|
-
declare function SummaryRow({ stats, columns, onStatClick, formatValue, durationFractionDigits, percentageFractionDigits, loading, labels: customLabels, className
|
|
1197
|
+
declare function SummaryRow({ stats, columns, onStatClick, formatValue, durationFractionDigits, percentageFractionDigits, loading, labels: customLabels, className }: SummaryRowProps): import("react/jsx-runtime").JSX.Element;
|
|
1121
1198
|
declare namespace SummaryRow {
|
|
1122
|
-
|
|
1199
|
+
var displayName: string;
|
|
1123
1200
|
}
|
|
1124
|
-
|
|
1201
|
+
//#endregion
|
|
1202
|
+
//#region src/shells/comparison-selector.d.ts
|
|
1125
1203
|
/** Defines the comparison option shape. */
|
|
1126
1204
|
interface ComparisonOption {
|
|
1127
|
-
|
|
1128
|
-
|
|
1205
|
+
value: string;
|
|
1206
|
+
label: string;
|
|
1129
1207
|
}
|
|
1130
1208
|
/** Localized labels for the comparison selector component. */
|
|
1131
1209
|
interface ComparisonSelectorLabels {
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1210
|
+
groupLabel?: string;
|
|
1211
|
+
selectorA?: string;
|
|
1212
|
+
selectorB?: string;
|
|
1213
|
+
swap?: string;
|
|
1214
|
+
maxReached?: string;
|
|
1137
1215
|
}
|
|
1138
1216
|
/** Props for the comparison selector component. */
|
|
1139
1217
|
interface ComparisonSelectorProps {
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1218
|
+
segments: ComparisonOption[];
|
|
1219
|
+
valueA?: string;
|
|
1220
|
+
valueB?: string;
|
|
1221
|
+
onChangeA?: (value: string) => void;
|
|
1222
|
+
onChangeB?: (value: string) => void;
|
|
1223
|
+
/** Multi-select mode: selected values (overrides A/B selectors) */
|
|
1224
|
+
values?: string[];
|
|
1225
|
+
/** Called when multi-select values change */
|
|
1226
|
+
onValuesChange?: (values: string[]) => void;
|
|
1227
|
+
/** Maximum selectable items in multi-select mode (default: 5) */
|
|
1228
|
+
maxItems?: number;
|
|
1229
|
+
labels?: ComparisonSelectorLabels;
|
|
1230
|
+
className?: string;
|
|
1153
1231
|
}
|
|
1154
1232
|
/** Renders the comparison selector component. */
|
|
1155
|
-
declare function ComparisonSelector({ segments, valueA, valueB, onChangeA, onChangeB, values, onValuesChange, maxItems, labels: customLabels, className
|
|
1233
|
+
declare function ComparisonSelector({ segments, valueA, valueB, onChangeA, onChangeB, values, onValuesChange, maxItems, labels: customLabels, className }: ComparisonSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
1156
1234
|
declare namespace ComparisonSelector {
|
|
1157
|
-
|
|
1235
|
+
var displayName: string;
|
|
1158
1236
|
}
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
* presets/index.ts
|
|
1162
|
-
*
|
|
1163
|
-
* Single registry of theme preset metadata. Each entry pairs a stable id
|
|
1164
|
-
* (used in `<html data-theme>` and localStorage) with display metadata and an
|
|
1165
|
-
* optional `PaletteConfig` that approximates the preset's seed for the
|
|
1166
|
-
* ThemeSwitcher swatch row and "clone to custom" workflow.
|
|
1167
|
-
*
|
|
1168
|
-
* Token values themselves currently live in the sibling `*.css` files. A
|
|
1169
|
-
* follow-up sub-phase will migrate the full token tables into this file and
|
|
1170
|
-
* have a codegen step emit the CSS, but the metadata layer is enough to
|
|
1171
|
-
* unblock dynamic ThemeSwitcher rendering and type-safe preset id unions.
|
|
1172
|
-
*/
|
|
1173
|
-
|
|
1237
|
+
//#endregion
|
|
1238
|
+
//#region src/lib/theme/presets/index.d.ts
|
|
1174
1239
|
interface ThemeDescriptor {
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1240
|
+
/** Stable id used in `<html data-theme="...">` and localStorage. */
|
|
1241
|
+
readonly id: string;
|
|
1242
|
+
/** Human-readable label shown in ThemeSwitcher. */
|
|
1243
|
+
readonly label: string;
|
|
1244
|
+
/** Short description shown under the label. */
|
|
1245
|
+
readonly description: string;
|
|
1246
|
+
/**
|
|
1247
|
+
* Optional engine input that approximates this preset. Used by
|
|
1248
|
+
* ThemeSwitcher to derive swatches when `switcherSwatches` is omitted, and
|
|
1249
|
+
* as the starting point when a user clones a preset into a custom palette.
|
|
1250
|
+
* Codegen does NOT consume this in the current phase — the static `*.css`
|
|
1251
|
+
* file remains the source of token values.
|
|
1252
|
+
*/
|
|
1253
|
+
readonly palette?: PaletteConfig;
|
|
1254
|
+
/**
|
|
1255
|
+
* Three CSS color strings for the ThemeSwitcher swatch row. Falls back to
|
|
1256
|
+
* the live `--opt-accent` / `--opt-surface` / `--opt-text` tokens when
|
|
1257
|
+
* omitted.
|
|
1258
|
+
*/
|
|
1259
|
+
readonly switcherSwatches?: readonly [string, string, string];
|
|
1260
|
+
/** Disable dark variant generation entirely. */
|
|
1261
|
+
readonly forceLightOnly?: boolean;
|
|
1197
1262
|
}
|
|
1198
1263
|
declare const THEME_REGISTRY: {
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1264
|
+
readonly default: ThemeDescriptor;
|
|
1265
|
+
readonly minimal: ThemeDescriptor;
|
|
1266
|
+
readonly natural: ThemeDescriptor;
|
|
1267
|
+
readonly pro: ThemeDescriptor;
|
|
1268
|
+
readonly "mono-dark": ThemeDescriptor;
|
|
1204
1269
|
};
|
|
1205
1270
|
/** Compile-time-derived union of registered preset ids. */
|
|
1206
1271
|
type ThemePresetId = keyof typeof THEME_REGISTRY;
|
|
@@ -1212,7 +1277,8 @@ declare function getThemeDescriptor(id: string): ThemeDescriptor | undefined;
|
|
|
1212
1277
|
declare function isThemePresetId(id: string): id is ThemePresetId;
|
|
1213
1278
|
/** Preset ids that suppress dark mode generation. */
|
|
1214
1279
|
declare const FORCE_LIGHT_PRESET_IDS: ReadonlySet<ThemePresetId>;
|
|
1215
|
-
|
|
1280
|
+
//#endregion
|
|
1281
|
+
//#region src/lib/theme/theme-resolution.d.ts
|
|
1216
1282
|
/** Theme preset id — alias of `ThemePresetId` from the registry. */
|
|
1217
1283
|
type ThemePreset = ThemePresetId;
|
|
1218
1284
|
declare const THEME_MODE_VALUES: readonly ["light", "dark", "system"];
|
|
@@ -1220,17 +1286,17 @@ declare const THEME_MODE_VALUES: readonly ["light", "dark", "system"];
|
|
|
1220
1286
|
type ThemeMode = (typeof THEME_MODE_VALUES)[number];
|
|
1221
1287
|
/** Runtime constraints for apps that expose only a subset of opt-ui theming. */
|
|
1222
1288
|
interface ThemeRuntimeOptions {
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1289
|
+
/**
|
|
1290
|
+
* Force the root theme to one preset regardless of stored preset/generated
|
|
1291
|
+
* theme state. Mode is still resolved normally unless constrained.
|
|
1292
|
+
*/
|
|
1293
|
+
lockedPreset?: ThemePreset;
|
|
1294
|
+
/**
|
|
1295
|
+
* Restrict mode reads/writes to a smaller set, e.g. `["light", "dark"]`.
|
|
1296
|
+
* The first value becomes the fallback when the stored/default mode is not
|
|
1297
|
+
* allowed.
|
|
1298
|
+
*/
|
|
1299
|
+
allowedModes?: readonly ThemeMode[];
|
|
1234
1300
|
}
|
|
1235
1301
|
/**
|
|
1236
1302
|
* Compound theme value applied to `<html data-theme>`. Derived from the
|
|
@@ -1247,7 +1313,7 @@ declare const FORCE_LIGHT_PRESETS: ReadonlySet<ThemePreset>;
|
|
|
1247
1313
|
/** All valid compound theme names. Useful for static enumeration. */
|
|
1248
1314
|
declare const ALL_COMPOUND_THEMES: CompoundTheme[];
|
|
1249
1315
|
interface ThemeStorageReader {
|
|
1250
|
-
|
|
1316
|
+
getItem(key: string): string | null;
|
|
1251
1317
|
}
|
|
1252
1318
|
/** Compute compound theme name from preset + resolved mode. */
|
|
1253
1319
|
declare function getCompoundTheme(preset: ThemePreset, resolvedMode: "light" | "dark"): CompoundTheme;
|
|
@@ -1255,10 +1321,10 @@ declare function getCompoundTheme(preset: ThemePreset, resolvedMode: "light" | "
|
|
|
1255
1321
|
declare function resolveThemeMode(preset: ThemePreset, mode: ThemeMode, systemDark: boolean): "light" | "dark";
|
|
1256
1322
|
/** Handles read stored theme. */
|
|
1257
1323
|
declare function readStoredTheme(storage: ThemeStorageReader, defaultPreset: ThemePreset, defaultMode: ThemeMode, options?: {
|
|
1258
|
-
|
|
1324
|
+
migrateLegacy?: boolean;
|
|
1259
1325
|
}): {
|
|
1260
|
-
|
|
1261
|
-
|
|
1326
|
+
preset: ThemePreset;
|
|
1327
|
+
mode: ThemeMode;
|
|
1262
1328
|
};
|
|
1263
1329
|
/** Normalize a mode against an optional allowed-mode list. */
|
|
1264
1330
|
declare function coerceThemeMode(mode: ThemeMode, allowedModes: readonly ThemeMode[] | undefined, fallback?: ThemeMode): ThemeMode;
|
|
@@ -1277,34 +1343,25 @@ declare function coerceThemeMode(mode: ThemeMode, allowedModes: readonly ThemeMo
|
|
|
1277
1343
|
* Returned as a single minified line; intended for `dangerouslySetInnerHTML`.
|
|
1278
1344
|
*/
|
|
1279
1345
|
declare function createThemeBootScript(defaultPreset?: ThemePreset, defaultMode?: ThemeMode, options?: ThemeRuntimeOptions): string;
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
* theme-types.ts
|
|
1283
|
-
*
|
|
1284
|
-
* Discriminated union covering every way a consumer can describe a theme:
|
|
1285
|
-
* a registered preset id, an inline `PaletteConfig` to feed the engine, or
|
|
1286
|
-
* a fully formed `ThemeDescriptor`. Shared by `OptThemeProvider` and
|
|
1287
|
-
* `ShellProvider` so generated themes built in the harness layer can be
|
|
1288
|
-
* promoted into the global tree without translation.
|
|
1289
|
-
*/
|
|
1290
|
-
|
|
1346
|
+
//#endregion
|
|
1347
|
+
//#region src/lib/theme/theme-types.d.ts
|
|
1291
1348
|
/**
|
|
1292
1349
|
* Sparse token overrides applied on top of the resolved theme. `light` and
|
|
1293
1350
|
* `dark` apply only to that mode; `shared` applies to both (handy for
|
|
1294
1351
|
* typography or radius tokens that should not invert).
|
|
1295
1352
|
*/
|
|
1296
1353
|
interface ThemeOverrides {
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1354
|
+
light?: Record<string, string>;
|
|
1355
|
+
dark?: Record<string, string>;
|
|
1356
|
+
shared?: Record<string, string>;
|
|
1300
1357
|
}
|
|
1301
1358
|
/** Canonical, typo-safe token map for authored product theme overrides. */
|
|
1302
1359
|
type CanonicalThemeTokenMap = Partial<Record<OptTokenName, string>>;
|
|
1303
1360
|
/** Mode-aware overrides restricted to the canonical token catalog. */
|
|
1304
1361
|
interface CanonicalThemeOverrides {
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1362
|
+
light?: CanonicalThemeTokenMap;
|
|
1363
|
+
dark?: CanonicalThemeTokenMap;
|
|
1364
|
+
shared?: CanonicalThemeTokenMap;
|
|
1308
1365
|
}
|
|
1309
1366
|
/**
|
|
1310
1367
|
* Author canonical theme overrides with token-name autocomplete.
|
|
@@ -1314,28 +1371,28 @@ interface CanonicalThemeOverrides {
|
|
|
1314
1371
|
declare function defineThemeOverrides(overrides: CanonicalThemeOverrides): CanonicalThemeOverrides;
|
|
1315
1372
|
/** Reference an entry of `THEME_REGISTRY` by id. */
|
|
1316
1373
|
interface PresetThemeSpec {
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1374
|
+
kind: "preset";
|
|
1375
|
+
preset: ThemePresetId;
|
|
1376
|
+
overrides?: ThemeOverrides;
|
|
1320
1377
|
}
|
|
1321
1378
|
/**
|
|
1322
1379
|
* Inline `PaletteConfig` consumed by the opt-palette engine to produce a
|
|
1323
1380
|
* canonical token palette at runtime.
|
|
1324
1381
|
*/
|
|
1325
1382
|
interface GeneratedThemeSpec {
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1383
|
+
kind: "generated";
|
|
1384
|
+
/** Stable id used in `<html data-theme>` and the `<style>` selector. */
|
|
1385
|
+
id?: string;
|
|
1386
|
+
label?: string;
|
|
1387
|
+
palette: PaletteConfig;
|
|
1388
|
+
overrides?: ThemeOverrides;
|
|
1389
|
+
forceLightOnly?: boolean;
|
|
1333
1390
|
}
|
|
1334
1391
|
/** Pass an already-built `ThemeDescriptor`. */
|
|
1335
1392
|
interface DescriptorThemeSpec {
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1393
|
+
kind: "descriptor";
|
|
1394
|
+
descriptor: ThemeDescriptor;
|
|
1395
|
+
overrides?: ThemeOverrides;
|
|
1339
1396
|
}
|
|
1340
1397
|
/** Discriminated union covering every supported way to describe a theme. */
|
|
1341
1398
|
type ThemeSpec = PresetThemeSpec | GeneratedThemeSpec | DescriptorThemeSpec;
|
|
@@ -1356,86 +1413,77 @@ declare function isDescriptorSpec(spec: ThemeSpec): spec is DescriptorThemeSpec;
|
|
|
1356
1413
|
* descriptor only carries a `palette`.
|
|
1357
1414
|
*/
|
|
1358
1415
|
interface ResolvedThemeSpec {
|
|
1359
|
-
|
|
1360
|
-
|
|
1416
|
+
descriptor: ThemeDescriptor;
|
|
1417
|
+
overrides?: ThemeOverrides;
|
|
1361
1418
|
}
|
|
1362
|
-
|
|
1419
|
+
//#endregion
|
|
1420
|
+
//#region src/lib/theme/theme-provider.d.ts
|
|
1363
1421
|
interface ThemeContextValue {
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1422
|
+
/** Active theme spec — preset or generated. */
|
|
1423
|
+
theme: ThemeSpec;
|
|
1424
|
+
/** Replace the active theme spec. No-op when controlled. */
|
|
1425
|
+
setTheme: (spec: ThemeSpec) => void;
|
|
1426
|
+
/**
|
|
1427
|
+
* Last known preset id. Mirrors `theme.preset` when active spec is preset;
|
|
1428
|
+
* otherwise reflects the most recent preset (useful for "back to preset").
|
|
1429
|
+
*/
|
|
1430
|
+
preset: ThemePresetId;
|
|
1431
|
+
/** Convenience: equivalent to `setTheme({ kind: "preset", preset })`. */
|
|
1432
|
+
setPreset: (preset: ThemePresetId) => void;
|
|
1433
|
+
mode: ThemeMode;
|
|
1434
|
+
setMode: (mode: ThemeMode) => void;
|
|
1435
|
+
resolvedMode: "light" | "dark";
|
|
1436
|
+
/** True when `controlledTheme` prop is provided. setTheme is a no-op. */
|
|
1437
|
+
isControlled: boolean;
|
|
1438
|
+
/** True when the active spec (effective, including stack) is generated. */
|
|
1439
|
+
isGenerated: boolean;
|
|
1440
|
+
/**
|
|
1441
|
+
* True when the effective theme comes from the promotion stack instead of
|
|
1442
|
+
* persistence. Useful for surfaces that want to show "Preview" affordances.
|
|
1443
|
+
*/
|
|
1444
|
+
isPromoted: boolean;
|
|
1387
1445
|
}
|
|
1388
1446
|
/** Props for `OptThemeProvider`. */
|
|
1389
1447
|
interface OptThemeProviderProps {
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1448
|
+
children: React.ReactNode;
|
|
1449
|
+
/**
|
|
1450
|
+
* Initial theme spec used when nothing is persisted. Takes precedence over
|
|
1451
|
+
* `defaultPreset`. Defaults to `{ kind: "preset", preset: defaultPreset }`.
|
|
1452
|
+
*/
|
|
1453
|
+
defaultTheme?: ThemeSpec;
|
|
1454
|
+
/**
|
|
1455
|
+
* Fully controlled mode. When provided the provider mirrors this spec into
|
|
1456
|
+
* the DOM but ignores localStorage and `setTheme` mutations. Useful for
|
|
1457
|
+
* preview surfaces (e.g. the harness builder's "Apply globally").
|
|
1458
|
+
*/
|
|
1459
|
+
controlledTheme?: ThemeSpec;
|
|
1460
|
+
/**
|
|
1461
|
+
* Legacy alias for `defaultTheme = { kind: "preset", preset: defaultPreset }`.
|
|
1462
|
+
* Kept for backward compatibility with existing call sites.
|
|
1463
|
+
*/
|
|
1464
|
+
defaultPreset?: ThemePreset;
|
|
1465
|
+
defaultMode?: ThemeMode;
|
|
1466
|
+
/**
|
|
1467
|
+
* Force the root theme to a single preset while still allowing mode changes.
|
|
1468
|
+
* Stored preset/generated themes are ignored while this is set.
|
|
1469
|
+
*/
|
|
1470
|
+
lockedPreset?: ThemeRuntimeOptions["lockedPreset"];
|
|
1471
|
+
/** Restrict the provider to a subset of modes, e.g. light/black only. */
|
|
1472
|
+
allowedModes?: ThemeRuntimeOptions["allowedModes"];
|
|
1473
|
+
/**
|
|
1474
|
+
* Whether descendants may push transient themes onto the global stack.
|
|
1475
|
+
* Defaults to true for backward compatibility.
|
|
1476
|
+
*/
|
|
1477
|
+
allowThemePromotion?: boolean;
|
|
1420
1478
|
}
|
|
1421
1479
|
/** Renders the opt theme provider component. */
|
|
1422
|
-
declare function OptThemeProvider({ children, defaultTheme, controlledTheme, defaultPreset, defaultMode, lockedPreset, allowedModes, allowThemePromotion
|
|
1480
|
+
declare function OptThemeProvider({ children, defaultTheme, controlledTheme, defaultPreset, defaultMode, lockedPreset, allowedModes, allowThemePromotion }: OptThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
1423
1481
|
/** Provides opt theme. */
|
|
1424
1482
|
declare function useOptTheme(): ThemeContextValue;
|
|
1425
1483
|
/** Reads opt theme context when present without requiring a provider. */
|
|
1426
1484
|
declare function useOptionalOptTheme(): ThemeContextValue | undefined;
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
* theme-serialize.ts
|
|
1430
|
-
*
|
|
1431
|
-
* Pure helpers that turn a `ThemeSpec` into the artifacts the runtime needs:
|
|
1432
|
-
* resolved descriptor + mode, computed token maps for generated palettes, and
|
|
1433
|
-
* `<style>` CSS strings ready to be injected into `<head>`.
|
|
1434
|
-
*
|
|
1435
|
-
* Kept side-effect free so the boot script and the provider can share the
|
|
1436
|
-
* same logic without dragging React into the client bundle's critical path.
|
|
1437
|
-
*/
|
|
1438
|
-
|
|
1485
|
+
//#endregion
|
|
1486
|
+
//#region src/lib/theme/theme-serialize.d.ts
|
|
1439
1487
|
/** Element id used for the global generated theme style tag. */
|
|
1440
1488
|
declare const GLOBAL_THEME_STYLE_ID = "opt-global-theme";
|
|
1441
1489
|
/** localStorage key for the persisted ThemeSpec (generated mode). */
|
|
@@ -1459,9 +1507,9 @@ declare function getCompoundIdForSpec(spec: ThemeSpec, resolvedMode: "light" | "
|
|
|
1459
1507
|
declare function isForceLightSpec(spec: ThemeSpec): boolean;
|
|
1460
1508
|
/** Computed token bundle for a generated theme. `dark` is `null` when force-light. */
|
|
1461
1509
|
interface GeneratedTokens {
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1510
|
+
id: string;
|
|
1511
|
+
light: Record<string, string>;
|
|
1512
|
+
dark: Record<string, string> | null;
|
|
1465
1513
|
}
|
|
1466
1514
|
/**
|
|
1467
1515
|
* Compute the inline tokens for a `GeneratedThemeSpec` or
|
|
@@ -1500,9 +1548,9 @@ declare function resolveDescriptor(spec: ThemeSpec): ThemeDescriptor;
|
|
|
1500
1548
|
declare function safeParseStoredSpec(json: string | null): ThemeSpec | null;
|
|
1501
1549
|
/** Cached token payload as written to `opt-theme-tokens`. */
|
|
1502
1550
|
interface StoredTokenCache {
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1551
|
+
id: string;
|
|
1552
|
+
light: Record<string, string>;
|
|
1553
|
+
dark?: Record<string, string>;
|
|
1506
1554
|
}
|
|
1507
1555
|
/**
|
|
1508
1556
|
* Parse the cached token payload from localStorage. Returns `null` on any
|
|
@@ -1511,13 +1559,14 @@ interface StoredTokenCache {
|
|
|
1511
1559
|
declare function safeParseStoredTokens(json: string | null): StoredTokenCache | null;
|
|
1512
1560
|
/** Build the storage payload that pairs with `opt-theme-spec`. */
|
|
1513
1561
|
declare function buildTokenCache(tokens: GeneratedTokens): StoredTokenCache;
|
|
1514
|
-
|
|
1562
|
+
//#endregion
|
|
1563
|
+
//#region src/lib/theme/theme-controller-context.d.ts
|
|
1515
1564
|
/** A single entry on the theme promotion stack. */
|
|
1516
1565
|
interface ThemeStackEntry {
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1566
|
+
/** Stable owner id (e.g. harness id) — used to dedupe and pop. */
|
|
1567
|
+
id: string;
|
|
1568
|
+
/** Spec the owner wants applied while it is mounted. */
|
|
1569
|
+
spec: ThemeSpec;
|
|
1521
1570
|
}
|
|
1522
1571
|
/**
|
|
1523
1572
|
* Imperative API exposed by `OptThemeProvider` to descendants that want to
|
|
@@ -1532,750 +1581,745 @@ interface ThemeStackEntry {
|
|
|
1532
1581
|
* back to its `controlledTheme` prop, then to its persisted state.
|
|
1533
1582
|
*/
|
|
1534
1583
|
interface OptThemeController {
|
|
1535
|
-
|
|
1536
|
-
|
|
1584
|
+
pushTheme: (id: string, spec: ThemeSpec) => void;
|
|
1585
|
+
popTheme: (id: string) => void;
|
|
1537
1586
|
}
|
|
1538
|
-
declare const OptThemeControllerContext: react.Context<OptThemeController | null>;
|
|
1587
|
+
declare const OptThemeControllerContext: import("react").Context<OptThemeController | null>;
|
|
1539
1588
|
/**
|
|
1540
1589
|
* Reads the controller exposed by the nearest `OptThemeProvider`. Returns
|
|
1541
1590
|
* `null` when used outside a provider — callers should treat that as "no
|
|
1542
1591
|
* promotion available" and behave as if scope === "override".
|
|
1543
1592
|
*/
|
|
1544
1593
|
declare function useOptThemeController(): OptThemeController | null;
|
|
1545
|
-
|
|
1594
|
+
//#endregion
|
|
1595
|
+
//#region src/shells/theme-switcher.d.ts
|
|
1546
1596
|
/** Localized labels for the theme switcher component. */
|
|
1547
1597
|
interface ThemeSwitcherLabels {
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1598
|
+
/** Section heading shown above the preset grid. */
|
|
1599
|
+
heading?: string;
|
|
1600
|
+
/** Localized labels for the mode toggle (light/dark/system). */
|
|
1601
|
+
modeLabels?: Partial<Record<ThemeMode, string>>;
|
|
1602
|
+
/** Suffix added to the active preset's swatch button (a11y only). */
|
|
1603
|
+
activeSuffix?: string;
|
|
1554
1604
|
}
|
|
1555
1605
|
/** Props for the theme switcher component. */
|
|
1556
1606
|
interface ThemeSwitcherProps {
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1607
|
+
className?: string;
|
|
1608
|
+
labels?: ThemeSwitcherLabels;
|
|
1609
|
+
variant?: "default" | "compact";
|
|
1610
|
+
/** Slot for custom CSS variable editor (e.g. ColorPicker panel) */
|
|
1611
|
+
customPresetEditor?: React.ReactNode;
|
|
1612
|
+
/**
|
|
1613
|
+
* Controlled preset for local preview surfaces. When provided, preset
|
|
1614
|
+
* changes call `onPresetChange` instead of mutating the global provider.
|
|
1615
|
+
*/
|
|
1616
|
+
preset?: ThemePresetId;
|
|
1617
|
+
onPresetChange?: (preset: ThemePresetId) => void;
|
|
1618
|
+
/** Controlled mode for local preview surfaces. */
|
|
1619
|
+
mode?: ThemeMode;
|
|
1620
|
+
onModeChange?: (mode: ThemeMode) => void;
|
|
1571
1621
|
}
|
|
1572
1622
|
/** Renders the theme switcher component. */
|
|
1573
|
-
declare function ThemeSwitcher({ className, labels: userLabels, variant, customPresetEditor, preset: controlledPreset, onPresetChange, mode: controlledMode, onModeChange
|
|
1623
|
+
declare function ThemeSwitcher({ className, labels: userLabels, variant, customPresetEditor, preset: controlledPreset, onPresetChange, mode: controlledMode, onModeChange }: ThemeSwitcherProps): import("react/jsx-runtime").JSX.Element | null;
|
|
1574
1624
|
declare namespace ThemeSwitcher {
|
|
1575
|
-
|
|
1625
|
+
var displayName: string;
|
|
1576
1626
|
}
|
|
1577
|
-
|
|
1627
|
+
//#endregion
|
|
1628
|
+
//#region src/shells/prompt-template.d.ts
|
|
1578
1629
|
/** Defines the prompt variable shape. */
|
|
1579
1630
|
interface PromptVariable {
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1631
|
+
name: string;
|
|
1632
|
+
label: string;
|
|
1633
|
+
placeholder?: string;
|
|
1634
|
+
defaultValue?: string;
|
|
1584
1635
|
}
|
|
1585
1636
|
/** Localized labels for the prompt template component. */
|
|
1586
1637
|
interface PromptTemplateLabels {
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1638
|
+
copy?: string;
|
|
1639
|
+
copied?: string;
|
|
1640
|
+
copyFailed?: string;
|
|
1590
1641
|
}
|
|
1591
1642
|
/** Props for the prompt template component. */
|
|
1592
1643
|
interface PromptTemplateProps {
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1644
|
+
title: string;
|
|
1645
|
+
description?: string;
|
|
1646
|
+
template: string;
|
|
1647
|
+
variables?: PromptVariable[];
|
|
1648
|
+
className?: string;
|
|
1649
|
+
labels?: PromptTemplateLabels;
|
|
1599
1650
|
}
|
|
1600
1651
|
/** Renders the prompt template component. */
|
|
1601
|
-
declare function PromptTemplate({ title, description, template, variables, className, labels: customLabels
|
|
1652
|
+
declare function PromptTemplate({ title, description, template, variables, className, labels: customLabels }: PromptTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
1602
1653
|
declare namespace PromptTemplate {
|
|
1603
|
-
|
|
1654
|
+
var displayName: string;
|
|
1604
1655
|
}
|
|
1605
|
-
|
|
1656
|
+
//#endregion
|
|
1657
|
+
//#region src/shells/sidebar.d.ts
|
|
1606
1658
|
interface SidebarContextValue {
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1659
|
+
collapsed: boolean;
|
|
1660
|
+
collapsible: boolean;
|
|
1661
|
+
setCollapsed: (value: boolean) => void;
|
|
1662
|
+
toggle: () => void;
|
|
1663
|
+
width: number;
|
|
1664
|
+
collapsedWidth: number;
|
|
1613
1665
|
}
|
|
1614
1666
|
/** Provides sidebar. */
|
|
1615
1667
|
declare function useSidebar(): SidebarContextValue;
|
|
1616
1668
|
/** Props for the sidebar component. */
|
|
1617
1669
|
interface SidebarProps {
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
}
|
|
1630
|
-
declare function SidebarHeader({ children, className
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
}):
|
|
1634
|
-
declare
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1648
|
-
declare namespace SidebarFooter {
|
|
1649
|
-
var displayName: string;
|
|
1650
|
-
}
|
|
1651
|
-
declare function SidebarTrigger({ className, children, }: {
|
|
1652
|
-
className?: string;
|
|
1653
|
-
children?: react.ReactNode;
|
|
1654
|
-
}): react_jsx_runtime.JSX.Element | null;
|
|
1655
|
-
declare namespace SidebarTrigger {
|
|
1656
|
-
var displayName: string;
|
|
1657
|
-
}
|
|
1670
|
+
children: React$1.ReactNode;
|
|
1671
|
+
collapsible?: boolean;
|
|
1672
|
+
defaultCollapsed?: boolean;
|
|
1673
|
+
collapsed?: boolean;
|
|
1674
|
+
onCollapsedChange?: (collapsed: boolean) => void;
|
|
1675
|
+
width?: number;
|
|
1676
|
+
collapsedWidth?: number;
|
|
1677
|
+
className?: string;
|
|
1678
|
+
side?: "left" | "right";
|
|
1679
|
+
/** aside에 적용할 aria-label */
|
|
1680
|
+
label?: string;
|
|
1681
|
+
}
|
|
1682
|
+
declare function SidebarHeader({ children, className }: {
|
|
1683
|
+
children: React$1.ReactNode;
|
|
1684
|
+
className?: string;
|
|
1685
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1686
|
+
declare function SidebarContent({ children, className, onKeyDown }: {
|
|
1687
|
+
children: React$1.ReactNode;
|
|
1688
|
+
className?: string;
|
|
1689
|
+
onKeyDown?: React$1.KeyboardEventHandler<HTMLElement>;
|
|
1690
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1691
|
+
declare function SidebarFooter({ children, className }: {
|
|
1692
|
+
children: React$1.ReactNode;
|
|
1693
|
+
className?: string;
|
|
1694
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1695
|
+
declare function SidebarTrigger({ className, children }: {
|
|
1696
|
+
className?: string;
|
|
1697
|
+
children?: React$1.ReactNode;
|
|
1698
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
1658
1699
|
interface SidebarGroupProps {
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
}
|
|
1664
|
-
declare function SidebarGroup({ children, label, className }: SidebarGroupProps): react_jsx_runtime.JSX.Element;
|
|
1665
|
-
declare namespace SidebarGroup {
|
|
1666
|
-
var displayName: string;
|
|
1700
|
+
children: React$1.ReactNode;
|
|
1701
|
+
/** 그룹 레이블. 접힌 상태에서 숨겨짐 */
|
|
1702
|
+
label?: string;
|
|
1703
|
+
className?: string;
|
|
1667
1704
|
}
|
|
1705
|
+
declare function SidebarGroup({ children, label, className }: SidebarGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
1668
1706
|
interface SidebarItemProps {
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
}
|
|
1684
|
-
declare function SidebarItem({ children, icon, active, onClick, href, tooltip, badge, className
|
|
1685
|
-
declare namespace SidebarItem {
|
|
1686
|
-
var displayName: string;
|
|
1687
|
-
}
|
|
1707
|
+
children: React$1.ReactNode;
|
|
1708
|
+
/** 아이콘 (접힌 상태에서도 표시) */
|
|
1709
|
+
icon?: React$1.ReactNode;
|
|
1710
|
+
/** 활성 상태 */
|
|
1711
|
+
active?: boolean;
|
|
1712
|
+
/** 클릭 핸들러 */
|
|
1713
|
+
onClick?: () => void;
|
|
1714
|
+
/** 링크 URL — 설정 시 <a> 태그로 렌더링 */
|
|
1715
|
+
href?: string;
|
|
1716
|
+
/** 접힌 상태에서 표시할 툴팁 텍스트 */
|
|
1717
|
+
tooltip?: string;
|
|
1718
|
+
/** 우측 배지 (숫자 또는 ReactNode). 접힌 상태에서 아이콘 위 dot으로 축소 */
|
|
1719
|
+
badge?: React$1.ReactNode;
|
|
1720
|
+
className?: string;
|
|
1721
|
+
}
|
|
1722
|
+
declare function SidebarItem({ children, icon, active, onClick, href, tooltip, badge, className }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
1688
1723
|
declare function SidebarSeparator({ className }: {
|
|
1689
|
-
|
|
1690
|
-
}):
|
|
1691
|
-
declare
|
|
1692
|
-
var displayName: string;
|
|
1693
|
-
}
|
|
1694
|
-
declare function SidebarRoot({ children, collapsible, defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, width, collapsedWidth, className, side, label, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
1695
|
-
declare namespace SidebarRoot {
|
|
1696
|
-
var displayName: string;
|
|
1697
|
-
}
|
|
1724
|
+
className?: string;
|
|
1725
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1726
|
+
declare function SidebarRoot({ children, collapsible, defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, width, collapsedWidth, className, side, label }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
1698
1727
|
declare const Sidebar: typeof SidebarRoot & {
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1728
|
+
Header: typeof SidebarHeader;
|
|
1729
|
+
Content: typeof SidebarContent;
|
|
1730
|
+
Footer: typeof SidebarFooter;
|
|
1731
|
+
Trigger: typeof SidebarTrigger;
|
|
1732
|
+
Group: typeof SidebarGroup;
|
|
1733
|
+
Item: typeof SidebarItem;
|
|
1734
|
+
Separator: typeof SidebarSeparator;
|
|
1706
1735
|
};
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
}
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1726
|
-
declare namespace AppShellContent {
|
|
1727
|
-
var displayName: string;
|
|
1728
|
-
}
|
|
1729
|
-
declare function AppShellFooter({ children, className, }: {
|
|
1730
|
-
children: react.ReactNode;
|
|
1731
|
-
className?: string;
|
|
1732
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1733
|
-
declare namespace AppShellFooter {
|
|
1734
|
-
var displayName: string;
|
|
1735
|
-
}
|
|
1736
|
+
//#endregion
|
|
1737
|
+
//#region src/shells/app-shell.d.ts
|
|
1738
|
+
declare function AppShellHeader({ children, className }: {
|
|
1739
|
+
children: React$1.ReactNode;
|
|
1740
|
+
className?: string;
|
|
1741
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1742
|
+
declare function AppShellSidebar({ children, className }: {
|
|
1743
|
+
children: React$1.ReactNode;
|
|
1744
|
+
className?: string;
|
|
1745
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1746
|
+
declare function AppShellContent({ children, className }: {
|
|
1747
|
+
children: React$1.ReactNode;
|
|
1748
|
+
className?: string;
|
|
1749
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1750
|
+
declare function AppShellFooter({ children, className }: {
|
|
1751
|
+
children: React$1.ReactNode;
|
|
1752
|
+
className?: string;
|
|
1753
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
1736
1754
|
/** Props for the app shell component. */
|
|
1737
1755
|
interface AppShellProps {
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1756
|
+
children: React$1.ReactNode;
|
|
1757
|
+
className?: string;
|
|
1758
|
+
labels?: AppShellLabels;
|
|
1741
1759
|
}
|
|
1742
1760
|
/** Localized labels for the app shell component. */
|
|
1743
1761
|
type AppShellLabels = Record<never, never>;
|
|
1744
|
-
declare function AppShellRoot({ children, className }: AppShellProps):
|
|
1745
|
-
declare namespace AppShellRoot {
|
|
1746
|
-
var displayName: string;
|
|
1747
|
-
}
|
|
1762
|
+
declare function AppShellRoot({ children, className }: AppShellProps): import("react/jsx-runtime").JSX.Element | null;
|
|
1748
1763
|
declare const AppShell: typeof AppShellRoot & {
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1764
|
+
Header: typeof AppShellHeader;
|
|
1765
|
+
Sidebar: typeof AppShellSidebar;
|
|
1766
|
+
Content: typeof AppShellContent;
|
|
1767
|
+
Footer: typeof AppShellFooter;
|
|
1753
1768
|
};
|
|
1754
|
-
|
|
1769
|
+
//#endregion
|
|
1770
|
+
//#region src/shells/confirm-dialog.d.ts
|
|
1755
1771
|
/** Props for the confirm dialog component. */
|
|
1756
1772
|
interface ConfirmDialogProps {
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1773
|
+
open: boolean;
|
|
1774
|
+
onConfirm: () => void;
|
|
1775
|
+
onCancel: () => void;
|
|
1776
|
+
title: string;
|
|
1777
|
+
description?: string;
|
|
1778
|
+
confirmLabel?: string;
|
|
1779
|
+
cancelLabel?: string;
|
|
1780
|
+
variant?: "default" | "danger";
|
|
1781
|
+
children?: ReactNode;
|
|
1766
1782
|
}
|
|
1767
1783
|
/** Renders the confirm dialog component. */
|
|
1768
|
-
declare function ConfirmDialog({ open, onConfirm, onCancel, title, description, confirmLabel, cancelLabel, variant, children
|
|
1784
|
+
declare function ConfirmDialog({ open, onConfirm, onCancel, title, description, confirmLabel, cancelLabel, variant, children }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
1769
1785
|
declare namespace ConfirmDialog {
|
|
1770
|
-
|
|
1786
|
+
var displayName: string;
|
|
1771
1787
|
}
|
|
1772
|
-
|
|
1788
|
+
//#endregion
|
|
1789
|
+
//#region src/shells/async-combobox.d.ts
|
|
1773
1790
|
/** Localized labels for the async combobox component. */
|
|
1774
1791
|
interface AsyncComboboxLabels {
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1792
|
+
input?: string;
|
|
1793
|
+
loading?: string;
|
|
1794
|
+
noResults?: string;
|
|
1795
|
+
placeholder?: string;
|
|
1779
1796
|
}
|
|
1780
1797
|
/** Props for the async combobox component. */
|
|
1781
1798
|
interface AsyncComboboxProps {
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1799
|
+
onSearch: (query: string) => Promise<string[]>;
|
|
1800
|
+
debounceMs?: number;
|
|
1801
|
+
/** @deprecated Use labels.loading instead */
|
|
1802
|
+
loadingText?: string;
|
|
1803
|
+
minChars?: number;
|
|
1804
|
+
/** @deprecated Use labels.placeholder instead */
|
|
1805
|
+
placeholder?: string;
|
|
1806
|
+
onSelect?: (value: string) => void;
|
|
1807
|
+
labels?: AsyncComboboxLabels;
|
|
1808
|
+
className?: string;
|
|
1792
1809
|
}
|
|
1793
1810
|
/** Renders the async combobox component. */
|
|
1794
|
-
declare function AsyncCombobox({ onSearch, debounceMs, loadingText, minChars, placeholder, onSelect, labels: customLabels, className
|
|
1795
|
-
|
|
1811
|
+
declare function AsyncCombobox({ onSearch, debounceMs, loadingText, minChars, placeholder, onSelect, labels: customLabels, className }: AsyncComboboxProps): import("react/jsx-runtime").JSX.Element;
|
|
1812
|
+
//#endregion
|
|
1813
|
+
//#region src/shells/vertical-tabs.d.ts
|
|
1796
1814
|
/** Props for the vertical tabs component. */
|
|
1797
1815
|
interface VerticalTabsProps {
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1816
|
+
tabs: TabDef[];
|
|
1817
|
+
defaultTabId?: string;
|
|
1818
|
+
labels?: VerticalTabsLabels;
|
|
1819
|
+
className?: string;
|
|
1802
1820
|
}
|
|
1803
1821
|
/** Localized labels for the vertical tabs component. */
|
|
1804
1822
|
interface VerticalTabsLabels {
|
|
1805
|
-
|
|
1806
|
-
|
|
1823
|
+
ariaLabel?: string;
|
|
1824
|
+
emptyMessage?: string;
|
|
1807
1825
|
}
|
|
1808
1826
|
/** Renders the vertical tabs component. */
|
|
1809
|
-
declare function VerticalTabs({ tabs, defaultTabId, labels: customLabels, className
|
|
1810
|
-
|
|
1827
|
+
declare function VerticalTabs({ tabs, defaultTabId, labels: customLabels, className }: VerticalTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
1828
|
+
//#endregion
|
|
1829
|
+
//#region src/shells/column-toggler.d.ts
|
|
1811
1830
|
/** Defines the column toggler column shape. */
|
|
1812
1831
|
interface ColumnTogglerColumn {
|
|
1813
|
-
|
|
1814
|
-
|
|
1832
|
+
id: string;
|
|
1833
|
+
header: string;
|
|
1815
1834
|
}
|
|
1816
1835
|
/** Props for the column toggler component. */
|
|
1817
1836
|
interface ColumnTogglerProps {
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1837
|
+
columns: ColumnTogglerColumn[];
|
|
1838
|
+
visibleColumns: string[];
|
|
1839
|
+
onChange: (visibleColumns: string[]) => void;
|
|
1840
|
+
className?: string;
|
|
1841
|
+
labels?: ColumnTogglerLabels;
|
|
1823
1842
|
}
|
|
1824
1843
|
/** Localized labels for the column toggler component. */
|
|
1825
1844
|
interface ColumnTogglerLabels {
|
|
1826
|
-
|
|
1827
|
-
|
|
1845
|
+
triggerLabel?: (count: number) => string;
|
|
1846
|
+
emptyMessage?: string;
|
|
1828
1847
|
}
|
|
1829
1848
|
/** Renders the column toggler component. */
|
|
1830
|
-
declare function ColumnToggler({ columns, visibleColumns, onChange, className, labels: customLabels
|
|
1849
|
+
declare function ColumnToggler({ columns, visibleColumns, onChange, className, labels: customLabels }: ColumnTogglerProps): import("react/jsx-runtime").JSX.Element;
|
|
1831
1850
|
declare namespace ColumnToggler {
|
|
1832
|
-
|
|
1851
|
+
var displayName: string;
|
|
1833
1852
|
}
|
|
1834
|
-
|
|
1853
|
+
//#endregion
|
|
1854
|
+
//#region src/shells/bulk-actions.d.ts
|
|
1835
1855
|
/** Defines the bulk action shape. */
|
|
1836
1856
|
interface BulkActionDef {
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1857
|
+
id: string;
|
|
1858
|
+
label: string;
|
|
1859
|
+
variant?: "default" | "danger";
|
|
1840
1860
|
}
|
|
1841
1861
|
/** Localized labels for the bulk actions component. */
|
|
1842
1862
|
interface BulkActionsLabels {
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1863
|
+
selected?: string;
|
|
1864
|
+
actions?: string;
|
|
1865
|
+
clear?: string;
|
|
1866
|
+
noActions?: string;
|
|
1847
1867
|
}
|
|
1848
1868
|
/** Props for the bulk actions component. */
|
|
1849
1869
|
interface BulkActionsProps {
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1870
|
+
selectedCount: number;
|
|
1871
|
+
actions: BulkActionDef[];
|
|
1872
|
+
onAction: (actionId: string) => void;
|
|
1873
|
+
onClear: () => void;
|
|
1874
|
+
labels?: BulkActionsLabels;
|
|
1875
|
+
className?: string;
|
|
1856
1876
|
}
|
|
1857
1877
|
/** Renders the bulk actions component. */
|
|
1858
|
-
declare function BulkActions({ selectedCount, actions, onAction, onClear, labels: customLabels, className
|
|
1859
|
-
|
|
1878
|
+
declare function BulkActions({ selectedCount, actions, onAction, onClear, labels: customLabels, className }: BulkActionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
1879
|
+
//#endregion
|
|
1880
|
+
//#region src/shells/saved-filters.d.ts
|
|
1860
1881
|
/** Defines the filter preset shape. */
|
|
1861
1882
|
interface FilterPreset {
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1883
|
+
id: string;
|
|
1884
|
+
name: string;
|
|
1885
|
+
filters: Record<string, unknown>;
|
|
1865
1886
|
}
|
|
1866
1887
|
/** Props for the saved filters component. */
|
|
1867
1888
|
interface SavedFiltersProps {
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1889
|
+
currentFilters: Record<string, unknown>;
|
|
1890
|
+
presets: FilterPreset[];
|
|
1891
|
+
onSavePreset: (name: string, filters: Record<string, unknown>) => void;
|
|
1892
|
+
onLoadPreset: (preset: FilterPreset) => void;
|
|
1893
|
+
onDeletePreset: (presetId: string) => void;
|
|
1894
|
+
className?: string;
|
|
1895
|
+
labels?: SavedFiltersLabels;
|
|
1875
1896
|
}
|
|
1876
1897
|
/** Localized labels for the saved filters component. */
|
|
1877
1898
|
interface SavedFiltersLabels {
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1899
|
+
triggerLabel?: (count: number) => string;
|
|
1900
|
+
emptyMessage?: string;
|
|
1901
|
+
deleteLabel?: (name: string) => string;
|
|
1902
|
+
namePlaceholder?: string;
|
|
1903
|
+
saveLabel?: string;
|
|
1904
|
+
confirmDeleteLabel?: string;
|
|
1905
|
+
cancelDeleteLabel?: string;
|
|
1883
1906
|
}
|
|
1884
1907
|
/** Renders the saved filters component. */
|
|
1885
|
-
declare function SavedFilters({ currentFilters, presets, onSavePreset, onLoadPreset, onDeletePreset, className, labels: customLabels
|
|
1886
|
-
|
|
1908
|
+
declare function SavedFilters({ currentFilters, presets, onSavePreset, onLoadPreset, onDeletePreset, className, labels: customLabels }: SavedFiltersProps): import("react/jsx-runtime").JSX.Element;
|
|
1909
|
+
//#endregion
|
|
1910
|
+
//#region src/shells/notification-center.d.ts
|
|
1887
1911
|
/** Defines the notification item shape. */
|
|
1888
1912
|
interface NotificationItem {
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1913
|
+
id: string;
|
|
1914
|
+
title: string;
|
|
1915
|
+
message: string;
|
|
1916
|
+
time: string;
|
|
1917
|
+
read: boolean;
|
|
1918
|
+
group?: string;
|
|
1919
|
+
actionLabel?: string;
|
|
1896
1920
|
}
|
|
1897
1921
|
/** Props for the notification center component. */
|
|
1898
1922
|
interface NotificationCenterProps {
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1923
|
+
notifications: NotificationItem[];
|
|
1924
|
+
onMarkRead: (id: string) => void;
|
|
1925
|
+
onMarkAllRead: () => void;
|
|
1926
|
+
onAction?: (id: string) => void;
|
|
1927
|
+
className?: string;
|
|
1928
|
+
labels?: NotificationCenterLabels;
|
|
1905
1929
|
}
|
|
1906
1930
|
/** Localized labels for the notification center component. */
|
|
1907
1931
|
interface NotificationCenterLabels {
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1932
|
+
triggerLabel?: string;
|
|
1933
|
+
unreadSuffix?: (count: number) => string;
|
|
1934
|
+
title?: string;
|
|
1935
|
+
markAllRead?: string;
|
|
1936
|
+
emptyMessage?: string;
|
|
1913
1937
|
}
|
|
1914
1938
|
/** Renders the notification center component. */
|
|
1915
|
-
declare function NotificationCenter({ notifications, onMarkRead, onMarkAllRead, onAction, className, labels: customLabels
|
|
1939
|
+
declare function NotificationCenter({ notifications, onMarkRead, onMarkAllRead, onAction, className, labels: customLabels }: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
|
|
1916
1940
|
declare namespace NotificationCenter {
|
|
1917
|
-
|
|
1941
|
+
var displayName: string;
|
|
1918
1942
|
}
|
|
1919
|
-
|
|
1943
|
+
//#endregion
|
|
1944
|
+
//#region src/shells/audit-log.d.ts
|
|
1920
1945
|
/** Defines the audit entry shape. */
|
|
1921
1946
|
interface AuditEntry {
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1947
|
+
id: string;
|
|
1948
|
+
user: {
|
|
1949
|
+
name: string;
|
|
1950
|
+
avatar?: string;
|
|
1951
|
+
};
|
|
1952
|
+
action: string;
|
|
1953
|
+
target: string;
|
|
1954
|
+
timestamp: string;
|
|
1955
|
+
metadata?: Record<string, string>;
|
|
1931
1956
|
}
|
|
1932
1957
|
/** Localized labels for the audit log component. */
|
|
1933
1958
|
interface AuditLogLabels {
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1959
|
+
title?: string;
|
|
1960
|
+
loading?: string;
|
|
1961
|
+
loadMore?: string;
|
|
1962
|
+
empty?: string;
|
|
1938
1963
|
}
|
|
1939
1964
|
/** Props for the audit log component. */
|
|
1940
1965
|
interface AuditLogProps {
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1966
|
+
entries: AuditEntry[];
|
|
1967
|
+
onLoadMore?: () => void;
|
|
1968
|
+
loading?: boolean;
|
|
1969
|
+
labels?: AuditLogLabels;
|
|
1970
|
+
className?: string;
|
|
1946
1971
|
}
|
|
1947
1972
|
/** Renders the audit log component. */
|
|
1948
|
-
declare function AuditLog({ entries, onLoadMore, loading, labels: customLabels, className
|
|
1973
|
+
declare function AuditLog({ entries, onLoadMore, loading, labels: customLabels, className }: AuditLogProps): import("react/jsx-runtime").JSX.Element;
|
|
1949
1974
|
declare namespace AuditLog {
|
|
1950
|
-
|
|
1975
|
+
var displayName: string;
|
|
1951
1976
|
}
|
|
1952
|
-
|
|
1977
|
+
//#endregion
|
|
1978
|
+
//#region src/shells/tree-table.d.ts
|
|
1953
1979
|
/** Defines the tree column shape. */
|
|
1954
1980
|
interface TreeColumnDef<T> {
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1981
|
+
id: string;
|
|
1982
|
+
header: string;
|
|
1983
|
+
accessor: keyof T | ((row: T) => React$1.ReactNode);
|
|
1984
|
+
width?: string;
|
|
1959
1985
|
}
|
|
1960
1986
|
/** Defines the tree node shape. */
|
|
1961
1987
|
interface TreeNode<T> {
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1988
|
+
data: T;
|
|
1989
|
+
id: string;
|
|
1990
|
+
children?: TreeNode<T>[];
|
|
1965
1991
|
}
|
|
1966
1992
|
/** Props for the tree table component. */
|
|
1967
1993
|
interface TreeTableProps<T> {
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1994
|
+
data: TreeNode<T>[];
|
|
1995
|
+
columns: TreeColumnDef<T>[];
|
|
1996
|
+
defaultExpanded?: string[];
|
|
1997
|
+
indentSize?: number;
|
|
1998
|
+
className?: string;
|
|
1973
1999
|
}
|
|
1974
2000
|
/** Renders the tree table component. */
|
|
1975
|
-
declare function TreeTable<T>({ data, columns, defaultExpanded, indentSize, className
|
|
1976
|
-
|
|
2001
|
+
declare function TreeTable<T>({ data, columns, defaultExpanded, indentSize, className }: TreeTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
2002
|
+
//#endregion
|
|
2003
|
+
//#region src/shells/inline-edit-table.d.ts
|
|
1977
2004
|
/** Defines the inline edit column shape. */
|
|
1978
2005
|
interface InlineEditColumnDef<T> {
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
2006
|
+
id: string;
|
|
2007
|
+
header: string;
|
|
2008
|
+
accessor: keyof T | ((row: T) => React$1.ReactNode);
|
|
2009
|
+
editable?: boolean;
|
|
2010
|
+
width?: string;
|
|
1984
2011
|
}
|
|
1985
2012
|
/** Props for the inline edit table component. */
|
|
1986
2013
|
interface InlineEditTableProps<T> {
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
2014
|
+
data: T[];
|
|
2015
|
+
columns: InlineEditColumnDef<T>[];
|
|
2016
|
+
keyExtractor: (row: T) => string;
|
|
2017
|
+
onCellEdit?: (rowId: string, columnId: string, value: string) => void;
|
|
2018
|
+
labels?: InlineEditTableLabels;
|
|
2019
|
+
className?: string;
|
|
1993
2020
|
}
|
|
1994
2021
|
/** Localized labels for the inline edit table component. */
|
|
1995
2022
|
interface InlineEditTableLabels {
|
|
1996
|
-
|
|
2023
|
+
emptyMessage?: string;
|
|
1997
2024
|
}
|
|
1998
2025
|
/** Renders the inline edit table component. */
|
|
1999
|
-
declare function InlineEditTable<T>({ data, columns, keyExtractor, onCellEdit, labels: customLabels, className
|
|
2000
|
-
|
|
2026
|
+
declare function InlineEditTable<T>({ data, columns, keyExtractor, onCellEdit, labels: customLabels, className }: InlineEditTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
2027
|
+
//#endregion
|
|
2028
|
+
//#region src/shells/kanban-board.d.ts
|
|
2001
2029
|
/** Defines the kanban column shape. */
|
|
2002
2030
|
interface KanbanColumn<T> {
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2031
|
+
id: string;
|
|
2032
|
+
title: string;
|
|
2033
|
+
items: T[];
|
|
2006
2034
|
}
|
|
2007
2035
|
/** Props for the kanban board component. */
|
|
2008
2036
|
interface KanbanBoardProps<T> {
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2037
|
+
columns: KanbanColumn<T>[];
|
|
2038
|
+
onDragEnd: (itemId: string, fromColumnId: string, toColumnId: string, toIndex: number) => void;
|
|
2039
|
+
renderCard: (item: T) => React$1.ReactNode;
|
|
2040
|
+
keyExtractor: (item: T) => string;
|
|
2041
|
+
emptyMessage?: string;
|
|
2042
|
+
className?: string;
|
|
2015
2043
|
}
|
|
2016
2044
|
/** Renders the kanban board component. */
|
|
2017
|
-
declare function KanbanBoard<T>({ columns, onDragEnd, renderCard, keyExtractor, emptyMessage, className
|
|
2018
|
-
|
|
2045
|
+
declare function KanbanBoard<T>({ columns, onDragEnd, renderCard, keyExtractor, emptyMessage, className }: KanbanBoardProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
2046
|
+
//#endregion
|
|
2047
|
+
//#region src/shells/rich-text-editor.d.ts
|
|
2019
2048
|
type ToolbarAction = "bold" | "italic" | "link" | "code" | "heading" | "list" | "quote";
|
|
2020
2049
|
/** Props for the rich text editor component. */
|
|
2021
2050
|
interface RichTextEditorProps {
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2051
|
+
value: string;
|
|
2052
|
+
onChange: (value: string) => void;
|
|
2053
|
+
placeholder?: string;
|
|
2054
|
+
toolbar?: ToolbarAction[];
|
|
2055
|
+
className?: string;
|
|
2027
2056
|
}
|
|
2028
2057
|
/** Renders the rich text editor component. */
|
|
2029
|
-
declare function RichTextEditor({ value, onChange, placeholder, toolbar, className
|
|
2030
|
-
|
|
2058
|
+
declare function RichTextEditor({ value, onChange, placeholder, toolbar, className }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
2059
|
+
//#endregion
|
|
2060
|
+
//#region src/shells/code-diff-viewer.d.ts
|
|
2031
2061
|
/** Props for the code diff viewer component. */
|
|
2032
2062
|
interface CodeDiffViewerProps {
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2063
|
+
original: string;
|
|
2064
|
+
modified: string;
|
|
2065
|
+
mode?: "split" | "unified";
|
|
2066
|
+
showLineNumbers?: boolean;
|
|
2067
|
+
scrollLabel?: string;
|
|
2068
|
+
className?: string;
|
|
2039
2069
|
}
|
|
2040
2070
|
/** Renders the code diff viewer component. */
|
|
2041
|
-
declare function CodeDiffViewer({ original, modified, mode, showLineNumbers, scrollLabel, className
|
|
2042
|
-
|
|
2071
|
+
declare function CodeDiffViewer({ original, modified, mode, showLineNumbers, scrollLabel, className }: CodeDiffViewerProps): import("react/jsx-runtime").JSX.Element;
|
|
2072
|
+
//#endregion
|
|
2073
|
+
//#region src/shells/webhook-config.d.ts
|
|
2043
2074
|
/** Defines the webhook shape. */
|
|
2044
2075
|
interface WebhookDef {
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2076
|
+
url: string;
|
|
2077
|
+
events: string[];
|
|
2078
|
+
retries: number;
|
|
2079
|
+
active: boolean;
|
|
2049
2080
|
}
|
|
2050
2081
|
/** Props for the webhook component. */
|
|
2051
2082
|
interface WebhookConfigProps {
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2083
|
+
webhook: WebhookDef;
|
|
2084
|
+
onChange: (webhook: WebhookDef) => void;
|
|
2085
|
+
availableEvents: string[];
|
|
2086
|
+
onTest?: () => void;
|
|
2087
|
+
className?: string;
|
|
2088
|
+
labels?: WebhookConfigLabels;
|
|
2058
2089
|
}
|
|
2059
2090
|
/** Localized labels for the webhook component. */
|
|
2060
2091
|
interface WebhookConfigLabels {
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2092
|
+
webhookUrl?: string;
|
|
2093
|
+
events?: string;
|
|
2094
|
+
retries?: string;
|
|
2095
|
+
testWebhook?: string;
|
|
2096
|
+
emptyEventsMessage?: string;
|
|
2066
2097
|
}
|
|
2067
2098
|
/** Renders the webhook config component. */
|
|
2068
|
-
declare function WebhookConfig({ webhook, onChange, availableEvents, onTest, className, labels: customLabels
|
|
2069
|
-
|
|
2099
|
+
declare function WebhookConfig({ webhook, onChange, availableEvents, onTest, className, labels: customLabels }: WebhookConfigProps): import("react/jsx-runtime").JSX.Element;
|
|
2100
|
+
//#endregion
|
|
2101
|
+
//#region src/shells/feature-flag-panel.d.ts
|
|
2070
2102
|
/** Defines the feature flag shape. */
|
|
2071
2103
|
interface FeatureFlag {
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2104
|
+
id: string;
|
|
2105
|
+
name: string;
|
|
2106
|
+
description?: string;
|
|
2107
|
+
enabled: boolean;
|
|
2108
|
+
environments: string[];
|
|
2109
|
+
rolloutPercentage?: number;
|
|
2078
2110
|
}
|
|
2079
2111
|
/** Props for the feature flag panel component. */
|
|
2080
2112
|
interface FeatureFlagPanelProps {
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2113
|
+
flags: FeatureFlag[];
|
|
2114
|
+
onToggle: (flagId: string, enabled: boolean) => void;
|
|
2115
|
+
onRolloutChange?: (flagId: string, percentage: number) => void;
|
|
2116
|
+
environments: string[];
|
|
2117
|
+
className?: string;
|
|
2118
|
+
labels?: FeatureFlagPanelLabels;
|
|
2087
2119
|
}
|
|
2088
2120
|
/** Localized labels for the feature flag panel component. */
|
|
2089
2121
|
interface FeatureFlagPanelLabels {
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2122
|
+
enabled?: string;
|
|
2123
|
+
disabled?: string;
|
|
2124
|
+
rolloutLabel?: string;
|
|
2125
|
+
emptyMessage?: string;
|
|
2094
2126
|
}
|
|
2095
2127
|
/** Renders the feature flag panel component. */
|
|
2096
|
-
declare function FeatureFlagPanel({ flags, onToggle, onRolloutChange, environments, className, labels: customLabels
|
|
2097
|
-
|
|
2128
|
+
declare function FeatureFlagPanel({ flags, onToggle, onRolloutChange, environments, className, labels: customLabels }: FeatureFlagPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
2129
|
+
//#endregion
|
|
2130
|
+
//#region src/shells/data-import-wizard.d.ts
|
|
2098
2131
|
/** Defines the import field shape. */
|
|
2099
2132
|
interface ImportFieldDef {
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2133
|
+
id: string;
|
|
2134
|
+
label: string;
|
|
2135
|
+
required?: boolean;
|
|
2103
2136
|
}
|
|
2104
2137
|
/** Localized labels for the data import wizard component. */
|
|
2105
2138
|
interface DataImportWizardLabels {
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2139
|
+
stepsLabel?: string;
|
|
2140
|
+
upload?: string;
|
|
2141
|
+
mapColumns?: string;
|
|
2142
|
+
preview?: string;
|
|
2143
|
+
confirm?: string;
|
|
2144
|
+
dropPrompt?: string;
|
|
2145
|
+
selectColumn?: string;
|
|
2146
|
+
back?: string;
|
|
2147
|
+
next?: string;
|
|
2148
|
+
import?: string;
|
|
2149
|
+
uploadFileAriaLabel?: string;
|
|
2150
|
+
previewSummary?: (shown: number, total: number) => string;
|
|
2151
|
+
confirmSummary?: (rows: number, mappedFields: number) => string;
|
|
2119
2152
|
}
|
|
2120
2153
|
/** Props for the data import wizard component. */
|
|
2121
2154
|
interface DataImportWizardProps {
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2155
|
+
fields: ImportFieldDef[];
|
|
2156
|
+
onImport: (mapping: Record<string, string>, data: string[][]) => void;
|
|
2157
|
+
acceptedFormats?: string;
|
|
2158
|
+
labels?: DataImportWizardLabels;
|
|
2159
|
+
className?: string;
|
|
2127
2160
|
}
|
|
2128
2161
|
/** Renders the data import wizard component. */
|
|
2129
|
-
declare function DataImportWizard({ fields, onImport, acceptedFormats, labels: customLabels, className
|
|
2130
|
-
|
|
2162
|
+
declare function DataImportWizard({ fields, onImport, acceptedFormats, labels: customLabels, className }: DataImportWizardProps): import("react/jsx-runtime").JSX.Element;
|
|
2163
|
+
//#endregion
|
|
2164
|
+
//#region src/shells/mega-menu.d.ts
|
|
2131
2165
|
/** Defines the mega menu item shape. */
|
|
2132
2166
|
interface MegaMenuItem {
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2167
|
+
label: string;
|
|
2168
|
+
href?: string;
|
|
2169
|
+
description?: string;
|
|
2170
|
+
icon?: React$1.ReactNode;
|
|
2137
2171
|
}
|
|
2138
2172
|
/** Defines the mega menu section shape. */
|
|
2139
2173
|
interface MegaMenuSection {
|
|
2140
|
-
|
|
2141
|
-
|
|
2174
|
+
title: string;
|
|
2175
|
+
items: MegaMenuItem[];
|
|
2142
2176
|
}
|
|
2143
2177
|
/** Props for the mega menu component. */
|
|
2144
2178
|
interface MegaMenuProps {
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2179
|
+
menus: MegaMenuSection[];
|
|
2180
|
+
columns?: number;
|
|
2181
|
+
footer?: React$1.ReactNode;
|
|
2182
|
+
triggerLabel?: string;
|
|
2183
|
+
labels?: MegaMenuLabels;
|
|
2184
|
+
className?: string;
|
|
2151
2185
|
}
|
|
2152
2186
|
/** Localized labels for the mega menu component. */
|
|
2153
2187
|
interface MegaMenuLabels {
|
|
2154
|
-
|
|
2188
|
+
trigger?: string;
|
|
2155
2189
|
}
|
|
2156
2190
|
/** Renders the mega menu component. */
|
|
2157
|
-
declare function MegaMenu({ menus, columns, footer, triggerLabel, labels: customLabels, className
|
|
2191
|
+
declare function MegaMenu({ menus, columns, footer, triggerLabel, labels: customLabels, className }: MegaMenuProps): import("react/jsx-runtime").JSX.Element | null;
|
|
2158
2192
|
declare namespace MegaMenu {
|
|
2159
|
-
|
|
2193
|
+
var displayName: string;
|
|
2160
2194
|
}
|
|
2161
|
-
|
|
2195
|
+
//#endregion
|
|
2196
|
+
//#region src/shells/chat-sidebar.d.ts
|
|
2162
2197
|
/** Localized labels for the chat sidebar component. */
|
|
2163
2198
|
interface ChatSidebarLabels {
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2199
|
+
newChat?: string;
|
|
2200
|
+
searchPlaceholder?: string;
|
|
2201
|
+
emptyTitle?: string;
|
|
2202
|
+
emptyDescription?: string;
|
|
2168
2203
|
}
|
|
2169
2204
|
/** Props for the chat sidebar component. */
|
|
2170
2205
|
interface ChatSidebarProps {
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2206
|
+
conversations: ChatConversationDef[];
|
|
2207
|
+
activeConversationId?: string;
|
|
2208
|
+
onConversationSelect?: (conversation: ChatConversationDef) => void;
|
|
2209
|
+
onNewChat?: () => void;
|
|
2210
|
+
onSearch?: (query: string) => void;
|
|
2211
|
+
labels?: ChatSidebarLabels;
|
|
2212
|
+
className?: string;
|
|
2178
2213
|
}
|
|
2179
2214
|
/** Renders the chat sidebar component. */
|
|
2180
|
-
declare function ChatSidebar({ conversations, activeConversationId, onConversationSelect, onNewChat, onSearch, labels: customLabels, className
|
|
2215
|
+
declare function ChatSidebar({ conversations, activeConversationId, onConversationSelect, onNewChat, onSearch, labels: customLabels, className }: ChatSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
2181
2216
|
declare namespace ChatSidebar {
|
|
2182
|
-
|
|
2217
|
+
var displayName: string;
|
|
2183
2218
|
}
|
|
2184
|
-
|
|
2219
|
+
//#endregion
|
|
2220
|
+
//#region src/shells/chat-input.d.ts
|
|
2185
2221
|
/** Localized labels for the chat input component. */
|
|
2186
2222
|
interface ChatInputLabels {
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2223
|
+
placeholder?: string;
|
|
2224
|
+
send?: string;
|
|
2225
|
+
attach?: string;
|
|
2226
|
+
hint?: string;
|
|
2227
|
+
modelLabel?: string;
|
|
2228
|
+
styleLabel?: string;
|
|
2229
|
+
shiftKey?: string;
|
|
2230
|
+
enterKey?: string;
|
|
2195
2231
|
}
|
|
2196
2232
|
/** Props for the chat input component. */
|
|
2197
2233
|
interface ChatInputProps {
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2234
|
+
value?: string;
|
|
2235
|
+
defaultValue?: string;
|
|
2236
|
+
onChange?: (value: string) => void;
|
|
2237
|
+
onSend?: (message: string) => void;
|
|
2238
|
+
onFileAttach?: () => void;
|
|
2239
|
+
models?: ChatModelDef[];
|
|
2240
|
+
selectedModel?: string;
|
|
2241
|
+
onModelChange?: (modelId: string) => void;
|
|
2242
|
+
stylePresets?: ChatStylePresetDef[];
|
|
2243
|
+
selectedStyle?: string;
|
|
2244
|
+
onStyleChange?: (styleId: string) => void;
|
|
2245
|
+
disabled?: boolean;
|
|
2246
|
+
maxRows?: number;
|
|
2247
|
+
showHint?: boolean;
|
|
2248
|
+
labels?: ChatInputLabels;
|
|
2249
|
+
className?: string;
|
|
2214
2250
|
}
|
|
2215
2251
|
/** Renders the chat input component. */
|
|
2216
|
-
declare function ChatInput({ value: controlledValue, defaultValue, onChange, onSend, onFileAttach, models, selectedModel, onModelChange, stylePresets, selectedStyle, onStyleChange, disabled, maxRows, showHint, labels: customLabels, className
|
|
2252
|
+
declare function ChatInput({ value: controlledValue, defaultValue, onChange, onSend, onFileAttach, models, selectedModel, onModelChange, stylePresets, selectedStyle, onStyleChange, disabled, maxRows, showHint, labels: customLabels, className }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
|
|
2217
2253
|
declare namespace ChatInput {
|
|
2218
|
-
|
|
2254
|
+
var displayName: string;
|
|
2219
2255
|
}
|
|
2220
|
-
|
|
2256
|
+
//#endregion
|
|
2257
|
+
//#region src/shells/chat-message-list.d.ts
|
|
2221
2258
|
/** Localized labels for the chat message list component. */
|
|
2222
2259
|
interface ChatMessageListLabels {
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2260
|
+
emptyTitle?: string;
|
|
2261
|
+
emptyDescription?: string;
|
|
2262
|
+
userLabel?: string;
|
|
2263
|
+
assistantLabel?: string;
|
|
2264
|
+
typingLabel?: string;
|
|
2228
2265
|
}
|
|
2229
2266
|
/** Props for the chat message list component. */
|
|
2230
2267
|
interface ChatMessageListProps {
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2268
|
+
messages: ChatMessageDef[];
|
|
2269
|
+
loading?: boolean;
|
|
2270
|
+
renderContent?: (message: ChatMessageDef) => ReactNode;
|
|
2271
|
+
assistantAvatar?: string;
|
|
2272
|
+
userName?: string;
|
|
2273
|
+
showTimestamps?: boolean;
|
|
2274
|
+
autoScroll?: boolean;
|
|
2275
|
+
labels?: ChatMessageListLabels;
|
|
2276
|
+
className?: string;
|
|
2240
2277
|
}
|
|
2241
2278
|
/** Renders the chat message list component. */
|
|
2242
|
-
declare function ChatMessageList({ messages, loading, renderContent, assistantAvatar, userName, showTimestamps, autoScroll, labels: customLabels, className
|
|
2279
|
+
declare function ChatMessageList({ messages, loading, renderContent, assistantAvatar, userName, showTimestamps, autoScroll, labels: customLabels, className }: ChatMessageListProps): import("react/jsx-runtime").JSX.Element;
|
|
2243
2280
|
declare namespace ChatMessageList {
|
|
2244
|
-
|
|
2281
|
+
var displayName: string;
|
|
2245
2282
|
}
|
|
2246
|
-
|
|
2283
|
+
//#endregion
|
|
2284
|
+
//#region src/utils/route-focus-manager.d.ts
|
|
2247
2285
|
/**
|
|
2248
2286
|
* 페이지 전환 시 새 콘텐츠의 h1으로 포커스를 이동한다.
|
|
2249
2287
|
* 포커스가 body로 빠지는 것을 방지하고,
|
|
2250
2288
|
* 스크린 리더가 새 페이지 제목을 즉시 읽어줄 수 있게 한다.
|
|
2251
2289
|
*/
|
|
2252
2290
|
declare function RouteFocusManager(): null;
|
|
2253
|
-
|
|
2291
|
+
//#endregion
|
|
2292
|
+
//#region src/devtools/design-guide-panel.d.ts
|
|
2254
2293
|
/** Props for the design guide panel component. */
|
|
2255
2294
|
interface DesignGuidePanelProps {
|
|
2256
|
-
|
|
2295
|
+
className?: string;
|
|
2257
2296
|
}
|
|
2258
2297
|
/** Renders the design guide panel component. */
|
|
2259
|
-
declare function DesignGuidePanel({ className }: DesignGuidePanelProps):
|
|
2260
|
-
|
|
2298
|
+
declare function DesignGuidePanel({ className }: DesignGuidePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
2299
|
+
//#endregion
|
|
2300
|
+
//#region src/lib/cn.d.ts
|
|
2261
2301
|
/** Handles cn. */
|
|
2262
2302
|
declare function cn(...inputs: ClassValue[]): string;
|
|
2263
|
-
|
|
2303
|
+
//#endregion
|
|
2304
|
+
//#region src/lib/styles.d.ts
|
|
2264
2305
|
declare const OPT_TEXT_PRIMARY = "text-text-primary";
|
|
2265
2306
|
declare const OPT_TEXT_SECONDARY = "text-text-secondary";
|
|
2266
|
-
|
|
2307
|
+
//#endregion
|
|
2308
|
+
//#region src/lib/use-input-id.d.ts
|
|
2267
2309
|
/**
|
|
2268
2310
|
* Generates a stable component ID from label text.
|
|
2269
2311
|
* Eliminates the duplicated `id ?? label?.replace(...)` pattern across input components.
|
|
2270
2312
|
*/
|
|
2271
2313
|
declare function useInputId(id: string | undefined, label: string | undefined, prefix: string): string | undefined;
|
|
2272
|
-
|
|
2314
|
+
//#endregion
|
|
2315
|
+
//#region src/lib/use-controlled-state.d.ts
|
|
2273
2316
|
/**
|
|
2274
2317
|
* Manages controlled/uncontrolled state for input components.
|
|
2275
2318
|
* When `controlledValue` is provided, acts as controlled; otherwise uses internal state.
|
|
2276
2319
|
*/
|
|
2277
2320
|
declare function useControlledState<T>(defaultValue: T, controlledValue: T | undefined, onChange: ((value: T) => void) | undefined): [T, (value: T) => void];
|
|
2278
|
-
|
|
2321
|
+
//#endregion
|
|
2322
|
+
//#region src/lib/formatters.d.ts
|
|
2279
2323
|
type OptDateInput = string | number | Date;
|
|
2280
2324
|
/** Formats a date as Korean short date text in the opt-ui default timezone. */
|
|
2281
2325
|
declare function formatOptShortDate(input: OptDateInput): string;
|
|
@@ -2285,7 +2329,8 @@ declare function formatOptTime(input: OptDateInput): string;
|
|
|
2285
2329
|
declare function formatOptDateTime(input: OptDateInput): string;
|
|
2286
2330
|
/** Formats numbers without depending on the runtime default locale. */
|
|
2287
2331
|
declare function formatOptNumber(value: number): string;
|
|
2288
|
-
|
|
2332
|
+
//#endregion
|
|
2333
|
+
//#region src/lib/spatial-nav.d.ts
|
|
2289
2334
|
/** Type definition for direction. */
|
|
2290
2335
|
type Direction = "up" | "down" | "left" | "right";
|
|
2291
2336
|
/** Handles should skip arrow. */
|
|
@@ -2294,23 +2339,24 @@ declare function shouldSkipArrow(el: HTMLElement, dir: Direction): boolean;
|
|
|
2294
2339
|
declare function getTrappedContextRole(el: HTMLElement): string | null;
|
|
2295
2340
|
/** Defines the spatial target shape. */
|
|
2296
2341
|
interface SpatialTarget {
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2342
|
+
direction: Direction;
|
|
2343
|
+
element: HTMLElement;
|
|
2344
|
+
score: number;
|
|
2300
2345
|
}
|
|
2301
2346
|
/** Handles compute spatial targets. */
|
|
2302
2347
|
declare function computeSpatialTargets(current: HTMLElement): SpatialTarget[];
|
|
2303
2348
|
/** Defines the spatial nav decision detail shape. */
|
|
2304
2349
|
interface SpatialNavDecisionDetail {
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2350
|
+
direction: Direction;
|
|
2351
|
+
result: "moved" | "skipped";
|
|
2352
|
+
reason?: "defaultPrevented" | "input-protection" | "trapped-context" | "no-candidate";
|
|
2353
|
+
context?: string;
|
|
2354
|
+
target?: HTMLElement;
|
|
2310
2355
|
}
|
|
2311
2356
|
/** Renders the spatial nav provider component. */
|
|
2312
2357
|
declare function SpatialNavProvider(): null;
|
|
2313
|
-
|
|
2358
|
+
//#endregion
|
|
2359
|
+
//#region src/i18n/ko.d.ts
|
|
2314
2360
|
/**
|
|
2315
2361
|
* opt-ui Korean default labels.
|
|
2316
2362
|
*
|
|
@@ -2320,32 +2366,34 @@ declare function SpatialNavProvider(): null;
|
|
|
2320
2366
|
* props or wrapped with a labels provider.
|
|
2321
2367
|
*/
|
|
2322
2368
|
declare const koComboboxLabels: {
|
|
2323
|
-
|
|
2369
|
+
readonly empty: "결과가 없습니다.";
|
|
2324
2370
|
};
|
|
2325
2371
|
declare const koStarRatingLabels: {
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2372
|
+
/** {value}/{max}점 — readonly fallback aria-label */
|
|
2373
|
+
readonly readonlyAriaLabel: "{value}/{max}점";
|
|
2374
|
+
/** rating group aria-label */
|
|
2375
|
+
readonly groupAriaLabel: "별점";
|
|
2376
|
+
/** {star}점 — individual star aria-label */
|
|
2377
|
+
readonly starAriaLabel: "{star}점";
|
|
2332
2378
|
};
|
|
2333
2379
|
declare const koBreadcrumbLabels: {
|
|
2334
|
-
|
|
2335
|
-
|
|
2380
|
+
/** {label}(으)로 이동 */
|
|
2381
|
+
readonly navAriaLabel: "{label}(으)로 이동";
|
|
2336
2382
|
};
|
|
2337
|
-
|
|
2383
|
+
//#endregion
|
|
2384
|
+
//#region src/i18n/en.d.ts
|
|
2338
2385
|
/** opt-ui English label catalog (opt-in alternative to `koLabels`). */
|
|
2339
2386
|
declare const enComboboxLabels: {
|
|
2340
|
-
|
|
2387
|
+
readonly empty: "No results.";
|
|
2341
2388
|
};
|
|
2342
2389
|
declare const enStarRatingLabels: {
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2390
|
+
readonly readonlyAriaLabel: "{value} out of {max} stars";
|
|
2391
|
+
readonly groupAriaLabel: "Rating";
|
|
2392
|
+
readonly starAriaLabel: "{star} stars";
|
|
2346
2393
|
};
|
|
2347
2394
|
declare const enBreadcrumbLabels: {
|
|
2348
|
-
|
|
2395
|
+
readonly navAriaLabel: "Go to {label}";
|
|
2349
2396
|
};
|
|
2350
|
-
|
|
2351
|
-
export { ALL_COMPOUND_THEMES, ActivityDef, ActivityFeed, type ActivityFeedLabels, type ActivityFeedProps, AlertBuilder, type AlertBuilderProps, type AlertCondition, type AlertConfig, AppShell, type AppShellProps, AsyncCombobox, type AsyncComboboxLabels, type AsyncComboboxProps, type AuditChange, type AuditEntry, AuditLog, type AuditLogLabels, type AuditLogProps, AuditTimeline, type AuditEntry$1 as AuditTimelineEntry, type AuditTimelineLabels, type AuditTimelineProps, AuthForm, type AuthFormLabels, type AuthFormProps, type BulkActionDef, BulkActions, type BulkActionsLabels, type BulkActionsProps, COLOR_PRESETS, type CanonicalThemeOverrides, type CanonicalThemeTokenMap, type ChartTypeDef, ChatConversationDef, ChatInput, type ChatInputLabels, type ChatInputProps, ChatMessageDef, ChatMessageList, type ChatMessageListLabels, type ChatMessageListProps, ChatModelDef, ChatSidebar, type ChatSidebarLabels, type ChatSidebarProps, ChatStylePresetDef, CodeDiffViewer, type CodeDiffViewerProps, type CodeSnippetSyntaxTheme, CodeSnippetViewer, type CodeSnippetViewerProps, ColumnToggler, type ColumnTogglerColumn, type ColumnTogglerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ComparisonOption, ComparisonSelector, type ComparisonSelectorLabels, type ComparisonSelectorProps, type CompoundTheme, ConfirmDialog, type ConfirmDialogProps, ConnectionIndicator, type ConnectionIndicatorProps, type ConnectionStatus, DataImportWizard, type DataImportWizardLabels, type DataImportWizardProps, type DataSourceDef, DateRange, type DescriptorThemeSpec, DesignGuidePanel, type DesignGuidePanelProps, type DetectionConfig, type DetectionTypeDef, type Direction, DynamicFieldForm, type DynamicFieldFormLabels, type DynamicFieldFormProps, ErrorBoundary, type ErrorBoundaryProps, EventIcon, type EventIconProps, type EventMeta, EventMetaEditor, type EventMetaEditorProps, ExportButton, type ExportButtonLabels, type ExportButtonProps, ExportColumn, ExportFormat, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, type FeatureFlag, FeatureFlagPanel, type FeatureFlagPanelProps, FileUploadForm, type FileUploadFormLabels, type FileUploadFormProps, FilterBar, type FilterBarLabels, type FilterBarProps, FilterGroupDef, type FilterPreset, type FloatingAction, FloatingActionBar, type FloatingActionBarProps, FormFieldDef, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, type GeneratedThemeSpec, type GeneratedTokens, IconDef, type ImportFieldDef, type InlineEditColumnDef, InlineEditTable, type InlineEditTableProps, type InsightItem, type InsightSeverity, InsightsPanel, type InsightsPanelLabels, type InsightsPanelProps, type InsightsStat, KanbanBoard, type KanbanBoardProps, type KanbanColumn, LoadingOverlay, type LoadingOverlayProps, MegaMenu, type MegaMenuItem, type MegaMenuProps, type MegaMenuSection, NotificationCenter, type NotificationCenterProps, type NotificationItem, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, type OptThemeController, OptThemeControllerContext, OptThemeProvider, type OptThemeProviderProps, POPULAR_ICONS, PageAside, type PageAsideProps, type PresetThemeSpec, PromptTemplate, type PromptTemplateLabels, type PromptTemplateProps, type PromptVariable, type PropertyDef, PropertyExplorer, type PropertyExplorerProps, type PropertyGroup, QueryResultsTable, type QueryResultsTableProps, QuickActionDef, QuickActions, type QuickActionsLabels, type QuickActionsProps, ReportBuilder, type ReportBuilderChartType, type ReportBuilderLabels, type ReportBuilderProps, type ReportBuilderStep, type ResolvedThemeSpec, RichTextEditor, type RichTextEditorProps, RouteFocusManager, SavedFilters, type SavedFiltersProps, type SchemaLike, SegmentBuilder, type SegmentBuilderProps, type SegmentCondition, type SegmentConditionType, type SegmentGroup, Sidebar, type SidebarProps, type SpatialNavDecisionDetail, SpatialNavProvider, type SpatialTarget, SqlEditor, type SqlEditorProps, StatCard as StatCardType, type StoredTokenCache, SummaryRow, type SummaryRowProps, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, TabDef, TaskDef, TaskList, type TaskListLabels, type TaskListProps, TeamMemberDef, TeamMemberList, type TeamMemberListLabels, type TeamMemberListProps, type TemplateDef, TemplatePicker, type TemplatePickerProps, type ThemeDescriptor, type ThemeMode, type ThemeOverrides, type ThemePreset, type ThemePresetId, type ThemeRuntimeOptions, type ThemeSpec, type ThemeStackEntry, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type TimePresetDef, TimeRangeSelector, type TimeRangeSelectorLabels, type TimeRangeSelectorProps, type TreeColumnDef, type TreeNode, TreeTable, type TreeTableProps, VerticalTabs, type VerticalTabsProps, WebhookConfig, type WebhookConfigProps, type WebhookDef, type WidgetDef, WidgetGrid, type WidgetGridProps, WizardForm, type WizardFormLabels, type WizardFormProps, type WizardStepDef, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, createThemeBootScript, defineThemeOverrides, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getThemeDescriptor, getTrappedContextRole, isDescriptorSpec, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, presetTheme, readStoredTheme, resolveDescriptor, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, useControlledState, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar };
|
|
2397
|
+
//#endregion
|
|
2398
|
+
export { ALL_COMPOUND_THEMES, AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, type ActivityDef, ActivityFeed, type ActivityFeedLabels, type ActivityFeedProps, Alert, AlertBuilder, type AlertBuilderProps, type AlertCondition, type AlertConfig, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, AppMenubar, type AppMenubarProps, AppShell, type AppShellProps, AsyncCombobox, type AsyncComboboxLabels, type AsyncComboboxProps, type AuditChange, type AuditEntry, AuditLog, type AuditLogLabels, type AuditLogProps, AuditTimeline, type AuditEntry$1 as AuditTimelineEntry, type AuditTimelineLabels, type AuditTimelineProps, AuthForm, type AuthFormLabels, type AuthFormProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, type BranchDef, BranchSelect, type BranchSelectProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BulkActionDef, BulkActions, type BulkActionsLabels, type BulkActionsProps, Button, type ButtonProps, COLOR_PRESETS, type CanonicalThemeOverrides, type CanonicalThemeTokenMap, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type ChartConfig, type ChartDataPoint, type ChartMargin, type ChartSeriesDef, type ChartTypeDef, type ChatConversationDef, ChatInput, type ChatInputLabels, type ChatInputProps, type ChatMessageDef, ChatMessageList, type ChatMessageListLabels, type ChatMessageListProps, type ChatModelDef, ChatSidebar, type ChatSidebarLabels, type ChatSidebarProps, type ChatStylePresetDef, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, CodeDiffViewer, type CodeDiffViewerProps, type CodeSnippetSyntaxTheme, CodeSnippetViewer, type CodeSnippetViewerProps, ColorPicker, type ColorPickerProps, type ColumnDef, ColumnToggler, type ColumnTogglerColumn, type ColumnTogglerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Command, type CommandDef, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, CommandSeparator, CommandShortcut, type ComparisonMode, type ComparisonOption, ComparisonSelector, type ComparisonSelectorLabels, type ComparisonSelectorProps, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, type CompoundTheme, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, ConfirmDialog, type ConfirmDialogProps, ConnectionIndicator, type ConnectionIndicatorProps, type ConnectionStatus, type ConnectionTone, Container, type ContainerProps, ContentTabs, type ContentTabsProps, DEFAULT_PRESETS, DashboardGrid, type DashboardGridProps, DataImportWizard, type DataImportWizardLabels, type DataImportWizardProps, type DataSourceDef, DataTable, type DataTableProps, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeploymentStep, DeploymentTimeline, type DeploymentTimelineProps, type DescriptorThemeSpec, DesignGuidePanel, type DesignGuidePanelProps, type DetectionConfig, type DetectionTypeDef, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, type Direction, DisclosureContent, DisclosureRoot, DisclosureTrigger, type DomainDef, DomainTable, type DomainTableProps, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, DynamicFieldForm, type DynamicFieldFormLabels, type DynamicFieldFormProps, EditorToolbar, type EditorToolbarProps, EmptyState, type EmptyStateAction, type EmptyStateProps, type EnvGroupDef, EnvPanel, type EnvPanelProps, type EnvVarDef, ErrorBoundary, type ErrorBoundaryProps, EventIcon, type EventIconProps, type EventMeta, EventMetaEditor, type EventMetaEditorProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, ExportButton, type ExportButtonLabels, type ExportButtonProps, type ExportColumn, type ExportFormat, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, type FailureItem, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, type FaqItem, type FeatureFlag, FeatureFlagPanel, type FeatureFlagPanelProps, FileUploadForm, type FileUploadFormLabels, type FileUploadFormProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterGroupDef, type FilterOption, type FilterPreset, type FloatingAction, FloatingActionBar, type FloatingActionBarProps, FormCheckbox, FormColorPicker, type FormColorPickerProps, FormControl, FormDateRangePicker, type FormDateRangePickerProps, FormDescription, FormError, type FormErrors, FormField, type FormFieldDef, FormGroup, FormGroupLabel, FormIconPicker, type FormIconPickerProps, FormInput, FormLabel, FormNumberInput, type FormNumberInputProps, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSlider, type FormSliderProps, FormStarRating, type FormStarRatingProps, type FormStoreInstance, type FormStoreOptions, FormSubmit, FormSwitch, type FormSwitchProps, FormTagInput, type FormTagInputProps, FormTextarea, type FormTextareaProps, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, type GeneratedThemeSpec, type GeneratedTokens, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, type IconDef, IconPicker, type IconPickerProps, type ImportFieldDef, type InlineEditColumnDef, InlineEditTable, type InlineEditTableProps, Input, type InputProps, type InsightItem, type InsightSeverity, InsightsPanel, type InsightsPanelLabels, type InsightsPanelProps, type InsightsStat, KanbanBoard, type KanbanBoardProps, type KanbanColumn, Kbd, type KbdProps, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, LoadingOverlay, type LoadingOverlayProps, Logo, type LogoProps, MegaMenu, type MegaMenuItem, type MegaMenuProps, type MegaMenuSection, MenuButtonArrow, type MenuDef, MenuItem, MenuItemCheckbox, type MenuItemDef, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, MetricsCard, type MetricsCardProps, type NavItem, type NavItemDef, NotificationCenter, type NotificationCenterProps, type NotificationItem, NotificationToast, NumberInput, type NumberInputProps, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, type OptThemeController, OptThemeControllerContext, OptThemeProvider, type OptThemeProviderProps, OtpField, type OtpFieldProps, POPULAR_ICONS, PageAside, type PageAsideProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, type PresetThemeSpec, Progress, type ProgressProps, type ProjectDef, ProjectSwitcher, type ProjectSwitcherProps, PromptTemplate, type PromptTemplateLabels, type PromptTemplateProps, type PromptVariable, type PropertyDef, PropertyExplorer, type PropertyExplorerProps, type PropertyGroup, QueryResultsTable, type QueryResultsTableProps, type QuickActionDef, QuickActions, type QuickActionsLabels, type QuickActionsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ReportBuilder, type ReportBuilderChartType, type ReportBuilderLabels, type ReportBuilderProps, type ReportBuilderStep, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, type ResolvedThemeSpec, RichTextEditor, type RichTextEditorProps, RouteFocusManager, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, SavedFilters, type SavedFiltersProps, type SchemaLike, ScrollArea, type ScrollAreaProps, SearchCombobox, type SearchComboboxProps, Section, type SectionProps, SegmentBuilder, type SegmentBuilderProps, type SegmentCondition, type SegmentConditionType, type SegmentGroup, SelectItem, SelectLabel, type SelectOption, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, SettingsForm, type SettingsFormProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Sidebar, SidebarNav, type SidebarNavProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, type SpatialNavDecisionDetail, SpatialNavProvider, type SpatialTarget, Spinner, type SpinnerProps, SqlEditor, type SqlEditorCompletionSource, type SqlEditorExtension, type SqlEditorKeyBinding, type SqlEditorLabels, type SqlEditorProps, type SqlEditorSchema, StarRating, type StarRatingProps, StatCard, type StatCardProps, type StatCard$1 as StatCardType, StatusSelect, type StatusSelectProps, StepBuilder, type StepBuilderProps, type StepDef, type StoredTokenCache, SummaryRow, type SummaryRowProps, Switch, type SwitchProps, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, Tab, type TabDef, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, type TabStatus, type TableColumn, TabsRoot, type TabsRootProps, type TabsVariant, TagInput, type TagInputProps, type TaskDef, TaskList, type TaskListLabels, type TaskListProps, type TeamMemberDef, TeamMemberList, type TeamMemberListLabels, type TeamMemberListProps, type TemplateDef, TemplatePicker, type TemplatePickerProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, Textarea, type TextareaProps, type ThemeDescriptor, type ThemeMode, type ThemeOverrides, type ThemePreset, type ThemePresetId, type ThemeRuntimeOptions, type ThemeSpec, type ThemeStackEntry, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type TimePreset, type TimePresetDef, TimeRangeSelector, type TimeRangeSelectorLabels, type TimeRangeSelectorProps, type ToastAction, type ToastContextValue, type ToastMessage, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, type ToolbarButtonDef, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, type TreeColumnDef, type TreeNode, TreeTable, type TreeTableProps, TrendChart, type TrendChartProps, type ValidateOn, VerticalTabs, type VerticalTabsProps, VirtualList, type VirtualListProps, WebhookConfig, type WebhookConfigProps, type WebhookDef, type WidgetDef, WidgetGrid, type WidgetGridProps, WizardForm, type WizardFormLabels, type WizardFormProps, type WizardStepDef, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, createBlock, createBlock as createSurface, createThemeBootScript, defineThemeOverrides, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, isDescriptorSpec, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, presetTheme, readStoredTheme, resolveDescriptor, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, toast, useControlledState, useFieldValue, useFormContext, useFormStore, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar, useToast };
|
|
2399
|
+
//# sourceMappingURL=index.d.cts.map
|