@ai-matrx/design-system 0.14.3 → 0.15.2

package/dist/data-table/pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data-table/pagination.tsx","../../src/button.tsx","../../src/cn.ts","../../src/data-table/icons.tsx","../../src/select.tsx","../../src/motion.ts","../../src/icons.tsx","../../src/portal-container.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"../button\";\nimport {\n  ChevronsLeft,\n  ChevronLeft,\n  ChevronsRight,\n  ChevronRight,\n} from \"./icons\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../select\";\nimport { cn } from \"../cn\";\n\nexport interface GenericTablePaginationProps {\n  totalItems: number;\n  itemsPerPage: number;\n  currentPage: number;\n  onPageChange: (page: number) => void;\n  onItemsPerPageChange: (items: number) => void;\n  pageSizeOptions?: number[];\n  className?: string;\n  showItemsPerPageSelect?: boolean;\n  showPageInfo?: boolean;\n  showPageControls?: boolean;\n  maxPagesToShow?: number;\n  containerClassName?: string;\n  selectContainerClassName?: string;\n  infoContainerClassName?: string;\n  controlsContainerClassName?: string;\n  pageButtonClassName?: string;\n  pageActiveButtonClassName?: string;\n  navButtonClassName?: string;\n  /** Value emitted for the optional All choice. Defaults to the current total. */\n  allValue?: number;\n  /** Honest label for the optional all-rows choice. */\n  allOptionLabel?: string;\n  showAllOption?: boolean;\n  layoutType?: \"grid\" | \"flex\";\n  labelFormat?: (start: number, end: number, total: number) => string;\n  compact?: boolean;\n  hideEntriesInfo?: boolean;\n}\n\nexport default function GenericTablePagination({\n  totalItems,\n  itemsPerPage,\n  currentPage,\n  onPageChange,\n  onItemsPerPageChange,\n  pageSizeOptions = [5, 10, 25, 50, 100],\n  className = \"\",\n  showItemsPerPageSelect = true,\n  showPageInfo = true,\n  showPageControls = true,\n  maxPagesToShow = 5,\n  containerClassName = \"\",\n  selectContainerClassName = \"\",\n  infoContainerClassName = \"\",\n  controlsContainerClassName = \"\",\n  pageButtonClassName = \"\",\n  pageActiveButtonClassName = \"\",\n  navButtonClassName = \"\",\n  allValue = totalItems,\n  allOptionLabel = \"All\",\n  showAllOption = true,\n  layoutType = \"grid\",\n  labelFormat,\n  compact = false,\n  hideEntriesInfo = false,\n}: GenericTablePaginationProps) {\n  const positivePageSizes = pageSizeOptions.filter((size) => size > 0);\n  const availablePageSizes =\n    itemsPerPage > 0 && !positivePageSizes.includes(itemsPerPage)\n      ? [...positivePageSizes, itemsPerPage].sort((a, b) => a - b)\n      : positivePageSizes;\n  const effectiveItemsPerPage =\n    itemsPerPage === 0 ? Math.max(totalItems, 1) : Math.max(itemsPerPage, 1);\n\n  const totalPages = Math.max(1, Math.ceil(totalItems / effectiveItemsPerPage));\n\n  const getPageNumbers = (limit = maxPagesToShow) => {\n    let startPage = Math.max(1, currentPage - Math.floor(limit / 2));\n    const endPage = Math.min(totalPages, startPage + limit - 1);\n    startPage = Math.max(1, endPage - limit + 1);\n    return Array.from(\n      { length: endPage - startPage + 1 },\n      (_, i) => startPage + i,\n    );\n  };\n\n  const isFirstPageDisabled = currentPage <= 1;\n  const isLastPageDisabled = currentPage >= totalPages;\n  const startItem = totalItems === 0 ? 0 : (currentPage - 1) * effectiveItemsPerPage + 1;\n  const endItem = Math.min(currentPage * effectiveItemsPerPage, totalItems);\n\n  const defaultLabelFormat = (start: number, end: number, total: number) => {\n    return compact\n      ? `${start}-${end} of ${total}`\n      : `Showing ${start} to ${end} of ${total} entries`;\n  };\n\n  const formatLabel = labelFormat || defaultLabelFormat;\n\n  const buttonSize = compact ? \"sm\" : \"icon\";\n  const compactButtonClass =\n    \"relative isolate h-11 w-11 min-w-11 border-0 bg-transparent p-0 text-xs shadow-none before:absolute before:inset-1.5 before:z-0 before:rounded-md before:border before:border-border before:bg-card before:content-[''] hover:bg-transparent hover:before:bg-accent disabled:bg-transparent disabled:before:opacity-40 [&_svg]:relative [&_svg]:z-10 lg:h-7 lg:min-h-7 lg:w-7 lg:min-w-7 lg:border lg:border-input lg:bg-background lg:before:hidden lg:hover:bg-accent\";\n  const compactActiveButtonClass =\n    \"text-primary-foreground before:border-primary before:bg-primary hover:before:bg-primary/90 lg:border-primary lg:bg-primary lg:hover:bg-primary/90\";\n\n  const containerClass = cn(\n    \"w-full items-center border-t border-border\",\n    layoutType === \"grid\"\n      ? \"grid grid-cols-[auto_minmax(0,1fr)_auto]\"\n      : \"flex flex-nowrap justify-between\",\n    compact\n      ? \"h-11 gap-0 px-0 py-0 lg:h-8\"\n      : \"gap-1 px-2 py-1 sm:gap-4 sm:px-3\",\n    className,\n    containerClassName,\n  );\n\n  return (\n    <div data-matrx-table-footer className={containerClass}>\n      {/* Items Per Page Select */}\n      {showItemsPerPageSelect && (\n        <div\n          className={cn(\n            \"flex min-w-0 justify-start\",\n            !compact && \"sm:p-1\",\n            selectContainerClassName,\n          )}\n        >\n          <Select\n            value={itemsPerPage.toString()}\n            onValueChange={(value) => onItemsPerPageChange(parseInt(value))}\n          >\n            <SelectTrigger\n              aria-label=\"Rows per page\"\n              className={cn(\n                \"focus:ring-0\",\n                compact\n                  ? \"relative isolate h-11 w-14 border-0 bg-transparent px-2 text-xs before:absolute before:inset-x-1 before:inset-y-1.5 before:z-0 before:rounded-md before:border before:border-border before:bg-card before:content-[''] hover:before:bg-accent [&>*]:relative [&>*]:z-10 lg:h-7 lg:min-h-7 lg:w-16 lg:border lg:border-input lg:bg-background lg:px-2 lg:before:hidden\"\n                  : \"h-8 w-[3.75rem] text-xs sm:w-36 sm:text-sm\",\n              )}\n            >\n              <SelectValue placeholder={itemsPerPage.toString()} />\n            </SelectTrigger>\n            <SelectContent>\n              {availablePageSizes.map((size) => (\n                <SelectItem key={size} value={size.toString()}>\n                  {size}\n                </SelectItem>\n              ))}\n              {showAllOption ? (\n                <SelectItem value={allValue.toString()}>{allOptionLabel}</SelectItem>\n              ) : null}\n            </SelectContent>\n          </Select>\n        </div>\n      )}\n\n      <div\n        className={cn(\"flex min-w-0 justify-center\", infoContainerClassName)}\n      >\n        {/* Page Info - only show if not hidden But always show the div. */}\n        {showPageInfo && !hideEntriesInfo && (\n          <>\n            <span className=\"truncate text-[10px] tabular-nums text-muted-foreground sm:hidden\">\n              {startItem}-{endItem} / {totalItems}\n            </span>\n            <span\n              className={`hidden whitespace-nowrap ${\n                compact ? \"text-xs\" : \"text-sm\"\n              } text-muted-foreground sm:inline`}\n            >\n              {formatLabel(startItem, endItem, totalItems)}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Page Controls */}\n      {showPageControls && (\n        <div\n          className={cn(\n            \"flex min-w-0 items-center justify-end\",\n            compact ? \"gap-0\" : \"gap-0.5 sm:gap-1\",\n            controlsContainerClassName,\n          )}\n        >\n          <Button\n            variant=\"outline\"\n            size={buttonSize}\n            aria-label=\"First page\"\n            title=\"First page\"\n            onClick={() => onPageChange(1)}\n            disabled={isFirstPageDisabled}\n            className={cn(\n              \"hidden sm:inline-flex\",\n              compact ? compactButtonClass : \"h-8 w-8 p-0\",\n              navButtonClassName,\n            )}\n          >\n            <ChevronsLeft className={compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\"} />\n          </Button>\n\n          <Button\n            variant=\"outline\"\n            size={buttonSize}\n            aria-label=\"Previous page\"\n            title=\"Previous page\"\n            onClick={() => onPageChange(currentPage - 1)}\n            disabled={isFirstPageDisabled}\n            className={cn(\n              compact ? compactButtonClass : \"h-8 w-8 p-0\",\n              navButtonClassName,\n            )}\n          >\n            <ChevronLeft className={compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\"} />\n          </Button>\n\n          {getPageNumbers(3).map((page) => (\n            <Button\n              key={`mobile-${page}`}\n              variant={currentPage === page ? \"default\" : \"outline\"}\n              size={buttonSize}\n              aria-label={`Page ${page}`}\n              aria-current={currentPage === page ? \"page\" : undefined}\n              onClick={() => onPageChange(page)}\n              className={cn(\n                \"sm:hidden\",\n                page === currentPage\n                  ? \"inline-flex\"\n                  : \"hidden min-[360px]:inline-flex\",\n                compact ? compactButtonClass : \"h-8 w-8 p-0\",\n                compact && page === currentPage && compactActiveButtonClass,\n                page === currentPage\n                  ? pageActiveButtonClassName\n                  : pageButtonClassName,\n              )}\n            >\n              <span className=\"relative z-10\">{page}</span>\n            </Button>\n          ))}\n\n          {getPageNumbers().map((page) => (\n            <Button\n              key={`desktop-${page}`}\n              variant={currentPage === page ? \"default\" : \"outline\"}\n              size={buttonSize}\n              aria-label={`Page ${page}`}\n              aria-current={currentPage === page ? \"page\" : undefined}\n              onClick={() => onPageChange(page)}\n              className={cn(\n                \"hidden sm:inline-flex\",\n                compact ? compactButtonClass : \"h-8 w-8 p-0\",\n                compact && page === currentPage && compactActiveButtonClass,\n                currentPage === page\n                  ? pageActiveButtonClassName\n                  : pageButtonClassName,\n              )}\n            >\n              <span className=\"relative z-10\">{page}</span>\n            </Button>\n          ))}\n\n          <Button\n            variant=\"outline\"\n            size={buttonSize}\n            aria-label=\"Next page\"\n            title=\"Next page\"\n            onClick={() => onPageChange(currentPage + 1)}\n            disabled={isLastPageDisabled}\n            className={cn(\n              compact ? compactButtonClass : \"h-8 w-8 p-0\",\n              navButtonClassName,\n            )}\n          >\n            <ChevronRight className={compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\"} />\n          </Button>\n\n          <Button\n            variant=\"outline\"\n            size={buttonSize}\n            aria-label=\"Last page\"\n            title=\"Last page\"\n            onClick={() => onPageChange(totalPages)}\n            disabled={isLastPageDisabled}\n            className={cn(\n              \"hidden sm:inline-flex\",\n              compact ? compactButtonClass : \"h-8 w-8 p-0\",\n              navButtonClassName,\n            )}\n          >\n            <ChevronsRight className={compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\"} />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\n\nexport const buttonVariants = cva(\n  \"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        /**\n         * An explicit spelling of `default`, identical by construction. It is\n         * not decoration: matrx-frontend's `ButtonMine` fork carried it, ~17\n         * call sites say `variant=\"primary\"`, and the alternative to keeping\n         * the word was a host shim translating a prop — the massage C22 bans.\n         */\n        primary: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        /** The affirmative twin of `destructive` — confirm, approve, publish. */\n        success:\n          \"bg-success text-success-foreground shadow-sm hover:bg-success/90\",\n        outline:\n          \"border border-border bg-card shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        subtle:\n          \"border border-transparent bg-muted/50 text-foreground hover:border-border hover:bg-muted\",\n      },\n      /**\n       * ONE size scale, xs → 3xl, plus the two icon boxes. The top and bottom\n       * of the scale came in from matrx-frontend's `ButtonMine` fork (2026-09-07):\n       * a dense toolbar needs `xs`, and a marketing/hero call to action needs\n       * `xl`+. A host that has to reach outside this scale forks the button,\n       * which is exactly how `ButtonMine` was born.\n       */\n      size: {\n        xs: \"h-6 rounded-md px-1 text-xs\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        default: \"h-9 px-4 py-2\",\n        /** An explicit spelling of `default` (the fork's middle rung). */\n        md: \"h-9 px-4 py-2\",\n        lg: \"h-10 rounded-md px-6\",\n        xl: \"h-12 px-8 py-3 text-base\",\n        \"2xl\": \"h-14 px-10 py-3 text-base\",\n        \"3xl\": \"h-16 px-12 py-3 text-base\",\n        icon: \"h-9 w-9\",\n        \"icon-sm\": \"h-7 w-7\",\n        /** A circular icon box — an avatar-shaped control, not a square one. */\n        roundIcon: \"h-8 w-8 rounded-full p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import type { SVGProps } from \"react\";\n\ntype IconProps = SVGProps<SVGSVGElement>;\nfunction Icon({ children, ...props }: IconProps) {\n  return <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" {...props}>{children}</svg>;\n}\nconst path = <path d=\"M4 12h16M12 4v16\" />;\nexport const ChevronLeft = (p: IconProps) => <Icon {...p}><path d=\"m15 18-6-6 6-6\" /></Icon>;\nexport const ChevronRight = (p: IconProps) => <Icon {...p}><path d=\"m9 18 6-6-6-6\" /></Icon>;\nexport const ChevronDown = (p: IconProps) => <Icon {...p}><path d=\"m6 9 6 6 6-6\" /></Icon>;\nexport const ArrowDown = (p: IconProps) => <Icon {...p}><path d=\"M12 4v16m-6-6 6 6 6-6\" /></Icon>;\nexport const ArrowUp = (p: IconProps) => <Icon {...p}><path d=\"M12 20V4m-6 6 6-6 6 6\" /></Icon>;\nexport const ArrowUpDown = (p: IconProps) => <Icon {...p}><path d=\"M12 4v16m-4-12 4-4 4 4m-8 8 4 4 4-4\" /></Icon>;\nexport const Check = (p: IconProps) => <Icon {...p}><path d=\"m5 12 4 4L19 6\" /></Icon>;\nexport const X = (p: IconProps) => <Icon {...p}><path d=\"M6 6l12 12M18 6 6 18\" /></Icon>;\nexport const Search = (p: IconProps) => <Icon {...p}><circle cx=\"11\" cy=\"11\" r=\"6\" /><path d=\"m16 16 4 4\" /></Icon>;\nexport const Plus = (p: IconProps) => <Icon {...p}>{path}</Icon>;\nexport const Minus = (p: IconProps) => <Icon {...p}><path d=\"M4 12h16\" /></Icon>;\nexport const Eraser = (p: IconProps) => <Icon {...p}><path d=\"m7 19-3-3 9-9 5 5-7 7H7z\" /></Icon>;\nexport const GripVertical = (p: IconProps) => <Icon {...p}><circle cx=\"9\" cy=\"6\" r=\"1\" /><circle cx=\"15\" cy=\"6\" r=\"1\" /><circle cx=\"9\" cy=\"12\" r=\"1\" /><circle cx=\"15\" cy=\"12\" r=\"1\" /><circle cx=\"9\" cy=\"18\" r=\"1\" /><circle cx=\"15\" cy=\"18\" r=\"1\" /></Icon>;\nexport const SlidersHorizontal = (p: IconProps) => <Icon {...p}><path d=\"M4 7h16M4 17h16M9 7v0M15 17v0\" /></Icon>;\nexport const Trash2 = (p: IconProps) => <Icon {...p}><path d=\"M4 7h16M10 11v6M14 11v6M9 7l1-2h4l1 2M6 7l1 13h10l1-13\" /></Icon>;\nexport const Loader2 = (p: IconProps) => <Icon {...p}><path d=\"M20 12a8 8 0 1 1-2.3-5.7\" /></Icon>;\nexport const Save = (p: IconProps) => <Icon {...p}><path d=\"M5 3h12l2 2v16H5zM8 3v6h8V3M8 21v-7h8v7\" /></Icon>;\nexport const Pencil = (p: IconProps) => <Icon {...p}><path d=\"m4 20 4-1 11-11-3-3L5 16l-1 4z\" /></Icon>;\nexport const Eye = (p: IconProps) => <Icon {...p}><path d=\"M2 12s3-6 10-6 10 6 10 6-3 6-10 6S2 12 2 12z\" /><circle cx=\"12\" cy=\"12\" r=\"2\" /></Icon>;\nexport const PanelRight = (p: IconProps) => <Icon {...p}><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" /><path d=\"M15 4v16\" /></Icon>;\nexport const PanelRightOpen = PanelRight;\nexport const WholeWord = (p: IconProps) => <Icon {...p}><path d=\"M4 6l3 12 3-8 3 8 3-12M17 15h4\" /></Icon>;\nexport const ExternalLink = (p: IconProps) => <Icon {...p}><path d=\"M14 4h6v6M20 4l-9 9M19 13v6H5V5h6\" /></Icon>;\nexport const Copy = (p: IconProps) => <Icon {...p}><rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\" /><path d=\"M15 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3\" /></Icon>;\nexport const Lightbulb = (p: IconProps) => <Icon {...p}><path d=\"M9 18h6M10 22h4M8 14a6 6 0 1 1 8 0c-1 1-1 2-1 3H9c0-1 0-2-1-3z\" /></Icon>;\nexport const ShieldOff = (p: IconProps) => <Icon {...p}><path d=\"m3 3 18 18M12 3l7 3v5c0 4-3 7-7 9-4-2-7-5-7-9V6l4-2\" /></Icon>;\nexport const ListFilter = SlidersHorizontal;\nexport const ListX = X;\n\nexport const ChevronsLeft = (p: IconProps) => <Icon {...p}><path d=\"m11 18-6-6 6-6m8 12-6-6 6-6\" /></Icon>;\nexport const ChevronsRight = (p: IconProps) => <Icon {...p}><path d=\"m5 18 6-6-6-6m8 12 6-6-6-6\" /></Icon>;\n","\"use client\";\n\n/**\n * Select — ported verbatim from matrx-frontend `components/ui/select.tsx`.\n *\n * Seam inversions:\n * - The host's `useNestedPortalContainer` (dialog/popout aware) becomes the\n *   injected `PortalContainerProvider` seam (`portal-container.tsx`); the\n *   explicit `container` prop keeps top priority, exactly as before.\n * - `ChevronDownIcon` / `ChevronUpIcon` / `CheckIcon` come from the package's\n *   inlined SVGs (C19), not @radix-ui/react-icons — same glyphs, same\n *   viewBoxes. (The origin also imported `CaretSortIcon` without ever using\n *   it; the dead import is not carried along.)\n *\n * THE ROOT RENDERS UNCONDITIONALLY — no mount gate. This wrapper used to defer\n * rendering until after hydration (\"Radix generates dynamic aria-controls ids\n * that differ between SSR and client\"), and that justification was false:\n * Radix ids come from React's SSR-stable `useId` (verified against\n * @radix-ui/react-select 2.3.1 / react-id 1.1.2). The gate was actively\n * harmful — it deleted the ALWAYS-VISIBLE select trigger (a form control)\n * from SSR and the first client paint.\n */\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER, POPPER_OFFSET } from \"./motion\";\nimport {\n  CheckIcon,\n  RadixChevronDownIcon,\n  RadixChevronUpIcon,\n} from \"./icons\";\nimport { usePortalContainer } from \"./portal-container\";\n\nexport const Select = SelectPrimitive.Root;\n\nexport const SelectGroup = SelectPrimitive.Group;\n\nexport const SelectValue = SelectPrimitive.Value;\n\nexport const selectTriggerVariants = cva(\n  \"flex w-full items-center justify-between whitespace-nowrap rounded-md border border-border bg-card text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground transition-colors hover:bg-accent hover:border-accent-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/30 focus:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n  {\n    variants: {\n      size: {\n        sm: \"h-7 px-2 py-1 text-xs\",\n        default: \"h-9 px-3 py-1\",\n        lg: \"h-10 px-3 py-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n\nexport interface SelectTriggerProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n    VariantProps<typeof selectTriggerVariants> {\n  hideArrow?: boolean;\n}\n\nexport const SelectTrigger = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, children, hideArrow = false, size, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(selectTriggerVariants({ size, className }))}\n    {...props}\n  >\n    {children}\n    {!hideArrow && (\n      <SelectPrimitive.Icon asChild>\n        <RadixChevronDownIcon className=\"h-4 w-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    )}\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nexport const SelectScrollUpButton = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <RadixChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nexport const SelectScrollDownButton = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <RadixChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\nexport interface SelectContentProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n  /**\n   * Package-owned open/close motion. Default `true`. Pass `false` for a\n   * surface that must appear instantly. It is NOT the reduced-motion switch;\n   * `styles.css` already honours `prefers-reduced-motion`.\n   */\n  animated?: boolean;\n}\n\nexport const SelectContent = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      container,\n      animated = true,\n      ...props\n    },\n    ref,\n  ) => {\n  const portalContainer = usePortalContainer(container);\n  return (\n    <SelectPrimitive.Portal container={portalContainer}>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"relative z-[10001] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md\",\n          animated && MOTION_POPPER,\n          // The resting gap from the trigger. It is the `translate` property\n          // (POPPER_OFFSET), never Tailwind translate utilities: those compose\n          // with `transform` on a v4 host and are REPLACED by it on a v3 one,\n          // so on v3 the animation ate the gap and the surface snapped 4px at\n          // the end. Same law as the centred dialog card — see motion.ts.\n          position === \"popper\" && POPPER_OFFSET,\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-0.5 overflow-y-auto\",\n            position === \"popper\" &&\n              \"w-full min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nexport const SelectLabel = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nexport const SelectItem = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    /**\n     * Secondary line shown under the label IN THE LIST ONLY. Rendered outside\n     * Radix `ItemText` on purpose: everything inside `ItemText` is what the\n     * closed trigger displays, so a description passed as `children` gets\n     * squeezed into the fixed-height trigger and clipped. This prop keeps the\n     * trigger to the one-line label while the open list shows both lines.\n     */\n    description?: React.ReactNode;\n  }\n>(({ className, children, description, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none rounded-sm py-1 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      description ? \"flex-col items-start gap-0.5 py-1.5\" : \"items-center\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    {description ? (\n      <span className=\"block text-xs leading-snug text-muted-foreground\">\n        {description}\n      </span>\n    ) : null}\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nexport const SelectSeparator = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n","/**\n * THE MOTION CONTRACT (0.10.0) — the class names every animated surface in\n * this package puts on the DOM, in ONE place.\n *\n * Why a module and not ten inline strings: the sweep that produced this file\n * found the same defect ten times over, and it was invisible each time\n * because each primitive spelled its animation out by hand. Ten hand-written\n * copies of `data-[state=open]:animate-in data-[state=closed]:animate-out\n * data-[state=closed]:fade-out-0 …` meant ten chances to reach for a utility\n * nothing in the package defines — which is exactly what happened. A single\n * exported constant per motion SHAPE means the next primitive cannot invent\n * an eleventh spelling, and `styles.test.ts` can prove every one of them\n * resolves to a rule in the shipped stylesheet.\n *\n * Every rule these name lives in `styles.css` under the package's own\n * keyframes. NONE of them is a Tailwind utility, and none requires a host\n * plugin — see that file's header for the measurement that made this\n * necessary.\n */\n\n/** Modal scrims: Dialog, AlertDialog, Sheet, CommandDialog. Fade only. */\nexport const MOTION_OVERLAY = \"matrx-motion-overlay\";\n\n/** The centred dialog card. Fades and scales; centring is not its business. */\nexport const MOTION_DIALOG = \"matrx-motion-dialog\";\n\n/**\n * THE CENTRING OF A CENTRED DIALOG CARD — package-owned, in the `translate`\n * property, and NEVER a Tailwind `translate-x-[-50%] translate-y-[-50%]` pair.\n *\n * Those utilities do not compile to the same thing in every host: Tailwind v3\n * writes them into `transform`, Tailwind v4 writes them into the independent\n * `translate` property, which COMPOSES with `transform` instead of being\n * replaced by it. 0.10.0's keyframes restated the centring inside `transform`,\n * which was harmless on v3 and doubled the centring on v4 — the card flew in\n * from off the top-left of the viewport for the animation's whole duration and\n * snapped into place at the end (fixed in 0.10.1).\n *\n * Owning it here means one spelling that reads the same on both, and it frees\n * `transform` so the keyframes carry ONLY the delta. Put this on every centred\n * surface UNCONDITIONALLY — it is geometry, so unlike {@link MOTION_DIALOG} it\n * must survive `animated={false}`. Its rule ships in `styles.css`.\n */\nexport const CENTERED_DIALOG = \"matrx-dialog-centered\";\n\n/**\n * The resting gap between a `popper`-positioned surface and its trigger, for\n * the primitives that want one (today: `Select`). Same law and same reason as\n * {@link CENTERED_DIALOG} — a position an animated surface holds AT REST is\n * the `translate` property's job, never a Tailwind translate utility, because\n * those land in `transform` on a v3 host and in `translate` on a v4 one while\n * the keyframes animate `transform` either way. Sizes from\n * `--matrx-popper-offset`; keys off Radix's `data-side`.\n */\nexport const POPPER_OFFSET = \"matrx-popper-offset\";\n\n/** The mobile Dialog / CommandDialog bottom sheet. Slides up and fades. */\nexport const MOTION_BOTTOM_SHEET = \"matrx-motion-bottom-sheet\";\n\n/**\n * Radix-popper surfaces: Popover, DropdownMenu, ContextMenu, HoverCard,\n * Select, Tooltip. Reads `--radix-popper-transform-origin` so the surface\n * grows out of its trigger, and `data-side` so it travels from it.\n */\nexport const MOTION_POPPER = \"matrx-motion-popper\";\n\n/** Edge sheets, one class per `sheetVariants` side. */\nexport const MOTION_SHEET = {\n  top: \"matrx-motion-sheet-top\",\n  bottom: \"matrx-motion-sheet-bottom\",\n  left: \"matrx-motion-sheet-left\",\n  right: \"matrx-motion-sheet-right\",\n  center: \"matrx-motion-sheet-center\",\n} as const;\n\n/** Skeleton's breathing loop. */\nexport const MOTION_PULSE = \"matrx-pulse\";\n\n/** The spinner loop, for every inline busy indicator in the package. */\nexport const MOTION_SPIN = \"matrx-spin\";\n\n/**\n * Every motion class the package ships, for the guards. If a rule for one of\n * these is missing from `styles.css`, a component animates in no consumer and\n * says nothing about it — the C26 failure this list exists to make loud.\n */\nexport const ALL_MOTION_CLASSES = [\n  MOTION_OVERLAY,\n  MOTION_DIALOG,\n  MOTION_BOTTOM_SHEET,\n  MOTION_POPPER,\n  ...Object.values(MOTION_SHEET),\n  MOTION_PULSE,\n  MOTION_SPIN,\n] as const;\n\n/**\n * The host-plugin utilities this package is forbidden to emit. They are\n * supplied by `tailwindcss-animate` / `tw-animate-css`, which is a HOST CSS\n * entry concern a package cannot declare a dependency on: three of the four\n * AI Matrx consumers never loaded it, so every surface wearing these appeared\n * with no animation and no error. `styles.test.ts` fails the build if one\n * comes back.\n */\nexport const FORBIDDEN_HOST_MOTION_UTILITIES = [\n  \"animate-in\",\n  \"animate-out\",\n  \"fade-in\",\n  \"fade-out\",\n  \"zoom-in\",\n  \"zoom-out\",\n  \"slide-in-from\",\n  \"slide-out-to\",\n  \"animate-accordion\",\n  \"animate-slide-down\",\n  \"animate-slide-up\",\n  \"animate-pulse\",\n  \"animate-spin\",\n] as const;\n","/**\n * Internal inlined SVG icons (policy C19: no icon-library dependency, ever).\n *\n * Each icon is copied from the exact glyph the ported originals rendered:\n * lucide-react's Loader2 / ChevronLeft / ChevronRight / MoreHorizontal and\n * @radix-ui/react-icons' Cross2Icon. Same viewBoxes, same paths, same default\n * stroke geometry — a host swapping the import sees pixel-identical output.\n *\n * Not exported from the package entry; components consume them directly.\n */\n\nimport * as React from \"react\";\n\ntype IconProps = React.SVGAttributes<SVGSVGElement>;\n\nfunction lucideProps(props: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/** lucide `loader-2` — the spinner glyph. Callers add `matrx-spin`. */\nexport function Loader2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-left`. */\nexport function ChevronLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-right`. */\nexport function ChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-down` — the disclosure's open glyph. */\nexport function ChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `archive` — the archived-rows glyph (ArchivedDisclosure). */\nexport function ArchiveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\" />\n      <path d=\"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8\" />\n      <path d=\"M10 12h4\" />\n    </svg>\n  );\n}\n\n/** lucide `more-horizontal` — the kebab/ellipsis glyph. */\nexport function MoreHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `check` — the selected-row tick (CreatablePicker). */\nexport function LucideCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-up-down` — the combobox trigger glyph. */\nexport function ChevronsUpDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `external-link` — the manage-in-new-tab glyph. */\nexport function ExternalLinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M15 3h6v6\" />\n      <path d=\"M10 14 21 3\" />\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n    </svg>\n  );\n}\n\n/** lucide `lock` — the platform-governed vocabulary glyph. */\nexport function LockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n    </svg>\n  );\n}\n\n/** lucide `plus` — the create/add glyph. */\nexport function PlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M5 12h14\" />\n      <path d=\"M12 5v14\" />\n    </svg>\n  );\n}\n\n/** lucide `x` — the dialog close glyph (host dialog module used lucide X). */\nexport function XIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons components default to width/height 15 — the bare\n * `<ChevronUpIcon />` renders in Select's scroll buttons rely on it.\n */\nfunction radixProps(props: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 15 15\",\n    width: 15,\n    height: 15,\n    fill: \"none\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/** @radix-ui/react-icons `MagnifyingGlassIcon` — the command search glyph. */\nexport function MagnifyingGlassIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `CheckIcon` — the select item indicator glyph. */\nexport function CheckIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DividerHorizontalIcon` — the INDETERMINATE checkbox\n * glyph. Radix renders the indicator for both `true` and `\"indeterminate\"`, so\n * a half-selected \"select all\" that shows a full check states something false;\n * the two states get different glyphs on purpose.\n */\nexport function DividerHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `DotFilledIcon` — the menu radio-item indicator. */\nexport function DotFilledIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronRightIcon` — the submenu-trigger glyph. */\nexport function RadixChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronDownIcon` — the select trigger/scroll glyph. */\nexport function RadixChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronUpIcon` — the select scroll-up glyph. */\nexport function RadixChevronUpIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `Cross2Icon` — the dialog/sheet close glyph. */\nexport function Cross2Icon(props: IconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      aria-hidden\n      {...props}\n    >\n      <path\n        d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DragHandleDots2Icon` — the grip on `ResizableHandle`.\n * Inlined per C19: this package depends on no icon library.\n */\nexport function DragHandleDots2Icon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M4.5 2.5C5.05228 2.5 5.5 2.05228 5.5 1.5C5.5 0.947715 5.05228 0.5 4.5 0.5C3.94772 0.5 3.5 0.947715 3.5 1.5C3.5 2.05228 3.94772 2.5 4.5 2.5ZM4.5 6.5C5.05228 6.5 5.5 6.05229 5.5 5.5C5.5 4.94771 5.05228 4.5 4.5 4.5C3.94772 4.5 3.5 4.94771 3.5 5.5C3.5 6.05229 3.94772 6.5 4.5 6.5ZM5.5 9.5C5.5 10.0523 5.05228 10.5 4.5 10.5C3.94772 10.5 3.5 10.0523 3.5 9.5C3.5 8.94771 3.94772 8.5 4.5 8.5C5.05228 8.5 5.5 8.94771 5.5 9.5ZM4.5 14.5C5.05228 14.5 5.5 14.0523 5.5 13.5C5.5 12.9477 5.05228 12.5 4.5 12.5C3.94772 12.5 3.5 12.9477 3.5 13.5C3.5 14.0523 3.94772 14.5 4.5 14.5ZM11.5 1.5C11.5 2.05228 11.0523 2.5 10.5 2.5C9.94771 2.5 9.5 2.05228 9.5 1.5C9.5 0.947715 9.94771 0.5 10.5 0.5C11.0523 0.5 11.5 0.947715 11.5 1.5ZM10.5 6.5C11.0523 6.5 11.5 6.05229 11.5 5.5C11.5 4.94771 11.0523 4.5 10.5 4.5C9.94771 4.5 9.5 4.94771 9.5 5.5C9.5 6.05229 9.94771 6.5 10.5 6.5ZM11.5 9.5C11.5 10.0523 11.0523 10.5 10.5 10.5C9.94771 10.5 9.5 10.0523 9.5 9.5C9.5 8.94771 9.94771 8.5 10.5 8.5C11.0523 8.5 11.5 8.94771 11.5 9.5ZM10.5 14.5C11.0523 14.5 11.5 14.0523 11.5 13.5C11.5 12.9477 11.0523 12.5 10.5 12.5C9.94771 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.94771 14.5 10.5 14.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** lucide `star` — the default-organization badge (OrganizationPicker). */\nexport function StarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\" />\n    </svg>\n  );\n}\n\n/** lucide `building-2` — the organization glyph (OrganizationPicker trigger). */\nexport function Building2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(props)}>\n      <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\" />\n      <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" />\n      <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M10 6h4\" />\n      <path d=\"M10 10h4\" />\n      <path d=\"M10 14h4\" />\n      <path d=\"M10 18h4\" />\n    </svg>\n  );\n}\n","\"use client\";\n\n/**\n * Injected portal-container seam.\n *\n * The matrx-frontend original resolved nested portal targets through\n * `useNestedPortalContainer` (explicit prop > dialog content > popout body >\n * document.body) — a host-shaped hook wired to that app's dialog and\n * window-panel systems. The package inverts the seam: hosts provide the\n * resolved container through `PortalContainerProvider`; an explicit\n * `container` prop on a component still wins, and with neither the portal\n * falls through to `document.body` (Radix default). Priority semantics are\n * unchanged from the original.\n */\n\nimport * as React from \"react\";\n\n// Shared identity across independently bundled public entrypoints/loaders.\nconst CONTEXT_SLOT = Symbol.for(\"ai-matrx.design-system.portal-container-context\");\nconst contextRegistry = globalThis as typeof globalThis & { [CONTEXT_SLOT]?: React.Context<HTMLElement | null | undefined> };\nconst PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /** Where nested Radix portals (Popover, etc.) should mount. `null`/`undefined` → document.body. */\n  container: HTMLElement | null | undefined;\n  children: React.ReactNode;\n}\n\nexport function PortalContainerProvider({\n  container,\n  children,\n}: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext.Provider value={container ?? undefined}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n}\n\n/**\n * Resolve a portal target: explicit prop (including an explicit `null`,\n * meaning \"the default body\") beats the injected container.\n */\nexport function usePortalContainer(\n  explicit?: HTMLElement | null,\n): HTMLElement | undefined {\n  const injected = React.useContext(PortalContainerContext);\n\n  if (explicit !== undefined) {\n    return explicit ?? undefined;\n  }\n\n  return injected ?? undefined;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,wBAAqB;AACrB,sCAAuC;AACvC,YAAuB;;;ACJvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAA8B;AAClD,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADsEM;AAnEC,IAAM,qBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOT,SAAS;AAAA,QACT,aACE;AAAA;AAAA,QAEF,SACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QACE;AAAA,MACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA;AAAA,QAET,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QAEX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAQO,IAAM,SAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAChE,UAAM,YAAY,UAAU,yBAAO;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;;;AE/EZ,IAAAA,sBAAA;AADT,SAAS,KAAK,EAAE,UAAU,GAAG,MAAM,GAAc;AAC/C,SAAO,6CAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAY,QAAQ,GAAG,OAAQ,UAAS;AAC5H;AAEO,IAAM,cAAc,CAAC,MAAiB,6CAAC,QAAM,GAAG,GAAG,uDAAC,UAAK,GAAE,kBAAiB,GAAE;AAC9E,IAAM,eAAe,CAAC,MAAiB,6CAAC,QAAM,GAAG,GAAG,uDAAC,UAAK,GAAE,iBAAgB,GAAE;AA4B9E,IAAM,eAAe,CAAC,MAAiB,6CAAC,QAAM,GAAG,GAAG,uDAAC,UAAK,GAAE,+BAA8B,GAAE;AAC5F,IAAM,gBAAgB,CAAC,MAAiB,6CAAC,QAAM,GAAG,GAAG,uDAAC,UAAK,GAAE,8BAA6B,GAAE;;;ACdnG,sBAAiC;AACjC,IAAAC,mCAAuC;AACvC,IAAAC,SAAuB;;;ACJhB,IAAM,iBAAiB;AAGvB,IAAM,gBAAgB;AA8BtB,IAAM,gBAAgB;AAGtB,IAAM,sBAAsB;AAO5B,IAAM,gBAAgB;AAGtB,IAAM,eAAe;AAAA,EAC1B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAGO,IAAM,eAAe;AAGrB,IAAM,cAAc;AAOpB,IAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG,OAAO,OAAO,YAAY;AAAA,EAC7B;AAAA,EACA;AACF;;;AC7DM,IAAAC,sBAAA;AAsHN,SAAS,WAAW,OAAsD;AACxE,SAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,eAAe;AAAA,IACf,GAAG;AAAA,EACL;AACF;AAiBO,SAAS,UAAU,OAAkB;AAC1C,SACE,6CAAC,SAAK,GAAG,WAAW,KAAK,GACvB;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,MACT,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;AAgDO,SAAS,qBAAqB,OAAkB;AACrD,SACE,6CAAC,SAAK,GAAG,WAAW,KAAK,GACvB;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,MACT,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;AAGO,SAAS,mBAAmB,OAAkB;AACnD,SACE,6CAAC,SAAK,GAAG,WAAW,KAAK,GACvB;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,MACT,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;;;ACvPA,IAAAC,SAAuB;AAkBnB,IAAAC,sBAAA;AAfJ,IAAM,eAAe,uBAAO,IAAI,iDAAiD;AACjF,IAAM,kBAAkB;AACxB,IAAM,yBAAyB,gBAAgB,YAAY,MAAY,qBAA8C,MAAS;AAuBvH,SAAS,mBACd,UACyB;AACzB,QAAM,WAAiB,kBAAW,sBAAsB;AAExD,MAAI,aAAa,QAAW;AAC1B,WAAO,YAAY;AAAA,EACrB;AAEA,SAAO,YAAY;AACrB;;;AHgBE,IAAAC,sBAAA;AAjCK,IAAM,SAAyB;AAI/B,IAAM,cAA8B;AAEpC,IAAM,4BAAwB;AAAA,EACnC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AASO,IAAM,gBAAsB,kBAGjC,CAAC,EAAE,WAAW,UAAU,YAAY,OAAO,MAAM,GAAG,MAAM,GAAG,QAC7D;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sBAAsB,EAAE,MAAM,UAAU,CAAC,CAAC;AAAA,IACvD,GAAG;AAAA,IAEH;AAAA;AAAA,MACA,CAAC,aACA,6CAAiB,sBAAhB,EAAqB,SAAO,MAC3B,uDAAC,wBAAqB,WAAU,sBAAqB,GACvD;AAAA;AAAA;AAEJ,CACD;AACD,cAAc,cAA8B,wBAAQ;AAE7C,IAAM,uBAA6B,kBAGxC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,uDAAC,sBAAmB;AAAA;AACtB,CACD;AACD,qBAAqB,cAA8B,+BAAe;AAE3D,IAAM,yBAA+B,kBAG1C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,uDAAC,wBAAqB;AAAA;AACxB,CACD;AACD,uBAAuB,cACL,iCAAiB;AAc5B,IAAM,gBAAsB;AAAA,EAIjC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,GACA,QACG;AACL,UAAM,kBAAkB,mBAAmB,SAAS;AACpD,WACE,6CAAiB,wBAAhB,EAAuB,WAAW,iBACjC;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMZ,aAAa,YAAY;AAAA,UACzB;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,uDAAC,wBAAqB;AAAA,UACtB;AAAA,YAAiB;AAAA,YAAhB;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,aAAa,YACX;AAAA,cACJ;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,6CAAC,0BAAuB;AAAA;AAAA;AAAA,IAC1B,GACF;AAAA,EAEJ;AAAC;AACD,cAAc,cAA8B,wBAAQ;AAE7C,IAAM,cAAoB,kBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,IAC3D,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAEzC,IAAM,aAAmB,kBAY9B,CAAC,EAAE,WAAW,UAAU,aAAa,GAAG,MAAM,GAAG,QACjD;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,cAAc,wCAAwC;AAAA,MACtD;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,mDAAC,UAAK,WAAU,iEACd,uDAAiB,+BAAhB,EACC,uDAAC,aAAU,WAAU,WAAU,GACjC,GACF;AAAA,MACA,6CAAiB,0BAAhB,EAA0B,UAAS;AAAA,MACnC,cACC,6CAAC,UAAK,WAAU,oDACb,uBACH,IACE;AAAA;AAAA;AACN,CACD;AACD,WAAW,cAA8B,qBAAK;AAEvC,IAAM,kBAAwB,kBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAA8B,0BAAU;;;AJ5F1C,IAAAC,sBAAA;AAtGC,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB,CAAC,GAAG,IAAI,IAAI,IAAI,GAAG;AAAA,EACrC,YAAY;AAAA,EACZ,yBAAyB;AAAA,EACzB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,kBAAkB;AACpB,GAAgC;AAC9B,QAAM,oBAAoB,gBAAgB,OAAO,CAAC,SAAS,OAAO,CAAC;AACnE,QAAM,qBACJ,eAAe,KAAK,CAAC,kBAAkB,SAAS,YAAY,IACxD,CAAC,GAAG,mBAAmB,YAAY,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,IACzD;AACN,QAAM,wBACJ,iBAAiB,IAAI,KAAK,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,cAAc,CAAC;AAEzE,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,aAAa,qBAAqB,CAAC;AAE5E,QAAM,iBAAiB,CAAC,QAAQ,mBAAmB;AACjD,QAAI,YAAY,KAAK,IAAI,GAAG,cAAc,KAAK,MAAM,QAAQ,CAAC,CAAC;AAC/D,UAAM,UAAU,KAAK,IAAI,YAAY,YAAY,QAAQ,CAAC;AAC1D,gBAAY,KAAK,IAAI,GAAG,UAAU,QAAQ,CAAC;AAC3C,WAAO,MAAM;AAAA,MACX,EAAE,QAAQ,UAAU,YAAY,EAAE;AAAA,MAClC,CAAC,GAAG,MAAM,YAAY;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,sBAAsB,eAAe;AAC3C,QAAM,qBAAqB,eAAe;AAC1C,QAAM,YAAY,eAAe,IAAI,KAAK,cAAc,KAAK,wBAAwB;AACrF,QAAM,UAAU,KAAK,IAAI,cAAc,uBAAuB,UAAU;AAExE,QAAM,qBAAqB,CAAC,OAAe,KAAa,UAAkB;AACxE,WAAO,UACH,GAAG,KAAK,IAAI,GAAG,OAAO,KAAK,KAC3B,WAAW,KAAK,OAAO,GAAG,OAAO,KAAK;AAAA,EAC5C;AAEA,QAAM,cAAc,eAAe;AAEnC,QAAM,aAAa,UAAU,OAAO;AACpC,QAAM,qBACJ;AACF,QAAM,2BACJ;AAEF,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,eAAe,SACX,6CACA;AAAA,IACJ,UACI,gCACA;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AAEA,SACE,8CAAC,SAAI,2BAAuB,MAAC,WAAW,gBAErC;AAAA,8BACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,CAAC,WAAW;AAAA,UACZ;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,aAAa,SAAS;AAAA,YAC7B,eAAe,CAAC,UAAU,qBAAqB,SAAS,KAAK,CAAC;AAAA,YAE9D;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,cAAW;AAAA,kBACX,WAAW;AAAA,oBACT;AAAA,oBACA,UACI,0WACA;AAAA,kBACN;AAAA,kBAEA,uDAAC,eAAY,aAAa,aAAa,SAAS,GAAG;AAAA;AAAA,cACrD;AAAA,cACA,8CAAC,iBACE;AAAA,mCAAmB,IAAI,CAAC,SACvB,6CAAC,cAAsB,OAAO,KAAK,SAAS,GACzC,kBADc,IAEjB,CACD;AAAA,gBACA,gBACC,6CAAC,cAAW,OAAO,SAAS,SAAS,GAAI,0BAAe,IACtD;AAAA,iBACN;AAAA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,+BAA+B,sBAAsB;AAAA,QAGlE,0BAAgB,CAAC,mBAChB,8EACE;AAAA,wDAAC,UAAK,WAAU,qEACb;AAAA;AAAA,YAAU;AAAA,YAAE;AAAA,YAAQ;AAAA,YAAI;AAAA,aAC3B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,4BACT,UAAU,YAAY,SACxB;AAAA,cAEC,sBAAY,WAAW,SAAS,UAAU;AAAA;AAAA,UAC7C;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,IAGC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,UAAU;AAAA,UACpB;AAAA,QACF;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAM;AAAA,cACN,SAAS,MAAM,aAAa,CAAC;AAAA,cAC7B,UAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA,UAAU,qBAAqB;AAAA,gBAC/B;AAAA,cACF;AAAA,cAEA,uDAAC,gBAAa,WAAW,UAAU,gBAAgB,WAAW;AAAA;AAAA,UAChE;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAM;AAAA,cACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,cAC3C,UAAU;AAAA,cACV,WAAW;AAAA,gBACT,UAAU,qBAAqB;AAAA,gBAC/B;AAAA,cACF;AAAA,cAEA,uDAAC,eAAY,WAAW,UAAU,gBAAgB,WAAW;AAAA;AAAA,UAC/D;AAAA,UAEC,eAAe,CAAC,EAAE,IAAI,CAAC,SACtB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,gBAAgB,OAAO,YAAY;AAAA,cAC5C,MAAM;AAAA,cACN,cAAY,QAAQ,IAAI;AAAA,cACxB,gBAAc,gBAAgB,OAAO,SAAS;AAAA,cAC9C,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,WAAW;AAAA,gBACT;AAAA,gBACA,SAAS,cACL,gBACA;AAAA,gBACJ,UAAU,qBAAqB;AAAA,gBAC/B,WAAW,SAAS,eAAe;AAAA,gBACnC,SAAS,cACL,4BACA;AAAA,cACN;AAAA,cAEA,uDAAC,UAAK,WAAU,iBAAiB,gBAAK;AAAA;AAAA,YAlBjC,UAAU,IAAI;AAAA,UAmBrB,CACD;AAAA,UAEA,eAAe,EAAE,IAAI,CAAC,SACrB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,gBAAgB,OAAO,YAAY;AAAA,cAC5C,MAAM;AAAA,cACN,cAAY,QAAQ,IAAI;AAAA,cACxB,gBAAc,gBAAgB,OAAO,SAAS;AAAA,cAC9C,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,WAAW;AAAA,gBACT;AAAA,gBACA,UAAU,qBAAqB;AAAA,gBAC/B,WAAW,SAAS,eAAe;AAAA,gBACnC,gBAAgB,OACZ,4BACA;AAAA,cACN;AAAA,cAEA,uDAAC,UAAK,WAAU,iBAAiB,gBAAK;AAAA;AAAA,YAfjC,WAAW,IAAI;AAAA,UAgBtB,CACD;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAM;AAAA,cACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,cAC3C,UAAU;AAAA,cACV,WAAW;AAAA,gBACT,UAAU,qBAAqB;AAAA,gBAC/B;AAAA,cACF;AAAA,cAEA,uDAAC,gBAAa,WAAW,UAAU,gBAAgB,WAAW;AAAA;AAAA,UAChE;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAM;AAAA,cACN,SAAS,MAAM,aAAa,UAAU;AAAA,cACtC,UAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA,UAAU,qBAAqB;AAAA,gBAC/B;AAAA,cACF;AAAA,cAEA,uDAAC,iBAAc,WAAW,UAAU,gBAAgB,WAAW;AAAA;AAAA,UACjE;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":["import_jsx_runtime","import_class_variance_authority","React","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/data-table/pagination.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+interface GenericTablePaginationProps {
+    totalItems: number;
+    itemsPerPage: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (items: number) => void;
+    pageSizeOptions?: number[];
+    className?: string;
+    showItemsPerPageSelect?: boolean;
+    showPageInfo?: boolean;
+    showPageControls?: boolean;
+    maxPagesToShow?: number;
+    containerClassName?: string;
+    selectContainerClassName?: string;
+    infoContainerClassName?: string;
+    controlsContainerClassName?: string;
+    pageButtonClassName?: string;
+    pageActiveButtonClassName?: string;
+    navButtonClassName?: string;
+    /** Value emitted for the optional All choice. Defaults to the current total. */
+    allValue?: number;
+    /** Honest label for the optional all-rows choice. */
+    allOptionLabel?: string;
+    showAllOption?: boolean;
+    layoutType?: "grid" | "flex";
+    labelFormat?: (start: number, end: number, total: number) => string;
+    compact?: boolean;
+    hideEntriesInfo?: boolean;
+}
+declare function GenericTablePagination({ totalItems, itemsPerPage, currentPage, onPageChange, onItemsPerPageChange, pageSizeOptions, className, showItemsPerPageSelect, showPageInfo, showPageControls, maxPagesToShow, containerClassName, selectContainerClassName, infoContainerClassName, controlsContainerClassName, pageButtonClassName, pageActiveButtonClassName, navButtonClassName, allValue, allOptionLabel, showAllOption, layoutType, labelFormat, compact, hideEntriesInfo, }: GenericTablePaginationProps): React.JSX.Element;
+
+export { type GenericTablePaginationProps, GenericTablePagination as default };

package/dist/data-table/pagination.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+interface GenericTablePaginationProps {
+    totalItems: number;
+    itemsPerPage: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (items: number) => void;
+    pageSizeOptions?: number[];
+    className?: string;
+    showItemsPerPageSelect?: boolean;
+    showPageInfo?: boolean;
+    showPageControls?: boolean;
+    maxPagesToShow?: number;
+    containerClassName?: string;
+    selectContainerClassName?: string;
+    infoContainerClassName?: string;
+    controlsContainerClassName?: string;
+    pageButtonClassName?: string;
+    pageActiveButtonClassName?: string;
+    navButtonClassName?: string;
+    /** Value emitted for the optional All choice. Defaults to the current total. */
+    allValue?: number;
+    /** Honest label for the optional all-rows choice. */
+    allOptionLabel?: string;
+    showAllOption?: boolean;
+    layoutType?: "grid" | "flex";
+    labelFormat?: (start: number, end: number, total: number) => string;
+    compact?: boolean;
+    hideEntriesInfo?: boolean;
+}
+declare function GenericTablePagination({ totalItems, itemsPerPage, currentPage, onPageChange, onItemsPerPageChange, pageSizeOptions, className, showItemsPerPageSelect, showPageInfo, showPageControls, maxPagesToShow, containerClassName, selectContainerClassName, infoContainerClassName, controlsContainerClassName, pageButtonClassName, pageActiveButtonClassName, navButtonClassName, allValue, allOptionLabel, showAllOption, layoutType, labelFormat, compact, hideEntriesInfo, }: GenericTablePaginationProps): React.JSX.Element;
+
+export { type GenericTablePaginationProps, GenericTablePagination as default };