@quan-erp/shared-ui 1.0.0

package/dist/es/components/custom/scrollable.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { forwardRef, useRef } from "react";
+const InfiniteScrollableDiv = forwardRef(
+  ({
+    className,
+    hasNext,
+    isLoading,
+    loadingComponent,
+    onScroll,
+    onEnd,
+    children,
+    pullThreshold = 60,
+    endThreshold = 2,
+    onPullRefresh,
+    pullIndicator
+  }, externalRef) => {
+    const internalRef = useRef(null);
+    const pullDistanceRef = useRef(0);
+    const startYRef = useRef(null);
+    const isRefreshingRef = useRef(false);
+    const pullIndicatorRef = useRef(null);
+    const onScrollEvt = async (event) => {
+      const div = internalRef.current;
+      if (!div) return;
+      onScroll(event);
+      const { scrollTop, clientHeight, scrollHeight } = div;
+      if (hasNext && !isLoading && scrollTop + clientHeight >= scrollHeight - endThreshold) {
+        await onEnd?.();
+      }
+    };
+    const setRef = (node) => {
+      internalRef.current = node;
+      if (typeof externalRef === "function") externalRef(node);
+      else if (externalRef) externalRef.current = node;
+    };
+    const handleTouchStart = (e) => {
+      if (internalRef.current?.scrollTop === 0 && !isRefreshingRef.current) {
+        startYRef.current = e.touches[0].clientY;
+      }
+    };
+    const handleTouchMove = (e) => {
+      if (startYRef.current === null) return;
+      const distance = e.touches[0].clientY - startYRef.current;
+      if (distance > 0) {
+        e.preventDefault();
+        pullDistanceRef.current = distance * 0.5;
+        if (internalRef.current) internalRef.current.style.transform = `translateY(${pullDistanceRef.current}px)`;
+        if (pullIndicatorRef.current) pullIndicatorRef.current.style.height = `${pullDistanceRef.current}px`;
+      }
+    };
+    const handleTouchEnd = async () => {
+      if (pullDistanceRef.current >= pullThreshold && onPullRefresh && !isRefreshingRef.current) {
+        isRefreshingRef.current = true;
+        if (internalRef.current) internalRef.current.style.transform = `translateY(0px)`;
+        if (pullIndicatorRef.current) pullIndicatorRef.current.style.height = `50px`;
+        await onPullRefresh();
+        if (pullIndicatorRef.current) pullIndicatorRef.current.style.height = `0px`;
+        isRefreshingRef.current = false;
+      } else {
+        if (internalRef.current) internalRef.current.style.transform = `translateY(0px)`;
+        if (pullIndicatorRef.current) pullIndicatorRef.current.style.height = `0px`;
+      }
+      pullDistanceRef.current = 0;
+      startYRef.current = null;
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setRef,
+        onScroll: onScrollEvt,
+        onTouchStart: handleTouchStart,
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
+        className: cn("shared:overflow-auto shared:relative", className),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: pullIndicatorRef,
+              className: "shared:absolute shared:top-0 shared:left-0 shared:right-0 shared:flex shared:justify-center shared:items-center shared:overflow-hidden",
+              style: { height: 0 },
+              children: pullIndicator ?? /* @__PURE__ */ jsx("span", { children: "Pull to refresh" })
+            }
+          ),
+          children,
+          isLoading && loadingComponent
+        ]
+      }
+    );
+  }
+);
+InfiniteScrollableDiv.displayName = "ScrollableDiv";
+export {
+  InfiniteScrollableDiv
+};

package/dist/es/components/custom/setting.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+function SettingCardFooter({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:text-[0.8rem] shared:opacity-65", children });
+}
+function SettingCardHeader({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:flex shared:flex-col", children });
+}
+function SettingSectionTitle({ children }) {
+  return /* @__PURE__ */ jsx("h4", { className: "shared:font-bold shared:text-primary shared:sticky shared:top-0 shared:p-3 shared:bg-muted shared:z-2", children });
+}
+function SettingCardContent({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:flex shared:flex-col shared:gap-1", children });
+}
+function SettingCard({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:px-3 shared:py-4 shared:gap-3 shared:flex shared:flex-col shared:border shared:rounded-2xl shared:border-black/5", children });
+}
+function SettingCardTitle({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:font-bold shared:text-[1.1rem]", children });
+}
+function SettingCardSubtitle({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:text-[0.8rem] shared:opacity-65", children });
+}
+function SettingCardLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shared:font-bold shared:text-[0.9rem]", children });
+}
+function SettingSection({ children, hyperLink }) {
+  return /* @__PURE__ */ jsx("div", { id: hyperLink, className: "shared:flex shared:flex-col shared:gap-[1rem] shared:h-max", children });
+}
+export {
+  SettingCard,
+  SettingCardContent,
+  SettingCardFooter,
+  SettingCardHeader,
+  SettingCardLabel,
+  SettingCardSubtitle,
+  SettingCardTitle,
+  SettingSection,
+  SettingSectionTitle
+};

package/dist/es/components/editor/editor-ui/content-editable.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
+function ContentEditable({
+  placeholder,
+  className,
+  placeholderClassName
+}) {
+  return /* @__PURE__ */ jsx(
+    ContentEditable$1,
+    {
+      className: className ?? `ContentEditable__root shared:relative shared:block shared:min-h-72 shared:min-h-full shared:overflow-auto shared:px-8 shared:py-4 shared:focus:outline-none`,
+      "aria-placeholder": placeholder,
+      placeholder: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: placeholderClassName ?? `shared:text-muted-foreground shared:pointer-events-none shared:absolute shared:top-0 shared:left-0 shared:overflow-hidden shared:px-8 shared:py-[18px] shared:text-ellipsis shared:select-none`,
+          children: placeholder
+        }
+      )
+    }
+  );
+}
+export {
+  ContentEditable
+};

package/dist/es/components/editor/themes/editor-theme.js

@@ -0,0 +1,119 @@
+import "lexical";
+/* empty css                 */
+const editorTheme = {
+  ltr: "shared:text-left",
+  rtl: "shared:text-right",
+  heading: {
+    h1: "shared:scroll-m-20 shared:text-4xl shared:font-extrabold shared:tracking-tight shared:lg:text-5xl",
+    h2: "shared:scroll-m-20 shared:border-b shared:pb-2 shared:text-3xl shared:font-semibold shared:tracking-tight shared:first:mt-0",
+    h3: "shared:scroll-m-20 shared:text-2xl shared:font-semibold shared:tracking-tight",
+    h4: "shared:scroll-m-20 shared:text-xl shared:font-semibold shared:tracking-tight",
+    h5: "shared:scroll-m-20 shared:text-lg shared:font-semibold shared:tracking-tight",
+    h6: "shared:scroll-m-20 shared:text-base shared:font-semibold shared:tracking-tight"
+  },
+  paragraph: "shared:leading-7 [&:not(:first-child)shared:]:mt-6",
+  quote: "shared:mt-6 shared:border-l-2 shared:pl-6 shared:italic",
+  link: "shared:text-blue-600 shared:hover:underline shared:hover:cursor-pointer",
+  list: {
+    checklist: "shared:relative",
+    listitem: "shared:mx-8",
+    listitemChecked: 'shared:relative shared:mx-2 shared:px-6 shared:list-none shared:outline-none shared:line-through shared:before:content-[""] shared:before:w-4 shared:before:h-4 shared:before:top-0.5 shared:before:left-0 shared:before:cursor-pointer shared:before:block shared:before:bg-cover shared:before:absolute shared:before:border shared:before:border-primary shared:before:rounded shared:before:bg-primary shared:before:bg-no-repeat shared:after:content-[""] shared:after:cursor-pointer shared:after:border-white shared:after:border-solid shared:after:absolute shared:after:block shared:after:top-[6px] shared:after:w-[3px] shared:after:left-[7px] shared:after:right-[7px] shared:after:h-[6px] shared:after:rotate-45 shared:after:border-r-2 shared:after:border-b-2 shared:after:border-l-0 shared:after:border-t-0',
+    listitemUnchecked: 'shared:relative shared:mx-2 shared:px-6 shared:list-none shared:outline-none shared:before:content-[""] shared:before:w-4 shared:before:h-4 shared:before:top-0.5 shared:before:left-0 shared:before:cursor-pointer shared:before:block shared:before:bg-cover shared:before:absolute shared:before:border shared:before:border-primary shared:before:rounded',
+    nested: {
+      listitem: "shared:list-none shared:before:hidden shared:after:hidden"
+    },
+    ol: "shared:m-0 shared:p-0 shared:list-decimal [&>shared:li]:mt-2",
+    olDepth: [
+      "shared:list-outside !shared:list-decimal",
+      "shared:list-outside !shared:list-[upper-roman]",
+      "shared:list-outside !shared:list-[lower-roman]",
+      "shared:list-outside !shared:list-[upper-alpha]",
+      "shared:list-outside !shared:list-[lower-alpha]"
+    ],
+    ul: "shared:m-0 shared:p-0 shared:list-outside [&>shared:li]:mt-2",
+    ulDepth: [
+      "shared:list-outside !shared:list-disc",
+      "shared:list-outside !shared:list-disc",
+      "shared:list-outside !shared:list-disc",
+      "shared:list-outside !shared:list-disc",
+      "shared:list-outside !shared:list-disc"
+    ]
+  },
+  hashtag: "shared:text-blue-600 shared:bg-blue-100 shared:rounded-md shared:px-1",
+  text: {
+    bold: "shared:font-bold",
+    code: "shared:bg-gray-100 shared:p-1 shared:rounded-md",
+    italic: "shared:italic",
+    strikethrough: "shared:line-through",
+    subscript: "shared:sub",
+    superscript: "shared:sup",
+    underline: "shared:underline",
+    underlineStrikethrough: "shared:[text-decoration:underline_line-through]"
+  },
+  image: "shared:relative shared:inline-block shared:user-select-none shared:cursor-default editor-image",
+  inlineImage: "shared:relative shared:inline-block shared:user-select-none shared:cursor-default inline-editor-image",
+  keyword: "shared:text-purple-900 shared:font-bold",
+  code: "EditorTheme__code",
+  codeHighlight: {
+    atrule: "EditorTheme__tokenAttr",
+    attr: "EditorTheme__tokenAttr",
+    boolean: "EditorTheme__tokenProperty",
+    builtin: "EditorTheme__tokenSelector",
+    cdata: "EditorTheme__tokenComment",
+    char: "EditorTheme__tokenSelector",
+    class: "EditorTheme__tokenFunction",
+    "class-name": "EditorTheme__tokenFunction",
+    comment: "EditorTheme__tokenComment",
+    constant: "EditorTheme__tokenProperty",
+    deleted: "EditorTheme__tokenProperty",
+    doctype: "EditorTheme__tokenComment",
+    entity: "EditorTheme__tokenOperator",
+    function: "EditorTheme__tokenFunction",
+    important: "EditorTheme__tokenVariable",
+    inserted: "EditorTheme__tokenSelector",
+    keyword: "EditorTheme__tokenAttr",
+    namespace: "EditorTheme__tokenVariable",
+    number: "EditorTheme__tokenProperty",
+    operator: "EditorTheme__tokenOperator",
+    prolog: "EditorTheme__tokenComment",
+    property: "EditorTheme__tokenProperty",
+    punctuation: "EditorTheme__tokenPunctuation",
+    regex: "EditorTheme__tokenVariable",
+    selector: "EditorTheme__tokenSelector",
+    string: "EditorTheme__tokenSelector",
+    symbol: "EditorTheme__tokenProperty",
+    tag: "EditorTheme__tokenProperty",
+    url: "EditorTheme__tokenOperator",
+    variable: "EditorTheme__tokenVariable"
+  },
+  characterLimit: "!shared:bg-destructive/50",
+  table: "EditorTheme__table shared:w-fit shared:overflow-scroll shared:border-collapse",
+  tableCell: "EditorTheme__tableCell shared:w-24 shared:relative shared:border shared:px-4 shared:py-2 shared:text-left shared:[&[align=center]]:text-center shared:[&[align=right]]:text-right",
+  tableCellActionButton: "EditorTheme__tableCellActionButton shared:bg-background shared:block shared:border-0 shared:rounded-2xl shared:w-5 shared:h-5 shared:text-foreground shared:cursor-pointer",
+  tableCellActionButtonContainer: "EditorTheme__tableCellActionButtonContainer shared:block shared:right-1 shared:top-1.5 shared:absolute shared:z-10 shared:w-5 shared:h-5",
+  tableCellEditing: "EditorTheme__tableCellEditing shared:rounded-sm shared:shadow-sm",
+  tableCellHeader: "EditorTheme__tableCellHeader shared:bg-muted shared:border shared:px-4 shared:py-2 shared:text-left shared:font-bold shared:[&[align=center]]:text-center shared:[&[align=right]]:text-right",
+  tableCellPrimarySelected: "EditorTheme__tableCellPrimarySelected shared:border shared:border-primary shared:border-solid shared:block shared:h-[calc(100%-2px)] shared:w-[calc(100%-2px)] shared:absolute -shared:left-[1px] -shared:top-[1px] shared:z-10 ",
+  tableCellResizer: "EditorTheme__tableCellResizer shared:absolute -shared:right-1 shared:h-full shared:w-2 shared:cursor-ew-resize shared:z-10 shared:top-0",
+  tableCellSelected: "EditorTheme__tableCellSelected shared:bg-muted",
+  tableCellSortedIndicator: "EditorTheme__tableCellSortedIndicator shared:block shared:opacity-50 shared:absolute shared:bottom-0 shared:left-0 shared:w-full shared:h-1 shared:bg-muted",
+  tableResizeRuler: "EditorTheme__tableCellResizeRuler shared:block shared:absolute shared:w-[1px] shared:h-full shared:bg-primary shared:top-0",
+  tableRowStriping: "EditorTheme__tableRowStriping shared:m-0 shared:border-t shared:p-0 shared:even:bg-muted",
+  tableSelected: "EditorTheme__tableSelected shared:ring-2 shared:ring-primary shared:ring-offset-2",
+  tableSelection: "EditorTheme__tableSelection shared:bg-transparent",
+  layoutItem: "shared:border shared:border-dashed shared:px-4 shared:py-2",
+  layoutContainer: "shared:grid shared:gap-2.5 shared:my-2.5 shared:mx-0",
+  autocomplete: "shared:text-muted-foreground",
+  blockCursor: "",
+  embedBlock: {
+    base: "shared:user-select-none",
+    focus: "shared:ring-2 shared:ring-primary shared:ring-offset-2"
+  },
+  hr: 'shared:p-0.5 shared:border-none shared:my-1 shared:mx-0 shared:cursor-pointer shared:after:content-[""] shared:after:block shared:after:h-0.5 shared:after:bg-muted shared:selected:ring-2 shared:selected:ring-primary shared:selected:ring-offset-2 shared:selected:user-select-none',
+  indent: "[--lexical-indent-base-value:40px]",
+  mark: "",
+  markOverlap: ""
+};
+export {
+  editorTheme
+};

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

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("shared:border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "shared:flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "shared:flex shared:flex-1 shared:items-center shared:justify-between shared:py-4 shared:text-sm shared:font-medium shared:transition-all shared:hover:underline shared:text-left shared:[&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "shared:h-4 shared:w-4 shared:shrink-0 shared:text-muted-foreground shared:transition-transform shared:duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "shared:overflow-hidden shared:text-sm shared:data-[state=closed]:animate-accordion-up shared:data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("shared:pb-4 shared:pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};

package/dist/es/components/ui/alert-dialog.js

@@ -0,0 +1,178 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-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 AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "shared:bg-background 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:group/alert-dialog-content shared:fixed shared:top-[50%] shared:left-[50%] shared:z-50 shared:grid shared:w-full shared:max-w-[calc(100%-2rem)] shared:translate-x-[-50%] shared:translate-y-[-50%] shared:gap-4 shared:rounded-3xl shared:cupertino-corner shared:border shared:p-6 shared:shadow-lg shared:duration-200 shared:data-[size=sm]:max-w-xs shared:data-[size=default]:sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "shared:grid shared:grid-rows-[auto_1fr] shared:place-items-center shared:gap-1.5 shared:text-center shared:has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] shared:has-data-[slot=alert-dialog-media]:gap-x-6 shared:sm:group-data-[size=default]/alert-dialog-content:place-items-start shared:sm:group-data-[size=default]/alert-dialog-content:text-left shared:sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "shared:flex shared:gap-2 shared:group-data-[size=sm]/alert-dialog-content:grid shared:group-data-[size=sm]/alert-dialog-content:grid-cols-2 shared:sm:flex-row shared:sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "shared:text-lg shared:font-semibold shared:sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("shared:text-muted-foreground shared:text-sm", className),
+      ...props
+    }
+  );
+}
+function AlertDialogMedia({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: cn(
+        "shared:bg-muted shared:mb-2 shared:inline-flex shared:size-16 shared:items-center shared:justify-center shared:rounded-md shared:sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])shared:]:size-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};

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

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const alertVariants = cva(
+  "shared:relative shared:w-full shared:rounded-lg shared:border shared:px-4 shared:py-3 shared:text-sm shared:[&>svg+div]:translate-y-[-3px] shared:[&>svg]:absolute shared:[&>svg]:left-4 shared:[&>svg]:top-4 shared:[&>svg]:text-foreground shared:[&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "shared:bg-background shared:text-foreground",
+        destructive: "shared:border-destructive/50 shared:text-destructive shared:dark:border-destructive shared:[&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("shared:mb-1 shared:font-medium shared:leading-none shared:tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("shared:text-sm shared:[&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};

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

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "../../lib/utils.js";
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "shared:relative shared:flex shared:h-10 shared:w-10 shared:shrink-0 shared:overflow-hidden shared:rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("shared:aspect-square shared:h-full shared:w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "shared:flex shared:h-full shared:w-full shared:items-center shared:justify-center shared:rounded-full shared:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};

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

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const badgeVariants = cva(
+  "shared:inline-flex shared:items-center shared:rounded-md shared:border shared:px-2.5 shared:py-0.5 shared:text-xs shared:font-semibold shared:transition-colors shared:focus:outline-none shared:focus:ring-2 shared:focus:ring-ring shared:focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "shared:border-transparent shared:bg-primary shared:text-primary-foreground shared:shadow shared:hover:bg-primary/80",
+        secondary: "shared:border-transparent shared:bg-secondary shared:text-secondary-foreground shared:hover:bg-secondary/80",
+        destructive: "shared:border-transparent shared:bg-destructive shared:text-destructive-foreground shared:shadow shared:hover:bg-destructive/80",
+        outline: "shared:text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+export {
+  Badge,
+  badgeVariants
+};