@reopt-ai/opt-ui 1.4.1 → 1.5.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 +291 -46
- package/dist/{chunk-N4NDU5ET.cjs → chunk-3QFYBBL6.cjs} +66 -52
- package/dist/{chunk-QWBHD54V.js → chunk-3XD4HIFL.js} +26 -3
- package/dist/{chunk-X5WCXJAF.cjs → chunk-NXZJIHEZ.cjs} +26 -3
- package/dist/{chunk-ELWICXYY.js → chunk-VBGPEW45.js} +69 -55
- package/dist/core/index.cjs +2 -2
- package/dist/core/index.d.cts +2 -1
- package/dist/core/index.d.ts +2 -1
- package/dist/core/index.js +1 -1
- package/dist/docs/02-components/01-core.md +156 -18
- package/dist/docs/02-components/03-shells.md +137 -30
- package/dist/docs/03-recipes/03-layouts.md +4 -0
- package/dist/docs/04-theming.md +3 -1
- package/dist/id-registry.cjs +8 -8
- package/dist/id-registry.js +8 -8
- package/dist/id-registry.json +16 -16
- package/dist/{index-DlAcuvQp.d.cts → index-DWyqDIkH.d.cts} +14 -11
- package/dist/{index-Slu5hOj1.d.ts → index-Uyijm14M.d.ts} +14 -11
- package/dist/index.cjs +282 -105
- package/dist/index.d.cts +7 -3
- package/dist/index.d.ts +7 -3
- package/dist/index.js +254 -77
- package/dist/meta.cjs +120 -10
- package/dist/meta.js +120 -10
- package/dist/shells/index.cjs +2 -2
- package/dist/shells/index.js +1 -1
- package/dist/tailwind.css +5 -5
- package/dist/theme/presets/default.css +12 -12
- package/dist/theme/server.cjs +281 -0
- package/dist/theme/server.d.cts +129 -0
- package/dist/theme/server.d.ts +129 -0
- package/dist/theme/server.js +242 -0
- package/package.json +14 -3
package/dist/id-registry.js
CHANGED
|
@@ -1043,19 +1043,19 @@ var ID_REGISTRY = Object.freeze({
|
|
|
1043
1043
|
layer: "shells",
|
|
1044
1044
|
metaName: "ReportBuilder"
|
|
1045
1045
|
},
|
|
1046
|
-
"
|
|
1046
|
+
"6Z22W": {
|
|
1047
1047
|
slug: "resizable",
|
|
1048
1048
|
exportName: "ResizableHandle",
|
|
1049
1049
|
layer: "core",
|
|
1050
1050
|
metaName: "Resizable"
|
|
1051
1051
|
},
|
|
1052
|
-
|
|
1052
|
+
"88X4V": {
|
|
1053
1053
|
slug: "resizable",
|
|
1054
1054
|
exportName: "ResizablePanel",
|
|
1055
1055
|
layer: "core",
|
|
1056
1056
|
metaName: "Resizable"
|
|
1057
1057
|
},
|
|
1058
|
-
|
|
1058
|
+
BM5RR: {
|
|
1059
1059
|
slug: "resizable",
|
|
1060
1060
|
exportName: "ResizablePanelGroup",
|
|
1061
1061
|
layer: "core",
|
|
@@ -1067,7 +1067,7 @@ var ID_REGISTRY = Object.freeze({
|
|
|
1067
1067
|
layer: "shells",
|
|
1068
1068
|
metaName: "RichTextEditor"
|
|
1069
1069
|
},
|
|
1070
|
-
|
|
1070
|
+
SPRCB: {
|
|
1071
1071
|
slug: "saved-filters",
|
|
1072
1072
|
exportName: "SavedFilters",
|
|
1073
1073
|
layer: "shells",
|
|
@@ -1570,11 +1570,11 @@ var SLUG_TO_ID = Object.freeze({
|
|
|
1570
1570
|
"radio-group.Radio": "HY7YG",
|
|
1571
1571
|
"radio-group.RadioGroup": "2F20H",
|
|
1572
1572
|
"report-builder.ReportBuilder": "K9STD",
|
|
1573
|
-
"resizable.ResizableHandle": "
|
|
1574
|
-
"resizable.ResizablePanel": "
|
|
1575
|
-
"resizable.ResizablePanelGroup": "
|
|
1573
|
+
"resizable.ResizableHandle": "6Z22W",
|
|
1574
|
+
"resizable.ResizablePanel": "88X4V",
|
|
1575
|
+
"resizable.ResizablePanelGroup": "BM5RR",
|
|
1576
1576
|
"rich-text-editor.RichTextEditor": "441JQ",
|
|
1577
|
-
"saved-filters.SavedFilters": "
|
|
1577
|
+
"saved-filters.SavedFilters": "SPRCB",
|
|
1578
1578
|
"scroll-area.ScrollArea": "A9X4K",
|
|
1579
1579
|
"search-combobox.SearchCombobox": "KH4TQ",
|
|
1580
1580
|
"section.Section": "M3QXW",
|
package/dist/id-registry.json
CHANGED
|
@@ -1577,8 +1577,8 @@
|
|
|
1577
1577
|
"metaName": "ReportBuilder",
|
|
1578
1578
|
"sourcePath": "src/shells/report-builder.tsx"
|
|
1579
1579
|
},
|
|
1580
|
-
"
|
|
1581
|
-
"id": "
|
|
1580
|
+
"6Z22W": {
|
|
1581
|
+
"id": "6Z22W",
|
|
1582
1582
|
"slug": "resizable",
|
|
1583
1583
|
"fullSlug": "resizable.ResizableHandle",
|
|
1584
1584
|
"exportName": "ResizableHandle",
|
|
@@ -1586,8 +1586,8 @@
|
|
|
1586
1586
|
"metaName": "Resizable",
|
|
1587
1587
|
"sourcePath": "src/core/resizable.tsx"
|
|
1588
1588
|
},
|
|
1589
|
-
"
|
|
1590
|
-
"id": "
|
|
1589
|
+
"88X4V": {
|
|
1590
|
+
"id": "88X4V",
|
|
1591
1591
|
"slug": "resizable",
|
|
1592
1592
|
"fullSlug": "resizable.ResizablePanel",
|
|
1593
1593
|
"exportName": "ResizablePanel",
|
|
@@ -1595,8 +1595,8 @@
|
|
|
1595
1595
|
"metaName": "Resizable",
|
|
1596
1596
|
"sourcePath": "src/core/resizable.tsx"
|
|
1597
1597
|
},
|
|
1598
|
-
"
|
|
1599
|
-
"id": "
|
|
1598
|
+
"BM5RR": {
|
|
1599
|
+
"id": "BM5RR",
|
|
1600
1600
|
"slug": "resizable",
|
|
1601
1601
|
"fullSlug": "resizable.ResizablePanelGroup",
|
|
1602
1602
|
"exportName": "ResizablePanelGroup",
|
|
@@ -1613,8 +1613,8 @@
|
|
|
1613
1613
|
"metaName": "RichTextEditor",
|
|
1614
1614
|
"sourcePath": "src/shells/rich-text-editor.tsx"
|
|
1615
1615
|
},
|
|
1616
|
-
"
|
|
1617
|
-
"id": "
|
|
1616
|
+
"SPRCB": {
|
|
1617
|
+
"id": "SPRCB",
|
|
1618
1618
|
"slug": "saved-filters",
|
|
1619
1619
|
"fullSlug": "saved-filters.SavedFilters",
|
|
1620
1620
|
"exportName": "SavedFilters",
|
|
@@ -2294,11 +2294,11 @@
|
|
|
2294
2294
|
"radio-group.Radio": "HY7YG",
|
|
2295
2295
|
"radio-group.RadioGroup": "2F20H",
|
|
2296
2296
|
"report-builder.ReportBuilder": "K9STD",
|
|
2297
|
-
"resizable.ResizableHandle": "
|
|
2298
|
-
"resizable.ResizablePanel": "
|
|
2299
|
-
"resizable.ResizablePanelGroup": "
|
|
2297
|
+
"resizable.ResizableHandle": "6Z22W",
|
|
2298
|
+
"resizable.ResizablePanel": "88X4V",
|
|
2299
|
+
"resizable.ResizablePanelGroup": "BM5RR",
|
|
2300
2300
|
"rich-text-editor.RichTextEditor": "441JQ",
|
|
2301
|
-
"saved-filters.SavedFilters": "
|
|
2301
|
+
"saved-filters.SavedFilters": "SPRCB",
|
|
2302
2302
|
"scroll-area.ScrollArea": "A9X4K",
|
|
2303
2303
|
"search-combobox.SearchCombobox": "KH4TQ",
|
|
2304
2304
|
"section.Section": "M3QXW",
|
|
@@ -3418,17 +3418,17 @@
|
|
|
3418
3418
|
"src/core/resizable.tsx": [
|
|
3419
3419
|
{
|
|
3420
3420
|
"exportName": "ResizableHandle",
|
|
3421
|
-
"id": "
|
|
3421
|
+
"id": "6Z22W",
|
|
3422
3422
|
"slug": "resizable.ResizableHandle"
|
|
3423
3423
|
},
|
|
3424
3424
|
{
|
|
3425
3425
|
"exportName": "ResizablePanel",
|
|
3426
|
-
"id": "
|
|
3426
|
+
"id": "88X4V",
|
|
3427
3427
|
"slug": "resizable.ResizablePanel"
|
|
3428
3428
|
},
|
|
3429
3429
|
{
|
|
3430
3430
|
"exportName": "ResizablePanelGroup",
|
|
3431
|
-
"id": "
|
|
3431
|
+
"id": "BM5RR",
|
|
3432
3432
|
"slug": "resizable.ResizablePanelGroup"
|
|
3433
3433
|
}
|
|
3434
3434
|
],
|
|
@@ -3442,7 +3442,7 @@
|
|
|
3442
3442
|
"src/shells/saved-filters.tsx": [
|
|
3443
3443
|
{
|
|
3444
3444
|
"exportName": "SavedFilters",
|
|
3445
|
-
"id": "
|
|
3445
|
+
"id": "SPRCB",
|
|
3446
3446
|
"slug": "saved-filters.SavedFilters"
|
|
3447
3447
|
}
|
|
3448
3448
|
],
|
|
@@ -3,6 +3,7 @@ import * as react from 'react';
|
|
|
3
3
|
import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, CSSProperties } from 'react';
|
|
4
4
|
import { ToggleProps as ToggleProps$1, ToggleGroupProps as ToggleGroupProps$1, AccordionContentProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps, DisclosureContentProps, DisclosureRootProps, DisclosureTriggerProps, TabProps, TabListProps, TabPanelProps, TabsRootProps, SelectItemProps, SelectPopoverProps, SelectLabelProps, SelectRootProps, SelectTriggerProps as SelectTriggerProps$1, AlertDialogPanelProps as AlertDialogPanelProps$1, DialogPanelProps as DialogPanelProps$1, DialogRootProps, ComboboxGroupProps, ComboboxGroupLabelProps, ComboboxInputProps, ComboboxItemProps, ComboboxPopoverProps, ComboboxRootProps, MenuPopoverProps, MenuItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps, MenuButtonArrowProps, MenuItemCheckboxProps, MenuItemRadioProps, MenubarContainerProps, MenubarRootProps, ToolbarButtonProps, ToolbarContainerProps, ToolbarRootProps, ToolbarSeparatorProps, TooltipProps, TooltipAnchorProps, TooltipProviderProps, FormCheckboxProps as FormCheckboxProps$1, FormInputProps as FormInputProps$1, FormDescriptionProps as FormDescriptionProps$1, FormErrorProps as FormErrorProps$1, FormFieldProps as FormFieldProps$1, FormGroupProps as FormGroupProps$1, FormGroupLabelProps as FormGroupLabelProps$1, FormLabelProps as FormLabelProps$1, FormProvider as FormProvider$1, FormPushProps as FormPushProps$1, FormRadioProps as FormRadioProps$1, FormRadioGroupProps as FormRadioGroupProps$1, FormRemoveProps as FormRemoveProps$1, FormResetProps as FormResetProps$1, FormRootProps as FormRootProps$1, FormStoreInstance, FormSubmitProps as FormSubmitProps$1, FormSwitchProps as FormSwitchProps$1, PopoverCloseProps, PopoverContentProps as PopoverContentProps$1, PopoverRootProps, PopoverTriggerProps } from '@reopt-ai/opt-ui-primitives';
|
|
5
5
|
import { S as StatCard$1 } from './types-D4-0lwaE.cjs';
|
|
6
|
+
import { SeparatorProps as SeparatorProps$1, PanelProps, GroupProps } from 'react-resizable-panels';
|
|
6
7
|
|
|
7
8
|
/** Props for the kbd component. */
|
|
8
9
|
interface KbdProps {
|
|
@@ -1456,40 +1457,42 @@ declare namespace Section {
|
|
|
1456
1457
|
var displayName: string;
|
|
1457
1458
|
}
|
|
1458
1459
|
|
|
1460
|
+
type PercentageSize = number | string;
|
|
1459
1461
|
/** Props for the resizable panel group component. */
|
|
1460
|
-
interface ResizablePanelGroupProps {
|
|
1462
|
+
interface ResizablePanelGroupProps extends Omit<GroupProps, "children" | "className" | "id" | "orientation"> {
|
|
1461
1463
|
direction: "horizontal" | "vertical";
|
|
1462
1464
|
children: react.ReactNode;
|
|
1463
1465
|
className?: string;
|
|
1466
|
+
id?: string;
|
|
1467
|
+
/** @deprecated Use `id` with `defaultLayout` and `onLayoutChanged`. */
|
|
1464
1468
|
autoSaveId?: string;
|
|
1465
1469
|
}
|
|
1466
1470
|
/** Renders the resizable panel group component. */
|
|
1467
|
-
declare function ResizablePanelGroup({ direction, children, className, autoSaveId, }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
|
|
1471
|
+
declare function ResizablePanelGroup({ direction, children, className, id, autoSaveId, ...props }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
|
|
1468
1472
|
declare namespace ResizablePanelGroup {
|
|
1469
1473
|
var displayName: string;
|
|
1470
1474
|
}
|
|
1471
1475
|
/** Props for the resizable panel component. */
|
|
1472
|
-
interface ResizablePanelProps {
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1476
|
+
interface ResizablePanelProps extends Omit<PanelProps, "children" | "className" | "collapsedSize" | "defaultSize" | "maxSize" | "minSize"> {
|
|
1477
|
+
collapsedSize?: PercentageSize;
|
|
1478
|
+
defaultSize?: PercentageSize;
|
|
1479
|
+
minSize?: PercentageSize;
|
|
1480
|
+
maxSize?: PercentageSize;
|
|
1477
1481
|
children: react.ReactNode;
|
|
1478
1482
|
className?: string;
|
|
1479
|
-
id?: string;
|
|
1480
1483
|
}
|
|
1481
1484
|
/** Renders the resizable panel component. */
|
|
1482
|
-
declare function ResizablePanel({ defaultSize, minSize, maxSize,
|
|
1485
|
+
declare function ResizablePanel({ collapsedSize, defaultSize, minSize, maxSize, children, className, ...props }: ResizablePanelProps): react_jsx_runtime.JSX.Element;
|
|
1483
1486
|
declare namespace ResizablePanel {
|
|
1484
1487
|
var displayName: string;
|
|
1485
1488
|
}
|
|
1486
1489
|
/** Props for the resizable handle component. */
|
|
1487
|
-
interface ResizableHandleProps {
|
|
1490
|
+
interface ResizableHandleProps extends Omit<SeparatorProps$1, "children" | "className"> {
|
|
1488
1491
|
className?: string;
|
|
1489
1492
|
withHandle?: boolean;
|
|
1490
1493
|
}
|
|
1491
1494
|
/** Renders the resizable handle component. */
|
|
1492
|
-
declare function ResizableHandle({ className, withHandle, }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
|
|
1495
|
+
declare function ResizableHandle({ className, withHandle, ...props }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
|
|
1493
1496
|
declare namespace ResizableHandle {
|
|
1494
1497
|
var displayName: string;
|
|
1495
1498
|
}
|
|
@@ -3,6 +3,7 @@ import * as react from 'react';
|
|
|
3
3
|
import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, CSSProperties } from 'react';
|
|
4
4
|
import { ToggleProps as ToggleProps$1, ToggleGroupProps as ToggleGroupProps$1, AccordionContentProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps, DisclosureContentProps, DisclosureRootProps, DisclosureTriggerProps, TabProps, TabListProps, TabPanelProps, TabsRootProps, SelectItemProps, SelectPopoverProps, SelectLabelProps, SelectRootProps, SelectTriggerProps as SelectTriggerProps$1, AlertDialogPanelProps as AlertDialogPanelProps$1, DialogPanelProps as DialogPanelProps$1, DialogRootProps, ComboboxGroupProps, ComboboxGroupLabelProps, ComboboxInputProps, ComboboxItemProps, ComboboxPopoverProps, ComboboxRootProps, MenuPopoverProps, MenuItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps, MenuButtonArrowProps, MenuItemCheckboxProps, MenuItemRadioProps, MenubarContainerProps, MenubarRootProps, ToolbarButtonProps, ToolbarContainerProps, ToolbarRootProps, ToolbarSeparatorProps, TooltipProps, TooltipAnchorProps, TooltipProviderProps, FormCheckboxProps as FormCheckboxProps$1, FormInputProps as FormInputProps$1, FormDescriptionProps as FormDescriptionProps$1, FormErrorProps as FormErrorProps$1, FormFieldProps as FormFieldProps$1, FormGroupProps as FormGroupProps$1, FormGroupLabelProps as FormGroupLabelProps$1, FormLabelProps as FormLabelProps$1, FormProvider as FormProvider$1, FormPushProps as FormPushProps$1, FormRadioProps as FormRadioProps$1, FormRadioGroupProps as FormRadioGroupProps$1, FormRemoveProps as FormRemoveProps$1, FormResetProps as FormResetProps$1, FormRootProps as FormRootProps$1, FormStoreInstance, FormSubmitProps as FormSubmitProps$1, FormSwitchProps as FormSwitchProps$1, PopoverCloseProps, PopoverContentProps as PopoverContentProps$1, PopoverRootProps, PopoverTriggerProps } from '@reopt-ai/opt-ui-primitives';
|
|
5
5
|
import { S as StatCard$1 } from './types-D4-0lwaE.js';
|
|
6
|
+
import { SeparatorProps as SeparatorProps$1, PanelProps, GroupProps } from 'react-resizable-panels';
|
|
6
7
|
|
|
7
8
|
/** Props for the kbd component. */
|
|
8
9
|
interface KbdProps {
|
|
@@ -1456,40 +1457,42 @@ declare namespace Section {
|
|
|
1456
1457
|
var displayName: string;
|
|
1457
1458
|
}
|
|
1458
1459
|
|
|
1460
|
+
type PercentageSize = number | string;
|
|
1459
1461
|
/** Props for the resizable panel group component. */
|
|
1460
|
-
interface ResizablePanelGroupProps {
|
|
1462
|
+
interface ResizablePanelGroupProps extends Omit<GroupProps, "children" | "className" | "id" | "orientation"> {
|
|
1461
1463
|
direction: "horizontal" | "vertical";
|
|
1462
1464
|
children: react.ReactNode;
|
|
1463
1465
|
className?: string;
|
|
1466
|
+
id?: string;
|
|
1467
|
+
/** @deprecated Use `id` with `defaultLayout` and `onLayoutChanged`. */
|
|
1464
1468
|
autoSaveId?: string;
|
|
1465
1469
|
}
|
|
1466
1470
|
/** Renders the resizable panel group component. */
|
|
1467
|
-
declare function ResizablePanelGroup({ direction, children, className, autoSaveId, }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
|
|
1471
|
+
declare function ResizablePanelGroup({ direction, children, className, id, autoSaveId, ...props }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
|
|
1468
1472
|
declare namespace ResizablePanelGroup {
|
|
1469
1473
|
var displayName: string;
|
|
1470
1474
|
}
|
|
1471
1475
|
/** Props for the resizable panel component. */
|
|
1472
|
-
interface ResizablePanelProps {
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1476
|
+
interface ResizablePanelProps extends Omit<PanelProps, "children" | "className" | "collapsedSize" | "defaultSize" | "maxSize" | "minSize"> {
|
|
1477
|
+
collapsedSize?: PercentageSize;
|
|
1478
|
+
defaultSize?: PercentageSize;
|
|
1479
|
+
minSize?: PercentageSize;
|
|
1480
|
+
maxSize?: PercentageSize;
|
|
1477
1481
|
children: react.ReactNode;
|
|
1478
1482
|
className?: string;
|
|
1479
|
-
id?: string;
|
|
1480
1483
|
}
|
|
1481
1484
|
/** Renders the resizable panel component. */
|
|
1482
|
-
declare function ResizablePanel({ defaultSize, minSize, maxSize,
|
|
1485
|
+
declare function ResizablePanel({ collapsedSize, defaultSize, minSize, maxSize, children, className, ...props }: ResizablePanelProps): react_jsx_runtime.JSX.Element;
|
|
1483
1486
|
declare namespace ResizablePanel {
|
|
1484
1487
|
var displayName: string;
|
|
1485
1488
|
}
|
|
1486
1489
|
/** Props for the resizable handle component. */
|
|
1487
|
-
interface ResizableHandleProps {
|
|
1490
|
+
interface ResizableHandleProps extends Omit<SeparatorProps$1, "children" | "className"> {
|
|
1488
1491
|
className?: string;
|
|
1489
1492
|
withHandle?: boolean;
|
|
1490
1493
|
}
|
|
1491
1494
|
/** Renders the resizable handle component. */
|
|
1492
|
-
declare function ResizableHandle({ className, withHandle, }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
|
|
1495
|
+
declare function ResizableHandle({ className, withHandle, ...props }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
|
|
1493
1496
|
declare namespace ResizableHandle {
|
|
1494
1497
|
var displayName: string;
|
|
1495
1498
|
}
|