@timbal-ai/timbal-react 0.7.1 → 0.8.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/dist/index.cjs CHANGED
@@ -66,10 +66,27 @@ __export(index_exports, {
66
66
  Dialog: () => Dialog,
67
67
  DialogClose: () => DialogClose,
68
68
  DialogContent: () => DialogContent,
69
+ DialogDescription: () => DialogDescription,
70
+ DialogFooter: () => DialogFooter,
71
+ DialogHeader: () => DialogHeader,
69
72
  DialogOverlay: () => DialogOverlay,
70
73
  DialogPortal: () => DialogPortal,
71
74
  DialogTitle: () => DialogTitle,
72
75
  DialogTrigger: () => DialogTrigger,
76
+ DropdownMenu: () => DropdownMenu,
77
+ DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
78
+ DropdownMenuContent: () => DropdownMenuContent,
79
+ DropdownMenuGroup: () => DropdownMenuGroup,
80
+ DropdownMenuItem: () => DropdownMenuItem,
81
+ DropdownMenuLabel: () => DropdownMenuLabel,
82
+ DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
83
+ DropdownMenuRadioItem: () => DropdownMenuRadioItem,
84
+ DropdownMenuSeparator: () => DropdownMenuSeparator,
85
+ DropdownMenuShortcut: () => DropdownMenuShortcut,
86
+ DropdownMenuSub: () => DropdownMenuSub,
87
+ DropdownMenuSubContent: () => DropdownMenuSubContent,
88
+ DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
89
+ DropdownMenuTrigger: () => DropdownMenuTrigger,
73
90
  EmptyState: () => EmptyState,
74
91
  ExpandableSection: () => ExpandableSection,
75
92
  Field: () => Field,
@@ -99,11 +116,25 @@ __export(index_exports, {
99
116
  PageHeader: () => PageHeader,
100
117
  PillSegmentedTabs: () => PillSegmentedTabs,
101
118
  PlanBadge: () => PlanBadge,
119
+ Popover: () => Popover,
120
+ PopoverAnchor: () => PopoverAnchor,
121
+ PopoverContent: () => PopoverContent,
122
+ PopoverTrigger: () => PopoverTrigger,
102
123
  QuestionArtifactView: () => QuestionArtifactView,
103
124
  ResourceCard: () => ResourceCard,
104
125
  STUDIO_NAV_MODE: () => STUDIO_NAV_MODE,
105
126
  SearchInput: () => SearchInput,
106
127
  Section: () => Section,
128
+ Select: () => Select,
129
+ SelectContent: () => SelectContent,
130
+ SelectGroup: () => SelectGroup,
131
+ SelectItem: () => SelectItem,
132
+ SelectLabel: () => SelectLabel,
133
+ SelectScrollDownButton: () => SelectScrollDownButton,
134
+ SelectScrollUpButton: () => SelectScrollUpButton,
135
+ SelectSeparator: () => SelectSeparator,
136
+ SelectTrigger: () => SelectTrigger,
137
+ SelectValue: () => SelectValue,
107
138
  SessionProvider: () => SessionProvider,
108
139
  SettingsSection: () => SettingsSection,
109
140
  SettingsSectionHeader: () => SettingsSectionHeader,
@@ -1334,6 +1365,42 @@ function DialogTitle({
1334
1365
  }
1335
1366
  );
1336
1367
  }
1368
+ function DialogDescription({
1369
+ className,
1370
+ ...props
1371
+ }) {
1372
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1373
+ import_radix_ui2.Dialog.Description,
1374
+ {
1375
+ "data-slot": "dialog-description",
1376
+ className: cn("text-sm text-muted-foreground", className),
1377
+ ...props
1378
+ }
1379
+ );
1380
+ }
1381
+ function DialogHeader({ className, ...props }) {
1382
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1383
+ "div",
1384
+ {
1385
+ "data-slot": "dialog-header",
1386
+ className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
1387
+ ...props
1388
+ }
1389
+ );
1390
+ }
1391
+ function DialogFooter({ className, ...props }) {
1392
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1393
+ "div",
1394
+ {
1395
+ "data-slot": "dialog-footer",
1396
+ className: cn(
1397
+ "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
1398
+ className
1399
+ ),
1400
+ ...props
1401
+ }
1402
+ );
1403
+ }
1337
1404
 
1338
1405
  // src/ui/avatar.tsx
1339
1406
  var import_radix_ui3 = require("radix-ui");
@@ -8752,6 +8819,407 @@ var AuthGuard = ({
8752
8819
 
8753
8820
  // src/index.ts
8754
8821
  var import_react69 = require("@assistant-ui/react");
8822
+
8823
+ // src/ui/dropdown-menu.tsx
8824
+ var import_radix_ui5 = require("radix-ui");
8825
+ var import_lucide_react20 = require("lucide-react");
8826
+ var import_jsx_runtime93 = require("react/jsx-runtime");
8827
+ function DropdownMenu({
8828
+ ...props
8829
+ }) {
8830
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.Root, { "data-slot": "dropdown-menu", ...props });
8831
+ }
8832
+ function DropdownMenuTrigger({
8833
+ ...props
8834
+ }) {
8835
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8836
+ import_radix_ui5.DropdownMenu.Trigger,
8837
+ {
8838
+ "data-slot": "dropdown-menu-trigger",
8839
+ ...props
8840
+ }
8841
+ );
8842
+ }
8843
+ function DropdownMenuGroup({
8844
+ ...props
8845
+ }) {
8846
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.Group, { "data-slot": "dropdown-menu-group", ...props });
8847
+ }
8848
+ function DropdownMenuContent({
8849
+ className,
8850
+ sideOffset = 4,
8851
+ ...props
8852
+ }) {
8853
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8854
+ import_radix_ui5.DropdownMenu.Content,
8855
+ {
8856
+ "data-slot": "dropdown-menu-content",
8857
+ sideOffset,
8858
+ className: cn(
8859
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-[80] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-lg border border-border p-1 shadow-card",
8860
+ className
8861
+ ),
8862
+ ...props
8863
+ }
8864
+ ) });
8865
+ }
8866
+ function DropdownMenuItem({
8867
+ className,
8868
+ inset,
8869
+ variant = "default",
8870
+ ...props
8871
+ }) {
8872
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8873
+ import_radix_ui5.DropdownMenu.Item,
8874
+ {
8875
+ "data-slot": "dropdown-menu-item",
8876
+ "data-inset": inset,
8877
+ "data-variant": variant,
8878
+ className: cn(
8879
+ "relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
8880
+ className
8881
+ ),
8882
+ ...props
8883
+ }
8884
+ );
8885
+ }
8886
+ function DropdownMenuCheckboxItem({
8887
+ className,
8888
+ children,
8889
+ checked,
8890
+ ...props
8891
+ }) {
8892
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
8893
+ import_radix_ui5.DropdownMenu.CheckboxItem,
8894
+ {
8895
+ "data-slot": "dropdown-menu-checkbox-item",
8896
+ className: cn(
8897
+ "relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
8898
+ className
8899
+ ),
8900
+ checked,
8901
+ ...props,
8902
+ children: [
8903
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react20.CheckIcon, { className: "size-4" }) }) }),
8904
+ children
8905
+ ]
8906
+ }
8907
+ );
8908
+ }
8909
+ function DropdownMenuRadioGroup({
8910
+ ...props
8911
+ }) {
8912
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8913
+ import_radix_ui5.DropdownMenu.RadioGroup,
8914
+ {
8915
+ "data-slot": "dropdown-menu-radio-group",
8916
+ ...props
8917
+ }
8918
+ );
8919
+ }
8920
+ function DropdownMenuRadioItem({
8921
+ className,
8922
+ children,
8923
+ ...props
8924
+ }) {
8925
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
8926
+ import_radix_ui5.DropdownMenu.RadioItem,
8927
+ {
8928
+ "data-slot": "dropdown-menu-radio-item",
8929
+ className: cn(
8930
+ "relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
8931
+ className
8932
+ ),
8933
+ ...props,
8934
+ children: [
8935
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react20.CircleIcon, { className: "size-2 fill-current" }) }) }),
8936
+ children
8937
+ ]
8938
+ }
8939
+ );
8940
+ }
8941
+ function DropdownMenuLabel({
8942
+ className,
8943
+ inset,
8944
+ ...props
8945
+ }) {
8946
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8947
+ import_radix_ui5.DropdownMenu.Label,
8948
+ {
8949
+ "data-slot": "dropdown-menu-label",
8950
+ "data-inset": inset,
8951
+ className: cn(
8952
+ "px-2 py-1.5 text-xs font-medium text-muted-foreground data-[inset]:pl-8",
8953
+ className
8954
+ ),
8955
+ ...props
8956
+ }
8957
+ );
8958
+ }
8959
+ function DropdownMenuSeparator({
8960
+ className,
8961
+ ...props
8962
+ }) {
8963
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8964
+ import_radix_ui5.DropdownMenu.Separator,
8965
+ {
8966
+ "data-slot": "dropdown-menu-separator",
8967
+ className: cn("-mx-1 my-1 h-px bg-border", className),
8968
+ ...props
8969
+ }
8970
+ );
8971
+ }
8972
+ function DropdownMenuShortcut({
8973
+ className,
8974
+ ...props
8975
+ }) {
8976
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
8977
+ "span",
8978
+ {
8979
+ "data-slot": "dropdown-menu-shortcut",
8980
+ className: cn(
8981
+ "ml-auto text-xs tracking-widest text-muted-foreground",
8982
+ className
8983
+ ),
8984
+ ...props
8985
+ }
8986
+ );
8987
+ }
8988
+ function DropdownMenuSub({
8989
+ ...props
8990
+ }) {
8991
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui5.DropdownMenu.Sub, { "data-slot": "dropdown-menu-sub", ...props });
8992
+ }
8993
+ function DropdownMenuSubTrigger({
8994
+ className,
8995
+ inset,
8996
+ children,
8997
+ ...props
8998
+ }) {
8999
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
9000
+ import_radix_ui5.DropdownMenu.SubTrigger,
9001
+ {
9002
+ "data-slot": "dropdown-menu-sub-trigger",
9003
+ "data-inset": inset,
9004
+ className: cn(
9005
+ "flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-[inset]:pl-8",
9006
+ className
9007
+ ),
9008
+ ...props,
9009
+ children: [
9010
+ children,
9011
+ /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react20.ChevronRightIcon, { className: "ml-auto size-4" })
9012
+ ]
9013
+ }
9014
+ );
9015
+ }
9016
+ function DropdownMenuSubContent({
9017
+ className,
9018
+ ...props
9019
+ }) {
9020
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
9021
+ import_radix_ui5.DropdownMenu.SubContent,
9022
+ {
9023
+ "data-slot": "dropdown-menu-sub-content",
9024
+ className: cn(
9025
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-[80] min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-hidden rounded-lg border border-border p-1 shadow-card",
9026
+ className
9027
+ ),
9028
+ ...props
9029
+ }
9030
+ );
9031
+ }
9032
+
9033
+ // src/ui/popover.tsx
9034
+ var import_radix_ui6 = require("radix-ui");
9035
+ var import_jsx_runtime94 = require("react/jsx-runtime");
9036
+ function Popover({
9037
+ ...props
9038
+ }) {
9039
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui6.Popover.Root, { "data-slot": "popover", ...props });
9040
+ }
9041
+ function PopoverTrigger({
9042
+ ...props
9043
+ }) {
9044
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui6.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
9045
+ }
9046
+ function PopoverAnchor({
9047
+ ...props
9048
+ }) {
9049
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui6.Popover.Anchor, { "data-slot": "popover-anchor", ...props });
9050
+ }
9051
+ function PopoverContent({
9052
+ className,
9053
+ align = "center",
9054
+ sideOffset = 4,
9055
+ ...props
9056
+ }) {
9057
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui6.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
9058
+ import_radix_ui6.Popover.Content,
9059
+ {
9060
+ "data-slot": "popover-content",
9061
+ align,
9062
+ sideOffset,
9063
+ className: cn(
9064
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-[80] w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-xl border border-border p-4 shadow-card outline-hidden",
9065
+ className
9066
+ ),
9067
+ ...props
9068
+ }
9069
+ ) });
9070
+ }
9071
+
9072
+ // src/ui/select.tsx
9073
+ var import_radix_ui7 = require("radix-ui");
9074
+ var import_lucide_react21 = require("lucide-react");
9075
+ var import_jsx_runtime95 = require("react/jsx-runtime");
9076
+ function Select({
9077
+ ...props
9078
+ }) {
9079
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.Root, { "data-slot": "select", ...props });
9080
+ }
9081
+ function SelectGroup({
9082
+ ...props
9083
+ }) {
9084
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.Group, { "data-slot": "select-group", ...props });
9085
+ }
9086
+ function SelectValue({
9087
+ ...props
9088
+ }) {
9089
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.Value, { "data-slot": "select-value", ...props });
9090
+ }
9091
+ function SelectTrigger({
9092
+ className,
9093
+ size = "default",
9094
+ children,
9095
+ ...props
9096
+ }) {
9097
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
9098
+ import_radix_ui7.Select.Trigger,
9099
+ {
9100
+ "data-slot": "select-trigger",
9101
+ "data-size": size,
9102
+ className: cn(
9103
+ "flex w-fit items-center justify-between gap-2 rounded-lg border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
9104
+ className
9105
+ ),
9106
+ ...props,
9107
+ children: [
9108
+ children,
9109
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react21.ChevronDownIcon, { className: "size-4 opacity-50" }) })
9110
+ ]
9111
+ }
9112
+ );
9113
+ }
9114
+ function SelectContent({
9115
+ className,
9116
+ children,
9117
+ position = "popper",
9118
+ ...props
9119
+ }) {
9120
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
9121
+ import_radix_ui7.Select.Content,
9122
+ {
9123
+ "data-slot": "select-content",
9124
+ className: cn(
9125
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-[80] max-h-[var(--radix-select-content-available-height)] min-w-[8rem] origin-[var(--radix-select-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-lg border border-border shadow-card",
9126
+ position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
9127
+ className
9128
+ ),
9129
+ position,
9130
+ ...props,
9131
+ children: [
9132
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SelectScrollUpButton, {}),
9133
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
9134
+ import_radix_ui7.Select.Viewport,
9135
+ {
9136
+ className: cn(
9137
+ "p-1",
9138
+ position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
9139
+ ),
9140
+ children
9141
+ }
9142
+ ),
9143
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SelectScrollDownButton, {})
9144
+ ]
9145
+ }
9146
+ ) });
9147
+ }
9148
+ function SelectLabel({
9149
+ className,
9150
+ ...props
9151
+ }) {
9152
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
9153
+ import_radix_ui7.Select.Label,
9154
+ {
9155
+ "data-slot": "select-label",
9156
+ className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
9157
+ ...props
9158
+ }
9159
+ );
9160
+ }
9161
+ function SelectItem({
9162
+ className,
9163
+ children,
9164
+ ...props
9165
+ }) {
9166
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
9167
+ import_radix_ui7.Select.Item,
9168
+ {
9169
+ "data-slot": "select-item",
9170
+ className: cn(
9171
+ "relative flex w-full cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
9172
+ className
9173
+ ),
9174
+ ...props,
9175
+ children: [
9176
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react21.CheckIcon, { className: "size-4" }) }) }),
9177
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_radix_ui7.Select.ItemText, { children })
9178
+ ]
9179
+ }
9180
+ );
9181
+ }
9182
+ function SelectSeparator({
9183
+ className,
9184
+ ...props
9185
+ }) {
9186
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
9187
+ import_radix_ui7.Select.Separator,
9188
+ {
9189
+ "data-slot": "select-separator",
9190
+ className: cn("-mx-1 my-1 h-px bg-border", className),
9191
+ ...props
9192
+ }
9193
+ );
9194
+ }
9195
+ function SelectScrollUpButton({
9196
+ className,
9197
+ ...props
9198
+ }) {
9199
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
9200
+ import_radix_ui7.Select.ScrollUpButton,
9201
+ {
9202
+ "data-slot": "select-scroll-up-button",
9203
+ className: cn("flex cursor-default items-center justify-center py-1", className),
9204
+ ...props,
9205
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react21.ChevronUpIcon, { className: "size-4" })
9206
+ }
9207
+ );
9208
+ }
9209
+ function SelectScrollDownButton({
9210
+ className,
9211
+ ...props
9212
+ }) {
9213
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
9214
+ import_radix_ui7.Select.ScrollDownButton,
9215
+ {
9216
+ "data-slot": "select-scroll-down-button",
9217
+ className: cn("flex cursor-default items-center justify-center py-1", className),
9218
+ ...props,
9219
+ children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react21.ChevronDownIcon, { className: "size-4" })
9220
+ }
9221
+ );
9222
+ }
8755
9223
  // Annotate the CommonJS export names for ESM import in node:
8756
9224
  0 && (module.exports = {
8757
9225
  APP_KIT_AGENT_INSTRUCTIONS,
@@ -8790,10 +9258,27 @@ var import_react69 = require("@assistant-ui/react");
8790
9258
  Dialog,
8791
9259
  DialogClose,
8792
9260
  DialogContent,
9261
+ DialogDescription,
9262
+ DialogFooter,
9263
+ DialogHeader,
8793
9264
  DialogOverlay,
8794
9265
  DialogPortal,
8795
9266
  DialogTitle,
8796
9267
  DialogTrigger,
9268
+ DropdownMenu,
9269
+ DropdownMenuCheckboxItem,
9270
+ DropdownMenuContent,
9271
+ DropdownMenuGroup,
9272
+ DropdownMenuItem,
9273
+ DropdownMenuLabel,
9274
+ DropdownMenuRadioGroup,
9275
+ DropdownMenuRadioItem,
9276
+ DropdownMenuSeparator,
9277
+ DropdownMenuShortcut,
9278
+ DropdownMenuSub,
9279
+ DropdownMenuSubContent,
9280
+ DropdownMenuSubTrigger,
9281
+ DropdownMenuTrigger,
8797
9282
  EmptyState,
8798
9283
  ExpandableSection,
8799
9284
  Field,
@@ -8823,11 +9308,25 @@ var import_react69 = require("@assistant-ui/react");
8823
9308
  PageHeader,
8824
9309
  PillSegmentedTabs,
8825
9310
  PlanBadge,
9311
+ Popover,
9312
+ PopoverAnchor,
9313
+ PopoverContent,
9314
+ PopoverTrigger,
8826
9315
  QuestionArtifactView,
8827
9316
  ResourceCard,
8828
9317
  STUDIO_NAV_MODE,
8829
9318
  SearchInput,
8830
9319
  Section,
9320
+ Select,
9321
+ SelectContent,
9322
+ SelectGroup,
9323
+ SelectItem,
9324
+ SelectLabel,
9325
+ SelectScrollDownButton,
9326
+ SelectScrollUpButton,
9327
+ SelectSeparator,
9328
+ SelectTrigger,
9329
+ SelectValue,
8831
9330
  SessionProvider,
8832
9331
  SettingsSection,
8833
9332
  SettingsSectionHeader,
package/dist/index.d.cts CHANGED
@@ -9,7 +9,7 @@ export { M as MarkdownText, T as THREAD_DEFAULT_MAX_WIDTH, a as ToolFallback, b
9
9
  export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as connectionRowListClass, aZ as useAppCopilotContext, a_ as useAppShellChat } from './chart-artifact-C2m891nx.cjs';
10
10
  export { B as Button } from './button-CIKzUrJI.cjs';
11
11
  import React__default, { FC, ReactNode } from 'react';
12
- export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.cjs';
12
+ export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.cjs';
13
13
  import { ClassValue } from 'clsx';
14
14
  import 'react/jsx-runtime';
15
15
  import './timbal-v2-button-CNfdwGq4.cjs';
package/dist/index.d.ts CHANGED
@@ -9,7 +9,7 @@ export { M as MarkdownText, T as THREAD_DEFAULT_MAX_WIDTH, a as ToolFallback, b
9
9
  export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as connectionRowListClass, aZ as useAppCopilotContext, a_ as useAppShellChat } from './chart-artifact-CqqhdSR9.js';
10
10
  export { B as Button } from './button-CIKzUrJI.js';
11
11
  import React__default, { FC, ReactNode } from 'react';
12
- export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.js';
12
+ export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.js';
13
13
  import { ClassValue } from 'clsx';
14
14
  import 'react/jsx-runtime';
15
15
  import './timbal-v2-button-CNfdwGq4.js';