ag-common 0.0.767 → 0.0.770

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 (53) hide show
  1. package/dist/api/helpers/cosmos/get.d.ts +2 -2
  2. package/dist/api/helpers/cosmos/get.js +12 -3
  3. package/dist/api/helpers/cosmos/index.d.ts +2 -2
  4. package/dist/api/helpers/index.d.ts +1 -1
  5. package/dist/api/helpers/index.js +1 -1
  6. package/dist/ui/components/index.d.ts +1 -2
  7. package/dist/ui/components/index.js +1 -2
  8. package/dist/ui/components/shadcn/accordion.d.ts +16 -0
  9. package/dist/ui/components/shadcn/accordion.js +83 -0
  10. package/dist/ui/components/shadcn/alert.d.ts +8 -0
  11. package/dist/ui/components/shadcn/alert.js +79 -0
  12. package/dist/ui/components/shadcn/avatar.d.ts +6 -0
  13. package/dist/ui/components/shadcn/avatar.js +69 -0
  14. package/dist/ui/components/shadcn/button.d.ts +11 -0
  15. package/dist/ui/components/shadcn/button.js +81 -0
  16. package/dist/ui/components/shadcn/card.d.ts +8 -0
  17. package/dist/ui/components/shadcn/card.js +85 -0
  18. package/dist/ui/components/shadcn/checkbox.d.ts +4 -0
  19. package/dist/ui/components/shadcn/checkbox.js +60 -0
  20. package/dist/ui/components/shadcn/dialog.d.ts +19 -0
  21. package/dist/ui/components/shadcn/dialog.js +106 -0
  22. package/dist/ui/components/shadcn/divider.d.ts +8 -0
  23. package/dist/ui/components/shadcn/divider.js +14 -0
  24. package/dist/ui/components/shadcn/dropdown-menu.d.ts +27 -0
  25. package/dist/ui/components/shadcn/dropdown-menu.js +132 -0
  26. package/dist/ui/components/shadcn/index.d.ts +17 -0
  27. package/dist/ui/components/shadcn/index.js +33 -0
  28. package/dist/ui/components/shadcn/input-selector.d.ts +17 -0
  29. package/dist/ui/components/shadcn/input-selector.js +99 -0
  30. package/dist/ui/components/shadcn/input.d.ts +3 -0
  31. package/dist/ui/components/shadcn/input.js +55 -0
  32. package/dist/ui/components/shadcn/label.d.ts +5 -0
  33. package/dist/ui/components/{Accordion/index.js → shadcn/label.js} +22 -32
  34. package/dist/ui/components/shadcn/popover.d.ts +7 -0
  35. package/dist/ui/components/shadcn/popover.js +64 -0
  36. package/dist/ui/components/shadcn/scroll-area.d.ts +5 -0
  37. package/dist/ui/components/shadcn/scroll-area.js +69 -0
  38. package/dist/ui/components/shadcn/select.d.ts +13 -0
  39. package/dist/ui/components/shadcn/select.js +116 -0
  40. package/dist/ui/components/shadcn/sheet.d.ts +25 -0
  41. package/dist/ui/components/shadcn/sheet.js +116 -0
  42. package/dist/ui/components/shadcn/textarea.d.ts +3 -0
  43. package/dist/ui/components/shadcn/textarea.js +55 -0
  44. package/dist/ui/helpers/index.d.ts +2 -0
  45. package/dist/ui/helpers/index.js +2 -0
  46. package/dist/ui/helpers/openDialog.d.ts +23 -0
  47. package/dist/ui/helpers/openDialog.js +95 -0
  48. package/dist/ui/helpers/utils.d.ts +2 -0
  49. package/dist/ui/helpers/utils.js +8 -0
  50. package/dist/ui/index.d.ts +0 -1
  51. package/dist/ui/index.js +0 -1
  52. package/package.json +23 -3
  53. package/dist/ui/components/Accordion/index.d.ts +0 -12
@@ -0,0 +1,19 @@
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
+ import * as React from 'react';
3
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
4
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
6
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
7
+ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ declare const DialogHeader: {
10
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
11
+ displayName: string;
12
+ };
13
+ declare const DialogFooter: {
14
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
15
+ displayName: string;
16
+ };
17
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
18
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
19
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+ 'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
46
+ };
47
+ Object.defineProperty(exports, "__esModule", { value: true });
48
+ exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = void 0;
49
+ const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
50
+ const react_icons_1 = require("@radix-ui/react-icons");
51
+ const React = __importStar(require("react"));
52
+ const utils_1 = require("../../helpers/utils");
53
+ const Dialog = DialogPrimitive.Root;
54
+ exports.Dialog = Dialog;
55
+ const DialogTrigger = DialogPrimitive.Trigger;
56
+ exports.DialogTrigger = DialogTrigger;
57
+ const DialogPortal = DialogPrimitive.Portal;
58
+ exports.DialogPortal = DialogPortal;
59
+ const DialogClose = DialogPrimitive.Close;
60
+ exports.DialogClose = DialogClose;
61
+ const DialogOverlay = React.forwardRef((_a, ref) => {
62
+ var { className } = _a, props = __rest(_a, ["className"]);
63
+ return (React.createElement(DialogPrimitive.Overlay, Object.assign({ ref: ref, className: (0, utils_1.cn)('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className) }, props)));
64
+ });
65
+ exports.DialogOverlay = DialogOverlay;
66
+ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
67
+ const DialogContent = React.forwardRef((_a, ref) => {
68
+ var { className, children } = _a, props = __rest(_a, ["className", "children"]);
69
+ return (React.createElement(DialogPortal, null,
70
+ React.createElement(DialogOverlay, null),
71
+ React.createElement(DialogPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)('fixed left-[50%] top-[50%] z-50 grid max-w-[80dvw] max-h-[80dvh] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-2 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-none', className) }, props),
72
+ children,
73
+ React.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" },
74
+ React.createElement(react_icons_1.Cross2Icon, { className: "h-4 w-4" }),
75
+ React.createElement("span", { className: "sr-only" }, "Close")))));
76
+ });
77
+ exports.DialogContent = DialogContent;
78
+ DialogContent.displayName = DialogPrimitive.Content.displayName;
79
+ const DialogHeader = (_a) => {
80
+ var { className } = _a, props = __rest(_a, ["className"]);
81
+ return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col space-y-1.5 text-center sm:text-left', className) }, props)));
82
+ };
83
+ exports.DialogHeader = DialogHeader;
84
+ DialogHeader.displayName = 'DialogHeader';
85
+ const DialogFooter = (_a) => {
86
+ var { className } = _a, props = __rest(_a, ["className"]);
87
+ return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className) }, props)));
88
+ };
89
+ exports.DialogFooter = DialogFooter;
90
+ DialogFooter.displayName = 'DialogFooter';
91
+ const DialogTitle = React.forwardRef((_a, ref) => {
92
+ var { className } = _a, props = __rest(_a, ["className"]);
93
+ return (React.createElement(DialogPrimitive.Title, Object.assign({ ref: ref, className: (0, utils_1.cn)(
94
+ //no width or height if no content
95
+ props.children
96
+ ? 'text-lg font-semibold leading-none tracking-tight'
97
+ : 'hidden', className) }, props)));
98
+ });
99
+ exports.DialogTitle = DialogTitle;
100
+ DialogTitle.displayName = DialogPrimitive.Title.displayName;
101
+ const DialogDescription = React.forwardRef((_a, ref) => {
102
+ var { className } = _a, props = __rest(_a, ["className"]);
103
+ return (React.createElement(DialogPrimitive.Description, Object.assign({ ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
104
+ });
105
+ exports.DialogDescription = DialogDescription;
106
+ DialogDescription.displayName = DialogPrimitive.Description.displayName;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface DividerProps {
3
+ text?: string;
4
+ className?: string;
5
+ backgroundColor?: string;
6
+ }
7
+ declare const Divider: ({ text, className, backgroundColor, }: DividerProps) => React.JSX.Element;
8
+ export default Divider;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Divider = ({ text = 'OR', className = '', backgroundColor = 'rgb(var(--background))', }) => {
8
+ return (react_1.default.createElement("div", { className: `relative w-full my-4 ${className}` },
9
+ react_1.default.createElement("div", { className: "absolute inset-0 flex items-center" },
10
+ react_1.default.createElement("div", { className: "w-full border-t border-gray-300" })),
11
+ text && (react_1.default.createElement("div", { className: "relative flex justify-center" },
12
+ react_1.default.createElement("span", { className: "px-2 text-sm text-gray-500", style: { backgroundColor } }, text)))));
13
+ };
14
+ exports.default = Divider;
@@ -0,0 +1,27 @@
1
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
+ import * as React from 'react';
3
+ declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
4
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
6
+ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
7
+ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
8
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
9
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
10
+ inset?: boolean;
11
+ } & React.RefAttributes<HTMLDivElement>>;
12
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
15
+ inset?: boolean;
16
+ } & React.RefAttributes<HTMLDivElement>>;
17
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
20
+ inset?: boolean;
21
+ } & React.RefAttributes<HTMLDivElement>>;
22
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
+ declare const DropdownMenuShortcut: {
24
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
25
+ displayName: string;
26
+ };
27
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
@@ -0,0 +1,132 @@
1
+ "use strict";
2
+ 'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
46
+ };
47
+ Object.defineProperty(exports, "__esModule", { value: true });
48
+ exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = void 0;
49
+ const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
50
+ const react_icons_1 = require("@radix-ui/react-icons");
51
+ const React = __importStar(require("react"));
52
+ const utils_1 = require("../../helpers/utils");
53
+ const DropdownMenu = DropdownMenuPrimitive.Root;
54
+ exports.DropdownMenu = DropdownMenu;
55
+ const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
56
+ exports.DropdownMenuTrigger = DropdownMenuTrigger;
57
+ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
58
+ exports.DropdownMenuGroup = DropdownMenuGroup;
59
+ const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
60
+ exports.DropdownMenuPortal = DropdownMenuPortal;
61
+ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
62
+ exports.DropdownMenuSub = DropdownMenuSub;
63
+ const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
64
+ exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
65
+ const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
66
+ var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
67
+ return (React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: (0, utils_1.cn)('flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className) }, props),
68
+ children,
69
+ React.createElement(react_icons_1.ChevronRightIcon, { className: "ml-auto" })));
70
+ });
71
+ exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
72
+ DropdownMenuSubTrigger.displayName =
73
+ DropdownMenuPrimitive.SubTrigger.displayName;
74
+ const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
75
+ var { className } = _a, props = __rest(_a, ["className"]);
76
+ return (React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({ ref: ref, className: (0, utils_1.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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', className) }, props)));
77
+ });
78
+ exports.DropdownMenuSubContent = DropdownMenuSubContent;
79
+ DropdownMenuSubContent.displayName =
80
+ DropdownMenuPrimitive.SubContent.displayName;
81
+ const DropdownMenuContent = React.forwardRef((_a, ref) => {
82
+ var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
83
+ return (React.createElement(DropdownMenuPrimitive.Portal, null,
84
+ React.createElement(DropdownMenuPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md', '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', className) }, props))));
85
+ });
86
+ exports.DropdownMenuContent = DropdownMenuContent;
87
+ DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
88
+ const DropdownMenuItem = React.forwardRef((_a, ref) => {
89
+ var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
90
+ return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0', inset && 'pl-8', className) }, props)));
91
+ });
92
+ exports.DropdownMenuItem = DropdownMenuItem;
93
+ DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
94
+ const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
95
+ var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
96
+ return (React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50', className), checked: checked }, props),
97
+ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
98
+ React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
99
+ React.createElement(react_icons_1.CheckIcon, { className: "h-4 w-4" }))),
100
+ children));
101
+ });
102
+ exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
103
+ DropdownMenuCheckboxItem.displayName =
104
+ DropdownMenuPrimitive.CheckboxItem.displayName;
105
+ const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
106
+ var { className, children } = _a, props = __rest(_a, ["className", "children"]);
107
+ return (React.createElement(DropdownMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50', className) }, props),
108
+ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
109
+ React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
110
+ React.createElement(react_icons_1.DotFilledIcon, { className: "h-2 w-2 fill-current" }))),
111
+ children));
112
+ });
113
+ exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
114
+ DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
115
+ const DropdownMenuLabel = React.forwardRef((_a, ref) => {
116
+ var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
117
+ return (React.createElement(DropdownMenuPrimitive.Label, Object.assign({ ref: ref, className: (0, utils_1.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className) }, props)));
118
+ });
119
+ exports.DropdownMenuLabel = DropdownMenuLabel;
120
+ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
121
+ const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
122
+ var { className } = _a, props = __rest(_a, ["className"]);
123
+ return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: (0, utils_1.cn)('-mx-1 my-1 h-px bg-muted', className) }, props)));
124
+ });
125
+ exports.DropdownMenuSeparator = DropdownMenuSeparator;
126
+ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
127
+ const DropdownMenuShortcut = (_a) => {
128
+ var { className } = _a, props = __rest(_a, ["className"]);
129
+ return (React.createElement("span", Object.assign({ className: (0, utils_1.cn)('ml-auto text-xs tracking-widest opacity-60', className) }, props)));
130
+ };
131
+ exports.DropdownMenuShortcut = DropdownMenuShortcut;
132
+ DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
@@ -0,0 +1,17 @@
1
+ export * from './accordion';
2
+ export * from './alert';
3
+ export * from './avatar';
4
+ export * from './button';
5
+ export * from './card';
6
+ export * from './checkbox';
7
+ export * from './dialog';
8
+ export * from './divider';
9
+ export * from './dropdown-menu';
10
+ export * from './input';
11
+ export * from './input-selector';
12
+ export * from './label';
13
+ export * from './popover';
14
+ export * from './scroll-area';
15
+ export * from './select';
16
+ export * from './sheet';
17
+ export * from './textarea';
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./accordion"), exports);
18
+ __exportStar(require("./alert"), exports);
19
+ __exportStar(require("./avatar"), exports);
20
+ __exportStar(require("./button"), exports);
21
+ __exportStar(require("./card"), exports);
22
+ __exportStar(require("./checkbox"), exports);
23
+ __exportStar(require("./dialog"), exports);
24
+ __exportStar(require("./divider"), exports);
25
+ __exportStar(require("./dropdown-menu"), exports);
26
+ __exportStar(require("./input"), exports);
27
+ __exportStar(require("./input-selector"), exports);
28
+ __exportStar(require("./label"), exports);
29
+ __exportStar(require("./popover"), exports);
30
+ __exportStar(require("./scroll-area"), exports);
31
+ __exportStar(require("./select"), exports);
32
+ __exportStar(require("./sheet"), exports);
33
+ __exportStar(require("./textarea"), exports);
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ declare const InputSelector: <T>({ max, placeholder, options, selectedOption, onOptionSelect, onRemoveOption, onInputClick, onInputChange, onEnter, renderF, keyF, tooltipF, filterF, }: {
3
+ max?: number;
4
+ placeholder: string;
5
+ options: T[];
6
+ selectedOption?: T;
7
+ onOptionSelect: (option: T) => void;
8
+ onRemoveOption: (option: T) => void;
9
+ onInputClick?: () => void;
10
+ onInputChange?: (value: string) => void;
11
+ renderF?: (t: T) => React.ReactNode;
12
+ keyF?: (t: T) => string;
13
+ tooltipF?: (t: T) => string | undefined;
14
+ filterF?: (option: T, inputValue: string) => boolean;
15
+ onEnter?: (s: string) => void;
16
+ }) => React.JSX.Element;
17
+ export default InputSelector;
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ const lucide_react_1 = require("lucide-react");
37
+ const react_1 = __importStar(require("react"));
38
+ const button_1 = require("./button");
39
+ const input_1 = require("./input");
40
+ const InputSelector = ({ max = 10, placeholder, options, selectedOption, onOptionSelect, onRemoveOption, onInputClick, onInputChange, onEnter, renderF = (a) => react_1.default.createElement(react_1.default.Fragment, null, a), keyF = (a) => a.toString(), tooltipF, filterF = (option, inputValue) => option.toLowerCase().includes(inputValue.toLowerCase()), }) => {
41
+ const [isAutocompleteVisible, setIsAutocompleteVisible] = (0, react_1.useState)(false);
42
+ const [inputValue, setInputValue] = (0, react_1.useState)('');
43
+ const autocompleteRef = (0, react_1.useRef)(null);
44
+ const inputRef = (0, react_1.useRef)(null);
45
+ (0, react_1.useEffect)(() => {
46
+ const handleClickOutside = (event) => {
47
+ var _a, _b;
48
+ if (autocompleteRef.current &&
49
+ !autocompleteRef.current.contains(event.target) &&
50
+ !((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
51
+ setIsAutocompleteVisible(false);
52
+ }
53
+ const iv = (((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value) || '').trim();
54
+ if (onEnter && iv) {
55
+ onEnter(iv);
56
+ setInputValue('');
57
+ }
58
+ };
59
+ document.addEventListener('mousedown', handleClickOutside);
60
+ return () => document.removeEventListener('mousedown', handleClickOutside);
61
+ }, [onEnter, inputRef]);
62
+ const handleInputChange = (e) => {
63
+ const value = e.target.value;
64
+ setInputValue(value);
65
+ setIsAutocompleteVisible(true);
66
+ if (onInputChange) {
67
+ onInputChange(value);
68
+ }
69
+ };
70
+ const handleOptionSelect = (option) => {
71
+ onOptionSelect(option);
72
+ setInputValue('');
73
+ setIsAutocompleteVisible(false);
74
+ };
75
+ const onKeyDown = (e) => {
76
+ if (e.key === 'Enter' && onEnter) {
77
+ onEnter(inputValue);
78
+ setInputValue('');
79
+ setIsAutocompleteVisible(false);
80
+ }
81
+ };
82
+ const filteredOptions = (0, react_1.useMemo)(() => {
83
+ return options
84
+ .filter((option) => filterF(option, inputValue))
85
+ .slice(0, max);
86
+ }, [options, inputValue, filterF, max]);
87
+ return (react_1.default.createElement("div", { className: "relative" },
88
+ selectedOption ? (react_1.default.createElement("div", { className: "flex items-center bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded cursor-default w-fit", title: tooltipF === null || tooltipF === void 0 ? void 0 : tooltipF(selectedOption) },
89
+ renderF(selectedOption),
90
+ react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", onClick: () => onRemoveOption(selectedOption), className: "ml-2 text-blue-600 hover:text-blue-800 h-4 w-4" },
91
+ react_1.default.createElement(lucide_react_1.X, { size: 14 })))) : (react_1.default.createElement("div", { className: "flex items-center border rounded-md p-1 focus-within:ring-2 focus-within:ring-blue-500" },
92
+ react_1.default.createElement(input_1.Input, { ref: inputRef, placeholder: placeholder, value: inputValue, onChange: handleInputChange, className: "border-none focus:ring-0 grow", onFocus: () => setIsAutocompleteVisible(true), onClick: onInputClick, tabIndex: -1, onKeyDown: onKeyDown }))),
93
+ isAutocompleteVisible && filteredOptions.length > 0 && (react_1.default.createElement("div", { ref: autocompleteRef, className: "absolute z-10 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-hidden sm:text-sm" }, filteredOptions.map((option) => (react_1.default.createElement("div", { key: keyF(option), role: "option", "aria-selected": false, tabIndex: 0, className: "cursor-pointer select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden", title: tooltipF === null || tooltipF === void 0 ? void 0 : tooltipF(option), onClick: () => handleOptionSelect(option), onKeyDown: (e) => {
94
+ if (e.key === 'Enter' || e.key === ' ') {
95
+ handleOptionSelect(option);
96
+ }
97
+ } }, renderF(option))))))));
98
+ };
99
+ exports.default = InputSelector;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
3
+ export { Input };
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ var __rest = (this && this.__rest) || function (s, e) {
36
+ var t = {};
37
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
38
+ t[p] = s[p];
39
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
40
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
41
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
42
+ t[p[i]] = s[p[i]];
43
+ }
44
+ return t;
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ exports.Input = void 0;
48
+ const React = __importStar(require("react"));
49
+ const utils_1 = require("../../helpers/utils");
50
+ const Input = React.forwardRef((_a, ref) => {
51
+ var { className, type } = _a, props = __rest(_a, ["className", "type"]);
52
+ return (React.createElement("input", Object.assign({ type: type, className: (0, utils_1.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref }, props)));
53
+ });
54
+ exports.Input = Input;
55
+ Input.displayName = 'Input';
@@ -0,0 +1,5 @@
1
+ import * as LabelPrimitive from '@radix-ui/react-label';
2
+ import { type VariantProps } from 'class-variance-authority';
3
+ import * as React from 'react';
4
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
5
+ export { Label };
@@ -33,37 +33,27 @@ var __importStar = (this && this.__importStar) || (function () {
33
33
  return result;
34
34
  };
35
35
  })();
36
- var __importDefault = (this && this.__importDefault) || function (mod) {
37
- return (mod && mod.__esModule) ? mod : { "default": mod };
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
38
46
  };
39
47
  Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.Accordion = void 0;
41
- const styled_1 = __importDefault(require("@emotion/styled"));
42
- const react_1 = __importStar(require("react"));
43
- const Chevron_1 = require("../Chevron");
44
- const SBase = styled_1.default.div ``;
45
- const SSubTitle = styled_1.default.div `
46
- font-size: 1rem;
47
- font-weight: bold;
48
- text-align: center;
49
- margin-right: 0.5rem;
50
- `;
51
- const SRollUpRow = styled_1.default.div `
52
- display: flex;
53
- cursor: pointer;
54
- `;
55
- const Accordion = ({ title, children, open, setOpen, chevronColour = 'white', className, }) => {
56
- const [openSt, setOpenSt] = (0, react_1.useState)(false);
57
- const controlled = open !== undefined;
58
- return (react_1.default.createElement(SBase, { className: className },
59
- react_1.default.createElement(SRollUpRow, { onClick: () => {
60
- setOpen === null || setOpen === void 0 ? void 0 : setOpen(controlled ? !open : !openSt);
61
- if (!controlled) {
62
- setOpenSt(!openSt);
63
- }
64
- } },
65
- react_1.default.createElement(SSubTitle, null, title),
66
- react_1.default.createElement(Chevron_1.Chevron, { point: openSt ? 'up' : 'down', colour: chevronColour })),
67
- (controlled ? open : openSt) && children));
68
- };
69
- exports.Accordion = Accordion;
48
+ exports.Label = void 0;
49
+ const LabelPrimitive = __importStar(require("@radix-ui/react-label"));
50
+ const class_variance_authority_1 = require("class-variance-authority");
51
+ const React = __importStar(require("react"));
52
+ const utils_1 = require("../../helpers/utils");
53
+ const labelVariants = (0, class_variance_authority_1.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
54
+ const Label = React.forwardRef((_a, ref) => {
55
+ var { className } = _a, props = __rest(_a, ["className"]);
56
+ return (React.createElement(LabelPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(labelVariants(), className) }, props)));
57
+ });
58
+ exports.Label = Label;
59
+ Label.displayName = LabelPrimitive.Root.displayName;
@@ -0,0 +1,7 @@
1
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
2
+ import * as React from 'react';
3
+ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
4
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
6
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };