@quan-erp/shared-ui 1.0.0

package/dist/es/components/ui/progress.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cn } from "../../lib/utils.js";
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "shared:relative shared:h-2 shared:w-full shared:overflow-hidden shared:rounded-full shared:bg-primary/20",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "shared:h-full shared:w-full shared:flex-1 shared:bg-primary shared:transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export {
+  Progress
+};

package/dist/es/components/ui/radio-group.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("shared:grid shared:gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "shared:aspect-square shared:h-4 shared:w-4 shared:rounded-full shared:border shared:border-primary shared:text-primary shared:shadow shared:focus:outline-none shared:focus-visible:ring-1 shared:focus-visible:ring-ring shared:disabled:cursor-not-allowed shared:disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "shared:flex shared:items-center shared:justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "shared:h-3.5 shared:w-3.5 shared:fill-primary" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  RadioGroup,
+  RadioGroupItem
+};

package/dist/es/components/ui/resizable.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { cn } from "../../lib/utils.js";
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelGroup,
+  {
+    className: cn(
+      "shared:flex shared:h-full shared:w-full shared:data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+const ResizablePanel = ResizablePrimitive.Panel;
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn(
+      "shared:relative shared:flex shared:w-px shared:items-center shared:justify-center shared:bg-border shared:after:absolute shared:after:inset-y-0 shared:after:left-1/2 shared:after:w-1 shared:after:-translate-x-1/2 shared:focus-visible:outline-none shared:focus-visible:ring-1 shared:focus-visible:ring-ring shared:focus-visible:ring-offset-1 shared:data-[panel-group-direction=vertical]:h-px shared:data-[panel-group-direction=vertical]:w-full shared:data-[panel-group-direction=vertical]:after:left-0 shared:data-[panel-group-direction=vertical]:after:h-1 shared:data-[panel-group-direction=vertical]:after:w-full shared:data-[panel-group-direction=vertical]:after:-translate-y-1/2 shared:data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>shared:div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx("div", { className: "shared:z-10 shared:flex shared:h-4 shared:w-3 shared:items-center shared:justify-center shared:rounded-sm shared:border shared:bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "shared:h-2.5 shared:w-2.5" }) })
+  }
+);
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};

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

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../../lib/utils.js";
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("shared:relative shared:overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "shared:h-full shared:w-full shared:rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "shared:flex shared:touch-none shared:select-none shared:transition-colors",
+      orientation === "vertical" && "shared:h-full shared:w-2.5 shared:border-l shared:border-l-transparent shared:p-[1px]",
+      orientation === "horizontal" && "shared:h-2.5 shared:flex-col shared:border-t shared:border-t-transparent shared:p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "shared:relative shared:flex-1 shared:rounded-full shared:bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export {
+  ScrollArea,
+  ScrollBar
+};

package/dist/es/components/ui/select.js

@@ -0,0 +1,124 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { ChevronDown, ChevronUp, Check } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "shared:flex shared:h-12 shared:md:h-9 shared:w-full shared:items-center shared:justify-between shared:whitespace-nowrap shared:rounded-3xl shared:cupertino-corner shared:border shared:border-input shared:bg-transparent shared:px-3 shared:py-2 shared:text-sm shared:data-[placeholder]:text-muted-foreground shared:focus:border shared:focus:border-primary shared:disabled:cursor-not-allowed shared:disabled:opacity-50 [&>shared:span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "shared:h-4 shared:w-4 shared:opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "shared:flex shared:cursor-default shared:items-center shared:justify-center shared:py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "shared:h-4 shared:w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "shared:flex shared:cursor-default shared:items-center shared:justify-center shared:py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "shared:h-4 shared:w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "shared:relative shared:z-50 shared:max-h-[--radix-select-content-available-height] shared:min-w-[8rem] shared:overflow-y-auto shared:overflow-x-hidden shared:rounded-3xl shared:cupertino-corner shared:bg-popover shared:text-popover-foreground shared:shadow-md shared:data-[state=open]:animate-in shared:data-[state=closed]:animate-out shared:data-[state=closed]:fade-out-0 shared:data-[state=open]:fade-in-0 shared:data-[state=closed]:zoom-out-95 shared:data-[state=open]:zoom-in-95 shared:data-[side=bottom]:slide-in-from-top-2 shared:data-[side=left]:slide-in-from-right-2 shared:data-[side=right]:slide-in-from-left-2 shared:data-[side=top]:slide-in-from-bottom-2 shared:origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "shared:data-[side=bottom]:translate-y-1 shared:data-[side=left]:-translate-x-1 shared:data-[side=right]:translate-x-1 shared:data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "shared:p-1",
+            position === "popper" && "shared:h-[var(--radix-select-trigger-height)] shared:w-full shared:min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("shared:px-2 shared:py-1.5 shared:text-sm shared:font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "shared:relative shared:flex shared:w-full shared:cursor-default shared:select-none shared:items-center shared:rounded-3xl shared:cupertino-corner shared:py-3 shared:pl-4 shared:pr-10 shared:md:py-1.5 shared:md:pl-2 shared:md:pr-8 shared:text-sm shared:outline-none shared:focus:bg-accent shared:focus:text-accent-foreground shared:data-[disabled]:pointer-events-none shared:data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "shared:absolute shared:right-2 shared:flex shared:h-3.5 shared:w-3.5 shared:items-center shared:justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "shared:h-4 shared:w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("shared:-mx-1 shared:my-1 shared:h-px shared:bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};

package/dist/es/components/ui/separator.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils.js";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shared:bg-border shared:shrink-0 shared:data-[orientation=horizontal]:h-px shared:data-[orientation=horizontal]:w-full shared:data-[orientation=vertical]:h-full shared:data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};

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

@@ -0,0 +1,129 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "shared:data-[state=open]:animate-in shared:data-[state=closed]:animate-out shared:data-[state=closed]:fade-out-0 shared:data-[state=open]:fade-in-0 shared:fixed shared:inset-0 shared:z-50 shared:bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "shared:bg-(--sheet-background) shared:data-[state=open]:animate-in shared:data-[state=closed]:animate-out shared:fixed shared:z-50 shared:flex shared:flex-col shared:gap-4 shared:shadow-lg shared:transition shared:ease-in-out shared:data-[state=closed]:duration-300 shared:data-[state=open]:duration-500",
+          side === "right" && "shared:data-[state=closed]:slide-out-to-right shared:data-[state=open]:slide-in-from-right shared:inset-y-0 shared:right-0 shared:h-full shared:w-3/4 shared:border-l shared:sm:max-w-sm shared:rounded-l-xl",
+          side === "left" && "shared:data-[state=closed]:slide-out-to-left shared:data-[state=open]:slide-in-from-left shared:inset-y-0 shared:left-0 shared:h-full shared:w-3/4 shared:border-r shared:sm:max-w-sm shared:rounded-r-xl",
+          side === "top" && "shared:data-[state=closed]:slide-out-to-top shared:data-[state=open]:slide-in-from-top shared:inset-x-0 shared:top-0 shared:h-auto shared:border-b shared:rounded-b-xl",
+          side === "bottom" && "shared:data-[state=closed]:slide-out-to-bottom shared:data-[state=open]:slide-in-from-bottom shared:inset-x-0 shared:bottom-0 shared:h-auto shared:border-t shared:rounded-t-xl",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "shared:p-2 shared:bg-muted shared:rounded-full shared:ring-offset-background shared:focus:ring-ring shared:data-[state=open]:bg-secondary shared:absolute shared:top-4 shared:right-4 shared:opacity-70 shared:transition-opacity shared:hover:opacity-100 shared:focus:ring-2 shared:focus:ring-offset-2 shared:focus:outline-hidden shared:disabled:pointer-events-none shared:cursor-pointer", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "shared:size-5" }),
+            /* @__PURE__ */ jsx("span", { className: "shared:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("shared:flex shared:flex-col shared:gap-1.5 shared:p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("shared:mt-auto shared:flex shared:flex-col shared:gap-2 shared:p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("shared:text-foreground shared:font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("shared:text-muted-foreground shared:text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetTitle,
+  SheetTrigger
+};