@dxos/react-ui-list 0.9.0 → 0.9.1-main.c7dcc2e112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/dist/lib/browser/index.mjs +993 -521
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +993 -521
  5. package/dist/lib/node-esm/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/types/src/aspects/index.d.ts +6 -0
  8. package/dist/types/src/aspects/index.d.ts.map +1 -0
  9. package/dist/types/src/aspects/useListDisclosure.d.ts +60 -0
  10. package/dist/types/src/aspects/useListDisclosure.d.ts.map +1 -0
  11. package/dist/types/src/aspects/useListDisclosure.test.d.ts +2 -0
  12. package/dist/types/src/aspects/useListDisclosure.test.d.ts.map +1 -0
  13. package/dist/types/src/aspects/useListGrid.d.ts +30 -0
  14. package/dist/types/src/aspects/useListGrid.d.ts.map +1 -0
  15. package/dist/types/src/aspects/useListGrid.test.d.ts +2 -0
  16. package/dist/types/src/aspects/useListGrid.test.d.ts.map +1 -0
  17. package/dist/types/src/aspects/useListNavigation.d.ts +68 -0
  18. package/dist/types/src/aspects/useListNavigation.d.ts.map +1 -0
  19. package/dist/types/src/aspects/useListNavigation.test.d.ts +2 -0
  20. package/dist/types/src/aspects/useListNavigation.test.d.ts.map +1 -0
  21. package/dist/types/src/aspects/useListSelection.d.ts +48 -0
  22. package/dist/types/src/aspects/useListSelection.d.ts.map +1 -0
  23. package/dist/types/src/aspects/useListSelection.test.d.ts +2 -0
  24. package/dist/types/src/aspects/useListSelection.test.d.ts.map +1 -0
  25. package/dist/types/src/aspects/useReorder.d.ts +103 -0
  26. package/dist/types/src/aspects/useReorder.d.ts.map +1 -0
  27. package/dist/types/src/components/Accordion/Accordion.d.ts +1 -1
  28. package/dist/types/src/components/Accordion/AccordionItem.d.ts +5 -3
  29. package/dist/types/src/components/Accordion/AccordionItem.d.ts.map +1 -1
  30. package/dist/types/src/components/Accordion/AccordionRoot.d.ts +1 -1
  31. package/dist/types/src/components/Accordion/AccordionRoot.d.ts.map +1 -1
  32. package/dist/types/src/components/Listbox/Listbox.d.ts +60 -20
  33. package/dist/types/src/components/Listbox/Listbox.d.ts.map +1 -1
  34. package/dist/types/src/components/Listbox/Listbox.stories.d.ts +27 -3
  35. package/dist/types/src/components/Listbox/Listbox.stories.d.ts.map +1 -1
  36. package/dist/types/src/components/OrderedList/OrderedList.d.ts +49 -0
  37. package/dist/types/src/components/OrderedList/OrderedList.d.ts.map +1 -0
  38. package/dist/types/src/components/OrderedList/OrderedList.stories.d.ts +11 -0
  39. package/dist/types/src/components/OrderedList/OrderedList.stories.d.ts.map +1 -0
  40. package/dist/types/src/components/OrderedList/OrderedList.test.d.ts +2 -0
  41. package/dist/types/src/components/OrderedList/OrderedList.test.d.ts.map +1 -0
  42. package/dist/types/src/components/OrderedList/OrderedListItem.d.ts +94 -0
  43. package/dist/types/src/components/OrderedList/OrderedListItem.d.ts.map +1 -0
  44. package/dist/types/src/components/OrderedList/OrderedListRoot.d.ts +73 -0
  45. package/dist/types/src/components/OrderedList/OrderedListRoot.d.ts.map +1 -0
  46. package/dist/types/src/components/OrderedList/index.d.ts +2 -0
  47. package/dist/types/src/components/OrderedList/index.d.ts.map +1 -0
  48. package/dist/types/src/components/Tree/TreeItem.d.ts.map +1 -1
  49. package/dist/types/src/components/Tree/TreeItemHeading.d.ts.map +1 -1
  50. package/dist/types/src/components/index.d.ts +1 -2
  51. package/dist/types/src/components/index.d.ts.map +1 -1
  52. package/dist/types/src/index.d.ts +1 -0
  53. package/dist/types/src/index.d.ts.map +1 -1
  54. package/dist/types/src/vitest-setup.d.ts +2 -0
  55. package/dist/types/src/vitest-setup.d.ts.map +1 -0
  56. package/dist/types/tsconfig.tsbuildinfo +1 -1
  57. package/package.json +18 -15
  58. package/src/aspects/index.ts +9 -0
  59. package/src/aspects/useListDisclosure.test.ts +72 -0
  60. package/src/aspects/useListDisclosure.ts +160 -0
  61. package/src/aspects/useListGrid.test.ts +41 -0
  62. package/src/aspects/useListGrid.ts +61 -0
  63. package/src/aspects/useListNavigation.test.ts +44 -0
  64. package/src/aspects/useListNavigation.ts +160 -0
  65. package/src/aspects/useListSelection.test.ts +101 -0
  66. package/src/aspects/useListSelection.ts +162 -0
  67. package/src/aspects/useReorder.ts +370 -0
  68. package/src/components/Accordion/Accordion.stories.tsx +1 -1
  69. package/src/components/Accordion/AccordionItem.tsx +11 -6
  70. package/src/components/Accordion/AccordionRoot.tsx +4 -1
  71. package/src/components/Listbox/Listbox.stories.tsx +171 -21
  72. package/src/components/Listbox/Listbox.tsx +302 -145
  73. package/src/components/OrderedList/OrderedList.stories.tsx +379 -0
  74. package/src/components/OrderedList/OrderedList.test.tsx +59 -0
  75. package/src/components/OrderedList/OrderedList.tsx +63 -0
  76. package/src/components/OrderedList/OrderedListItem.tsx +348 -0
  77. package/src/components/OrderedList/OrderedListRoot.tsx +173 -0
  78. package/src/components/OrderedList/index.ts +5 -0
  79. package/src/components/Tree/TreeItem.tsx +2 -0
  80. package/src/components/Tree/TreeItemHeading.tsx +1 -2
  81. package/src/components/index.ts +1 -2
  82. package/src/index.ts +1 -0
  83. package/src/vitest-setup.ts +11 -0
  84. package/dist/types/src/components/List/List.d.ts +0 -40
  85. package/dist/types/src/components/List/List.d.ts.map +0 -1
  86. package/dist/types/src/components/List/List.stories.d.ts +0 -18
  87. package/dist/types/src/components/List/List.stories.d.ts.map +0 -1
  88. package/dist/types/src/components/List/ListItem.d.ts +0 -49
  89. package/dist/types/src/components/List/ListItem.d.ts.map +0 -1
  90. package/dist/types/src/components/List/ListRoot.d.ts +0 -29
  91. package/dist/types/src/components/List/ListRoot.d.ts.map +0 -1
  92. package/dist/types/src/components/List/index.d.ts +0 -2
  93. package/dist/types/src/components/List/index.d.ts.map +0 -1
  94. package/dist/types/src/components/List/testing.d.ts +0 -15
  95. package/dist/types/src/components/List/testing.d.ts.map +0 -1
  96. package/dist/types/src/components/RowList/RowList.d.ts +0 -61
  97. package/dist/types/src/components/RowList/RowList.d.ts.map +0 -1
  98. package/dist/types/src/components/RowList/RowList.stories.d.ts +0 -35
  99. package/dist/types/src/components/RowList/RowList.stories.d.ts.map +0 -1
  100. package/dist/types/src/components/RowList/index.d.ts +0 -3
  101. package/dist/types/src/components/RowList/index.d.ts.map +0 -1
  102. package/src/components/List/List.stories.tsx +0 -129
  103. package/src/components/List/List.tsx +0 -47
  104. package/src/components/List/ListItem.tsx +0 -287
  105. package/src/components/List/ListRoot.tsx +0 -106
  106. package/src/components/List/index.ts +0 -5
  107. package/src/components/List/testing.ts +0 -31
  108. package/src/components/RowList/RowList.stories.tsx +0 -163
  109. package/src/components/RowList/RowList.tsx +0 -350
  110. package/src/components/RowList/index.ts +0 -6
@@ -1,27 +1,67 @@
1
- import { type Scope } from '@radix-ui/react-context';
2
- import React, { type ComponentPropsWithRef } from 'react';
3
- import { type IconProps, type ThemedClassName } from '@dxos/react-ui';
4
- type ListboxScopedProps<P> = P & {
5
- __listboxScope?: Scope;
6
- };
7
- declare const createListboxScope: import("@radix-ui/react-context").CreateScope;
8
- type ListboxRootProps = ThemedClassName<ComponentPropsWithRef<'ul'>> & {
1
+ import React, { type ComponentPropsWithRef, type FocusEvent, type MouseEvent, type PropsWithChildren } from 'react';
2
+ import { type IconProps, type ScrollAreaRootProps, type ThemedClassName } from '@dxos/react-ui';
3
+ type RootProps = PropsWithChildren<{
4
+ /** Currently-selected option id (controlled). */
9
5
  value?: string;
6
+ /** Initial selected option for uncontrolled mode. */
10
7
  defaultValue?: string;
8
+ /**
9
+ * Called when the user picks a different option (click, arrow keys, focus). Receives the
10
+ * option's `id` prop. Selection cannot clear to `undefined` from the UI in single-select
11
+ * mode (clicking an already-selected row is a no-op), so the callback always receives a
12
+ * defined id.
13
+ */
11
14
  onValueChange?: (value: string) => void;
12
- /** Reserved autoFocus on mount. RowList's focus-on-entry covers the typical case. */
15
+ /** Reserved for parity with the prior `Listbox.Root`; focus-on-entry already covers most cases. */
13
16
  autoFocus?: boolean;
17
+ }>;
18
+ declare function Root({ value, defaultValue, onValueChange, autoFocus: _autoFocus, children }: RootProps): React.JSX.Element;
19
+ declare namespace Root {
20
+ var displayName: string;
21
+ }
22
+ type ViewportProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
23
+ type ContentProps = {
24
+ /**
25
+ * Accessible label for the listbox. Strongly recommended; assistive tech announces this
26
+ * when focus enters the list.
27
+ */
28
+ 'aria-label'?: string;
14
29
  };
15
- type ListboxOptionProps = ThemedClassName<ComponentPropsWithRef<'li'>> & {
16
- value: string;
17
- };
18
- type ListboxOptionIndicatorProps = Omit<IconProps, 'icon'> & Partial<Pick<IconProps, 'icon'>>;
19
- export declare const Listbox: {
20
- Root: React.ForwardRefExoticComponent<Omit<ListboxRootProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
21
- Option: React.ForwardRefExoticComponent<Omit<ListboxOptionProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
22
- OptionLabel: React.ForwardRefExoticComponent<Omit<ThemedClassName<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
- OptionIndicator: React.ForwardRefExoticComponent<Omit<ListboxOptionIndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
30
+ type ItemProps = PropsWithChildren<{
31
+ /** Stable identifier; matched against the parent's `value`. */
32
+ id: string;
33
+ /** Disable the row — focusable but doesn't update selection, dimmed. */
34
+ disabled?: boolean;
35
+ /** Optional click handler in addition to selection. */
36
+ onClick?: (event: MouseEvent<HTMLLIElement>) => void;
37
+ /** Optional focus handler in addition to selection-follows-focus. */
38
+ onFocus?: (event: FocusEvent<HTMLLIElement>) => void;
39
+ }>;
40
+ type ItemLabelProps = ThemedClassName<ComponentPropsWithRef<'span'>>;
41
+ type IndicatorProps = Omit<IconProps, 'icon'> & Partial<Pick<IconProps, 'icon'>>;
42
+ /**
43
+ * Read selection state for a single id from inside any descendant of `<Listbox.Root>`.
44
+ * Returns `true` when the row is currently selected. Lets composing components react to
45
+ * selection without re-rendering on unrelated changes.
46
+ */
47
+ declare const useListboxSelection: (id: string) => boolean;
48
+ declare const Listbox: {
49
+ Root: {
50
+ ({ value, defaultValue, onValueChange, autoFocus: _autoFocus, children }: RootProps): React.JSX.Element;
51
+ displayName: string;
52
+ };
53
+ Viewport: React.ForwardRefExoticComponent<Omit<ViewportProps, "className"> & {
54
+ classNames?: import("@dxos/ui-types").ClassNameValue;
55
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
56
+ Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
57
+ classNames?: import("@dxos/ui-types").ClassNameValue;
58
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLUListElement>>;
59
+ Item: React.ForwardRefExoticComponent<Omit<ItemProps, "className"> & {
60
+ classNames?: import("@dxos/ui-types").ClassNameValue;
61
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLLIElement>>;
62
+ ItemLabel: React.ForwardRefExoticComponent<Omit<ItemLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
63
+ Indicator: React.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
24
64
  };
25
- export { createListboxScope };
26
- export type { ListboxRootProps, ListboxOptionProps, ListboxScopedProps };
65
+ export { Listbox, useListboxSelection };
66
+ export type { RootProps as ListboxRootProps, ViewportProps as ListboxViewportProps, ContentProps as ListboxContentProps, ItemProps as ListboxItemProps, ItemLabelProps as ListboxItemLabelProps, IndicatorProps as ListboxIndicatorProps, };
27
67
  //# sourceMappingURL=Listbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA8B,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAkB5E,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAG5D,QAAA,MAA6B,kBAAkB,+CAA0D,CAAC;AAoB1G,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAiCF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAiEF,KAAK,2BAA2B,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAwB9F,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,MAAM;IACN,WAAW;IACX,eAAe;CAChB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EAEf,KAAK,UAAU,EACf,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAyCxB,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;sBAEW,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS;;;;AA4BhG,KAAK,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAwBhF,KAAK,YAAY,GAAG;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAmCF,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrD,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACtD,CAAC,CAAC;AA0EH,KAAK,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;AAcrE,KAAK,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAgBjF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,OAAQ,MAAM,KAAG,OAGzC,CAAC;AAMF,QAAA,MAAM,OAAO;;kFA5N0E,SAAS;;;;;;;;;;;;;;CAmO/F,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;AACxC,YAAY,EACV,SAAS,IAAI,gBAAgB,EAC7B,aAAa,IAAI,oBAAoB,EACrC,YAAY,IAAI,mBAAmB,EACnC,SAAS,IAAI,gBAAgB,EAC7B,cAAc,IAAI,qBAAqB,EACvC,cAAc,IAAI,qBAAqB,GACxC,CAAC"}
@@ -1,12 +1,36 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
+ type TestItem = {
4
+ id: string;
5
+ name: string;
6
+ description: string;
7
+ };
8
+ type StoryArgs = {
9
+ /** Items to render. Defaults to the full 24-item catalog. */
10
+ items?: TestItem[];
11
+ /** Forwards to `Listbox.Viewport thin`. */
12
+ thin?: boolean;
13
+ /** Forwards to `Listbox.Viewport padding`. */
14
+ padding?: boolean;
15
+ /** Index into `items` that should render disabled. */
16
+ disabledIndex?: number;
17
+ /** Render the description line under each row's name. */
18
+ showDescription?: boolean;
19
+ };
3
20
  declare const meta: {
4
21
  title: string;
5
- component: React.ForwardRefExoticComponent<Omit<import("./Listbox").ListboxRootProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
6
- render: () => React.JSX.Element;
22
+ render: (args: StoryArgs) => React.JSX.Element;
7
23
  decorators: import("@storybook/react").Decorator[];
24
+ parameters: {
25
+ layout: string;
26
+ };
8
27
  };
9
28
  export default meta;
10
- type Story = StoryObj<typeof meta>;
29
+ type Story = StoryObj<StoryArgs>;
11
30
  export declare const Default: Story;
31
+ export declare const Thin: Story;
32
+ export declare const WithDisabled: Story;
33
+ export declare const MasterDetail: Story;
34
+ export declare const WithToolbar: Story;
35
+ export declare const Popover: Story;
12
36
  //# sourceMappingURL=Listbox.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,QAAA,MAAM,IAAI;;;;;CAK2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
1
+ {"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Listbox/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,KAAK,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAYlE,KAAK,SAAS,GAAG;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA6IF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEiB,CAAC;eAEb,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,IAAI,EAAE,KAAuE,CAAC;AAC3F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,YAAY,EAAE,KAA+C,CAAC;AAC3E,eAAO,MAAM,WAAW,EAAE,KAA8C,CAAC;AACzE,eAAO,MAAM,OAAO,EAAE,KAA0C,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { type OrderedListDetailItemProps, type OrderedListItemProps } from './OrderedListItem';
2
+ import { type OrderedListRootProps, type OrderedListViewportProps } from './OrderedListRoot';
3
+ /**
4
+ * Reorderable, single-expandable master-detail list.
5
+ *
6
+ * `DetailItem` encapsulates the common master-detail row (drag handle + bordered column with a
7
+ * name row that toggles an inline detail panel + a trailing action). Compose the lower-level
8
+ * `Item` / `DragHandle` / `Title` / `ExpandCaret` / `DeleteButton` directly for other layouts.
9
+ *
10
+ * @example
11
+ * <OrderedList.Root items={…} isItem={…} getId={…} onMove={…} expandedId={…} onExpandedChange={…}>
12
+ * {({ items }) => (
13
+ * <OrderedList.Content>
14
+ * {items.map((item) => (
15
+ * <OrderedList.DetailItem
16
+ * key={item.id}
17
+ * id={item.id}
18
+ * item={item}
19
+ * title={item.label}
20
+ * trailing={<OrderedList.DeleteButton onClick={…} />}
21
+ * >
22
+ * {detail}
23
+ * </OrderedList.DetailItem>
24
+ * ))}
25
+ * </OrderedList.Content>
26
+ * )}
27
+ * </OrderedList.Root>
28
+ */
29
+ export declare const OrderedList: {
30
+ Root: <T extends unknown>({ items, getId, onMove, readonly, expandedId, defaultExpandedId, onExpandedChange, children, }: OrderedListRootProps<T>) => import("react").JSX.Element;
31
+ Viewport: import("react").ForwardRefExoticComponent<Omit<OrderedListViewportProps, "className"> & {
32
+ classNames?: import("@dxos/ui-types").ClassNameValue;
33
+ } & Pick<import("react").HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
34
+ Content: ({ classNames, children }: import("@dxos/ui-types").ThemedClassName<import("react").PropsWithChildren>) => import("react").JSX.Element;
35
+ Item: <T extends unknown>({ id, canDrag, hover, selected, onClick, classNames, style, children, }: OrderedListItemProps<T>) => import("react").JSX.Element;
36
+ DetailItem: <T extends unknown>({ id, item, canDrag, title, titleClassNames, actions, trailing, expandable, classNames, children, }: OrderedListDetailItemProps<T>) => import("react").JSX.Element;
37
+ DragHandle: () => import("react").JSX.Element;
38
+ Title: ({ classNames, children, onClick, ...props }: import("@dxos/ui-types").ThemedClassName<import("react").PropsWithChildren<import("react").ComponentProps<'div'>>>) => import("react").JSX.Element;
39
+ IconButton: ({ autoHide, disabled, classNames, ...props }: import("@dxos/react-ui").IconButtonProps & {
40
+ autoHide?: boolean;
41
+ }) => import("react").JSX.Element;
42
+ DeleteButton: ({ autoHide, icon, label, disabled, classNames, ...props }: Partial<Pick<import("@dxos/react-ui").IconButtonProps, 'icon'>> & Omit<import("@dxos/react-ui").IconButtonProps, 'icon' | 'label'> & {
43
+ autoHide?: boolean;
44
+ label?: string;
45
+ }) => import("react").JSX.Element;
46
+ ExpandCaret: ({ onClick, ...props }: Partial<import("@dxos/react-ui").IconButtonProps>) => import("react").JSX.Element;
47
+ };
48
+ export type { OrderedListRootProps, OrderedListItemProps, OrderedListDetailItemProps, OrderedListViewportProps };
49
+ //# sourceMappingURL=OrderedList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,0BAA0B,EAK/B,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,wBAAwB,EAC9B,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,QAAQ;;;IACR,OAAO;IACP,IAAI;IACJ,UAAU;IACV,UAAU;IACV,KAAK;IACL,UAAU;;;IACV,YAAY;;;;IACZ,WAAW;CACZ,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Scrollable: Story;
7
+ export declare const Draggable: Story;
8
+ export declare const CheckboxWithDelete: Story;
9
+ export declare const DraggableWithToggle: Story;
10
+ export declare const Nested: Story;
11
+ //# sourceMappingURL=OrderedList.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderedList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqWjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAKtB,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAChE,eAAO,MAAM,UAAU,EAAE,KAA6C,CAAC;AACvE,eAAO,MAAM,SAAS,EAAE,KAA4C,CAAC;AACrE,eAAO,MAAM,kBAAkB,EAAE,KAAqD,CAAC;AACvF,eAAO,MAAM,mBAAmB,EAAE,KAAsD,CAAC;AACzF,eAAO,MAAM,MAAM,EAAE,KAAyC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=OrderedList.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderedList.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedList.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,94 @@
1
+ import React, { type ComponentProps, type CSSProperties, type MouseEvent, type PropsWithChildren, type ReactNode } from 'react';
2
+ import { type IconButtonProps, type ThemedClassName } from '@dxos/react-ui';
3
+ import { type ListItemRecord } from './OrderedListRoot';
4
+ export type OrderedListItemProps<T extends ListItemRecord> = ThemedClassName<PropsWithChildren<{
5
+ id: string;
6
+ /** The record handed to the underlying reorder hook (kept for back-compat with callers). */
7
+ item: T;
8
+ /** Defaults to true; false disables the drag handle. */
9
+ canDrag?: boolean;
10
+ /** Apply the row-hover affordance. Defaults to false. */
11
+ hover?: boolean;
12
+ /**
13
+ * Visually highlights the row as the "currently active" entry — sets `aria-current="true"`
14
+ * paired with `dx-current` styling. `aria-current` is the right grammar for an active row
15
+ * inside a `list`-mode container (listbox/option semantics live on `Listbox`); used for
16
+ * surfaces like the `Mixer` where the active layer needs visual highlight without
17
+ * adopting listbox role semantics.
18
+ */
19
+ selected?: boolean;
20
+ /** Optional click handler bound to the outer row element. */
21
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
22
+ /** Inline style merged onto the outer element. Used for grid templates produced by `useListGrid`. */
23
+ style?: CSSProperties;
24
+ }>>;
25
+ /**
26
+ * A single reorderable item. Calls `useReorderItem` to wire pragmatic-dnd refs + state,
27
+ * resolves disclosure state from the root context, and exposes both via item context for
28
+ * the sub-components (`OrderedListDragHandle`, `OrderedListTitle`, `OrderedListExpandCaret`).
29
+ *
30
+ * The outer element applies only structural concerns (`relative` + state classes); the
31
+ * layout (flex/grid) is controlled by the caller via `classNames` so master-detail rows
32
+ * and bare reorderable rows can share the same component.
33
+ */
34
+ export declare const OrderedListItem: <T extends ListItemRecord>({ id, canDrag, hover, selected, onClick, classNames, style, children, }: OrderedListItemProps<T>) => React.JSX.Element;
35
+ /**
36
+ * Drag handle. Disabled when the list is readonly or the item opts out via `canDrag={false}`.
37
+ * The button is the only element that initiates drag — pragmatic-dnd's `dragHandle:` option
38
+ * scopes the source surface to this ref.
39
+ */
40
+ export declare const OrderedListDragHandle: () => React.JSX.Element;
41
+ /**
42
+ * Clickable title; clicking toggles the item's expanded state. Carries a stable id so the
43
+ * expanded panel can name itself via `aria-labelledby`.
44
+ */
45
+ export declare const OrderedListTitle: ({ classNames, children, onClick, ...props }: ThemedClassName<PropsWithChildren<ComponentProps<'div'>>>) => React.JSX.Element;
46
+ /**
47
+ * Generic action icon button. Anchored in a `var(--dx-rail-item)` IconBlock so it shares a
48
+ * centerline with the title row regardless of expand state. Use for inline row actions
49
+ * (mute, edit, copy, etc.); pair with `OrderedListDeleteButton` for the delete affordance.
50
+ */
51
+ export declare const OrderedListIconButton: ({ autoHide, disabled, classNames, ...props }: IconButtonProps & {
52
+ autoHide?: boolean;
53
+ }) => React.JSX.Element;
54
+ /**
55
+ * Delete icon button. Anchored in a `var(--dx-rail-item)` IconBlock so it shares a centerline
56
+ * with the title row regardless of expand state. No `my-[1px]` nudge: the central column's
57
+ * outline is `ring-1` (see `OrderedListDetailItem`) so layout is exact.
58
+ */
59
+ export declare const OrderedListDeleteButton: ({ autoHide, icon, label, disabled, classNames, ...props }: Partial<Pick<IconButtonProps, 'icon'>> & Omit<IconButtonProps, 'icon' | 'label'> & {
60
+ autoHide?: boolean;
61
+ label?: string;
62
+ }) => React.JSX.Element;
63
+ /**
64
+ * Expand/collapse caret; reflects and toggles the item's expanded state via the disclosure
65
+ * trigger's `aria-expanded` + `aria-controls`.
66
+ */
67
+ export declare const OrderedListExpandCaret: ({ onClick, ...props }: Partial<IconButtonProps>) => React.JSX.Element;
68
+ export type OrderedListDetailItemProps<T extends ListItemRecord> = ThemedClassName<PropsWithChildren<{
69
+ id: string;
70
+ /** The record handed to the underlying reorder hook (kept for back-compat with callers). */
71
+ item: T;
72
+ /** Defaults to true; false disables the drag handle. */
73
+ canDrag?: boolean;
74
+ /** Title content shown in the clickable name row (clicking toggles expansion). */
75
+ title: ReactNode;
76
+ titleClassNames?: ThemedClassName<any>['classNames'];
77
+ /** Inline actions placed in the name row before the expand caret (e.g. a visibility toggle). */
78
+ actions?: ReactNode;
79
+ /** Action(s) placed outside the bordered column, flanking it (e.g. a delete button). */
80
+ trailing?: ReactNode;
81
+ /** When false, hides the expand caret and detail panel. Defaults to true. */
82
+ expandable?: boolean;
83
+ }>>;
84
+ /**
85
+ * Master-detail row: a drag handle and trailing action flank a `ring-1`-outlined central
86
+ * column whose title row (title + inline actions + expand caret) toggles an inline detail
87
+ * panel (children).
88
+ *
89
+ * Outline uses `ring-1` (rendered as box-shadow) rather than `border` so the column's
90
+ * content area is the full `var(--dx-rail-item)` height — handles, title, caret, and
91
+ * trailing all sit on the same baseline without per-pixel nudges.
92
+ */
93
+ export declare const OrderedListDetailItem: <T extends ListItemRecord>({ id, item, canDrag, title, titleClassNames, actions, trailing, expandable, classNames, children, }: OrderedListDetailItemProps<T>) => React.JSX.Element;
94
+ //# sourceMappingURL=OrderedListItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderedListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,KAAK,eAAe,EAEpB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,mBAAmB,CAAC;AAkB/E,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAC1E,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,4FAA4F;IAC5F,IAAI,EAAE,CAAC,CAAC;IACR,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,qGAAqG;IACrG,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC,CACH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,2EASrD,oBAAoB,CAAC,CAAC,CAAC,sBAiCzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,yBAgBjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,gDAK1B,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,sBAuB3D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,iDAK/B,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,sBAU1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,8DAOjC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,GACvC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,sBAYjF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,0BAA2B,OAAO,CAAC,eAAe,CAAC,sBAyBrF,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAChF,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,4FAA4F;IAC5F,IAAI,EAAE,CAAC,CAAC;IACR,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,EAAE,SAAS,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACrD,gGAAgG;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CACH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,cAAc,uGAW3D,0BAA0B,CAAC,CAAC,CAAC,sBAgC/B,CAAC"}
@@ -0,0 +1,73 @@
1
+ import React, { type PropsWithChildren, type ReactNode } from 'react';
2
+ import { type ScrollAreaRootProps, type ThemedClassName } from '@dxos/react-ui';
3
+ import { type ReorderActive, type ReorderListController, type UseListNavigationReturn, type UseListDisclosureReturn } from '../../aspects';
4
+ export type ListItemRecord = any;
5
+ type OrderedListContextValue<T extends ListItemRecord> = {
6
+ reorder: ReorderListController<T>;
7
+ disclosure: UseListDisclosureReturn;
8
+ navigation: UseListNavigationReturn;
9
+ readonly?: boolean;
10
+ active: ReorderActive<T>;
11
+ /**
12
+ * Stable id accessor reused by items that want to look up their record (e.g. the
13
+ * `OrderedListItem` <-> `useReorderItem` plumbing).
14
+ */
15
+ getId: (item: T) => string;
16
+ };
17
+ declare const useOrderedListContext: (consumerName: string) => OrderedListContextValue<any>;
18
+ export { useOrderedListContext };
19
+ export type OrderedListRootProps<T extends ListItemRecord> = ThemedClassName<{
20
+ items: readonly T[];
21
+ /**
22
+ * Type guard reserved for backwards compatibility with the deprecated `List` API. The
23
+ * aspect layer doesn't need it (payloads are scoped via the list's internal id) — values
24
+ * passed here are currently ignored. Will be removed when call-sites migrate.
25
+ */
26
+ isItem?: (item: any) => boolean;
27
+ /**
28
+ * Stable id accessor. When omitted, the hook falls back to reference equality, which
29
+ * breaks after a pragmatic-dnd round-trip serialises the payload — supply a `getId` for
30
+ * any list whose items are plain values rather than ECHO refs.
31
+ */
32
+ getId?: (item: T) => string;
33
+ onMove?: (fromIndex: number, toIndex: number) => void;
34
+ readonly?: boolean;
35
+ /** Controlled expanded item id (single-expand). */
36
+ expandedId?: string;
37
+ defaultExpandedId?: string;
38
+ onExpandedChange?: (id: string | undefined) => void;
39
+ children: (props: {
40
+ items: readonly T[];
41
+ }) => ReactNode;
42
+ }>;
43
+ /**
44
+ * Reorderable, single-expandable master-detail list. Wraps the aspect hooks:
45
+ *
46
+ * - `useReorderList` — drag-and-drop reorder via pragmatic-dnd.
47
+ * - `useListDisclosure` (single mode) — single-expand state machine.
48
+ * - `useListNavigation` (list mode) — Tabster keyboard nav across items.
49
+ *
50
+ * Owns the drag-handle / delete / expand-caret chrome plus expand state. Renders no DOM
51
+ * itself; `OrderedListContent` is the container.
52
+ */
53
+ export declare const OrderedListRoot: <T extends ListItemRecord>({ items, getId, onMove, readonly, expandedId, defaultExpandedId, onExpandedChange, children, }: OrderedListRootProps<T>) => React.JSX.Element;
54
+ /**
55
+ * Container for the list. Applies the navigation aspect's `containerProps` so role,
56
+ * aria-orientation, Tabster attributes, and focus-on-entry are wired in one place.
57
+ */
58
+ export declare const OrderedListContent: ({ classNames, children }: ThemedClassName<PropsWithChildren>) => React.JSX.Element;
59
+ /**
60
+ * Optional ScrollArea wrapper for the list. Mirrors `Listbox.Viewport`. Include when the
61
+ * list needs to fill a constrained pane and scroll independently; omit for static lists
62
+ * that flow with their parent.
63
+ *
64
+ * Wires `useReorderAutoScroll` on the inner viewport so pragmatic-dnd auto-scrolls the
65
+ * container when a drag hovers near its edges — long lists can be reordered without
66
+ * scrolling manually first.
67
+ */
68
+ type OrderedListViewportProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
69
+ export declare const OrderedListViewport: React.ForwardRefExoticComponent<Omit<OrderedListViewportProps, "className"> & {
70
+ classNames?: import("@dxos/ui-types").ClassNameValue;
71
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
72
+ export type { OrderedListViewportProps };
73
+ //# sourceMappingURL=OrderedListRoot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderedListRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/OrderedListRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAE/E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAK7B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC;AAIjC,KAAK,uBAAuB,CAAC,CAAC,SAAS,cAAc,IAAI;IACvD,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAClC,UAAU,EAAE,uBAAuB,CAAC;IACpC,UAAU,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB;;;OAGG;IACH,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAA4B,qBAAqB,wDAAkE,CAAC;AAEpH,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,IAAI,eAAe,CAAC;IAC3E,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;KAAE,KAAK,SAAS,CAAC;CACzD,CAAC,CAAC;AAKH;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,kGASrD,oBAAoB,CAAC,CAAC,CAAC,sBAgCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,6BAA8B,eAAe,CAAC,iBAAiB,CAAC,sBAO9F,CAAC;AAEF;;;;;;;;GAQG;AACH,KAAK,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAE3F,eAAO,MAAM,mBAAmB;;2HAiB9B,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './OrderedList';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OrderedList/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,oDAAoD,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAc,EACZ,KAAK,EAAE,EASR,MAAM,OAAO,CAAC;AAuBf,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,SAAU,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAC9D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyRF,eAAO,MAAM,QAAQ,EAAwB,EAAE,CAAC,aAAa,CAAC,CAAC;AAE/D,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAW7E,eAAO,MAAM,YAAY,EAA4B,EAAE,CAAC,iBAAiB,CAAC,CAAC"}
1
+ {"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,oDAAoD,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAc,EACZ,KAAK,EAAE,EASR,MAAM,OAAO,CAAC;AAuBf,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,SAAU,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAC9D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AA2RF,eAAO,MAAM,QAAQ,EAAwB,EAAE,CAAC,aAAa,CAAC,CAAC;AAE/D,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAW7E,eAAO,MAAM,YAAY,EAA4B,EAAE,CAAC,iBAAiB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,EAA0C,MAAM,gBAAgB,CAAC;AAMlG,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,2FAwD3B,CAAC"}
1
+ {"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,EAAuD,MAAM,gBAAgB,CAAC;AAK/G,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,2FAwD3B,CAAC"}
@@ -1,8 +1,7 @@
1
1
  export * from './Accordion';
2
2
  export * from './Combobox';
3
- export * from './List';
4
3
  export * from './Listbox';
4
+ export * from './OrderedList';
5
5
  export * from './Picker';
6
- export * from './RowList';
7
6
  export * from './Tree';
8
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
@@ -1,3 +1,4 @@
1
+ export * from './aspects';
1
2
  export * from './components';
2
3
  export * from './util';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom/vitest';
2
+ //# sourceMappingURL=vitest-setup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vitest-setup.d.ts","sourceRoot":"","sources":["../../../src/vitest-setup.ts"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC"}