lecom-ui 4.1.9 → 4.2.1

package/dist/components/Select/Select.js

@@ -1,52 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, Check } from 'lucide-react';
+import { Trigger, Icon, ScrollUpButton, ScrollDownButton, Portal, Content as Content2, Viewport, Label, Item, ItemIndicator, ItemText, Separator, Root as Root2, Value } from '../../node_modules/@radix-ui/react-select/dist/index.js';
+import ChevronDown from '../../node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import ChevronUp from '../../node_modules/lucide-react/dist/esm/icons/chevron-up.js';
+import Check from '../../node_modules/lucide-react/dist/esm/icons/check.js';
 
-const Select = SelectPrimitive.Root;
-const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.Trigger,
+const Select = Root2;
+const SelectValue = Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Trigger,
   {
     ref,
     className: cn(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
 ));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.ScrollUpButton,
+SelectTrigger.displayName = Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollUpButton,
   {
     ref,
     className: cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(ChevronUp, { className: "h-4 w-4" })
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
 ));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.ScrollDownButton,
+SelectScrollUpButton.displayName = ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollDownButton,
   {
     ref,
     className: cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4" })
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
 ));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
-  SelectPrimitive.Content,
+SelectScrollDownButton.displayName = ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+  Content2,
   {
     ref,
     className: cn(
@@ -55,53 +60,57 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
       className
     ),
     position,
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
-  /* @__PURE__ */ React.createElement(
-    SelectPrimitive.Viewport,
-    {
-      className: cn(
-        "p-1",
-        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-      )
-    },
-    children
-  ),
-  /* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
-)));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.Label,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = Content2.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Label,
   {
     ref,
     className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.Item,
+SelectLabel.displayName = Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Item,
   {
     ref,
     className: cn(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(ItemText, { children })
+    ]
+  }
 ));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SelectPrimitive.Separator,
+SelectItem.displayName = Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+SelectSeparator.displayName = Separator.displayName;
 
 export { Select, SelectContent, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/Separator/Separator.js

@@ -1,10 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { Root } from '../../node_modules/@radix-ui/react-separator/dist/index.js';
 
 const Separator = React.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    SeparatorPrimitive.Root,
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    Root,
     {
       ref,
       decorative,
@@ -18,6 +19,6 @@ const Separator = React.forwardRef(
     }
   )
 );
-Separator.displayName = SeparatorPrimitive.Root.displayName;
+Separator.displayName = Root.displayName;
 
 export { Separator };

package/dist/components/Sheet/Sheet.js

@@ -1,13 +1,14 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
+import { Overlay, Portal, Content, DialogTitle, Close, Title, Description, Root } from '../../node_modules/@radix-ui/react-dialog/dist/index.js';
+import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
 
-const Sheet = SheetPrimitive.Root;
-const SheetPortal = SheetPrimitive.Portal;
-const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Overlay,
+const Sheet = Root;
+const SheetPortal = Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Overlay,
   {
     className: 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",
@@ -17,7 +18,7 @@ const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref
   }
 ));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+SheetOverlay.displayName = Overlay.displayName;
 const sheetVariants = cva(
   "fixed z-50 gap-4 bg-background 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",
   {
@@ -34,35 +35,43 @@ const sheetVariants = cva(
     }
   }
 );
-const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Content,
-  {
-    ref,
-    className: cn(sheetVariants({ side }), className),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(SheetPrimitive.DialogTitle, null),
-  children,
-  /* @__PURE__ */ 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" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-)));
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Title,
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, {}),
+        children,
+        /* @__PURE__ */ jsxs(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", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = Content.displayName;
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
 ));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Description,
+SheetTitle.displayName = Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetDescription.displayName = Description.displayName;
 
 export { Sheet, SheetContent, SheetDescription, SheetOverlay, SheetPortal, SheetTitle };