@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/CHANGELOG.md +14 -0
- package/dist/app.esm.js +4 -4
- package/dist/chat.esm.js +3 -3
- package/dist/{chunk-EQC5JEDZ.esm.js → chunk-4AO3HCAR.esm.js} +4 -4
- package/dist/chunk-LSEUKTU5.esm.js +435 -0
- package/dist/{chunk-2XZ3S4OP.esm.js → chunk-QKO67F4V.esm.js} +39 -0
- package/dist/{chunk-RY3LB3JN.esm.js → chunk-VVTTLIGT.esm.js} +1 -1
- package/dist/{chunk-TDIJHV4I.esm.js → chunk-YNDXBN6C.esm.js} +1 -1
- package/dist/{chunk-7U2N6XZA.esm.js → chunk-ZEDE2TWQ.esm.js} +3 -3
- package/dist/{chunk-3WCG6ZRL.esm.js → chunk-ZG5NBHOS.esm.js} +2 -2
- package/dist/index.cjs +499 -0
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +70 -6
- package/dist/studio.esm.js +5 -5
- package/dist/ui.cjs +507 -8
- package/dist/ui.d.cts +45 -2
- package/dist/ui.d.ts +45 -2
- package/dist/ui.esm.js +66 -2
- package/package.json +1 -1
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';
|