ag-common 0.0.777 → 0.0.778

package/dist/ui/components/Search/Inline.js

@@ -129,6 +129,7 @@ const SearchInline = (p) => {
         react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
             rowCountOptDisplay === 'top' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "true" }, showText)),
             filteredItems.map((item, index) => (0, react_1.cloneElement)(p.renderItem({ searchText, item, index }), {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onClick: (e) => resWrap(item, e.target),
             })),
             rowCountOptDisplay === 'bottom' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "false" }, showText)))));

package/dist/ui/components/TextEdit/TextEdit.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
 import type { IRefTextEdit, ITextEdit } from './types';
-export declare const ValueReadonly: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextEdit: React.ForwardRefExoticComponent<ITextEdit & React.RefAttributes<IRefTextEdit>>;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -33,82 +33,30 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEdit = exports.ValueReadonly = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = __importStar(require("react"));
+exports.TextEdit = void 0;
+const react_1 = __importStar(require("react"));
 const dom_1 = require("../../helpers/dom");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const utils_1 = require("../../helpers/utils");
 const Pencil_1 = require("../../icons/Pencil");
 const Save_1 = require("../../icons/Save");
 const Undo_1 = require("../../icons/Undo");
-const common_1 = require("../../styles/common");
-const common_2 = require("./common");
+const button_1 = require("../shadcn/button");
+const card_1 = require("../shadcn/card");
+const input_1 = require("../shadcn/input");
+const textarea_1 = require("../shadcn/textarea");
 const LengthBox_1 = require("./LengthBox");
-exports.ValueReadonly = styled_1.default.div `
-  ${common_2.valueCss};
-  word-break: break-word;
-  flex-basis: calc(100% - 3rem);
-`;
-const basecss = (0, react_1.css) `
-  outline: none;
-  border: 0;
-  word-break: break-word;
-  ${common_2.valueCss};
-  resize: none;
-  overflow: hidden;
-  background-color: white;
-  color: black;
-  font-size: inherit;
-  font-weight: inherit;
-  font-family: inherit;
-  &::placeholder {
-    color: #bbb;
-  }
-`;
-const ValueTextArea = styled_1.default.textarea `
-  ${basecss}
-  &[data-editing='true'] {
-    min-height: 5rem;
-  }
-`;
-const ValueTextBox = styled_1.default.input `
-  ${basecss};
-`;
-const ValueBoxEdit = (0, styled_1.default)(common_2.ValueBox) `
-  border: solid 1px #ccc;
-`;
-const Right = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  align-content: center;
-  &[data-singleline='false'] {
-    position: absolute;
-    bottom: 0.5rem;
-    right: 0.5rem;
-  }
-`;
-const Icon = styled_1.default.div `
-  width: 1.5rem;
-  display: flex;
-  cursor: pointer;
-  &:hover {
-    filter: saturate(3);
-  }
-`;
-exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
+// Removed styled components - now using Tailwind classes and shadcn components
+exports.TextEdit = react_1.default.forwardRef((p, ref) => {
     var _a, _b;
     const { defaultValue = '', defaultEditing, disableEdit = false, singleLine = false, noGrow = false, allowUndo = true, } = p;
-    const divRef = (0, react_2.useRef)(null);
-    const taref = (0, react_2.useRef)(null);
-    const [value, setValue] = (0, react_2.useState)(defaultValue);
-    const [editing, setEditingRaw] = (0, react_2.useState)(!!defaultEditing);
+    const divRef = (0, react_1.useRef)(null);
+    const taref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const [editing, setEditingRaw] = (0, react_1.useState)(!!defaultEditing);
     const valueChange = value !== defaultValue;
-    (0, react_2.useImperativeHandle)(ref, () => ({
+    (0, react_1.useImperativeHandle)(ref, () => ({
         setValue: (v) => {
             if (v === value) {
                 return;
@@ -137,55 +85,61 @@ exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
             setEditingRaw(false);
         }
     });
-    const setEditing = (0, react_2.useCallback)((b) => {
+    const setEditing = (0, react_1.useCallback)((b) => {
         setEditingRaw(b);
         if (p.onEditingChange) {
             p.onEditingChange(b);
         }
     }, [p]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if ((defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus) && taref.current) {
             taref.current.focus();
         }
     }, [defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus]);
     if (!editing || disableEdit) {
-        return (react_2.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { className: p.className, "data-editing": "false", onClick: () => { var _a; return (_a = p.onClickNotEditing) === null || _a === void 0 ? void 0 : _a.call(p); }, "data-pointer": p.onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)), (_a = p.leftContent) !== null && _a !== void 0 ? _a : null,
-            react_2.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value || react_2.default.createElement("span", { style: { color: '#ccc' } }, p.placeholder)),
-            react_2.default.createElement(Right, null, !disableEdit && (react_2.default.createElement(Icon, { style: common_2.iconRight, onClick: (e) => {
+        return (react_1.default.createElement(card_1.Card, Object.assign({ className: (0, utils_1.cn)('flex items-center relative bg-transparent justify-start flex-grow border-transparent p-2', p.onClickNotEditing && 'cursor-pointer', noGrow && 'flex-grow-0', p.className), "data-editing": "false", onClick: () => { var _a; return (_a = p.onClickNotEditing) === null || _a === void 0 ? void 0 : _a.call(p); }, "data-pointer": p.onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)), (_a = p.leftContent) !== null && _a !== void 0 ? _a : null,
+            react_1.default.createElement("div", { className: "w-full h-full p-0 break-all text-inherit font-inherit flex-[1_1_calc(100%-3rem)]" }, value || react_1.default.createElement("span", { className: "text-gray-400" }, p.placeholder)),
+            react_1.default.createElement("div", { className: "flex flex-row items-center" }, !disableEdit && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150", onClick: (e) => {
                     e.stopPropagation();
                     setEditing(true);
                 } },
-                react_2.default.createElement(Pencil_1.Pencil, null))))));
+                react_1.default.createElement(Pencil_1.Pencil, null))))));
     }
-    const Comp = !singleLine ? ValueTextArea : ValueTextBox;
-    return (react_2.default.createElement(ValueBoxEdit, Object.assign({}, common_1.noDrag, { className: p.className, "data-editing": "true", ref: ref, tabIndex: -1, "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)), (_b = p.leftContent) !== null && _b !== void 0 ? _b : null,
-        react_2.default.createElement(Comp
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        , { 
+    const InputComponent = !singleLine ? textarea_1.Textarea : input_1.Input;
+    return (react_1.default.createElement(card_1.Card, Object.assign({ className: (0, utils_1.cn)('flex items-center relative bg-transparent justify-start flex-grow border-gray-300 p-2', noGrow && 'flex-grow-0', p.className), "data-editing": "true", tabIndex: -1, "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)), (_b = p.leftContent) !== null && _b !== void 0 ? _b : null,
+        react_1.default.createElement("div", { className: "flex-1 flex items-center gap-2" },
+            react_1.default.createElement(InputComponent
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            tabIndex: editing ? 0 : undefined, "data-editing": "true", "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => {
-                setValue(v.currentTarget.value);
-                if (!allowUndo) {
-                    p.onSubmit(v.currentTarget.value, false);
-                }
-            }, placeholder: p.placeholder, rows: singleLine ? 1 : undefined, maxLength: p.maxLength, onKeyDown: (e) => {
-                var _a;
-                if (((_a = p.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(p, e)) === false) {
-                    e.preventDefault();
-                    return;
-                }
-                if (singleLine && e.code.endsWith('Enter')) {
-                    p.onSubmit(value, true);
-                }
-            } }),
-        p.maxLength && (react_2.default.createElement(Right, { "data-singleline": singleLine },
-            react_2.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: p.maxLength }))),
-        allowUndo && (react_2.default.createElement(Right, null,
-            valueChange && (react_2.default.createElement(Icon, { style: common_2.iconLeft, onClick: () => p.onSubmit(value, false) },
-                react_2.default.createElement(Save_1.Save, null))),
-            (valueChange || editing !== !!defaultEditing) && (react_2.default.createElement(Icon, { style: Object.assign(Object.assign({}, common_2.iconRight), { fill: '#134563' }), onClick: () => {
-                    setEditing(!!defaultEditing);
-                    setValue(defaultValue);
-                } },
-                react_2.default.createElement(Undo_1.Undo, null)))))));
+            , { 
+                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                tabIndex: editing ? 0 : undefined, "data-editing": "true", "data-valuechange": valueChange.toString(), 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                ref: taref, "data-type": "text", value: value, onChange: (v) => {
+                    setValue(v.currentTarget.value);
+                    if (!allowUndo) {
+                        p.onSubmit(v.currentTarget.value, false);
+                    }
+                }, placeholder: p.placeholder, rows: singleLine ? 1 : undefined, maxLength: p.maxLength, className: (0, utils_1.cn)('flex-1 p-0 break-all font-inherit resize-none overflow-hidden bg-white text-black border border-black rounded', !singleLine && 'min-h-[5rem]'), onKeyDown: (e) => {
+                    var _a;
+                    if (((_a = p.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(p, e)) ===
+                        false) {
+                        e.preventDefault();
+                        return;
+                    }
+                    if (singleLine && e.code.endsWith('Enter')) {
+                        p.onSubmit(value, true);
+                    }
+                } }),
+            react_1.default.createElement("div", { className: "flex items-center gap-1" },
+                p.maxLength && (react_1.default.createElement("div", { className: "text-sm text-black" },
+                    react_1.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: p.maxLength }))),
+                allowUndo && (react_1.default.createElement(react_1.default.Fragment, null,
+                    valueChange && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150 p-0", onClick: () => p.onSubmit(value, false) },
+                        react_1.default.createElement(Save_1.Save, null))),
+                    (valueChange || editing !== !!defaultEditing) && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150 text-[#134563] p-0", onClick: () => {
+                            setEditing(!!defaultEditing);
+                            setValue(defaultValue);
+                        } },
+                        react_1.default.createElement(Undo_1.Undo, null)))))))));
 });
+exports.TextEdit.displayName = 'TextEdit';

package/dist/ui/components/shadcn/alert.d.ts

@@ -1,8 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const Alert: ({ className, variant, ...props }: React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>) => React.JSX.Element;
+declare const AlertTitle: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+declare const AlertDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;
 export { Alert, AlertDescription, AlertTitle };

package/dist/ui/components/shadcn/alert.js

@@ -59,21 +59,18 @@ const alertVariants = (0, class_variance_authority_1.cva)('relative w-full round
         variant: 'default',
     },
 });
-const Alert = React.forwardRef((_a, ref) => {
+const Alert = (_a) => {
     var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
-    return (React.createElement("div", Object.assign({ ref: ref, role: "alert", className: (0, utils_1.cn)(alertVariants({ variant }), className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ role: "alert", className: (0, utils_1.cn)(alertVariants({ variant }), className) }, props)));
+};
 exports.Alert = Alert;
-Alert.displayName = 'Alert';
-const AlertTitle = React.forwardRef((_a, ref) => {
+const AlertTitle = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("h5", Object.assign({ ref: ref, className: (0, utils_1.cn)('mb-1 font-medium leading-none tracking-tight', className) }, props)));
-});
+    return (React.createElement("h5", Object.assign({ className: (0, utils_1.cn)('mb-1 font-medium leading-none tracking-tight', className) }, props)));
+};
 exports.AlertTitle = AlertTitle;
-AlertTitle.displayName = 'AlertTitle';
-const AlertDescription = React.forwardRef((_a, ref) => {
+const AlertDescription = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('text-sm [&_p]:leading-relaxed', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('text-sm [&_p]:leading-relaxed', className) }, props)));
+};
 exports.AlertDescription = AlertDescription;
-AlertDescription.displayName = 'AlertDescription';

package/dist/ui/components/shadcn/card.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const CardHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const CardTitle: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const CardDescription: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const CardContent: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const CardFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/ui/components/shadcn/card.js

@@ -47,39 +47,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardTitle = exports.CardHeader = exports.CardFooter = exports.CardDescription = exports.CardContent = exports.Card = void 0;
 const React = __importStar(require("react"));
 const utils_1 = require("../../helpers/utils");
-const Card = React.forwardRef((_a, ref) => {
+const Card = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('rounded-xl border bg-card text-card-foreground shadow-sm max-w-full', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('rounded-xl border bg-card text-card-foreground shadow-sm max-w-full', className) }, props)));
+};
 exports.Card = Card;
-Card.displayName = 'Card';
-const CardHeader = React.forwardRef((_a, ref) => {
+const CardHeader = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('flex flex-col space-y-1.5 p-2 pb-0', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col space-y-1.5 p-2 pb-0', className) }, props)));
+};
 exports.CardHeader = CardHeader;
-CardHeader.displayName = 'CardHeader';
-const CardTitle = React.forwardRef((_a, ref) => {
+const CardTitle = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('font-semibold leading-none tracking-tight', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('font-semibold leading-none tracking-tight', className) }, props)));
+};
 exports.CardTitle = CardTitle;
-CardTitle.displayName = 'CardTitle';
-const CardDescription = React.forwardRef((_a, ref) => {
+const CardDescription = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
+};
 exports.CardDescription = CardDescription;
-CardDescription.displayName = 'CardDescription';
-const CardContent = React.forwardRef((_a, ref) => {
+const CardContent = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('p-2 pt-0', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('p-2 pt-0', className) }, props)));
+};
 exports.CardContent = CardContent;
-CardContent.displayName = 'CardContent';
-const CardFooter = React.forwardRef((_a, ref) => {
+const CardFooter = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)('flex items-center p-2 pt-0', className) }, props)));
-});
+    return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex items-center p-2 pt-0', className) }, props)));
+};
 exports.CardFooter = CardFooter;
-CardFooter.displayName = 'CardFooter';

package/dist/ui/components/shadcn/dropdown-menu.d.ts

@@ -6,20 +6,20 @@ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPri
 declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
 declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const DropdownMenuSubTrigger: ({ className, inset, children, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+}) => React.JSX.Element;
+declare const DropdownMenuSubContent: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>) => React.JSX.Element;
+declare const DropdownMenuContent: ({ className, sideOffset, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>) => React.JSX.Element;
+declare const DropdownMenuItem: ({ className, inset, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+}) => React.JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ className, children, checked, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>) => React.JSX.Element;
+declare const DropdownMenuRadioItem: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>) => React.JSX.Element;
+declare const DropdownMenuLabel: ({ className, inset, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}) => React.JSX.Element;
+declare const DropdownMenuSeparator: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>) => React.JSX.Element;
 declare const DropdownMenuShortcut: {
     ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;

package/dist/ui/components/shadcn/dropdown-menu.js

@@ -62,68 +62,57 @@ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 exports.DropdownMenuSub = DropdownMenuSub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
+const DropdownMenuSubTrigger = (_a) => {
     var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
-    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),
+    return (React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({ 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),
         children,
         React.createElement(react_icons_1.ChevronRightIcon, { className: "ml-auto" })));
-});
+};
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-DropdownMenuSubTrigger.displayName =
-    DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
+const DropdownMenuSubContent = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    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)));
-});
+    return (React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({ 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)));
+};
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
-DropdownMenuSubContent.displayName =
-    DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef((_a, ref) => {
+const DropdownMenuContent = (_a) => {
     var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
     return (React.createElement(DropdownMenuPrimitive.Portal, null,
-        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))));
-});
+        React.createElement(DropdownMenuPrimitive.Content, Object.assign({ 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))));
+};
 exports.DropdownMenuContent = DropdownMenuContent;
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef((_a, ref) => {
+const DropdownMenuItem = (_a) => {
     var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
-    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)));
-});
+    return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ 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)));
+};
 exports.DropdownMenuItem = DropdownMenuItem;
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
+const DropdownMenuCheckboxItem = (_a) => {
     var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
-    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),
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({ 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),
         React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
             React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
                 React.createElement(react_icons_1.CheckIcon, { className: "h-4 w-4" }))),
         children));
-});
+};
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-DropdownMenuCheckboxItem.displayName =
-    DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
+const DropdownMenuRadioItem = (_a) => {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    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),
+    return (React.createElement(DropdownMenuPrimitive.RadioItem, Object.assign({ 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),
         React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
             React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
                 React.createElement(react_icons_1.DotFilledIcon, { className: "h-2 w-2 fill-current" }))),
         children));
-});
+};
 exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef((_a, ref) => {
+const DropdownMenuLabel = (_a) => {
     var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
-    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)));
-});
+    return (React.createElement(DropdownMenuPrimitive.Label, Object.assign({ className: (0, utils_1.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className) }, props)));
+};
 exports.DropdownMenuLabel = DropdownMenuLabel;
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
+const DropdownMenuSeparator = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: (0, utils_1.cn)('-mx-1 my-1 h-px bg-muted', className) }, props)));
-});
+    return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ className: (0, utils_1.cn)('-mx-1 my-1 h-px bg-muted', className) }, props)));
+};
 exports.DropdownMenuSeparator = DropdownMenuSeparator;
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 const DropdownMenuShortcut = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement("span", Object.assign({ className: (0, utils_1.cn)('ml-auto text-xs tracking-widest opacity-60', className) }, props)));

package/dist/ui/components/shadcn/input.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Input: ({ className, type, ...props }: React.ComponentProps<"input">) => React.JSX.Element;
 export { Input };

package/dist/ui/components/shadcn/input.js

@@ -47,9 +47,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const React = __importStar(require("react"));
 const utils_1 = require("../../helpers/utils");
-const Input = React.forwardRef((_a, ref) => {
+const Input = (_a) => {
     var { className, type } = _a, props = __rest(_a, ["className", "type"]);
-    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)));
-});
+    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) }, props)));
+};
 exports.Input = Input;
-Input.displayName = 'Input';

package/dist/ui/components/shadcn/label.d.ts

@@ -1,5 +1,6 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-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>>;
+declare const labelVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const Label: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>) => React.JSX.Element;
 export { Label };

package/dist/ui/components/shadcn/label.js

@@ -51,9 +51,8 @@ const class_variance_authority_1 = require("class-variance-authority");
 const React = __importStar(require("react"));
 const utils_1 = require("../../helpers/utils");
 const labelVariants = (0, class_variance_authority_1.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-const Label = React.forwardRef((_a, ref) => {
+const Label = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(LabelPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(labelVariants(), className) }, props)));
-});
+    return (React.createElement(LabelPrimitive.Root, Object.assign({ className: (0, utils_1.cn)(labelVariants(), className) }, props)));
+};
 exports.Label = Label;
-Label.displayName = LabelPrimitive.Root.displayName;

package/dist/ui/components/shadcn/popover.d.ts

@@ -3,5 +3,5 @@ import * as React from 'react';
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: ({ className, align, sideOffset, ...props }: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>) => React.JSX.Element;
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/ui/components/shadcn/popover.js

@@ -55,10 +55,9 @@ const PopoverTrigger = PopoverPrimitive.Trigger;
 exports.PopoverTrigger = PopoverTrigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 exports.PopoverAnchor = PopoverAnchor;
-const PopoverContent = React.forwardRef((_a, ref) => {
+const PopoverContent = (_a) => {
     var { className, align = 'center', sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
     return (React.createElement(PopoverPrimitive.Portal, null,
-        React.createElement(PopoverPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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))));
-});
+        React.createElement(PopoverPrimitive.Content, Object.assign({ align: align, sideOffset: sideOffset, className: (0, utils_1.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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))));
+};
 exports.PopoverContent = PopoverContent;
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;

package/dist/ui/components/shadcn/scroll-area.d.ts

@@ -1,5 +1,5 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>) => React.JSX.Element;
+declare const ScrollBar: ({ className, orientation, ...props }: React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/ui/components/shadcn/scroll-area.js

@@ -49,21 +49,19 @@ exports.ScrollBar = exports.ScrollArea = void 0;
 const ScrollAreaPrimitive = __importStar(require("@radix-ui/react-scroll-area"));
 const React = __importStar(require("react"));
 const utils_1 = require("../../helpers/utils");
-const ScrollArea = React.forwardRef((_a, ref) => {
+const ScrollArea = (_a) => {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (React.createElement(ScrollAreaPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative overflow-hidden', className) }, props),
+    return (React.createElement(ScrollAreaPrimitive.Root, Object.assign({ className: (0, utils_1.cn)('relative overflow-hidden', className) }, props),
         React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit] *:block!" }, children),
         React.createElement(ScrollBar, null),
         React.createElement(ScrollAreaPrimitive.Corner, null)));
-});
+};
 exports.ScrollArea = ScrollArea;
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef((_a, ref) => {
+const ScrollBar = (_a) => {
     var { className, orientation = 'vertical' } = _a, props = __rest(_a, ["className", "orientation"]);
-    return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.assign({ ref: ref, orientation: orientation, className: (0, utils_1.cn)('flex touch-none select-none transition-colors', orientation === 'vertical' &&
+    return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.assign({ orientation: orientation, className: (0, utils_1.cn)('flex touch-none select-none transition-colors', orientation === 'vertical' &&
             'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' &&
             'h-2.5 flex-col border-t border-t-transparent p-[1px]', className) }, props),
         React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 bg-border" })));
-});
+};
 exports.ScrollBar = ScrollBar;
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/ui/components/shadcn/sheet.d.ts

@@ -5,13 +5,13 @@ declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetOverlay: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>) => React.JSX.Element;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetContent: ({ side, className, children, ...props }: SheetContentProps) => React.JSX.Element;
 declare const SheetHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
@@ -20,6 +20,6 @@ declare const SheetFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const SheetTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>) => React.JSX.Element;
+declare const SheetDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>) => React.JSX.Element;
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };

package/dist/ui/components/shadcn/sheet.js

@@ -59,12 +59,11 @@ const SheetClose = SheetPrimitive.Close;
 exports.SheetClose = SheetClose;
 const SheetPortal = SheetPrimitive.Portal;
 exports.SheetPortal = SheetPortal;
-const SheetOverlay = React.forwardRef((_a, ref) => {
+const SheetOverlay = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(SheetPrimitive.Overlay, Object.assign({ className: (0, utils_1.cn)('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className) }, props, { ref: ref })));
-});
+    return (React.createElement(SheetPrimitive.Overlay, Object.assign({ className: (0, utils_1.cn)('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className) }, props)));
+};
 exports.SheetOverlay = SheetOverlay;
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 const sheetVariants = (0, class_variance_authority_1.cva)('fixed z-50 gap-4 bg-background p-2 md:p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
     variants: {
         side: {
@@ -78,18 +77,17 @@ const sheetVariants = (0, class_variance_authority_1.cva)('fixed z-50 gap-4 bg-b
         side: 'right',
     },
 });
-const SheetContent = React.forwardRef((_a, ref) => {
+const SheetContent = (_a) => {
     var { side = 'right', className, children } = _a, props = __rest(_a, ["side", "className", "children"]);
     return (React.createElement(SheetPortal, null,
         React.createElement(SheetOverlay, null),
-        React.createElement(SheetPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)(sheetVariants({ side }), className) }, props),
+        React.createElement(SheetPrimitive.Content, Object.assign({ className: (0, utils_1.cn)(sheetVariants({ side }), className) }, props),
             children,
             React.createElement(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" },
                 React.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
                 React.createElement("span", { className: "sr-only" }, "Close")))));
-});
+};
 exports.SheetContent = SheetContent;
-SheetContent.displayName = SheetPrimitive.Content.displayName;
 const SheetHeader = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col space-y-2 text-center sm:text-left', className) }, props)));
@@ -102,15 +100,13 @@ const SheetFooter = (_a) => {
 };
 exports.SheetFooter = SheetFooter;
 SheetFooter.displayName = 'SheetFooter';
-const SheetTitle = React.forwardRef((_a, ref) => {
+const SheetTitle = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(SheetPrimitive.Title, Object.assign({ ref: ref, className: (0, utils_1.cn)('text-lg font-semibold text-foreground', className) }, props)));
-});
+    return (React.createElement(SheetPrimitive.Title, Object.assign({ className: (0, utils_1.cn)('text-lg font-semibold text-foreground', className) }, props)));
+};
 exports.SheetTitle = SheetTitle;
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-const SheetDescription = React.forwardRef((_a, ref) => {
+const SheetDescription = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(SheetPrimitive.Description, Object.assign({ ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
-});
+    return (React.createElement(SheetPrimitive.Description, Object.assign({ className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
+};
 exports.SheetDescription = SheetDescription;
-SheetDescription.displayName = SheetPrimitive.Description.displayName;

package/dist/ui/components/shadcn/textarea.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: ({ className, ...props }: React.ComponentProps<"textarea">) => React.JSX.Element;
 export { Textarea };

package/dist/ui/components/shadcn/textarea.js

@@ -47,9 +47,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = void 0;
 const React = __importStar(require("react"));
 const utils_1 = require("../../helpers/utils");
-const Textarea = React.forwardRef((_a, ref) => {
+const Textarea = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("textarea", Object.assign({ className: (0, utils_1.cn)('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs 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)));
-});
+    return (React.createElement("textarea", Object.assign({ className: (0, utils_1.cn)('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs 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) }, props)));
+};
 exports.Textarea = Textarea;
-Textarea.displayName = 'Textarea';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.777",
+  "version": "0.0.778",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",