@k8ordo/ui 2.1.0 → 2.2.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/README.md +4 -4
- package/dist/components/_internal/form-value.d.mts +2 -1
- package/dist/components/ai/_internal/attachment-preview.d.mts +2 -1
- package/dist/components/ai/_internal/collapsible.d.mts +2 -1
- package/dist/components/ai/_internal/icons.d.mts +2 -1
- package/dist/components/ai/attachment/attachment.d.mts +2 -1
- package/dist/components/ai/conversation/conversation.d.mts +2 -1
- package/dist/components/ai/message/message.d.mts +2 -1
- package/dist/components/ai/prompt-input/prompt-input.d.mts +2 -1
- package/dist/components/ai/reasoning/index.mjs +1 -2
- package/dist/components/ai/reasoning/reasoning.d.mts +2 -1
- package/dist/components/ai/response/index.mjs +1 -2
- package/dist/components/ai/response/response.d.mts +2 -1
- package/dist/components/ai/source/source.d.mts +2 -1
- package/dist/components/ai/suggestion/suggestion.d.mts +2 -1
- package/dist/components/ai/tool-invocation/approval-bar.d.mts +2 -1
- package/dist/components/ai/tool-invocation/index.mjs +1 -2
- package/dist/components/ai/tool-invocation/tool-invocation.d.mts +2 -1
- package/dist/components/buttons/button/button.d.mts +2 -1
- package/dist/components/buttons/button/index.mjs +1 -2
- package/dist/components/buttons/copy-button/index.mjs +1 -2
- package/dist/components/buttons/icon-button/icon-button.d.mts +2 -1
- package/dist/components/buttons/icon-button/index.mjs +1 -2
- package/dist/components/buttons/toolbar/toolbar.d.mts +2 -1
- package/dist/components/data-display/avatar/avatar.d.mts +2 -1
- package/dist/components/data-display/avatar/index.mjs +1 -2
- package/dist/components/data-display/badge/badge.d.mts +2 -1
- package/dist/components/data-display/badge/index.mjs +1 -2
- package/dist/components/data-display/card/card.d.mts +2 -1
- package/dist/components/data-display/card/index.mjs +1 -2
- package/dist/components/data-display/carousel/carousel.d.mts +2 -1
- package/dist/components/data-display/code/code.d.mts +2 -1
- package/dist/components/data-display/code/find-all-colors.d.mts +2 -1
- package/dist/components/data-display/code/index.mjs +1 -2
- package/dist/components/data-display/code-block/code-block.d.mts +2 -1
- package/dist/components/data-display/code-block/highlight.d.mts +2 -1
- package/dist/components/data-display/code-block/index.mjs +1 -2
- package/dist/components/data-display/data-table/data-table.d.mts +2 -1
- package/dist/components/data-display/data-table/index.mjs +1 -2
- package/dist/components/data-display/heading/heading.d.mts +2 -1
- package/dist/components/data-display/heading/index.mjs +1 -2
- package/dist/components/data-display/kbd/index.mjs +1 -2
- package/dist/components/data-display/kbd/kbd.d.mts +2 -1
- package/dist/components/data-display/prose/index.mjs +1 -2
- package/dist/components/data-display/prose/prose.d.mts +2 -1
- package/dist/components/data-display/table/index.mjs +1 -2
- package/dist/components/data-display/table/table.d.mts +2 -1
- package/dist/components/data-display/tree/index.mjs +1 -2
- package/dist/components/data-display/tree/tree.css +1 -15
- package/dist/components/data-display/tree/tree.d.mts +2 -1
- package/dist/components/data-display/tree/tree.mjs +49 -56
- package/dist/components/data-display/tree/tree.module.mjs +0 -1
- package/dist/components/feedback/alert/alert.d.mts +2 -1
- package/dist/components/feedback/alert/index.mjs +1 -2
- package/dist/components/feedback/callout/callout.d.mts +2 -1
- package/dist/components/feedback/callout/index.mjs +1 -2
- package/dist/components/feedback/empty-state/empty-state.d.mts +2 -1
- package/dist/components/feedback/empty-state/index.mjs +1 -2
- package/dist/components/feedback/progress/index.mjs +1 -2
- package/dist/components/feedback/progress/progress.d.mts +2 -1
- package/dist/components/feedback/skeleton/index.mjs +1 -2
- package/dist/components/feedback/skeleton/skeleton.d.mts +2 -1
- package/dist/components/feedback/spinner/index.mjs +1 -2
- package/dist/components/feedback/spinner/spinner.d.mts +2 -1
- package/dist/components/feedback/toast/toast.d.mts +2 -1
- package/dist/components/form/autocomplete/autocomplete.d.mts +2 -1
- package/dist/components/form/autocomplete/index.mjs +1 -2
- package/dist/components/form/calendar/calendar.d.mts +2 -1
- package/dist/components/form/calendar/index.mjs +1 -2
- package/dist/components/form/checkbox/checkbox.d.mts +2 -1
- package/dist/components/form/checkbox/index.mjs +1 -2
- package/dist/components/form/checkbox-card/checkbox-card.d.mts +2 -1
- package/dist/components/form/checkbox-card/index.mjs +1 -2
- package/dist/components/form/color-picker/color-picker.d.mts +2 -1
- package/dist/components/form/color-picker/index.mjs +1 -2
- package/dist/components/form/combobox/combobox.d.mts +2 -1
- package/dist/components/form/combobox/index.mjs +1 -2
- package/dist/components/form/date-field/date-field.d.mts +2 -1
- package/dist/components/form/date-field/index.mjs +1 -2
- package/dist/components/form/date-picker/date-picker.d.mts +2 -1
- package/dist/components/form/date-picker/index.mjs +1 -2
- package/dist/components/form/file-field/file-field.d.mts +2 -1
- package/dist/components/form/form/form.d.mts +2 -1
- package/dist/components/form/form/index.mjs +1 -2
- package/dist/components/form/form-control/form-control.d.mts +2 -1
- package/dist/components/form/form-control/index.mjs +1 -2
- package/dist/components/form/number-field/index.mjs +1 -2
- package/dist/components/form/number-field/number-field.d.mts +2 -1
- package/dist/components/form/password-input/index.mjs +1 -2
- package/dist/components/form/password-input/password-input.d.mts +2 -1
- package/dist/components/form/radio/index.mjs +1 -2
- package/dist/components/form/radio/radio.d.mts +2 -1
- package/dist/components/form/radio-card/index.mjs +1 -2
- package/dist/components/form/radio-card/radio-card.d.mts +2 -1
- package/dist/components/form/range-slider/index.mjs +1 -2
- package/dist/components/form/range-slider/range-slider.d.mts +2 -1
- package/dist/components/form/select/index.mjs +1 -2
- package/dist/components/form/select/select.d.mts +2 -1
- package/dist/components/form/slider/index.mjs +1 -2
- package/dist/components/form/slider/slider.d.mts +2 -1
- package/dist/components/form/switch/index.mjs +1 -2
- package/dist/components/form/switch/switch.d.mts +2 -1
- package/dist/components/form/text-field/index.mjs +1 -2
- package/dist/components/form/text-field/text-field.d.mts +2 -1
- package/dist/components/form/textarea/index.mjs +1 -2
- package/dist/components/form/textarea/textarea.d.mts +2 -1
- package/dist/components/icons/lucide.d.mts +2 -1
- package/dist/components/layout/grid/index.mjs +1 -2
- package/dist/components/layout/resizable-panels/resizable-panels.d.mts +2 -1
- package/dist/components/layout/separator/index.mjs +1 -2
- package/dist/components/layout/separator/separator.d.mts +2 -1
- package/dist/components/layout/stack/index.mjs +1 -2
- package/dist/components/navigation/anchor/anchor.d.mts +2 -1
- package/dist/components/navigation/anchor/index.mjs +1 -2
- package/dist/components/navigation/breadcrumb/breadcrumb.d.mts +2 -1
- package/dist/components/navigation/pagination/index.mjs +1 -2
- package/dist/components/navigation/pagination/pagination.d.mts +2 -1
- package/dist/components/navigation/side-nav/side-nav.d.mts +2 -1
- package/dist/components/navigation/stepper/index.mjs +1 -2
- package/dist/components/navigation/stepper/stepper.d.mts +2 -1
- package/dist/components/navigation/table-of-contents/index.mjs +1 -2
- package/dist/components/observers/in-view/index.mjs +1 -2
- package/dist/components/observers/resize/index.mjs +1 -2
- package/dist/components/overlays/command-palette/command-palette.d.mts +2 -1
- package/dist/components/overlays/command-palette/index.mjs +1 -2
- package/dist/components/overlays/drawer/index.mjs +1 -2
- package/dist/components/overlays/dropdown-menu/hooks.d.mts +2 -1
- package/dist/components/overlays/modal/index.mjs +1 -2
- package/dist/components/overlays/popover/anchor-positioning.d.mts +2 -1
- package/dist/components/overlays/popover/hooks.d.mts +2 -1
- package/dist/helpers/chain.d.mts +2 -1
- package/dist/helpers/create-safe-context.d.mts +2 -1
- package/dist/helpers/merge-props.d.mts +2 -1
- package/dist/hooks/controllable-state/index.d.mts +2 -1
- package/dist/integrations/_shared/schemas.d.mts +2 -4
- package/dist/integrations/ai-sdk/index.mjs +1 -2
- package/dist/integrations/json-render/catalog.d.mts +2 -1
- package/dist/integrations/openui/form-views.d.mts +1 -1
- package/dist/integrations/openui/library.d.mts +4 -3
- package/docs/references/components.md +3 -0
- package/docs/references/generative-ui.md +5 -4
- package/package.json +33 -33
- package/dist/_virtual/_rolldown/runtime.mjs +0 -13
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Autocomplete };
|
|
1
|
+
export { Autocomplete } from "./autocomplete.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Calendar };
|
|
1
|
+
export { Calendar } from "./calendar.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Checkbox };
|
|
1
|
+
export { Checkbox } from "./checkbox.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { CheckboxCard };
|
|
1
|
+
export { CheckboxCard } from "./checkbox-card.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { ColorPicker };
|
|
1
|
+
export { ColorPicker } from "./color-picker.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Combobox };
|
|
1
|
+
export { Combobox } from "./combobox.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { DateField };
|
|
1
|
+
export { DateField } from "./date-field.mjs";
|
|
@@ -9,4 +9,5 @@ type Props = {
|
|
|
9
9
|
ref?: Ref<HTMLInputElement>;
|
|
10
10
|
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'children'>;
|
|
11
11
|
export declare const DatePicker: FC<Props>;
|
|
12
|
-
//#endregion
|
|
12
|
+
//#endregion
|
|
13
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { DatePicker };
|
|
1
|
+
export { DatePicker } from "./date-picker.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Form };
|
|
1
|
+
export { Form } from "./form.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { FormControl };
|
|
1
|
+
export { FormControl } from "./form-control.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { NumberField };
|
|
1
|
+
export { NumberField } from "./number-field.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { PasswordInput };
|
|
1
|
+
export { PasswordInput } from "./password-input.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Radio };
|
|
1
|
+
export { Radio } from "./radio.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { RadioCard };
|
|
1
|
+
export { RadioCard } from "./radio-card.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { RangeSlider };
|
|
1
|
+
export { RangeSlider } from "./range-slider.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Select };
|
|
1
|
+
export { Select } from "./select.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Slider };
|
|
1
|
+
export { Slider } from "./slider.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Switch };
|
|
1
|
+
export { Switch } from "./switch.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { TextField };
|
|
1
|
+
export { TextField } from "./text-field.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Textarea };
|
|
1
|
+
export { Textarea } from "./textarea.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Grid };
|
|
1
|
+
export { Grid } from "./grid.mjs";
|
|
@@ -18,4 +18,5 @@ export declare const Panel: FC<{
|
|
|
18
18
|
ref?: Ref<HTMLDivElement>;
|
|
19
19
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>>;
|
|
20
20
|
export declare const Handle: FC<Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role' | 'children' | 'tabIndex' | 'aria-orientation' | 'aria-valuenow' | 'aria-valuemin' | 'aria-valuemax' | 'aria-controls'>>;
|
|
21
|
-
//#endregion
|
|
21
|
+
//#endregion
|
|
22
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Separator };
|
|
1
|
+
export { Separator } from "./separator.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Stack };
|
|
1
|
+
export { Stack } from "./stack.mjs";
|
|
@@ -16,4 +16,5 @@ type Props<T extends string> = {
|
|
|
16
16
|
renderAnchor?: (props: RenderAnchorProps<T>) => ReactNode;
|
|
17
17
|
} & RestProps;
|
|
18
18
|
export declare const Anchor: <T extends string>({ href, children, openInNewTab, renderAnchor, ...rest }: Props<T>) => ReactNode;
|
|
19
|
-
//#endregion
|
|
19
|
+
//#endregion
|
|
20
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Anchor };
|
|
1
|
+
export { Anchor } from "./anchor.mjs";
|
|
@@ -15,4 +15,5 @@ export declare const Link: <T extends string>({ href, current, children, renderA
|
|
|
15
15
|
current?: boolean;
|
|
16
16
|
renderAnchor?: (props: RenderBreadcrumbAnchorProps<T>) => ReactNode;
|
|
17
17
|
}>) => string | number | bigint | boolean | import("react").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;
|
|
18
|
-
//#endregion
|
|
18
|
+
//#endregion
|
|
19
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Pagination };
|
|
1
|
+
export { Pagination } from "./pagination.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Stepper };
|
|
1
|
+
export { Stepper } from "./stepper.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { TableOfContents };
|
|
1
|
+
export { TableOfContents } from "./table-of-contents.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { InView };
|
|
1
|
+
export { InView } from "./in-view.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Resize };
|
|
1
|
+
export { Resize } from "./resize.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { CommandPalette };
|
|
1
|
+
export { CommandPalette } from "./command-palette.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Drawer };
|
|
1
|
+
export { Drawer } from "./drawer.mjs";
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Modal };
|
|
1
|
+
export { Modal } from "./modal.mjs";
|
|
@@ -22,4 +22,5 @@ export declare const toAnchorName: (id: string) => string;
|
|
|
22
22
|
* `flipDisabled` のときは position-try-fallbacks を付けず、はみ出しても反転しない。
|
|
23
23
|
*/
|
|
24
24
|
export declare const getContentAnchorStyle: (anchorName: string, placement: Placement, flipDisabled: boolean) => AnchorCSSProperties;
|
|
25
|
-
//#endregion
|
|
25
|
+
//#endregion
|
|
26
|
+
export {};
|
package/dist/helpers/chain.d.mts
CHANGED
|
@@ -2,4 +2,5 @@ import { Context } from "react";
|
|
|
2
2
|
//#region src/helpers/create-safe-context.d.ts
|
|
3
3
|
type CreateSafeContextReturn<T> = readonly [Context<T | null>, () => T];
|
|
4
4
|
export declare const createSafeContext: <T>(errorMessage: string) => CreateSafeContextReturn<T>;
|
|
5
|
-
//#endregion
|
|
5
|
+
//#endregion
|
|
6
|
+
export {};
|
|
@@ -5,4 +5,5 @@ type UseControllableStateProps<T> = {
|
|
|
5
5
|
onChange?: (value: T) => void;
|
|
6
6
|
};
|
|
7
7
|
export declare const useControllableState: <T>({ value, defaultValue, onChange }: UseControllableStateProps<T>) => [T, (next: T | ((prev: T) => T)) => void];
|
|
8
|
-
//#endregion
|
|
8
|
+
//#endregion
|
|
9
|
+
export {};
|
|
@@ -39,9 +39,7 @@ import "../../components/overlays/modal/index.mjs";
|
|
|
39
39
|
import { IconButton } from "../../components/buttons/icon-button/icon-button.mjs";
|
|
40
40
|
import { ComponentProps } from "react";
|
|
41
41
|
import { z } from "zod";
|
|
42
|
-
|
|
43
|
-
export { AccordionProps, AlertProps, AnchorProps, AutocompleteProps, AvatarProps, BadgeProps, BreadcrumbProps, ButtonProps, CalendarProps, CalloutProps, CardProps, CarouselProps, CheckboxCardProps, CheckboxGroupProps, CheckboxProps, ChevronIconProps, CodeProps, ColorPickerProps, ComboboxProps, CopyButtonProps, DataTableProps, DateFieldProps, DatePickerProps, DialogProps, DrawerProps, DropdownMenuProps, EmptyStateProps, FileFieldProps, FormControlProps, FormProps, GridProps, HeadingProps, IconButtonProps, IconName, IconProps, KbdProps, ListBoxProps, ModalProps, NumberFieldProps, PaginationProps, PasswordInputProps, PopoverProps, ProgressProps, RadioCardProps, RadioProps, RangeSliderProps, SelectProps, SeparatorProps, SideNavProps, SkeletonProps, SliderProps, SpinnerProps, StackProps, StatusIconProps, StepperProps, SwitchProps, TableProps, TabsProps, TextFieldProps, TextareaProps, ToastProps, ToolbarProps, TooltipProps, TreeProps, _EnumCoverage, accordionProps, alertProps, anchorProps, autocompleteProps, avatarProps, badgeProps, breadcrumbProps, buttonProps, calendarProps, calloutProps, cardProps, carouselProps, checkboxCardProps, checkboxGroupProps, checkboxProps, chevronIconProps, codeProps, colorPickerProps, comboboxProps, copyButtonProps, dataTableProps, dateFieldProps, datePickerProps, dialogProps, drawerProps, dropdownMenuProps, emptyStateProps, fileFieldProps, formControlProps, formProps, gridProps, headingProps, iconButtonProps, iconName, iconProps, kbdProps, listBoxProps, modalProps, numberFieldProps, paginationProps, passwordInputProps, popoverProps, progressProps, radioCardProps, radioProps, rangeSliderProps, selectProps, separatorProps, sideNavProps, skeletonProps, sliderProps, spinnerProps, stackProps, statusIconProps, stepperProps, switchProps, tableProps, tabsProps, textFieldProps, textareaProps, toastProps, toolbarProps, tooltipProps, treeProps };
|
|
44
|
-
}
|
|
42
|
+
//#region src/integrations/_shared/schemas.d.ts
|
|
45
43
|
export declare const buttonProps: z.ZodObject<{
|
|
46
44
|
label: z.ZodString;
|
|
47
45
|
variant: z.ZodOptional<z.ZodEnum<{
|
|
@@ -999,4 +997,4 @@ type CoversComponent<Component, Zod> = [Exclude<NonNullable<Component>, Zod>] ex
|
|
|
999
997
|
type AssertCovered<T extends true> = T;
|
|
1000
998
|
export type _EnumCoverage = [AssertCovered<CoversComponent<ComponentProps<typeof Button>['variant'], ButtonProps['variant']>>, AssertCovered<CoversComponent<ComponentProps<typeof Button>['color'], ButtonProps['color']>>, AssertCovered<CoversComponent<ComponentProps<typeof Button>['size'], ButtonProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof Badge>['tone'], BadgeProps['tone']>>, AssertCovered<CoversComponent<ComponentProps<typeof Badge>['variant'], BadgeProps['variant']>>, AssertCovered<CoversComponent<ComponentProps<typeof Badge>['size'], BadgeProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof Card>['width'], CardProps['width']>>, AssertCovered<CoversComponent<ComponentProps<typeof Card>['variant'], CardProps['variant']>>, AssertCovered<CoversComponent<ComponentProps<typeof Alert>['tone'], AlertProps['tone']>>, AssertCovered<CoversComponent<ComponentProps<typeof Callout>['tone'], CalloutProps['tone']>>, AssertCovered<CoversComponent<ComponentProps<typeof Separator>['orientation'], SeparatorProps['orientation']>>, AssertCovered<CoversComponent<ComponentProps<typeof Separator>['color'], SeparatorProps['color']>>, AssertCovered<CoversComponent<ComponentProps<typeof Modal>['side'], ModalProps['side']>>, AssertCovered<CoversComponent<ComponentProps<typeof Drawer>['side'], DrawerProps['side']>>, AssertCovered<CoversComponent<ComponentProps<typeof Heading>['level'], HeadingProps['level']>>, AssertCovered<CoversComponent<ComponentProps<typeof Avatar>['size'], AvatarProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof Spinner>['size'], SpinnerProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof Skeleton>['shape'], SkeletonProps['shape']>>, AssertCovered<CoversComponent<ComponentProps<typeof Skeleton>['size'], SkeletonProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof IconButton>['size'], IconButtonProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof IconButton>['color'], IconButtonProps['color']>>, AssertCovered<CoversComponent<ComponentProps<typeof CopyButton>['size'], CopyButtonProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof ChevronIcon>['direction'], ChevronIconProps['direction']>>, AssertCovered<CoversComponent<ComponentProps<typeof AlertIcon>['status'], StatusIconProps['status']>>, AssertCovered<CoversComponent<ComponentProps<typeof Stack>['direction'], StackProps['direction']>>, AssertCovered<CoversComponent<ComponentProps<typeof Stack>['gap'], StackProps['gap']>>, AssertCovered<CoversComponent<ComponentProps<typeof Stack>['align'], StackProps['align']>>, AssertCovered<CoversComponent<ComponentProps<typeof Stack>['justify'], StackProps['justify']>>, AssertCovered<CoversComponent<ComponentProps<typeof Grid>['cols'], GridProps['cols']>>, AssertCovered<CoversComponent<ComponentProps<typeof Grid>['minItemSize'], GridProps['minItemSize']>>, AssertCovered<CoversComponent<ComponentProps<typeof Grid>['gap'], GridProps['gap']>>, AssertCovered<CoversComponent<ComponentProps<typeof Breadcrumb.List>['size'], BreadcrumbProps['size']>>, AssertCovered<CoversComponent<ComponentProps<typeof Carousel.Root>['slideSize'], CarouselProps['slideSize']>>, AssertCovered<CoversComponent<ComponentProps<typeof Stepper>['orientation'], StepperProps['orientation']>>, AssertCovered<CoversComponent<ComponentProps<typeof Toolbar.Root>['orientation'], ToolbarProps['orientation']>>];
|
|
1001
999
|
//#endregion
|
|
1002
|
-
export {
|
|
1000
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { mapMessageParts };
|
|
1
|
+
export { mapMessageParts } from "./map-parts.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AutocompleteProps, CalendarProps, CheckboxCardProps, CheckboxGroupProps, CheckboxProps, ColorPickerProps, ComboboxProps, DateFieldProps, DatePickerProps, ListBoxProps, NumberFieldProps, PaginationProps, PasswordInputProps, RadioCardProps, RadioProps, RangeSliderProps, SelectProps, SliderProps, SwitchProps, TextFieldProps, TextareaProps
|
|
1
|
+
import { AutocompleteProps, CalendarProps, CheckboxCardProps, CheckboxGroupProps, CheckboxProps, ColorPickerProps, ComboboxProps, DateFieldProps, DatePickerProps, ListBoxProps, NumberFieldProps, PaginationProps, PasswordInputProps, RadioCardProps, RadioProps, RangeSliderProps, SelectProps, SliderProps, SwitchProps, TextFieldProps, TextareaProps } from "../_shared/schemas.mjs";
|
|
2
2
|
import { FC } from "react";
|
|
3
3
|
import { ComponentRenderProps } from "@openuidev/react-lang";
|
|
4
4
|
//#region src/integrations/openui/form-views.d.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AccordionProps, AlertProps, AnchorProps, AvatarProps, BadgeProps, BreadcrumbProps, ButtonProps, CalloutProps, CardProps, CarouselProps, ChevronIconProps, CodeProps, CopyButtonProps, DataTableProps, DialogProps, DrawerProps, DropdownMenuProps, EmptyStateProps, FileFieldProps, FormControlProps, FormProps, GridProps, HeadingProps, IconButtonProps, IconProps, KbdProps, ModalProps, PopoverProps, ProgressProps, SeparatorProps, SideNavProps, SkeletonProps, SpinnerProps, StackProps, StatusIconProps, StepperProps, TableProps, TabsProps, ToastProps, ToolbarProps, TooltipProps, TreeProps
|
|
1
|
+
import { AccordionProps, AlertProps, AnchorProps, AvatarProps, BadgeProps, BreadcrumbProps, ButtonProps, CalloutProps, CardProps, CarouselProps, ChevronIconProps, CodeProps, CopyButtonProps, DataTableProps, DialogProps, DrawerProps, DropdownMenuProps, EmptyStateProps, FileFieldProps, FormControlProps, FormProps, GridProps, HeadingProps, IconButtonProps, IconProps, KbdProps, ModalProps, PopoverProps, ProgressProps, SeparatorProps, SideNavProps, SkeletonProps, SpinnerProps, StackProps, StatusIconProps, StepperProps, TableProps, TabsProps, ToastProps, ToolbarProps, TooltipProps, TreeProps } from "../_shared/schemas.mjs";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
import { ComponentRenderProps } from "@openuidev/react-lang";
|
|
4
4
|
//#region src/integrations/openui/library.d.ts
|
|
@@ -199,5 +199,6 @@ export declare const library: import("@openuidev/lang-core").Library<import("rea
|
|
|
199
199
|
defaultValue?: string[] | undefined;
|
|
200
200
|
invalid?: boolean | undefined;
|
|
201
201
|
disabled?: boolean | undefined;
|
|
202
|
-
}>> | (({ props, renderNode }: ContainerRenderProps<StackProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<GridProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<CardProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<FormProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<ModalProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<DialogProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<DrawerProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<PopoverProps>) => ReactNode) | (({ props }: ComponentRenderProps<TooltipProps>) => ReactNode) | (({ props }: ComponentRenderProps<DropdownMenuProps>) => ReactNode) | (({ props }: ComponentRenderProps<ToolbarProps>) => ReactNode) | (({ props }: ComponentRenderProps<ToastProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<ButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<IconButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<CopyButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<BadgeProps>) => ReactNode) | (({ props }: ComponentRenderProps<HeadingProps>) => ReactNode) | (({ props }: ComponentRenderProps<AnchorProps>) => ReactNode) | (({ props }: ComponentRenderProps<AvatarProps>) => ReactNode) | (({ props }: ComponentRenderProps<CodeProps>) => ReactNode) | (({ props }: ComponentRenderProps<KbdProps>) => ReactNode) | (({ props }: ComponentRenderProps<EmptyStateProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<CarouselProps>) => ReactNode) | (({ props }: ComponentRenderProps<IconProps>) => ReactNode) | (({ props }: ComponentRenderProps<ChevronIconProps>) => ReactNode) | (({ props }: ComponentRenderProps<StatusIconProps>) => ReactNode) | (({ props }: ComponentRenderProps<AlertProps>) => ReactNode) | (({ props }: ComponentRenderProps<CalloutProps>) => ReactNode) | (({ props }: ComponentRenderProps<SpinnerProps>) => ReactNode) | (({ props }: ComponentRenderProps<ProgressProps>) => ReactNode) | (({ props }: ComponentRenderProps<SkeletonProps>) => ReactNode) | (({ props }: ComponentRenderProps<SeparatorProps>) => ReactNode) | (({ props }: ComponentRenderProps<TabsProps>) => ReactNode) | (({ props }: ComponentRenderProps<AccordionProps>) => ReactNode) | (({ props }: ComponentRenderProps<BreadcrumbProps>) => ReactNode) | (({ props }: ComponentRenderProps<StepperProps>) => ReactNode) | (({ props }: ComponentRenderProps<TableProps>) => ReactNode) | (({ props }: ComponentRenderProps<DataTableProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<TreeProps>) => ReactNode) | (({ props }: ComponentRenderProps<SideNavProps>) => ReactNode) | (({ props }: ComponentRenderProps<FileFieldProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<FormControlProps>) => import("react").JSX.Element)
|
|
203
|
-
//#endregion
|
|
202
|
+
}>> | (({ props, renderNode }: ContainerRenderProps<StackProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<GridProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<CardProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<FormProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<ModalProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<DialogProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<DrawerProps>) => import("react").JSX.Element) | (({ props, renderNode }: ContainerRenderProps<PopoverProps>) => ReactNode) | (({ props }: ComponentRenderProps<TooltipProps>) => ReactNode) | (({ props }: ComponentRenderProps<DropdownMenuProps>) => ReactNode) | (({ props }: ComponentRenderProps<ToolbarProps>) => ReactNode) | (({ props }: ComponentRenderProps<ToastProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<ButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<IconButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<CopyButtonProps>) => ReactNode) | (({ props }: ComponentRenderProps<BadgeProps>) => ReactNode) | (({ props }: ComponentRenderProps<HeadingProps>) => ReactNode) | (({ props }: ComponentRenderProps<AnchorProps>) => ReactNode) | (({ props }: ComponentRenderProps<AvatarProps>) => ReactNode) | (({ props }: ComponentRenderProps<CodeProps>) => ReactNode) | (({ props }: ComponentRenderProps<KbdProps>) => ReactNode) | (({ props }: ComponentRenderProps<EmptyStateProps>) => ReactNode) | (({ props, renderNode }: ContainerRenderProps<CarouselProps>) => ReactNode) | (({ props }: ComponentRenderProps<IconProps>) => ReactNode) | (({ props }: ComponentRenderProps<ChevronIconProps>) => ReactNode) | (({ props }: ComponentRenderProps<StatusIconProps>) => ReactNode) | (({ props }: ComponentRenderProps<AlertProps>) => ReactNode) | (({ props }: ComponentRenderProps<CalloutProps>) => ReactNode) | (({ props }: ComponentRenderProps<SpinnerProps>) => ReactNode) | (({ props }: ComponentRenderProps<ProgressProps>) => ReactNode) | (({ props }: ComponentRenderProps<SkeletonProps>) => ReactNode) | (({ props }: ComponentRenderProps<SeparatorProps>) => ReactNode) | (({ props }: ComponentRenderProps<TabsProps>) => ReactNode) | (({ props }: ComponentRenderProps<AccordionProps>) => ReactNode) | (({ props }: ComponentRenderProps<BreadcrumbProps>) => ReactNode) | (({ props }: ComponentRenderProps<StepperProps>) => ReactNode) | (({ props }: ComponentRenderProps<TableProps>) => ReactNode) | (({ props }: ComponentRenderProps<DataTableProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<TreeProps>) => ReactNode) | (({ props }: ComponentRenderProps<SideNavProps>) => ReactNode) | (({ props }: ComponentRenderProps<FileFieldProps>) => import("react").JSX.Element) | (({ props }: ComponentRenderProps<FormControlProps>) => import("react").JSX.Element), import("@openuidev/lang-core").DefinedAction<any, string>>;
|
|
203
|
+
//#endregion
|
|
204
|
+
export {};
|
|
@@ -1857,6 +1857,9 @@ import { Tree } from '@k8ordo/ui';
|
|
|
1857
1857
|
- Clicking a node selects it and, on a parent, opens or closes it.
|
|
1858
1858
|
- One node takes Tab at a time (roving tabindex): the focused one, else the
|
|
1859
1859
|
selected one, else the first.
|
|
1860
|
+
- The visible nodes render as one flat list of `treeitem`s, with no nested
|
|
1861
|
+
`group`: the depth is `aria-level`, and the place among siblings is
|
|
1862
|
+
`aria-posinset` / `aria-setsize`. A node's accessible name is its own label.
|
|
1860
1863
|
- Under `.writing-v` the nodes run right to left, so Left / Right move between
|
|
1861
1864
|
them and Down / Up open and close.
|
|
1862
1865
|
|
|
@@ -19,10 +19,11 @@ component library with it and `@k8ordo/ui/openui/prompt` is the React-free entry
|
|
|
19
19
|
on top of it. `@openuidev/react-lang` depends on it as well, but pnpm will not
|
|
20
20
|
let your app resolve a dependency of a dependency — declare it yourself.
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
the package's README
|
|
25
|
-
npm) lists the current
|
|
22
|
+
json-render is 0.x, where a minor bump is a breaking release, so `@k8ordo/ui`
|
|
23
|
+
declares a range that stops at the next minor; OpenUI is 1.x, and the range
|
|
24
|
+
stops at the next major. The peer table in the package's README
|
|
25
|
+
(`node_modules/@k8ordo/ui/README.md` when installed via npm) lists the current
|
|
26
|
+
range for each package. Pick a version inside it.
|
|
26
27
|
|
|
27
28
|
Within that range, resolve exactly **one copy** of each framework. The adapters
|
|
28
29
|
read the framework's own React context — `useStateField` for OpenUI,
|