@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/chunk-UGF2K6NR.js

@@ -0,0 +1,510 @@
+"use client";
+import {
+  QuickFilters
+} from "./chunk-LI5EOSQG.js";
+import {
+  LoadMoreButton
+} from "./chunk-J3GQXM37.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-ZRLUUZHK.js";
+import {
+  FilterBar
+} from "./chunk-MLHNYRFX.js";
+import {
+  Heading
+} from "./chunk-H2O6NMLZ.js";
+import {
+  BoardColumnComponent,
+  MobileBoardView
+} from "./chunk-62UTAG2C.js";
+import {
+  ScrollArea
+} from "./chunk-LELFPLTE.js";
+import {
+  Input
+} from "./chunk-QMA3WVB7.js";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  useIsMobile
+} from "./chunk-PIU5SSUV.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/resource-list.tsx
+import { ChevronLeft, ChevronRight, Grid3X3, Kanban, List, Search, X } from "lucide-react";
+import { useMemo, useState, useEffect, useRef } from "react";
+import humanNumber from "human-number";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ResourceList({
+  // Data fetching
+  data,
+  loading,
+  error,
+  refetch: _refetch,
+  // Filtering
+  filterSchema,
+  filters,
+  onFiltersChange,
+  quickFilters,
+  quickFiltersAppearance = "surface",
+  // Search
+  searchTerm: externalSearchTerm,
+  onSearchChange,
+  enableServerSearch = false,
+  searchFields,
+  searchPredicate,
+  filterPredicate,
+  // Rendering
+  renderItem,
+  renderTable,
+  renderEmpty,
+  renderLoading,
+  renderError,
+  // UI
+  title,
+  showTitle = true,
+  totalCount,
+  searchPlaceholder = "Search...",
+  showSearch = true,
+  showFilters = true,
+  showViewToggle = false,
+  toolbarSize = "roomy",
+  hideControlsWhenEmpty = false,
+  quickFiltersShowLabel = true,
+  viewMode = "card",
+  onViewModeChange,
+  // Board
+  boardConfig,
+  // Actions
+  actions,
+  filterActions,
+  // Order/Sort
+  sortOptions,
+  sortValue,
+  onSortChange,
+  // Styling
+  className = "",
+  containerClassName = "",
+  cardGridClassName,
+  // Pagination
+  showPagination = false,
+  currentPage = 1,
+  onPreviousPage,
+  onNextPage,
+  // Search UX behavior
+  useCompactSearch = false,
+  // Layout shape
+  variant = "panel",
+  // Load-more pagination
+  loadMore
+}) {
+  const isMobile = useIsMobile();
+  const [localSearchTerm, setLocalSearchTerm] = useState("");
+  const [searchExpanded, setSearchExpanded] = useState(false);
+  const searchTimeoutRef = useRef(null);
+  const [activeColumnId, setActiveColumnId] = useState(boardConfig?.columns[0]?.id ?? "");
+  const [dragItemId, setDragItemId] = useState(null);
+  const searchTerm = enableServerSearch ? externalSearchTerm || "" : localSearchTerm;
+  useEffect(() => {
+    if (useCompactSearch && searchExpanded && !searchTerm) {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+      searchTimeoutRef.current = setTimeout(() => {
+        setSearchExpanded(false);
+      }, 2e3);
+    }
+    return () => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+    };
+  }, [useCompactSearch, searchExpanded, searchTerm]);
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    if (enableServerSearch) return data;
+    let filtered = data;
+    if (searchTerm) {
+      const lower = searchTerm.toLowerCase();
+      if (searchPredicate) {
+        filtered = filtered.filter((item) => searchPredicate(item, lower));
+      } else {
+        const fields = searchFields ?? [
+          "name",
+          "title",
+          "id",
+          "email",
+          "customer",
+          "reference",
+          "externalId",
+          "trackingNumber",
+          "orderId",
+          "externalOrderId"
+        ];
+        filtered = filtered.filter(
+          (item) => fields.some((field) => {
+            const value = item[field];
+            if (value == null) return false;
+            return String(value).toLowerCase().includes(lower);
+          })
+        );
+      }
+    }
+    if (filterPredicate) {
+      const hasActive = Object.values(filters).some(
+        (v) => v !== void 0 && v !== null && v !== ""
+      );
+      if (hasActive) {
+        filtered = filtered.filter((item) => filterPredicate(item, filters));
+      }
+    } else {
+      Object.entries(filters).forEach(([filterKey, filterValue]) => {
+        if (filterValue === void 0 || filterValue === null || filterValue === "") return;
+        filtered = filtered.filter((item) => {
+          if (Array.isArray(filterValue)) {
+            if (filterValue.length === 0) return true;
+            return filterValue.includes(item[filterKey]);
+          }
+          return item[filterKey] === filterValue;
+        });
+      });
+    }
+    return filtered;
+  }, [data, searchTerm, filters, enableServerSearch, searchFields, searchPredicate, filterPredicate]);
+  const grouped = useMemo(() => {
+    if (!boardConfig) return {};
+    const map = {};
+    for (const col of boardConfig.columns) map[col.id] = [];
+    for (const item of filteredData) {
+      const colId = boardConfig.getColumnId(item);
+      if (map[colId]) map[colId].push(item);
+    }
+    return map;
+  }, [filteredData, boardConfig]);
+  const defaultRenderEmpty = () => /* @__PURE__ */ jsxs("div", { className: "p-8 text-center text-muted-foreground", children: [
+    "No ",
+    title.toLowerCase(),
+    " found."
+  ] });
+  const defaultRenderLoading = () => /* @__PURE__ */ jsxs("div", { className: "p-8 text-center text-muted-foreground", children: [
+    "Loading ",
+    title.toLowerCase(),
+    "..."
+  ] });
+  const defaultRenderError = (error2) => /* @__PURE__ */ jsxs("div", { className: "p-8 text-center text-destructive", children: [
+    "Error loading ",
+    title.toLowerCase(),
+    ": ",
+    error2?.message || error2
+  ] });
+  const boardActive = viewMode === "board" && !!boardConfig;
+  const renderContent = () => {
+    if (boardActive && boardConfig) {
+      if (isMobile) {
+        return /* @__PURE__ */ jsx(
+          MobileBoardView,
+          {
+            columns: boardConfig.columns,
+            grouped,
+            activeColumnId,
+            onActiveColumnChange: setActiveColumnId,
+            loading,
+            getItemId: boardConfig.getItemId,
+            renderCard: boardConfig.renderCard,
+            renderEmpty: boardConfig.renderColumnEmpty,
+            onMove: boardConfig.onMove
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx("div", { className: cn("overflow-x-auto", boardConfig.viewport === "bounded" && "overscroll-x-contain"), children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "grid grid-flow-col gap-3",
+            boardConfig.viewport === "bounded" && "h-[calc(100dvh-270px)] min-h-[360px]"
+          ),
+          style: {
+            gridAutoColumns: boardConfig.columnWidth ?? "280px",
+            minHeight: boardConfig.viewport === "bounded" ? void 0 : boardConfig.columnMinHeight ?? "400px"
+          },
+          children: boardConfig.columns.map((col) => /* @__PURE__ */ jsx(
+            BoardColumnComponent,
+            {
+              column: col,
+              items: grouped[col.id] || [],
+              loading,
+              getItemId: boardConfig.getItemId,
+              renderCard: boardConfig.renderCard,
+              renderColumnHeader: boardConfig.renderColumnHeader,
+              renderEmpty: boardConfig.renderColumnEmpty,
+              dragItemId,
+              onDragStart: setDragItemId,
+              onDragEnd: () => setDragItemId(null),
+              onMove: boardConfig.onMove,
+              columnMinHeight: boardConfig.columnMinHeight ?? "400px"
+            },
+            col.id
+          ))
+        }
+      ) });
+    }
+    if (viewMode === "table" && renderTable) {
+      return renderTable(filteredData);
+    }
+    return /* @__PURE__ */ jsx("div", { className: cardGridClassName || "grid grid-cols-1 gap-4", children: filteredData.map((item, index) => /* @__PURE__ */ jsx("div", { children: renderItem(item, index) }, item.id || index)) });
+  };
+  const isFlush = variant === "flush";
+  const useOuterScroll = !isFlush && !boardActive;
+  const filterBarVisible = showFilters && (!useCompactSearch || !searchExpanded);
+  const toolbarHasOtherControls = showSearch || !!(showViewToggle && onViewModeChange) || !!(showPagination && onPreviousPage && onNextPage);
+  const hasQuickFilters = !!quickFilters && quickFilters.length > 0;
+  const controlsVisible = !(hideControlsWhenEmpty && !loading && !error && data?.length === 0);
+  const filterOnQuickRow = filterBarVisible && !toolbarHasOtherControls && hasQuickFilters;
+  const filterBarNode = filterBarVisible ? /* @__PURE__ */ jsx(
+    FilterBar,
+    {
+      filters: filterSchema,
+      onFiltersChange,
+      activeFilters: filters,
+      includeLabel: false,
+      actions: filterActions,
+      sortOptions,
+      sortValue,
+      onSortChange,
+      triggerSize: toolbarSize === "roomy" ? "lg" : "default"
+    }
+  ) : null;
+  const showToolbarRow = toolbarHasOtherControls || filterBarVisible && !filterOnQuickRow;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: isFlush ? className : `flex flex-1 h-full ${className}`,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: isFlush ? `space-y-4 ${containerClassName}` : `flex-1 ${containerClassName}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: isFlush ? void 0 : "p-4 border-b", children: [
+              (showTitle && title || actions) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+                showTitle && title && /* @__PURE__ */ jsx(Heading, { level: 1, children: title }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
+              ] }),
+              controlsVisible && showToolbarRow && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                showSearch && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `relative ${useCompactSearch ? `transition-all duration-300 ease-in-out ${searchExpanded ? "flex-1" : "flex-1"}` : "flex-1"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          placeholder: searchPlaceholder,
+                          value: searchTerm,
+                          onFocus: () => {
+                            if (useCompactSearch) {
+                              setSearchExpanded(true);
+                            }
+                          },
+                          onBlur: () => {
+                            if (useCompactSearch && !searchTerm) {
+                              setTimeout(() => setSearchExpanded(false), 200);
+                            }
+                          },
+                          onChange: (e) => {
+                            const value = e.target.value;
+                            if (enableServerSearch && onSearchChange) {
+                              onSearchChange(value);
+                            } else {
+                              setLocalSearchTerm(value);
+                            }
+                          },
+                          onKeyDown: (e) => {
+                            if (useCompactSearch && e.key === "Enter") {
+                              e.currentTarget.blur();
+                              setSearchExpanded(false);
+                            }
+                          },
+                          className: "pl-9 pr-8",
+                          controlSize: toolbarSize === "roomy" ? "lg" : "default"
+                        }
+                      ),
+                      searchTerm && /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "absolute right-1 top-1/2 -translate-y-1/2 h-6 w-6",
+                          onMouseDown: (e) => {
+                            if (useCompactSearch) {
+                              e.preventDefault();
+                            }
+                          },
+                          onClick: () => {
+                            if (enableServerSearch && onSearchChange) {
+                              onSearchChange("");
+                            } else {
+                              setLocalSearchTerm("");
+                            }
+                            if (useCompactSearch) {
+                              setSearchExpanded(false);
+                            }
+                          },
+                          children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                !filterOnQuickRow && filterBarNode,
+                showViewToggle && onViewModeChange && (!useCompactSearch || !searchExpanded) && /* @__PURE__ */ jsx(
+                  ViewModeToggle,
+                  {
+                    viewMode,
+                    onViewModeChange,
+                    hasTable: !!renderTable,
+                    hasBoard: !!boardConfig,
+                    roomy: toolbarSize === "roomy"
+                  }
+                ),
+                showPagination && onPreviousPage && onNextPage && (!useCompactSearch || !searchExpanded) && /* @__PURE__ */ jsxs("div", { className: "flex items-center border rounded-lg", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: onPreviousPage,
+                      className: "rounded-r-none border-0",
+                      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "px-3 whitespace-nowrap font-mono flex flex-col items-center leading-tight py-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "text-xs font-semibold text-foreground", children: [
+                      "Page ",
+                      currentPage
+                    ] }),
+                    totalCount !== void 0 && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "text-[10px] text-muted-foreground/60 cursor-help", children: [
+                        humanNumber(totalCount, (n) => n.toFixed(1)).replace(/\.0([KMB]?)$/, "$1"),
+                        " ",
+                        totalCount === 1 ? "item" : "items"
+                      ] }) }),
+                      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsxs("p", { children: [
+                        totalCount.toLocaleString(),
+                        " items"
+                      ] }) })
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: onNextPage,
+                      className: "rounded-l-none border-0",
+                      children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] }),
+              controlsVisible && (hasQuickFilters || filterOnQuickRow) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "mt-3 flex items-center gap-2",
+                    filterOnQuickRow && "justify-between"
+                  ),
+                  children: [
+                    hasQuickFilters && /* @__PURE__ */ jsx(
+                      QuickFilters,
+                      {
+                        quickFilters,
+                        activeFilters: filters,
+                        onFilterClick: onFiltersChange,
+                        showLabel: quickFiltersShowLabel,
+                        appearance: quickFiltersAppearance,
+                        className: cn(!filterOnQuickRow && "flex-1")
+                      }
+                    ),
+                    filterOnQuickRow && filterBarNode
+                  ]
+                }
+              )
+            ] }),
+            loading && !boardActive ? renderLoading?.() || defaultRenderLoading() : error ? renderError?.(error) || defaultRenderError(error) : filteredData.length === 0 && !boardActive ? renderEmpty?.() || defaultRenderEmpty() : useOuterScroll ? /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-200px)]", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+              renderContent(),
+              loadMore && /* @__PURE__ */ jsx(
+                LoadMoreButton,
+                {
+                  onClick: loadMore.onClick,
+                  hasMore: loadMore.hasMore,
+                  loading: loadMore.loading,
+                  label: loadMore.label,
+                  loadingLabel: loadMore.loadingLabel,
+                  doneLabel: loadMore.doneLabel,
+                  totalLoaded: filteredData.length,
+                  totalCount
+                }
+              )
+            ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              renderContent(),
+              !boardActive && loadMore && /* @__PURE__ */ jsx(
+                LoadMoreButton,
+                {
+                  onClick: loadMore.onClick,
+                  hasMore: loadMore.hasMore,
+                  loading: loadMore.loading,
+                  label: loadMore.label,
+                  loadingLabel: loadMore.loadingLabel,
+                  doneLabel: loadMore.doneLabel,
+                  totalLoaded: filteredData.length,
+                  totalCount
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function ViewModeToggle({
+  viewMode,
+  onViewModeChange,
+  hasTable,
+  hasBoard,
+  roomy
+}) {
+  const modes = [
+    { id: "card", icon: Grid3X3, show: true },
+    { id: "table", icon: List, show: hasTable },
+    { id: "board", icon: Kanban, show: hasBoard }
+  ].filter((m) => m.show);
+  if (modes.length <= 1) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex border rounded-lg", children: modes.map((mode, i) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: viewMode === mode.id ? "default" : "ghost",
+      size: roomy ? "icon-lg" : "sm",
+      onClick: () => onViewModeChange(mode.id),
+      className: [
+        i === 0 ? "rounded-r-none" : "",
+        i === modes.length - 1 ? "rounded-l-none" : "",
+        i > 0 && i < modes.length - 1 ? "rounded-none" : ""
+      ].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx(mode.icon, { className: "h-4 w-4" })
+    },
+    mode.id
+  )) });
+}
+
+export {
+  ResourceList
+};

package/dist/chunk-V4LE2HWP.js

@@ -0,0 +1,166 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import {
+  LiaCheckSolid,
+  LiaChevronRightSolid,
+  LiaCircleSolid
+} from "react-icons/lia";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex min-h-11 cursor-default select-none items-center gap-2 rounded-sm px-3 py-2.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent sm:min-h-0 sm:px-2 sm:py-1.5",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(LiaChevronRightSolid, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] max-w-[min(20rem,calc(100vw-1rem))] overflow-x-hidden overflow-y-auto 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
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, collisionPadding = 8, width = "auto", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    collisionPadding,
+    className: cn(
+      "z-50 min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] max-w-[min(20rem,calc(100vw-1rem))] overflow-x-hidden overflow-y-auto 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",
+      width === "compact" && "w-[200px]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, tone = "default", size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex min-h-11 cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:cursor-default",
+      inset && "pl-8",
+      tone === "destructive" && "text-destructive focus:text-destructive",
+      tone === "muted" && "text-muted-foreground",
+      size === "xs" && "text-xs",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex min-h-11 cursor-default select-none items-center rounded-sm py-2.5 pl-8 pr-3 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 sm:min-h-0 sm:py-1.5 sm:pr-2",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(LiaCheckSolid, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex min-h-11 cursor-default select-none items-center rounded-sm py-2.5 pl-8 pr-3 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 sm:min-h-0 sm:py-1.5 sm:pr-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(LiaCircleSolid, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "min-w-0 truncate px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut
+};