@cognite/aura 0.1.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.
Files changed (128) hide show
  1. package/dist/components/index.d.ts +53 -0
  2. package/dist/components/ui/core/alert/alert.d.ts +19 -0
  3. package/dist/components/ui/core/alert/alert.js +180 -0
  4. package/dist/components/ui/core/alert/alert.metadata.d.ts +2 -0
  5. package/dist/components/ui/core/alert/alert.metadata.js +9 -0
  6. package/dist/components/ui/core/avatar/avatar.d.ts +10 -0
  7. package/dist/components/ui/core/avatar/avatar.js +94 -0
  8. package/dist/components/ui/core/avatar/avatar.metadata.d.ts +8 -0
  9. package/dist/components/ui/core/avatar/avatar.metadata.js +9 -0
  10. package/dist/components/ui/core/badge/badge.d.ts +14 -0
  11. package/dist/components/ui/core/badge/badge.js +116 -0
  12. package/dist/components/ui/core/badge/badge.metadata.d.ts +2 -0
  13. package/dist/components/ui/core/badge/badge.metadata.js +8 -0
  14. package/dist/components/ui/core/button/button.d.ts +9 -0
  15. package/dist/components/ui/core/button/button.js +50 -0
  16. package/dist/components/ui/core/button/button.metadata.d.ts +2 -0
  17. package/dist/components/ui/core/button/button.metadata.js +9 -0
  18. package/dist/components/ui/core/button-group/button-group.d.ts +11 -0
  19. package/dist/components/ui/core/button-group/button-group.js +83 -0
  20. package/dist/components/ui/core/button-group/button-group.metadata.d.ts +2 -0
  21. package/dist/components/ui/core/button-group/button-group.metadata.js +8 -0
  22. package/dist/components/ui/core/code-block/code-block.d.ts +21 -0
  23. package/dist/components/ui/core/code-block/code-block.js +146 -0
  24. package/dist/components/ui/core/code-block/code-block.metadata.d.ts +2 -0
  25. package/dist/components/ui/core/code-block/code-block.metadata.js +8 -0
  26. package/dist/components/ui/core/collapsible/collapsible.d.ts +4 -0
  27. package/dist/components/ui/core/collapsible/collapsible.js +44 -0
  28. package/dist/components/ui/core/collapsible/collapsible.metadata.d.ts +2 -0
  29. package/dist/components/ui/core/collapsible/collapsible.metadata.js +9 -0
  30. package/dist/components/ui/core/command/command.d.ts +86 -0
  31. package/dist/components/ui/core/command/command.js +150 -0
  32. package/dist/components/ui/core/command/command.metadata.d.ts +2 -0
  33. package/dist/components/ui/core/command/command.metadata.js +9 -0
  34. package/dist/components/ui/core/dialog/dialog.d.ts +18 -0
  35. package/dist/components/ui/core/dialog/dialog.js +155 -0
  36. package/dist/components/ui/core/dialog/dialog.metadata.d.ts +2 -0
  37. package/dist/components/ui/core/dialog/dialog.metadata.js +9 -0
  38. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +53 -0
  39. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +250 -0
  40. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.d.ts +2 -0
  41. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.js +9 -0
  42. package/dist/components/ui/core/helper-text/helper-text.d.ts +12 -0
  43. package/dist/components/ui/core/helper-text/helper-text.js +65 -0
  44. package/dist/components/ui/core/helper-text/helper-text.metadata.d.ts +2 -0
  45. package/dist/components/ui/core/helper-text/helper-text.metadata.js +9 -0
  46. package/dist/components/ui/core/hover-card/hover-card.d.ts +12 -0
  47. package/dist/components/ui/core/hover-card/hover-card.js +76 -0
  48. package/dist/components/ui/core/hover-card/hover-card.metadata.d.ts +2 -0
  49. package/dist/components/ui/core/hover-card/hover-card.metadata.js +8 -0
  50. package/dist/components/ui/core/inline-citation/inline-citation.d.ts +33 -0
  51. package/dist/components/ui/core/inline-citation/inline-citation.js +170 -0
  52. package/dist/components/ui/core/inline-citation/inline-citation.metadata.d.ts +2 -0
  53. package/dist/components/ui/core/inline-citation/inline-citation.metadata.js +8 -0
  54. package/dist/components/ui/core/input/input.d.ts +6 -0
  55. package/dist/components/ui/core/input/input.js +34 -0
  56. package/dist/components/ui/core/input/input.metadata.d.ts +2 -0
  57. package/dist/components/ui/core/input/input.metadata.js +9 -0
  58. package/dist/components/ui/core/input-group/input-group.d.ts +15 -0
  59. package/dist/components/ui/core/input-group/input-group.js +144 -0
  60. package/dist/components/ui/core/input-group/input-group.metadata.d.ts +2 -0
  61. package/dist/components/ui/core/input-group/input-group.metadata.js +9 -0
  62. package/dist/components/ui/core/label/label.d.ts +2 -0
  63. package/dist/components/ui/core/label/label.js +20 -0
  64. package/dist/components/ui/core/label/label.metadata.d.ts +2 -0
  65. package/dist/components/ui/core/label/label.metadata.js +9 -0
  66. package/dist/components/ui/core/loader/loader.d.ts +7 -0
  67. package/dist/components/ui/core/loader/loader.js +119 -0
  68. package/dist/components/ui/core/loader/loader.metadata.d.ts +2 -0
  69. package/dist/components/ui/core/loader/loader.metadata.js +9 -0
  70. package/dist/components/ui/core/message/message.d.ts +55 -0
  71. package/dist/components/ui/core/message/message.js +169 -0
  72. package/dist/components/ui/core/message/message.metadata.d.ts +2 -0
  73. package/dist/components/ui/core/popover/popover.d.ts +8 -0
  74. package/dist/components/ui/core/popover/popover.metadata.d.ts +2 -0
  75. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +161 -0
  76. package/dist/components/ui/core/prompt-input/prompt-input.js +402 -0
  77. package/dist/components/ui/core/prompt-input/prompt-input.metadata.d.ts +2 -0
  78. package/dist/components/ui/core/prompt-input/prompt-input.metadata.js +9 -0
  79. package/dist/components/ui/core/reasoning/reasoning.d.ts +9 -0
  80. package/dist/components/ui/core/reasoning/reasoning.js +85 -0
  81. package/dist/components/ui/core/reasoning/reasoning.metadata.d.ts +2 -0
  82. package/dist/components/ui/core/reasoning/reasoning.metadata.js +8 -0
  83. package/dist/components/ui/core/select/select.d.ts +44 -0
  84. package/dist/components/ui/core/select/select.js +279 -0
  85. package/dist/components/ui/core/select/select.metadata.d.ts +2 -0
  86. package/dist/components/ui/core/select/select.metadata.js +9 -0
  87. package/dist/components/ui/core/separator/separator.d.ts +6 -0
  88. package/dist/components/ui/core/separator/separator.js +25 -0
  89. package/dist/components/ui/core/separator/separator.metadata.d.ts +2 -0
  90. package/dist/components/ui/core/separator/separator.metadata.js +8 -0
  91. package/dist/components/ui/core/shimmer/shimmer.d.ts +14 -0
  92. package/dist/components/ui/core/shimmer/shimmer.js +69 -0
  93. package/dist/components/ui/core/shimmer/shimmer.metadata.d.ts +2 -0
  94. package/dist/components/ui/core/shimmer/shimmer.metadata.js +9 -0
  95. package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -0
  96. package/dist/components/ui/core/skeleton/skeleton.js +18 -0
  97. package/dist/components/ui/core/skeleton/skeleton.metadata.d.ts +2 -0
  98. package/dist/components/ui/core/skeleton/skeleton.metadata.js +9 -0
  99. package/dist/components/ui/core/sources/sources.d.ts +16 -0
  100. package/dist/components/ui/core/sources/sources.metadata.d.ts +2 -0
  101. package/dist/components/ui/core/textarea/textarea.d.ts +9 -0
  102. package/dist/components/ui/core/textarea/textarea.js +49 -0
  103. package/dist/components/ui/core/textarea/textarea.metadata.d.ts +2 -0
  104. package/dist/components/ui/core/textarea/textarea.metadata.js +9 -0
  105. package/dist/components/ui/core/tool/tool.d.ts +21 -0
  106. package/dist/components/ui/core/tool/tool.js +151 -0
  107. package/dist/components/ui/core/tool/tool.metadata.d.ts +2 -0
  108. package/dist/components/ui/core/tool/tool.metadata.js +8 -0
  109. package/dist/components/ui/core/tooltip/tooltip.d.ts +10 -0
  110. package/dist/components/ui/core/tooltip/tooltip.js +82 -0
  111. package/dist/components/ui/core/tooltip/tooltip.metadata.d.ts +8 -0
  112. package/dist/components/ui/core/tooltip/tooltip.metadata.js +9 -0
  113. package/dist/components/ui/lab/breadcrumb/breadcrumb.d.ts +134 -0
  114. package/dist/components/ui/lab/breadcrumb/breadcrumb.metadata.d.ts +2 -0
  115. package/dist/components/ui/lab/topbar/topbar.d.ts +10 -0
  116. package/dist/components/ui/lab/topbar/topbar.metadata.d.ts +2 -0
  117. package/dist/index.d.ts +1 -0
  118. package/dist/index.js +229 -0
  119. package/dist/lib/ai/types.d.ts +53 -0
  120. package/dist/lib/component-status-config.d.ts +12 -0
  121. package/dist/lib/style-scope.d.ts +5 -0
  122. package/dist/lib/style-scope.js +7 -0
  123. package/dist/lib/types.d.ts +50 -0
  124. package/dist/lib/use-controllable-state.d.ts +11 -0
  125. package/dist/lib/use-controllable-state.js +32 -0
  126. package/dist/lib/utils.d.ts +45 -0
  127. package/dist/lib/utils.js +92 -0
  128. package/package.json +51 -0
@@ -0,0 +1,151 @@
1
+ import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
+ import { forwardRef as s } from "react";
3
+ import { IconSelector as f } from "@tabler/icons-react";
4
+ import { cn as d } from "../../../../lib/utils.js";
5
+ import { Badge as p } from "../badge/badge.js";
6
+ import { Button as g } from "../button/button.js";
7
+ import { CodeBlock as c, CodeBlockCopyButton as m, CodeBlockCollapseButton as u } from "../code-block/code-block.js";
8
+ import { Collapsible as x, CollapsibleTrigger as h, CollapsibleContent as N } from "../collapsible/collapsible.js";
9
+ const b = s(
10
+ ({ className: t, ...o }, l) => /* @__PURE__ */ e(
11
+ x,
12
+ {
13
+ ref: l,
14
+ "data-slot": "tool",
15
+ className: d(
16
+ "group not-prose w-full bg-background rounded-md flex flex-col gap-2",
17
+ t
18
+ ),
19
+ ...o
20
+ }
21
+ )
22
+ );
23
+ b.displayName = "Tool";
24
+ const y = s(({ className: t, title: o, type: l, hasError: r = !1, ...i }, n) => /* @__PURE__ */ e(
25
+ h,
26
+ {
27
+ ref: n,
28
+ "data-slot": "tool-header",
29
+ className: t,
30
+ render: /* @__PURE__ */ a(
31
+ g,
32
+ {
33
+ variant: "ghost",
34
+ className: "w-full justify-between text-base leading-5 tracking-tighter",
35
+ children: [
36
+ /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
37
+ /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
38
+ r ? /* @__PURE__ */ e(
39
+ p,
40
+ {
41
+ outline: !0,
42
+ className: "bg-background text-destructive-foreground border-border",
43
+ children: "Error"
44
+ }
45
+ ) : null,
46
+ /* @__PURE__ */ e(f, { className: "h-4 w-4" })
47
+ ] })
48
+ ]
49
+ }
50
+ ),
51
+ ...i
52
+ }
53
+ ));
54
+ y.displayName = "ToolHeader";
55
+ const v = s(({ className: t, ...o }, l) => /* @__PURE__ */ e(
56
+ N,
57
+ {
58
+ ref: l,
59
+ "data-slot": "tool-content",
60
+ className: d(
61
+ "flex flex-col gap-4 py-3 text-popover-foreground outline-none",
62
+ t
63
+ ),
64
+ ...o
65
+ }
66
+ ));
67
+ v.displayName = "ToolContent";
68
+ const C = s(
69
+ ({ className: t, input: o, ...l }, r) => /* @__PURE__ */ a(
70
+ "div",
71
+ {
72
+ ref: r,
73
+ "data-slot": "tool-input",
74
+ className: d("space-y-2 overflow-hidden px-3.25", t),
75
+ ...l,
76
+ children: [
77
+ /* @__PURE__ */ e("h4", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: "Parameters" }),
78
+ /* @__PURE__ */ e("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ a(
79
+ c,
80
+ {
81
+ code: JSON.stringify(o, null, 2),
82
+ language: "json",
83
+ collapsed: !0,
84
+ children: [
85
+ /* @__PURE__ */ e(m, {}),
86
+ /* @__PURE__ */ e(u, {})
87
+ ]
88
+ }
89
+ ) })
90
+ ]
91
+ }
92
+ )
93
+ );
94
+ C.displayName = "ToolInput";
95
+ const w = s(
96
+ ({ className: t, output: o, errorText: l, ...r }, i) => {
97
+ if (o == null && !l)
98
+ return null;
99
+ let n = null;
100
+ return typeof o == "string" ? n = /* @__PURE__ */ a(c, { code: o, language: "json", collapsed: !0, children: [
101
+ /* @__PURE__ */ e(m, {}),
102
+ /* @__PURE__ */ e(u, {})
103
+ ] }) : o == null ? n = null : typeof o == "object" ? n = /* @__PURE__ */ a(
104
+ c,
105
+ {
106
+ code: JSON.stringify(o, null, 2),
107
+ language: "json",
108
+ collapsed: !0,
109
+ children: [
110
+ /* @__PURE__ */ e(m, {}),
111
+ /* @__PURE__ */ e(u, {})
112
+ ]
113
+ }
114
+ ) : (typeof o == "number" || typeof o == "boolean" || typeof o == "bigint") && (n = /* @__PURE__ */ a(c, { code: String(o), language: "json", collapsed: !0, children: [
115
+ /* @__PURE__ */ e(m, {}),
116
+ /* @__PURE__ */ e(u, {})
117
+ ] })), l ? /* @__PURE__ */ e(
118
+ "div",
119
+ {
120
+ ref: i,
121
+ "data-slot": "tool-output",
122
+ className: d("space-y-2 px-3.25", t),
123
+ ...r,
124
+ children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-sm", children: [
125
+ /* @__PURE__ */ e("span", { className: "font-medium text-destructive-foreground", children: "ERROR" }),
126
+ /* @__PURE__ */ e("span", { className: "text-foreground", children: l })
127
+ ] })
128
+ }
129
+ ) : /* @__PURE__ */ a(
130
+ "div",
131
+ {
132
+ ref: i,
133
+ "data-slot": "tool-output",
134
+ className: d("space-y-2 px-3.25", t),
135
+ ...r,
136
+ children: [
137
+ /* @__PURE__ */ e("h4", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
138
+ /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md bg-muted/50 text-xs text-foreground [&_table]:w-full", children: n })
139
+ ]
140
+ }
141
+ );
142
+ }
143
+ );
144
+ w.displayName = "ToolOutput";
145
+ export {
146
+ b as Tool,
147
+ v as ToolContent,
148
+ y as ToolHeader,
149
+ C as ToolInput,
150
+ w as ToolOutput
151
+ };
@@ -0,0 +1,2 @@
1
+ import { ComponentMeta } from '../../../../lib/types';
2
+ export declare const ToolMetadata: ComponentMeta;
@@ -0,0 +1,8 @@
1
+ const o = {
2
+ name: "Tool",
3
+ status: "in-progress-code-review",
4
+ description: "A collapsible component for displaying AI tool invocations."
5
+ };
6
+ export {
7
+ o as ToolMetadata
8
+ };
@@ -0,0 +1,10 @@
1
+ import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
2
+ declare function TooltipProvider({ delayDuration, ...props }: Omit<TooltipPrimitive.Provider.Props, 'delay'> & {
3
+ delayDuration?: number;
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ declare function Tooltip({ disableHoverableContent, ...props }: TooltipPrimitive.Root.Props & {
6
+ disableHoverableContent?: boolean;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ declare const TooltipTrigger: import('react').ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
9
+ declare const TooltipContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipPopupProps & Pick<import('@base-ui/react').TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
10
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
@@ -0,0 +1,82 @@
1
+ import { jsx as o, jsxs as m } from "react/jsx-runtime";
2
+ import { forwardRef as i } from "react";
3
+ import { Tooltip as e } from "@base-ui/react/tooltip";
4
+ import { getPortalContainer as f, cn as g } from "../../../../lib/utils.js";
5
+ function x({
6
+ delayDuration: t = 0,
7
+ ...a
8
+ }) {
9
+ return /* @__PURE__ */ o(
10
+ e.Provider,
11
+ {
12
+ "data-slot": "tooltip-provider",
13
+ delay: t,
14
+ ...a
15
+ }
16
+ );
17
+ }
18
+ function z({
19
+ disableHoverableContent: t,
20
+ ...a
21
+ }) {
22
+ return /* @__PURE__ */ o(
23
+ e.Root,
24
+ {
25
+ "data-slot": "tooltip",
26
+ disableHoverablePopup: t,
27
+ ...a
28
+ }
29
+ );
30
+ }
31
+ const c = i((t, a) => /* @__PURE__ */ o(
32
+ e.Trigger,
33
+ {
34
+ ref: a,
35
+ "data-slot": "tooltip-trigger",
36
+ ...t
37
+ }
38
+ ));
39
+ c.displayName = "TooltipTrigger";
40
+ const u = i(
41
+ ({
42
+ className: t,
43
+ side: a = "top",
44
+ sideOffset: d = 9,
45
+ align: n = "center",
46
+ alignOffset: r = 0,
47
+ children: s,
48
+ ...l
49
+ }, p) => /* @__PURE__ */ o(e.Portal, { container: f(), children: /* @__PURE__ */ o(
50
+ e.Positioner,
51
+ {
52
+ align: n,
53
+ alignOffset: r,
54
+ side: a,
55
+ sideOffset: d,
56
+ className: "isolate z-50 min-w-max",
57
+ children: /* @__PURE__ */ m(
58
+ e.Popup,
59
+ {
60
+ ref: p,
61
+ "data-slot": "tooltip-content",
62
+ className: g(
63
+ "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md p-2 text-sm font-medium leading-tight",
64
+ t
65
+ ),
66
+ ...l,
67
+ children: [
68
+ s,
69
+ /* @__PURE__ */ o(e.Arrow, { className: "size-2.5 -translate-y-1/2 rotate-45 rounded-xs data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=bottom]:-mt-0.5 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5 data-[side=top]:-mt-0.5" })
70
+ ]
71
+ }
72
+ )
73
+ }
74
+ ) })
75
+ );
76
+ u.displayName = "TooltipContent";
77
+ export {
78
+ z as Tooltip,
79
+ u as TooltipContent,
80
+ x as TooltipProvider,
81
+ c as TooltipTrigger
82
+ };
@@ -0,0 +1,8 @@
1
+ import { ComponentMeta } from '../../../../lib/types';
2
+ /**
3
+ * Tooltip Component Metadata
4
+ *
5
+ * This metadata is used by the documentation system to generate
6
+ * component documentation pages and provide context for LLMs.
7
+ */
8
+ export declare const TooltipMetadata: ComponentMeta;
@@ -0,0 +1,9 @@
1
+ const e = {
2
+ name: "Tooltip",
3
+ status: "in-progress-code-review",
4
+ description: "A popup that displays information related to an element when the element receives keyboard focus or mouse hover, built on Base UI Tooltip primitives.",
5
+ llmUsage: "Use `<TooltipProvider>` to configure shared behavior (for example delay), then compose `<Tooltip>`, `<TooltipTrigger>`, and `<TooltipContent>` for contextual help text."
6
+ };
7
+ export {
8
+ e as TooltipMetadata
9
+ };
@@ -0,0 +1,134 @@
1
+ import { ComponentProps, ComponentPropsWithoutRef } from 'react';
2
+ import { useRender } from '@base-ui/react/use-render';
3
+ /**
4
+ * Root container for breadcrumb navigation.
5
+ * Renders a semantic `<nav>` element with aria-label="breadcrumb".
6
+ *
7
+ * @example
8
+ * <Breadcrumb>
9
+ * <BreadcrumbList>
10
+ * <BreadcrumbItem>
11
+ * <BreadcrumbLink href="/">Home</BreadcrumbLink>
12
+ * </BreadcrumbItem>
13
+ * <BreadcrumbSeparator />
14
+ * <BreadcrumbItem>
15
+ * <BreadcrumbPage>Current Page</BreadcrumbPage>
16
+ * </BreadcrumbItem>
17
+ * </BreadcrumbList>
18
+ * </Breadcrumb>
19
+ */
20
+ declare function Breadcrumb({ ...props }: ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
21
+ /**
22
+ * Ordered list container for breadcrumb items.
23
+ * Must be a direct child of `Breadcrumb`.
24
+ */
25
+ declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
26
+ /**
27
+ * Individual breadcrumb item container.
28
+ * Wraps a single breadcrumb link or page. Use between `BreadcrumbSeparator` components.
29
+ */
30
+ declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
31
+ /**
32
+ * Clickable link for navigable breadcrumb items.
33
+ * Use for all items except the current page.
34
+ *
35
+ * @example
36
+ * <BreadcrumbItem>
37
+ * <BreadcrumbLink href="/projects">Projects</BreadcrumbLink>
38
+ * </BreadcrumbItem>
39
+ */
40
+ declare function BreadcrumbLink({ className, render, children, ...props }: useRender.ComponentProps<'a'>): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
41
+ /**
42
+ * Non-interactive indicator for the current page.
43
+ * Automatically includes aria-current="page" for accessibility.
44
+ *
45
+ * @param {string} [href] - Optional href to make the current page clickable (e.g., for refreshing)
46
+ *
47
+ * @example
48
+ * // Non-interactive current page
49
+ * <BreadcrumbItem>
50
+ * <BreadcrumbPage>Settings</BreadcrumbPage>
51
+ * </BreadcrumbItem>
52
+ *
53
+ * @example
54
+ * // Interactive current page (clickable)
55
+ * <BreadcrumbItem>
56
+ * <BreadcrumbPage href="/settings">Settings</BreadcrumbPage>
57
+ * </BreadcrumbItem>
58
+ */
59
+ type BreadcrumbPageProps = ({
60
+ href: string;
61
+ } & ComponentPropsWithoutRef<'a'>) | ({
62
+ href?: undefined;
63
+ } & ComponentPropsWithoutRef<'span'>);
64
+ declare function BreadcrumbPage({ className, href, ...props }: BreadcrumbPageProps): import("react/jsx-runtime").JSX.Element;
65
+ /**
66
+ * Button for the current page when it needs to be interactive (e.g., in a dropdown).
67
+ * Automatically includes aria-current="page" and proper button styling.
68
+ * **Must be used with DropdownMenuTrigger's render prop.**
69
+ *
70
+ * @example
71
+ * <BreadcrumbItem>
72
+ * <DropdownMenu>
73
+ * <DropdownMenuTrigger render={<BreadcrumbPageButton>Actions</BreadcrumbPageButton>} />
74
+ * <DropdownMenuContent>
75
+ * <DropdownMenuItem>Rename</DropdownMenuItem>
76
+ * <DropdownMenuItem>Delete</DropdownMenuItem>
77
+ * </DropdownMenuContent>
78
+ * </DropdownMenu>
79
+ * </BreadcrumbItem>
80
+ */
81
+ declare const BreadcrumbPageButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
82
+ /**
83
+ * Button for ellipsis dropdowns showing hidden navigation items.
84
+ * Automatically includes dots icon and "More" screen reader text.
85
+ * **Must be used with DropdownMenuTrigger's render prop inside BreadcrumbEllipsis.**
86
+ *
87
+ * @example
88
+ * <BreadcrumbEllipsis>
89
+ * <DropdownMenu>
90
+ * <DropdownMenuTrigger render={<BreadcrumbEllipsisButton />} />
91
+ * <DropdownMenuContent>
92
+ * <DropdownMenuItem render={<a href="/projects">Projects</a>} />
93
+ * <DropdownMenuItem render={<a href="/teams">Teams</a>} />
94
+ * </DropdownMenuContent>
95
+ * </DropdownMenu>
96
+ * </BreadcrumbEllipsis>
97
+ */
98
+ declare const BreadcrumbEllipsisButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
99
+ /**
100
+ * Visual separator between breadcrumb items.
101
+ * Defaults to a slash icon but accepts custom content.
102
+ *
103
+ * @example
104
+ * // Default slash separator
105
+ * <BreadcrumbSeparator />
106
+ *
107
+ * @example
108
+ * // Custom chevron separator
109
+ * <BreadcrumbSeparator>
110
+ * <IconChevronRight className="size-4" />
111
+ * </BreadcrumbSeparator>
112
+ */
113
+ declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
114
+ /**
115
+ * Container for ellipsis indicator showing collapsed navigation items.
116
+ * Can be used statically (default) or with a dropdown menu to reveal hidden items.
117
+ *
118
+ * @example
119
+ * // Static ellipsis (non-interactive)
120
+ * <BreadcrumbEllipsis />
121
+ *
122
+ * @example
123
+ * // Interactive ellipsis with dropdown
124
+ * <BreadcrumbEllipsis>
125
+ * <DropdownMenu>
126
+ * <DropdownMenuTrigger render={<BreadcrumbEllipsisButton />} />
127
+ * <DropdownMenuContent>
128
+ * <DropdownMenuItem render={<a href="/projects">Projects</a>} />
129
+ * </DropdownMenuContent>
130
+ * </DropdownMenu>
131
+ * </BreadcrumbEllipsis>
132
+ */
133
+ declare function BreadcrumbEllipsis({ children, className, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
134
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbEllipsisButton, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -0,0 +1,2 @@
1
+ import { ComponentMeta } from '../../../../lib/types';
2
+ export declare const BreadcrumbMetadata: ComponentMeta;
@@ -0,0 +1,10 @@
1
+ declare const Topbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
2
+ declare const TopbarLeft: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
3
+ declare const TopbarCenter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
4
+ declare const TopbarRight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ declare const TopbarBreadcrumbs: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
6
+ declare const TopbarAction: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
7
+ variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
8
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
9
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
10
+ export { Topbar, TopbarLeft, TopbarCenter, TopbarRight, TopbarBreadcrumbs, TopbarAction, };
@@ -0,0 +1,2 @@
1
+ import { ComponentMeta } from '../../../../lib/types';
2
+ export declare const TopbarMetadata: ComponentMeta;
@@ -0,0 +1 @@
1
+ export * from './components';
package/dist/index.js ADDED
@@ -0,0 +1,229 @@
1
+ import { Button as e, buttonVariants as r } from "./components/ui/core/button/button.js";
2
+ import { ButtonMetadata as n } from "./components/ui/core/button/button.metadata.js";
3
+ import { ButtonGroup as m, ButtonGroupSeparator as u, ButtonGroupText as l, buttonGroupVariants as d } from "./components/ui/core/button-group/button-group.js";
4
+ import { ButtonGroupMetadata as I } from "./components/ui/core/button-group/button-group.metadata.js";
5
+ import { Avatar as x, AvatarFallback as M, AvatarIcon as f, AvatarImage as g } from "./components/ui/core/avatar/avatar.js";
6
+ import { AvatarMetadata as T } from "./components/ui/core/avatar/avatar.metadata.js";
7
+ import { Label as s } from "./components/ui/core/label/label.js";
8
+ import { LabelMetadata as D } from "./components/ui/core/label/label.metadata.js";
9
+ import { HelperText as B } from "./components/ui/core/helper-text/helper-text.js";
10
+ import { HelperTextMetadata as w } from "./components/ui/core/helper-text/helper-text.metadata.js";
11
+ import { Loader as v } from "./components/ui/core/loader/loader.js";
12
+ import { LoaderMetadata as L } from "./components/ui/core/loader/loader.metadata.js";
13
+ import { Shimmer as R } from "./components/ui/core/shimmer/shimmer.js";
14
+ import { ShimmerMetadata as h } from "./components/ui/core/shimmer/shimmer.metadata.js";
15
+ import { CodeBlock as F, CodeBlockCollapseButton as E, CodeBlockCopyButton as O } from "./components/ui/core/code-block/code-block.js";
16
+ import { CodeBlockMetadata as U } from "./components/ui/core/code-block/code-block.metadata.js";
17
+ import { Separator as q } from "./components/ui/core/separator/separator.js";
18
+ import { SeparatorMetadata as J } from "./components/ui/core/separator/separator.metadata.js";
19
+ import { Tooltip as N, TooltipContent as W, TooltipProvider as X, TooltipTrigger as Y } from "./components/ui/core/tooltip/tooltip.js";
20
+ import { TooltipMetadata as _ } from "./components/ui/core/tooltip/tooltip.metadata.js";
21
+ import { Tool as oo, ToolContent as to, ToolHeader as eo, ToolInput as ro, ToolOutput as ao } from "./components/ui/core/tool/tool.js";
22
+ import { ToolMetadata as po } from "./components/ui/core/tool/tool.metadata.js";
23
+ import { DropdownMenu as uo, DropdownMenuCheckboxItem as lo, DropdownMenuContent as io, DropdownMenuGroup as Io, DropdownMenuHeader as Co, DropdownMenuItem as xo, DropdownMenuLabel as Mo, DropdownMenuPortal as fo, DropdownMenuRadioGroup as go, DropdownMenuRadioItem as Po, DropdownMenuSectionLabel as To, DropdownMenuSeparator as co, DropdownMenuShortcut as so, DropdownMenuSub as So, DropdownMenuSubContent as Do, DropdownMenuSubTrigger as bo, DropdownMenuTrigger as Bo } from "./components/ui/core/dropdown-menu/dropdown-menu.js";
24
+ import { DropdownMenuMetadata as wo } from "./components/ui/core/dropdown-menu/dropdown-menu.metadata.js";
25
+ import { Badge as vo, badgeVariants as Ho } from "./components/ui/core/badge/badge.js";
26
+ import { BadgeMetadata as ko } from "./components/ui/core/badge/badge.metadata.js";
27
+ import { Collapsible as yo, CollapsibleContent as ho, CollapsibleTrigger as Vo } from "./components/ui/core/collapsible/collapsible.js";
28
+ import { CollapsibleMetadata as Eo } from "./components/ui/core/collapsible/collapsible.metadata.js";
29
+ import { HoverCard as Qo, HoverCardContent as Uo, HoverCardTrigger as jo } from "./components/ui/core/hover-card/hover-card.js";
30
+ import { HoverCardMetadata as zo } from "./components/ui/core/hover-card/hover-card.metadata.js";
31
+ import { Select as Ko, SelectContent as No, SelectGroup as Wo, SelectItem as Xo, SelectLabel as Yo, SelectScrollDownButton as Zo, SelectScrollUpButton as _o, SelectSeparator as $o, SelectTrigger as ot, SelectValue as tt } from "./components/ui/core/select/select.js";
32
+ import { SelectMetadata as rt } from "./components/ui/core/select/select.metadata.js";
33
+ import { Skeleton as nt } from "./components/ui/core/skeleton/skeleton.js";
34
+ import { SkeletonMetadata as mt } from "./components/ui/core/skeleton/skeleton.metadata.js";
35
+ import { Input as lt } from "./components/ui/core/input/input.js";
36
+ import { InputMetadata as it } from "./components/ui/core/input/input.metadata.js";
37
+ import { Textarea as Ct } from "./components/ui/core/textarea/textarea.js";
38
+ import { TextareaMetadata as Mt } from "./components/ui/core/textarea/textarea.metadata.js";
39
+ import { InputGroup as gt, InputGroupAddon as Pt, InputGroupButton as Tt, InputGroupInput as ct, InputGroupText as st, InputGroupTextarea as St } from "./components/ui/core/input-group/input-group.js";
40
+ import { InputGroupMetadata as bt } from "./components/ui/core/input-group/input-group.metadata.js";
41
+ import { Alert as At, AlertActions as wt, AlertButton as Gt, AlertClose as vt, AlertDescription as Ht, AlertTitle as Lt } from "./components/ui/core/alert/alert.js";
42
+ import { AlertMetadata as Rt } from "./components/ui/core/alert/alert.metadata.js";
43
+ import { Message as ht, MessageAction as Vt, MessageActions as Ft, MessageContent as Et, MessageResponse as Ot } from "./components/ui/core/message/message.js";
44
+ import { PromptInputMetadata as Ut } from "./components/ui/core/prompt-input/prompt-input.metadata.js";
45
+ import { PromptInput as qt, PromptInputActionMenu as zt, PromptInputActionMenuContent as Jt, PromptInputActionMenuItem as Kt, PromptInputActionMenuTrigger as Nt, PromptInputBody as Wt, PromptInputButton as Xt, PromptInputCommand as Yt, PromptInputCommandEmpty as Zt, PromptInputCommandGroup as _t, PromptInputCommandInput as $t, PromptInputCommandItem as oe, PromptInputCommandList as te, PromptInputCommandSeparator as ee, PromptInputFooter as re, PromptInputHeader as ae, PromptInputHoverCard as ne, PromptInputHoverCardContent as pe, PromptInputHoverCardTrigger as me, PromptInputModelSelect as ue, PromptInputModelSelectContent as le, PromptInputModelSelectItem as de, PromptInputModelSelectTrigger as ie, PromptInputModelSelectValue as Ie, PromptInputProvider as Ce, PromptInputSubmit as xe, PromptInputTab as Me, PromptInputTabBody as fe, PromptInputTabItem as ge, PromptInputTabLabel as Pe, PromptInputTabsList as Te, PromptInputTextarea as ce, PromptInputTools as se, usePromptInputController as Se } from "./components/ui/core/prompt-input/prompt-input.js";
46
+ import { Dialog as be, DialogClose as Be, DialogContent as Ae, DialogDescription as we, DialogFooter as Ge, DialogHeader as ve, DialogOverlay as He, DialogPortal as Le, DialogTitle as ke, DialogTrigger as Re } from "./components/ui/core/dialog/dialog.js";
47
+ import { DialogMetadata as he } from "./components/ui/core/dialog/dialog.metadata.js";
48
+ import { Command as Fe, CommandDialog as Ee, CommandEmpty as Oe, CommandGroup as Qe, CommandInput as Ue, CommandItem as je, CommandList as qe, CommandSeparator as ze, CommandShortcut as Je } from "./components/ui/core/command/command.js";
49
+ import { CommandMetadata as Ne } from "./components/ui/core/command/command.metadata.js";
50
+ import { InlineCitationMetadata as Xe } from "./components/ui/core/inline-citation/inline-citation.metadata.js";
51
+ import { InlineCitation as Ze, InlineCitationCard as _e, InlineCitationCardBody as $e, InlineCitationCardTrigger as or, InlineCitationGroup as tr, InlineCitationLink as er, InlineCitationQuote as rr, InlineCitationSource as ar, InlineCitationText as nr } from "./components/ui/core/inline-citation/inline-citation.js";
52
+ import { Reasoning as mr, ReasoningContent as ur, ReasoningHeader as lr, ReasoningItem as dr } from "./components/ui/core/reasoning/reasoning.js";
53
+ import { ReasoningMetadata as Ir } from "./components/ui/core/reasoning/reasoning.metadata.js";
54
+ export {
55
+ At as Alert,
56
+ wt as AlertActions,
57
+ Gt as AlertButton,
58
+ vt as AlertClose,
59
+ Ht as AlertDescription,
60
+ Rt as AlertMetadata,
61
+ Lt as AlertTitle,
62
+ x as Avatar,
63
+ M as AvatarFallback,
64
+ f as AvatarIcon,
65
+ g as AvatarImage,
66
+ T as AvatarMetadata,
67
+ vo as Badge,
68
+ ko as BadgeMetadata,
69
+ e as Button,
70
+ m as ButtonGroup,
71
+ I as ButtonGroupMetadata,
72
+ u as ButtonGroupSeparator,
73
+ l as ButtonGroupText,
74
+ n as ButtonMetadata,
75
+ F as CodeBlock,
76
+ E as CodeBlockCollapseButton,
77
+ O as CodeBlockCopyButton,
78
+ U as CodeBlockMetadata,
79
+ yo as Collapsible,
80
+ ho as CollapsibleContent,
81
+ Eo as CollapsibleMetadata,
82
+ Vo as CollapsibleTrigger,
83
+ Fe as Command,
84
+ Ee as CommandDialog,
85
+ Oe as CommandEmpty,
86
+ Qe as CommandGroup,
87
+ Ue as CommandInput,
88
+ je as CommandItem,
89
+ qe as CommandList,
90
+ Ne as CommandMetadata,
91
+ ze as CommandSeparator,
92
+ Je as CommandShortcut,
93
+ be as Dialog,
94
+ Be as DialogClose,
95
+ Ae as DialogContent,
96
+ we as DialogDescription,
97
+ Ge as DialogFooter,
98
+ ve as DialogHeader,
99
+ he as DialogMetadata,
100
+ He as DialogOverlay,
101
+ Le as DialogPortal,
102
+ ke as DialogTitle,
103
+ Re as DialogTrigger,
104
+ uo as DropdownMenu,
105
+ lo as DropdownMenuCheckboxItem,
106
+ io as DropdownMenuContent,
107
+ Io as DropdownMenuGroup,
108
+ Co as DropdownMenuHeader,
109
+ xo as DropdownMenuItem,
110
+ Mo as DropdownMenuLabel,
111
+ wo as DropdownMenuMetadata,
112
+ fo as DropdownMenuPortal,
113
+ go as DropdownMenuRadioGroup,
114
+ Po as DropdownMenuRadioItem,
115
+ To as DropdownMenuSectionLabel,
116
+ co as DropdownMenuSeparator,
117
+ so as DropdownMenuShortcut,
118
+ So as DropdownMenuSub,
119
+ Do as DropdownMenuSubContent,
120
+ bo as DropdownMenuSubTrigger,
121
+ Bo as DropdownMenuTrigger,
122
+ B as HelperText,
123
+ w as HelperTextMetadata,
124
+ Qo as HoverCard,
125
+ Uo as HoverCardContent,
126
+ zo as HoverCardMetadata,
127
+ jo as HoverCardTrigger,
128
+ Ze as InlineCitation,
129
+ _e as InlineCitationCard,
130
+ $e as InlineCitationCardBody,
131
+ or as InlineCitationCardTrigger,
132
+ tr as InlineCitationGroup,
133
+ er as InlineCitationLink,
134
+ Xe as InlineCitationMetadata,
135
+ rr as InlineCitationQuote,
136
+ ar as InlineCitationSource,
137
+ nr as InlineCitationText,
138
+ lt as Input,
139
+ gt as InputGroup,
140
+ Pt as InputGroupAddon,
141
+ Tt as InputGroupButton,
142
+ ct as InputGroupInput,
143
+ bt as InputGroupMetadata,
144
+ st as InputGroupText,
145
+ St as InputGroupTextarea,
146
+ it as InputMetadata,
147
+ s as Label,
148
+ D as LabelMetadata,
149
+ v as Loader,
150
+ L as LoaderMetadata,
151
+ ht as Message,
152
+ Vt as MessageAction,
153
+ Ft as MessageActions,
154
+ Et as MessageContent,
155
+ Ot as MessageResponse,
156
+ qt as PromptInput,
157
+ zt as PromptInputActionMenu,
158
+ Jt as PromptInputActionMenuContent,
159
+ Kt as PromptInputActionMenuItem,
160
+ Nt as PromptInputActionMenuTrigger,
161
+ Wt as PromptInputBody,
162
+ Xt as PromptInputButton,
163
+ Yt as PromptInputCommand,
164
+ Zt as PromptInputCommandEmpty,
165
+ _t as PromptInputCommandGroup,
166
+ $t as PromptInputCommandInput,
167
+ oe as PromptInputCommandItem,
168
+ te as PromptInputCommandList,
169
+ ee as PromptInputCommandSeparator,
170
+ re as PromptInputFooter,
171
+ ae as PromptInputHeader,
172
+ ne as PromptInputHoverCard,
173
+ pe as PromptInputHoverCardContent,
174
+ me as PromptInputHoverCardTrigger,
175
+ Ut as PromptInputMetadata,
176
+ ue as PromptInputModelSelect,
177
+ le as PromptInputModelSelectContent,
178
+ de as PromptInputModelSelectItem,
179
+ ie as PromptInputModelSelectTrigger,
180
+ Ie as PromptInputModelSelectValue,
181
+ Ce as PromptInputProvider,
182
+ xe as PromptInputSubmit,
183
+ Me as PromptInputTab,
184
+ fe as PromptInputTabBody,
185
+ ge as PromptInputTabItem,
186
+ Pe as PromptInputTabLabel,
187
+ Te as PromptInputTabsList,
188
+ ce as PromptInputTextarea,
189
+ se as PromptInputTools,
190
+ mr as Reasoning,
191
+ ur as ReasoningContent,
192
+ lr as ReasoningHeader,
193
+ dr as ReasoningItem,
194
+ Ir as ReasoningMetadata,
195
+ Ko as Select,
196
+ No as SelectContent,
197
+ Wo as SelectGroup,
198
+ Xo as SelectItem,
199
+ Yo as SelectLabel,
200
+ rt as SelectMetadata,
201
+ Zo as SelectScrollDownButton,
202
+ _o as SelectScrollUpButton,
203
+ $o as SelectSeparator,
204
+ ot as SelectTrigger,
205
+ tt as SelectValue,
206
+ q as Separator,
207
+ J as SeparatorMetadata,
208
+ R as Shimmer,
209
+ h as ShimmerMetadata,
210
+ nt as Skeleton,
211
+ mt as SkeletonMetadata,
212
+ Ct as Textarea,
213
+ Mt as TextareaMetadata,
214
+ oo as Tool,
215
+ to as ToolContent,
216
+ eo as ToolHeader,
217
+ ro as ToolInput,
218
+ po as ToolMetadata,
219
+ ao as ToolOutput,
220
+ N as Tooltip,
221
+ W as TooltipContent,
222
+ _ as TooltipMetadata,
223
+ X as TooltipProvider,
224
+ Y as TooltipTrigger,
225
+ Ho as badgeVariants,
226
+ d as buttonGroupVariants,
227
+ r as buttonVariants,
228
+ Se as usePromptInputController
229
+ };