@eqtylab/equality 0.0.0

package/dist/index.cjs

@@ -0,0 +1,3419 @@
+'use strict';
+
+var React15 = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var styles = require('./alert.module.module.css.module.css');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var styles3 = require('./alert-dialog.module.module.css.module.css');
+var reactSlot = require('@radix-ui/react-slot');
+var styles2 = require('./button.module.module.css.module.css');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var styles4 = require('./avatar.module.module.css.module.css');
+var LucideIcons = require('lucide-react');
+var styles7 = require('./badge.module.module.css.module.css');
+var styles5 = require('./icon.module.module.css.module.css');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var styles6 = require('./tooltip.module.module.css.module.css');
+var styles8 = require('./bg-gradient.module.module.css.module.css');
+var styles9 = require('./resource-badge.module.module.css.module.css');
+var styles10 = require('./card-content-header.module.module.css.module.css');
+var styles11 = require('./card.module.module.css.module.css');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var styles12 = require('./checkbox.module.module.css.module.css');
+var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var darkStyle = require('react-syntax-highlighter/dist/esm/styles/prism/a11y-dark');
+var lightStyle = require('react-syntax-highlighter/dist/esm/styles/prism/prism');
+var styles14 = require('./code-block.module.module.css.module.css');
+var styles13 = require('./icon-button.module.module.css.module.css');
+var cmdk = require('cmdk');
+var styles16 = require('./command.module.module.css.module.css');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var styles15 = require('./dialog.module.module.css.module.css');
+var styles18 = require('./date-range-picker.module.module.css.module.css');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var styles17 = require('./popover.module.module.css.module.css');
+var Truncate = require('react-truncate-inside');
+var styles19 = require('./display-field.module.module.css.module.css');
+var vaul = require('vaul');
+var styles20 = require('./drawer.module.module.css.module.css');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var styles21 = require('./dropdown-menu.module.module.css.module.css');
+var styles22 = require('./empty-table-state.module.module.css.module.css');
+var styles23 = require('./filter-dropdown.module.module.css.module.css');
+var reactHookForm = require('react-hook-form');
+var styles25 = require('./form.module.module.css.module.css');
+var LabelPrimitive = require('@radix-ui/react-label');
+var styles24 = require('./label.module.module.css.module.css');
+var styles26 = require('./info-card.module.module.css.module.css');
+var styles27 = require('./input.module.module.css.module.css');
+var styles28 = require('./list-or-grid-view-toggle.module.module.css.module.css');
+var styles30 = require('./loading-overlay.module.module.css.module.css');
+var styles29 = require('./spinner.module.module.css.module.css');
+var styles31 = require('./metric-card.module.module.css.module.css');
+var react = require('motion/react');
+var styles32 = require('./motion-collapsible.module.module.css.module.css');
+var styles33 = require('./page-not-found.module.module.css.module.css');
+var styles35 = require('./pagination.module.module.css.module.css');
+var SelectPrimitive = require('@radix-ui/react-select');
+var styles34 = require('./select.module.module.css.module.css');
+var styles36 = require('./panel-label.module.module.css.module.css');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var styles37 = require('./progress.module.module.css.module.css');
+var styles38 = require('./radial-graph.module.module.css.module.css');
+var styles39 = require('./radio-dropdown.module.module.css.module.css');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var styles40 = require('./radio-group.module.module.css.module.css');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var styles41 = require('./scroll-area.module.module.css.module.css');
+var styles42 = require('./search-bar.module.module.css.module.css');
+var styles43 = require('./section-heading.module.module.css.module.css');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var styles44 = require('./separator.module.module.css.module.css');
+var styles45 = require('./sheet.module.module.css.module.css');
+var styles46 = require('./skeleton.module.module.css.module.css');
+var styles47 = require('./sort-selector.module.module.css.module.css');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var styles48 = require('./switch.module.module.css.module.css');
+var styles49 = require('./sort-button.module.module.css.module.css');
+var styles50 = require('./table-components.module.module.css.module.css');
+var styles51 = require('./table.module.module.css.module.css');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var styles52 = require('./tabs-components.module.module.css.module.css');
+var styles53 = require('./tabs.module.module.css.module.css');
+var styles54 = require('./textarea.module.module.css.module.css');
+var ToastPrimitives = require('@radix-ui/react-toast');
+var styles55 = require('./toast-components.module.module.css.module.css');
+var styles56 = require('./toast.module.module.css.module.css');
+var styles57 = require('./truncated-description.module.module.css.module.css');
+var styles58 = require('./heading.module.module.css.module.css');
+var styles59 = require('./control-status-badge.module.module.css.module.css');
+var styles60 = require('./theme.module.module.css.module.css');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React15__namespace = /*#__PURE__*/_interopNamespace(React15);
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var styles3__default = /*#__PURE__*/_interopDefault(styles3);
+var styles2__default = /*#__PURE__*/_interopDefault(styles2);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var styles4__default = /*#__PURE__*/_interopDefault(styles4);
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
+var styles7__default = /*#__PURE__*/_interopDefault(styles7);
+var styles5__default = /*#__PURE__*/_interopDefault(styles5);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+var styles6__default = /*#__PURE__*/_interopDefault(styles6);
+var styles8__default = /*#__PURE__*/_interopDefault(styles8);
+var styles9__default = /*#__PURE__*/_interopDefault(styles9);
+var styles10__default = /*#__PURE__*/_interopDefault(styles10);
+var styles11__default = /*#__PURE__*/_interopDefault(styles11);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var styles12__default = /*#__PURE__*/_interopDefault(styles12);
+var darkStyle__default = /*#__PURE__*/_interopDefault(darkStyle);
+var lightStyle__default = /*#__PURE__*/_interopDefault(lightStyle);
+var styles14__default = /*#__PURE__*/_interopDefault(styles14);
+var styles13__default = /*#__PURE__*/_interopDefault(styles13);
+var styles16__default = /*#__PURE__*/_interopDefault(styles16);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var styles15__default = /*#__PURE__*/_interopDefault(styles15);
+var styles18__default = /*#__PURE__*/_interopDefault(styles18);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var styles17__default = /*#__PURE__*/_interopDefault(styles17);
+var Truncate__default = /*#__PURE__*/_interopDefault(Truncate);
+var styles19__default = /*#__PURE__*/_interopDefault(styles19);
+var styles20__default = /*#__PURE__*/_interopDefault(styles20);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var styles21__default = /*#__PURE__*/_interopDefault(styles21);
+var styles22__default = /*#__PURE__*/_interopDefault(styles22);
+var styles23__default = /*#__PURE__*/_interopDefault(styles23);
+var styles25__default = /*#__PURE__*/_interopDefault(styles25);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var styles24__default = /*#__PURE__*/_interopDefault(styles24);
+var styles26__default = /*#__PURE__*/_interopDefault(styles26);
+var styles27__default = /*#__PURE__*/_interopDefault(styles27);
+var styles28__default = /*#__PURE__*/_interopDefault(styles28);
+var styles30__default = /*#__PURE__*/_interopDefault(styles30);
+var styles29__default = /*#__PURE__*/_interopDefault(styles29);
+var styles31__default = /*#__PURE__*/_interopDefault(styles31);
+var styles32__default = /*#__PURE__*/_interopDefault(styles32);
+var styles33__default = /*#__PURE__*/_interopDefault(styles33);
+var styles35__default = /*#__PURE__*/_interopDefault(styles35);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var styles34__default = /*#__PURE__*/_interopDefault(styles34);
+var styles36__default = /*#__PURE__*/_interopDefault(styles36);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var styles37__default = /*#__PURE__*/_interopDefault(styles37);
+var styles38__default = /*#__PURE__*/_interopDefault(styles38);
+var styles39__default = /*#__PURE__*/_interopDefault(styles39);
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+var styles40__default = /*#__PURE__*/_interopDefault(styles40);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+var styles41__default = /*#__PURE__*/_interopDefault(styles41);
+var styles42__default = /*#__PURE__*/_interopDefault(styles42);
+var styles43__default = /*#__PURE__*/_interopDefault(styles43);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var styles44__default = /*#__PURE__*/_interopDefault(styles44);
+var styles45__default = /*#__PURE__*/_interopDefault(styles45);
+var styles46__default = /*#__PURE__*/_interopDefault(styles46);
+var styles47__default = /*#__PURE__*/_interopDefault(styles47);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+var styles48__default = /*#__PURE__*/_interopDefault(styles48);
+var styles49__default = /*#__PURE__*/_interopDefault(styles49);
+var styles50__default = /*#__PURE__*/_interopDefault(styles50);
+var styles51__default = /*#__PURE__*/_interopDefault(styles51);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var styles52__default = /*#__PURE__*/_interopDefault(styles52);
+var styles53__default = /*#__PURE__*/_interopDefault(styles53);
+var styles54__default = /*#__PURE__*/_interopDefault(styles54);
+var ToastPrimitives__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives);
+var styles55__default = /*#__PURE__*/_interopDefault(styles55);
+var styles56__default = /*#__PURE__*/_interopDefault(styles56);
+var styles57__default = /*#__PURE__*/_interopDefault(styles57);
+var styles58__default = /*#__PURE__*/_interopDefault(styles58);
+var styles59__default = /*#__PURE__*/_interopDefault(styles59);
+var styles60__default = /*#__PURE__*/_interopDefault(styles60);
+
+// src/components/alert/alert.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function getThemeProviderRoot() {
+  return document.getElementById("equality-theme-provider-root-portal");
+}
+var alertVariants = classVarianceAuthority.cva(styles__default.default["alert"], {
+  variants: {
+    variant: {
+      default: styles__default.default["alert--default"],
+      success: styles__default.default["alert--success"],
+      warning: styles__default.default["alert--warning"],
+      danger: styles__default.default["alert--danger"]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Alert = React15__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+Alert.displayName = "Alert";
+var AlertTitle = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ref, className: cn(styles__default.default["alert-title"], className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles__default.default["alert-description"], className), ...props }));
+AlertDescription.displayName = "AlertDescription";
+var buttonVariants = classVarianceAuthority.cva(styles2__default.default["button"], {
+  variants: {
+    variant: {
+      primary: styles2__default.default["button--primary"],
+      danger: styles2__default.default["button--danger"],
+      secondary: styles2__default.default["button--secondary"],
+      tertiary: styles2__default.default["button--tertiary"],
+      link: styles2__default.default["button--link"]
+    },
+    size: {
+      sm: styles2__default.default["size--sm"],
+      md: styles2__default.default["size--md"],
+      lg: styles2__default.default["size--lg"]
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+var Button = React15__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, prefix, suffix, children, ...props }, ref) => {
+    const isLink = "href" in props && props.href;
+    if (isLink) {
+      const { href, target, rel, download, ...anchorProps } = props;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href,
+          target,
+          rel,
+          download,
+          className: cn(buttonVariants({ variant, size, className })),
+          ref,
+          ...anchorProps,
+          children: [
+            prefix,
+            children,
+            suffix
+          ]
+        }
+      );
+    }
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props,
+        children: [
+          prefix,
+          children,
+          suffix
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var AlertDialog = AlertDialogPrimitive__namespace.Root;
+var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+var AlertDialogPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var AlertDialogOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    className: cn(styles3__default.default["alert-dialog-overlay"], className),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+var AlertDialogContent = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(styles3__default.default["alert-dialog-content"], className),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles3__default.default["alert-dialog-header"], className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles3__default.default["alert-dialog-footer"], className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn(styles3__default.default["alert-dialog-title"], className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+var AlertDialogDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn(styles3__default.default["alert-dialog-description"], className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+var AlertDialogAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Action,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "primary", size: "sm" }), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+var AlertDialogCancel = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "tertiary", size: "sm" }),
+      styles3__default.default["alert-dialog-cancel"],
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+var Avatar = React15__namespace.forwardRef(
+  ({ className, size = "md", shape = "circle", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(styles4__default.default.avatar, styles4__default.default[size], styles4__default.default[shape], className),
+      ...props
+    }
+  )
+);
+Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
+var AvatarImage = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn(styles4__default.default["avatar-image"], className), ...props }));
+AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
+var AvatarFallback = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Fallback,
+  {
+    ref,
+    className: cn(styles4__default.default["avatar-fallback"], className),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+var ELEVATION = {
+  SUNKEN: "sunken",
+  BASE: "base",
+  RAISED: "raised",
+  OVERLAY: "overlay",
+  FLOATING: "floating"
+};
+var generateElevationVariants = (styles61, baseClassName, defaultElevation) => {
+  const classNames = {};
+  Object.values(ELEVATION).forEach((elevation) => {
+    classNames[elevation] = styles61[`${baseClassName}--${elevation}`];
+  });
+  const variants = classVarianceAuthority.cva(styles61[baseClassName], {
+    variants: {
+      elevation: classNames
+    },
+    defaultVariants: {
+      elevation: defaultElevation
+    }
+  });
+  return variants;
+};
+var getRelativeElevation = (elevation, offset) => {
+  const elevationIndex = Object.values(ELEVATION).indexOf(elevation);
+  const newElevationIndex = elevationIndex + offset;
+  const relativeElevation = Object.values(ELEVATION)[newElevationIndex];
+  if (!relativeElevation) {
+    console.warn(`Invalid elevation offset: from ${elevation} with offset ${offset}`);
+  }
+  return relativeElevation || elevation;
+};
+var iconVariants = classVarianceAuthority.cva(styles5__default.default["icon-container"], {
+  variants: {
+    size: {
+      xs: styles5__default.default["size--xs"],
+      sm: styles5__default.default["size--sm"],
+      md: styles5__default.default["size--md"],
+      lg: styles5__default.default["size--lg"]
+    },
+    background: {
+      square: styles5__default.default["background--square"],
+      circle: styles5__default.default["background--circle"],
+      transparent: styles5__default.default["background--transparent"]
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    background: "transparent"
+  }
+});
+var iconElevationVariants = generateElevationVariants(styles5__default.default, "icon-container", ELEVATION.RAISED);
+var Icon = React15.forwardRef(
+  ({ className, size, background, icon, elevation = ELEVATION.RAISED, ...props }, ref) => {
+    let renderedIcon;
+    if (typeof icon === "string") {
+      const LucideIcon = LucideIcons__namespace[icon];
+      if (!LucideIcon) {
+        throw new Error(`Icon "${icon}" not found in lucide-react`);
+      }
+      renderedIcon = /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { className: cn(styles5__default.default["icon"]) });
+    } else if (React15__namespace.isValidElement(icon)) {
+      const existingProps = icon.props;
+      renderedIcon = React15__namespace.cloneElement(
+        icon,
+        {
+          ...existingProps,
+          className: cn(styles5__default.default["icon"], existingProps.className)
+        }
+      );
+    } else {
+      throw new Error("Icon must be either a string (Lucide icon name) or a React element");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          iconVariants({ size, background }),
+          iconElevationVariants({ elevation }),
+          className
+        ),
+        ...props,
+        children: renderedIcon
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var TooltipProvider = TooltipPrimitive__namespace.Provider;
+var Tooltip = TooltipPrimitive__namespace.Root;
+var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+var TooltipPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var TooltipContent = React15__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  TooltipPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(styles6__default.default["tooltip-content"], className),
+    ...props,
+    children: [
+      props.children,
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { width: 18, height: 6, className: styles6__default.default["tooltip-arrow"] })
+    ]
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+var XIcon = LucideIcons.X;
+var badgeVariants = classVarianceAuthority.cva(styles7__default.default["badge"], {
+  variants: {
+    variant: {
+      primary: styles7__default.default["badge--primary"],
+      danger: styles7__default.default["badge--danger"],
+      neutral: styles7__default.default["badge--neutral"],
+      warning: styles7__default.default["badge--warning"],
+      success: styles7__default.default["badge--success"]
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var defaultVariantIcons = {
+  success: "Check",
+  warning: "OctagonAlert",
+  danger: "TriangleAlert"
+};
+function Badge({
+  className,
+  variant,
+  closeable,
+  handleClosable,
+  truncate = false,
+  truncateLength = 50,
+  icon,
+  display = "both",
+  ...props
+}) {
+  const effectiveIcon = icon ?? (variant ? defaultVariantIcons[variant] : void 0);
+  const renderClosable = () => {
+    if (closeable && handleClosable)
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "tertiary",
+          size: "sm",
+          onClick: handleClosable,
+          className: styles7__default.default["closable-btn"],
+          children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {})
+        }
+      );
+    return null;
+  };
+  const renderChildren = () => {
+    const children = props.children;
+    if (truncate && typeof children === "string" && children.length > truncateLength) {
+      const displayLabel = children.slice(0, truncateLength) + "...";
+      return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { children: displayLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: styles7__default.default["tooltip"], children })
+      ] }) });
+    }
+    return children;
+  };
+  const renderIcon = () => {
+    if (effectiveIcon && display !== "text-only") {
+      return /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: effectiveIcon, size: "xs", className: styles7__default.default["icon"] });
+    }
+    return null;
+  };
+  const effectiveDisplay = display === "icon-only" && !effectiveIcon ? "both" : display;
+  const shouldShowChildren = effectiveDisplay !== "icon-only";
+  const isIconOnly = effectiveDisplay === "icon-only" && effectiveIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        variant !== null && badgeVariants({ variant }),
+        variant === null && styles7__default.default["badge"],
+        isIconOnly && styles7__default.default["badge--icon-only"],
+        className
+      ),
+      ...props,
+      children: [
+        renderIcon(),
+        shouldShowChildren && renderChildren(),
+        renderClosable()
+      ]
+    }
+  );
+}
+
+// ../tokens/equality-tokens.json
+var equality_tokens_default = {
+  Light: {
+    color: {
+      brand: {
+        green: {
+          $type: "color",
+          $value: {
+            colorSpace: "display-p3",
+            components: [0.4374, 0.6383, 0.4134],
+            hex: "#70A369"
+          }
+        },
+        primary: {
+          $type: "color",
+          $value: {
+            colorSpace: "display-p3",
+            components: [0.7319, 0.6108, 0.8873],
+            hex: "#BB9CE2"
+          }
+        },
+        red: {
+          $type: "color",
+          $value: {
+            colorSpace: "display-p3",
+            components: [0.8114, 0.4167, 0.3761],
+            hex: "#CF6A60"
+          }
+        },
+        secondary: {
+          $type: "color",
+          $value: {
+            colorSpace: "display-p3",
+            components: [0.3895, 0.4853, 0.8187],
+            hex: "#637CD1"
+          }
+        },
+        yellow: {
+          $type: "color",
+          $value: {
+            colorSpace: "display-p3",
+            components: [0.863, 0.6958, 0.4108],
+            hex: "#DCB169"
+          }
+        }
+      }}
+  }
+};
+var getBrandColors = () => {
+  const brandColors = equality_tokens_default.Light.color.brand;
+  const colors = {};
+  Object.entries(brandColors).forEach(([key, value]) => {
+    if (value.$value) {
+      const hex = value.$value.hex;
+      colors[key] = // Remove alpha channel on hex string (last 2 chars)
+      hex.slice(0, 7) || "#000000";
+    }
+  });
+  return colors;
+};
+var getThemeColour = (theme, brandColors) => {
+  return brandColors[theme] || "#000000";
+};
+var BgGradient = ({
+  theme,
+  placement = "full"
+}) => {
+  const canvasRef = React15.useRef(null);
+  const brandColors = React15.useMemo(() => getBrandColors(), []);
+  React15.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const updateSize = () => {
+      canvas.width = window.innerWidth;
+      canvas.height = window.innerHeight;
+    };
+    updateSize();
+    window.addEventListener("resize", updateSize);
+    const blobs = placement === "full" ? [
+      {
+        x: -0.15,
+        y: -0.15,
+        size: 0.45,
+        animation: { duration: 1e4, offset: 0 }
+      },
+      {
+        x: 1.25,
+        y: 0,
+        size: 0.45,
+        animation: { duration: 12e3, offset: 2e3 }
+      },
+      {
+        x: 0,
+        y: 1.5,
+        size: 0.4,
+        animation: { duration: 14e3, offset: 1e3 }
+      },
+      {
+        x: 0.9,
+        y: 1.25,
+        size: 0.6,
+        animation: { duration: 14e3, offset: 0 }
+      }
+    ] : [
+      {
+        x: -0.1,
+        y: -0.25,
+        size: 0.3,
+        animation: { duration: 1e4, offset: 0 }
+      },
+      {
+        x: 1,
+        y: -0.25,
+        size: 0.3,
+        animation: { duration: 12e3, offset: 2e3 }
+      }
+    ];
+    const themeColourBlobs = getThemeColour(theme, brandColors);
+    let animationFrame;
+    const animate = () => {
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      const currentTime = Date.now();
+      blobs.forEach((blob) => {
+        const progress = (currentTime + blob.animation.offset) % blob.animation.duration / blob.animation.duration;
+        const scale = 1 + Math.sin(progress * Math.PI * 2) * 0.2;
+        const moveX = Math.sin(progress * Math.PI * 2) * 0.1;
+        const moveY = Math.cos(progress * Math.PI * 2) * 0.1;
+        const gradient = ctx.createRadialGradient(
+          (blob.x + moveX) * canvas.width,
+          (blob.y + moveY) * canvas.height,
+          0,
+          (blob.x + moveX) * canvas.width,
+          (blob.y + moveY) * canvas.height,
+          blob.size * Math.max(canvas.width, 800) * scale
+        );
+        const opacity = 85;
+        gradient.addColorStop(0, `${themeColourBlobs}${opacity}` || "#00000040");
+        gradient.addColorStop(1, "transparent");
+        ctx.fillStyle = gradient;
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+      });
+      animationFrame = requestAnimationFrame(animate);
+    };
+    animate();
+    return () => {
+      window.removeEventListener("resize", updateSize);
+      cancelAnimationFrame(animationFrame);
+    };
+  }, [theme, placement, brandColors]);
+  return /* @__PURE__ */ jsxRuntime.jsx("canvas", { ref: canvasRef, className: styles8__default.default["bg-gradient"] });
+};
+var ResourceBadge = ({ type, display = "both" }) => {
+  const config = getTypeConfig(type);
+  return /* @__PURE__ */ jsxRuntime.jsx(Badge, { icon: config.icon, display, className: config.className, variant: null, children: config.label });
+};
+var getTypeConfig = (type) => {
+  switch (type) {
+    case "agent":
+      return {
+        icon: "Bot",
+        className: styles9__default.default["badge--agent"],
+        label: "Agent"
+      };
+    case "benchmark":
+      return {
+        icon: "LineChart",
+        className: styles9__default.default["badge--benchmark"],
+        label: "Benchmark"
+      };
+    case "code":
+      return {
+        icon: "Code",
+        className: styles9__default.default["badge--code"],
+        label: "Code"
+      };
+    case "compute":
+      return {
+        icon: "Cpu",
+        className: styles9__default.default["badge--compute"],
+        label: "Compute"
+      };
+    case "database":
+      return {
+        icon: "Database",
+        className: styles9__default.default["badge--database"],
+        label: "Database"
+      };
+    case "dataset":
+      return {
+        icon: "Table",
+        className: styles9__default.default["badge--dataset"],
+        label: "Dataset"
+      };
+    case "document":
+      return {
+        icon: "FileText",
+        className: styles9__default.default["badge--document"],
+        label: "Document"
+      };
+    case "guard":
+      return {
+        icon: "Shield",
+        className: styles9__default.default["badge--guard"],
+        label: "Guard"
+      };
+    case "guardrail":
+      return {
+        icon: "Fence",
+        className: styles9__default.default["badge--guardrail"],
+        label: "Guardrail"
+      };
+    case "inference":
+      return {
+        icon: "Zap",
+        className: styles9__default.default["badge--inference"],
+        label: "Inference"
+      };
+    case "model":
+      return {
+        icon: "Brain",
+        className: styles9__default.default["badge--model"],
+        label: "Model"
+      };
+    case "prompt":
+      return {
+        icon: "MessageSquareText",
+        className: styles9__default.default["badge--prompt"],
+        label: "Prompt"
+      };
+    case "system-prompt":
+      return {
+        icon: "MessageSquareCode",
+        className: styles9__default.default["badge--system-prompt"],
+        label: "System Prompt"
+      };
+    case "context":
+      return {
+        icon: "MessageSquareQuote",
+        className: styles9__default.default["badge--context"],
+        label: "Context"
+      };
+    case "reasoning":
+      return {
+        icon: "MessageSquareMore",
+        className: styles9__default.default["badge--reasoning"],
+        label: "Reasoning"
+      };
+    case "token":
+      return {
+        icon: "Coins",
+        className: styles9__default.default["badge--token"],
+        label: "Token"
+      };
+    case "tools":
+      return {
+        icon: "Wrench",
+        className: styles9__default.default["badge--tools"],
+        label: "Tools"
+      };
+    case "system-parameters":
+      return {
+        icon: "Settings2",
+        className: styles9__default.default["badge--system-parameters"],
+        label: "System Parameters"
+      };
+    case "unknown":
+      return {
+        icon: "Box",
+        className: styles9__default.default["badge--unknown"],
+        label: "Unknown"
+      };
+  }
+};
+var CardContentHeader = React15.forwardRef(
+  ({ className, icon, heading, onButtonClick, ...props }, ref) => {
+    const shouldRender = heading || onButtonClick;
+    const shouldWrap = !!onButtonClick;
+    if (!shouldRender) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          styles10__default.default["card-content-header"],
+          shouldWrap && styles10__default.default["card-content-header--wrap"],
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, background: "circle", elevation: "overlay" }),
+          onButtonClick && /* @__PURE__ */ jsxRuntime.jsx(Button, { className: styles10__default.default.button, variant: "tertiary", size: "sm", onClick: onButtonClick, children: "See All" }),
+          heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn(styles10__default.default.title, onButtonClick && styles10__default.default["title--button-click"]), children: heading })
+        ]
+      }
+    );
+  }
+);
+CardContentHeader.displayName = "CardContentHeader";
+var cardElevationVariants = generateElevationVariants(styles11__default.default, "card", ELEVATION.RAISED);
+var Card = React15__namespace.forwardRef(({ className, hoverGradientClassName, elevation = ELEVATION.RAISED, ...props }, ref) => {
+  const shouldHaveHoverStyle = props.onClick !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        styles11__default.default.card,
+        shouldHaveHoverStyle && styles11__default.default["card--hover"],
+        cardElevationVariants({ elevation }),
+        className
+      ),
+      ...props,
+      children: [
+        shouldHaveHoverStyle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles11__default.default["card-hover-gradient"], hoverGradientClassName) }),
+        props.children
+      ]
+    }
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles11__default.default["card-header"], className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles11__default.default["card-title"], className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles11__default.default["card-description"], className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles11__default.default["card-content"], className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles11__default.default["card-footer"], className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var CheckIcon = LucideIcons.Check;
+var Checkbox = React15__namespace.forwardRef(
+  ({ className, icon: Icon3, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(styles12__default.default.checkbox, styles12__default.default[size], className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: styles12__default.default.indicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: styles12__default.default.check }) })
+    }
+  )
+);
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+var iconButtonVariants = classVarianceAuthority.cva(styles13__default.default["icon-btn"], {
+  variants: {
+    size: {
+      sm: styles13__default.default["size--sm"],
+      md: styles13__default.default["size--md"],
+      lg: styles13__default.default["size--lg"]
+    },
+    variant: {
+      primary: styles13__default.default["icon-btn--primary"],
+      danger: styles13__default.default["icon-btn--danger"]
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "primary"
+  }
+});
+var iconSizeMap = {
+  sm: 16,
+  md: 20,
+  lg: 32
+};
+function IconButton({
+  className,
+  size = "sm",
+  variant = "primary",
+  name,
+  label,
+  href,
+  target,
+  download,
+  disabled,
+  ...props
+}) {
+  const Icon3 = LucideIcons__namespace[name];
+  const iconSize = iconSizeMap[size || "sm"];
+  const IconComponent = Icon3;
+  if (!Icon3) {
+    console.warn(`Icon "${name}" not found in lucide-react`);
+    return null;
+  }
+  const content = /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: iconSize });
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        target,
+        download,
+        "aria-label": label,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        className: cn(iconButtonVariants({ size, variant }), className),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      disabled,
+      className: cn(iconButtonVariants({ size, variant }), className),
+      ...props,
+      children: content
+    }
+  );
+}
+function CopyButton({
+  value,
+  label = "Copy to clipboard",
+  size = "sm",
+  className,
+  onClick
+}) {
+  const [copied, setCopied] = React15__namespace.useState(false);
+  const handleCopy = async () => {
+    try {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+        return;
+      }
+      const textArea = document.createElement("textarea");
+      textArea.value = value;
+      textArea.style.position = "fixed";
+      textArea.style.left = "-999999px";
+      textArea.style.top = "-999999px";
+      document.body.appendChild(textArea);
+      textArea.focus();
+      textArea.select();
+      const successful = document.execCommand("copy");
+      document.body.removeChild(textArea);
+      if (successful) {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } else {
+        throw new Error("Copy command failed");
+      }
+    } catch (err) {
+      console.error("Failed to copy text:", err);
+    }
+  };
+  const handleClick = () => {
+    handleCopy();
+    onClick?.();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    IconButton,
+    {
+      name: copied ? "Check" : "Copy",
+      label: copied ? "Copied!" : label,
+      size,
+      onClick: handleClick,
+      className
+    }
+  );
+}
+
+// src/theme/lib/utils.ts
+var STORAGE_KEY = "equality-theme";
+var UPDATE_EVENT = "equality-theme-change";
+var FALLBACK_THEME = "light";
+var getFallbackTheme = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined" || !canFallbackToBrowserSettings) {
+    return FALLBACK_THEME;
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+var getDefaultTheme = () => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    return themeProviderRootElement.getAttribute("data-equality-theme") || void 0;
+  } else {
+    return void 0;
+  }
+};
+var getThemeFromLocalStorage = () => {
+  const safeReadStorage = (key) => {
+    try {
+      return window.localStorage.getItem(key);
+    } catch {
+      return null;
+    }
+  };
+  const themeLocalStorageValue = safeReadStorage(STORAGE_KEY);
+  return themeLocalStorageValue;
+};
+var getThemeFromWindow = () => {
+  return window.__equalityTheme;
+};
+var applyThemeToDom = (theme) => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    themeProviderRootElement.setAttribute("data-equality-theme", theme);
+  }
+};
+var setThemeInLocalStorage = (theme) => {
+  try {
+    window.localStorage.setItem(STORAGE_KEY, theme);
+    window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+  } catch {
+    console.error("Failed to set theme in localStorage");
+  }
+};
+var setThemeOnWindow = (theme) => {
+  window.__equalityTheme = theme;
+  window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+};
+var setTheme = (theme) => {
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  if (isUsingLocalStorage) {
+    setThemeInLocalStorage(theme);
+  } else {
+    setThemeOnWindow(theme);
+  }
+  applyThemeToDom(theme);
+};
+var getCurrentThemeState = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  const storedTheme = isUsingLocalStorage ? getThemeFromLocalStorage() : getThemeFromWindow();
+  const theme = storedTheme || getDefaultTheme() || getFallbackTheme({ canFallbackToBrowserSettings });
+  if (!storedTheme) {
+    setTheme(theme);
+  }
+  return theme;
+};
+var subscribeToThemeChange = (listener) => {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  if (isUsingLocalStorage) {
+    const storageListener = (event) => {
+      if (event.key === STORAGE_KEY) listener();
+    };
+    const updateListener = () => listener();
+    window.addEventListener("storage", storageListener);
+    window.addEventListener(UPDATE_EVENT, updateListener);
+    return () => {
+      window.removeEventListener("storage", storageListener);
+      window.removeEventListener(UPDATE_EVENT, updateListener);
+    };
+  } else {
+    const windowListener = () => {
+      listener();
+    };
+    window.addEventListener(UPDATE_EVENT, windowListener);
+    return () => {
+      window.removeEventListener(UPDATE_EVENT, windowListener);
+    };
+  }
+};
+
+// src/theme/hooks/use-theme.ts
+var subscribe = (listener) => {
+  return subscribeToThemeChange(listener);
+};
+var getSnapshot = () => {
+  return getCurrentThemeState();
+};
+var getServerSnapshot = () => {
+  return void 0;
+};
+var useTheme = () => {
+  const theme = React15.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return [theme, setTheme];
+};
+var WRAP = true;
+var CodeBlock = ({
+  className,
+  title,
+  code,
+  language = "text",
+  variant = "neutral",
+  codeLabel,
+  copy
+}) => {
+  const [theme] = useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles14__default.default["code-block"], styles14__default.default[variant], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles14__default.default.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles14__default.default["header-left"], children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles14__default.default.title, children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "neutral", className: styles14__default.default["badge"], children: language })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles14__default.default["header-right"], children: /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: copy || code, size: "sm" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles14__default.default.content), children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactSyntaxHighlighter.Prism,
+      {
+        language,
+        style: theme === "dark" ? darkStyle__default.default : lightStyle__default.default,
+        wrapLines: WRAP,
+        wrapLongLines: WRAP,
+        className: styles14__default.default.pre,
+        codeTagProps: { className: cn(styles14__default.default.code, { [styles14__default.default.wrap]: WRAP }) },
+        children: code
+      }
+    ) }),
+    codeLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles14__default.default["code-label"], children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles14__default.default["code-label-text"], children: codeLabel }) })
+  ] });
+};
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var DialogClose = DialogPrimitive__namespace.Close;
+var DialogOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(styles15__default.default["dialog-overlay"], className),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var DialogContainer = React15__namespace.forwardRef(({ className, children, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(styles15__default.default["dialog-content"], styles15__default.default[`dialog-content--size-${size}`], className),
+      onCloseAutoFocus: (event) => {
+        event.preventDefault();
+        document.body.style.pointerEvents = "";
+      },
+      ...props,
+      children
+    }
+  )
+] }));
+DialogContainer.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles15__default.default["dialog-header"], className), ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles15__default.default["dialog-header-content"], children }),
+  /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { name: "X", label: "Close", size: "sm" }) })
+] });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles15__default.default["dialog-footer"], className), ...props });
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn(styles15__default.default["dialog-title"], className), ...props }));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn(styles15__default.default["dialog-description"], className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var DialogContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles15__default.default["dialog-body"], "styled-vertical-scrollbar", className), ...props });
+DialogContent.displayName = "DialogContent";
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command, { "data-slot": "command", className: cn(styles16__default.default.command, className), ...props });
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: styles16__default.default["command-dialog-header"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: styles16__default.default["command-dialog-content"], children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: styles16__default.default["command-dialog-content-inner"], children }) })
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "command-input-wrapper", className: styles16__default.default["command-input"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.SearchIcon, { className: styles16__default.default["command-input-icon"] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      cmdk.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: cn(styles16__default.default["command-input-input"], className),
+        ...props
+      }
+    )
+  ] });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: cn(styles16__default.default["command-list"], className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: styles16__default.default["command-empty"],
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(styles16__default.default["command-group"], className),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn(styles16__default.default["command-separator"], className),
+      ...props
+    }
+  );
+}
+function CommandItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(styles16__default.default["command-item"], className),
+      ...props
+    }
+  );
+}
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(styles16__default.default["command-shortcut"], className),
+      ...props
+    }
+  );
+}
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var PopoverContent = React15__namespace.forwardRef(({ className, align = "center", sideOffset = 4, arrow = false, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(styles17__default.default["popover-content"], className),
+    ...props,
+    children: [
+      arrow && /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Arrow, { className: styles17__default.default["popover-arrow"] }),
+      children
+    ]
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+var CalendarDaysIcon = LucideIcons.CalendarDays;
+var ChevronLeftIcon = LucideIcons.ChevronLeft;
+var ChevronRightIcon = LucideIcons.ChevronRight;
+var DateRangePicker = ({ dateRange, onSelect, className }) => {
+  const [selecting, setSelecting] = React15.useState(null);
+  const [displayedMonth, setDisplayedMonth] = React15.useState((/* @__PURE__ */ new Date()).getMonth());
+  const [displayedYear, setDisplayedYear] = React15.useState((/* @__PURE__ */ new Date()).getFullYear());
+  const daysInMonth = new Date(displayedYear, displayedMonth + 1, 0).getDate();
+  const firstDayOfMonth = new Date(displayedYear, displayedMonth, 1).getDay();
+  const days = Array.from(
+    { length: daysInMonth },
+    (_, i) => new Date(displayedYear, displayedMonth, i + 1)
+  );
+  const paddingDays = Array.from({ length: firstDayOfMonth }, (_, _i) => null);
+  const hasSelection = dateRange.from || dateRange.to;
+  const MONTHS = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const DAY_HEADERS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const formatDate = (date) => {
+    return date.toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    });
+  };
+  const formatRange = (range) => {
+    if (!range.from && !range.to) return "Select Date Range";
+    if (!range.to) return `From ${formatDate(range.from)}`;
+    if (!range.from) return `Until ${formatDate(range.to)}`;
+    return `${formatDate(range.from)} - ${formatDate(range.to)}`;
+  };
+  const isDateSelected = (day, dateRange2) => {
+    const matchesFrom = dateRange2.from && day.getDate() === dateRange2.from.getDate() && day.getMonth() === dateRange2.from.getMonth() && day.getFullYear() === dateRange2.from.getFullYear();
+    const matchesTo = dateRange2.to && day.getDate() === dateRange2.to.getDate() && day.getMonth() === dateRange2.to.getMonth() && day.getFullYear() === dateRange2.to.getFullYear();
+    return !!matchesFrom || !!matchesTo;
+  };
+  const checkIsToday = (day) => {
+    const today = /* @__PURE__ */ new Date();
+    return day.getDate() === today.getDate() && day.getMonth() === today.getMonth() && day.getFullYear() === today.getFullYear();
+  };
+  const goToPreviousMonth = () => {
+    if (displayedMonth === 0) {
+      setDisplayedMonth(11);
+      setDisplayedYear(displayedYear - 1);
+    } else {
+      setDisplayedMonth(displayedMonth - 1);
+    }
+  };
+  const goToNextMonth = () => {
+    if (displayedMonth === 11) {
+      setDisplayedMonth(0);
+      setDisplayedYear(displayedYear + 1);
+    } else {
+      setDisplayedMonth(displayedMonth + 1);
+    }
+  };
+  const isInRange = (date) => {
+    if (!dateRange.from || !dateRange.to) return false;
+    return date >= dateRange.from && date <= dateRange.to;
+  };
+  const handleDateSelect = (selectedDate) => {
+    const startOfDay = (date) => {
+      const d = new Date(date);
+      d.setHours(0, 0, 0, 0);
+      return d;
+    };
+    const endOfDay = (date) => {
+      const d = new Date(date);
+      d.setHours(23, 59, 59, 999);
+      return d;
+    };
+    if (!selecting || !dateRange) {
+      onSelect({ from: startOfDay(selectedDate), to: void 0 });
+      setSelecting("to");
+      return;
+    }
+    if (selecting === "to") {
+      if (dateRange.from && selectedDate < dateRange.from) {
+        onSelect({ from: startOfDay(selectedDate), to: endOfDay(dateRange.from) });
+      } else {
+        onSelect({ from: startOfDay(dateRange.from), to: endOfDay(selectedDate) });
+      }
+      setSelecting(null);
+    }
+  };
+  const clearSelection = () => {
+    onSelect({ from: void 0, to: void 0 });
+    setSelecting(null);
+  };
+  const handleClearClick = (e) => {
+    e.stopPropagation();
+    clearSelection();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles18__default.default["popover-header"], children: /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: "tertiary",
+        prefix: /* @__PURE__ */ jsxRuntime.jsx(CalendarDaysIcon, {}),
+        suffix: hasSelection && /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton,
+          {
+            name: "X",
+            size: "sm",
+            onClick: handleClearClick,
+            label: "Clear dates"
+          }
+        ),
+        className: cn(dateRange.from && dateRange.to && styles18__default.default, className),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles18__default.default["date-range"], children: formatRange(dateRange) })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { className: styles18__default.default["popover-content"], align: "end", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles18__default.default["month-navigation"], children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "tertiary",
+            size: "sm",
+            className: styles18__default.default["month-navigation-btn"],
+            onClick: goToPreviousMonth,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles18__default.default["month-date-display"], children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles18__default.default["month-date-display-title"], children: `${MONTHS[displayedMonth]} ${displayedYear}` }),
+          selecting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles18__default.default["month-date-display-subtitle"], children: selecting === "from" ? "Select start date" : "Select end date" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "tertiary",
+            size: "sm",
+            className: styles18__default.default["month-navigation-btn"],
+            onClick: goToNextMonth,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles18__default.default["day-headers"], children: DAY_HEADERS.map((day) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles18__default.default["day-headers-inner"], children: day }, day)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles18__default.default["calendar-grid"], children: [
+        paddingDays.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx("div", {}, `padding-${index}`)),
+        days.map((day, index) => {
+          const isSelected = isDateSelected(day, dateRange);
+          const isToday = checkIsToday(day);
+          const inRange = isInRange(day);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "tertiary",
+              className: cn(
+                styles18__default.default["calendar-day-btn"],
+                isSelected && styles18__default.default["calendar-day-btn--selected"],
+                isToday && !isSelected && styles18__default.default["calendar-day-btn--today"],
+                inRange && !isSelected && styles18__default.default["calendar-day-btn--in-range"]
+              ),
+              onClick: () => handleDateSelect(day),
+              children: day.getDate()
+            },
+            index
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
+var displayFieldVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      neutral: styles19__default.default["display-field--neutral"],
+      neutralCheck: styles19__default.default["display-field--neutral"],
+      success: styles19__default.default["display-field--success"],
+      failure: styles19__default.default["display-field--failure"]
+    }
+  },
+  defaultVariants: {
+    variant: "neutral"
+  }
+});
+var displayFieldElevationVariants = generateElevationVariants(
+  styles19__default.default,
+  "display-field",
+  ELEVATION.BASE
+);
+function DisplayField({
+  className,
+  variant,
+  elevation = ELEVATION.BASE,
+  children,
+  prefix,
+  truncate = false,
+  copy = true,
+  actions,
+  slot,
+  ...props
+}) {
+  const middleTruncationContainerRef = React15.useRef(null);
+  const [middleTruncationWidth, setMiddleTruncationWidth] = React15.useState(void 0);
+  const getIcon = () => {
+    if (variant === "success" || variant === "neutralCheck") {
+      return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Check, { className: styles19__default.default["icon-width"] });
+    }
+    if (variant === "failure") {
+      return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.TriangleAlert, { className: styles19__default.default["icon-width"] });
+    }
+    return null;
+  };
+  const renderContent = () => {
+    if (truncate === "middle" && typeof children === "string") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: middleTruncationContainerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Truncate__default.default, { text: children, offset: 8, ellipsis: "\u2026", width: middleTruncationWidth }) });
+    }
+    return children;
+  };
+  const getTruncateClass = () => {
+    if (truncate === "middle") return styles19__default.default["overflow-hidden"];
+    if (truncate === true) return styles19__default.default["truncate"];
+    return styles19__default.default["overflow-x-scroll"];
+  };
+  const getValueForCopy = () => {
+    if (typeof children === "string") {
+      return children;
+    }
+    return "";
+  };
+  const showActions = copy || actions;
+  React15.useEffect(() => {
+    const calcMiddleTruncationWidth = () => {
+      const targetW = middleTruncationContainerRef.current?.getBoundingClientRect().width;
+      setMiddleTruncationWidth(targetW);
+    };
+    const observer = new ResizeObserver((entries) => {
+      if (entries.length > 0) {
+        calcMiddleTruncationWidth();
+      }
+    });
+    if (middleTruncationContainerRef.current) {
+      observer.observe(middleTruncationContainerRef.current);
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        styles19__default.default["display-field"],
+        displayFieldElevationVariants({ elevation }),
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles19__default.default["display-field-inner"], children: [
+          prefix && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles19__default.default["prefix"], displayFieldVariants({ variant })), children: [
+            getIcon(),
+            prefix
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(styles19__default.default["content"], getTruncateClass()),
+              style: { scrollbarWidth: "thin" },
+              children: renderContent()
+            }
+          ),
+          showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles19__default.default["actions"], children: [
+            actions,
+            copy && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: getValueForCopy(), size: "sm" })
+          ] })
+        ] }),
+        slot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles19__default.default["slot"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles19__default.default["slot-inner"], children: slot }) })
+      ]
+    }
+  );
+}
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { shouldScaleBackground, ...props });
+Drawer.displayName = "Drawer";
+var DrawerTrigger = vaul.Drawer.Trigger;
+var DrawerPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { container: getThemeProviderRoot(), children });
+var DrawerClose = vaul.Drawer.Close;
+var DrawerOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Overlay,
+  {
+    ref,
+    className: cn(styles20__default.default["drawer-overlay"], className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
+var DrawerContent = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    vaul.Drawer.Content,
+    {
+      ref,
+      className: cn(styles20__default.default["drawer-content"], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles20__default.default["drawer-content-divider"] }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles20__default.default["drawer-header"], className), ...props });
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerHeaderActions = React15__namespace.forwardRef(({ className, rowSpan, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(styles20__default.default["drawer-header-actions"], className),
+      style: { "--row-span": rowSpan },
+      ...props
+    }
+  );
+});
+DrawerHeaderActions.displayName = "DrawerHeaderActions";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles20__default.default["drawer-footer"], className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Title, { ref, className: cn(styles20__default.default["drawer-title"], className), ...props }));
+DrawerTitle.displayName = vaul.Drawer.Title.displayName;
+var DrawerDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  vaul.Drawer.Description,
+  {
+    ref,
+    className: cn(styles20__default.default["drawer-description"], className),
+    ...props
+  }
+));
+DrawerDescription.displayName = vaul.Drawer.Description.displayName;
+var DrawerInnerContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles20__default.default["drawer-inner-content"], className), ...props });
+DrawerInnerContent.displayName = "DrawerInnerContent";
+var CheckIcon2 = LucideIcons.Check;
+var ChevronRightIcon2 = LucideIcons.ChevronRight;
+var CircleIcon = LucideIcons.Circle;
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = React15__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    ref,
+    className: cn(
+      styles21__default.default["dropdown-menu-trigger"],
+      inset && styles21__default.default["dropdown-menu-inset"],
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon2, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.SubContent,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-sub-content"], className),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
+var DropdownMenuContent = React15__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(styles21__default.default["dropdown-menu-content"], className),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
+var DropdownMenuItem = React15__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-item"], inset && styles21__default.default["dropdown-menu-inset"], className),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = React15__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-checkbox-item"], className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles21__default.default["dropdown-menu-item-indicator-checkbox"], children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon2, { className: styles21__default.default["icon-size"] }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-radio-item"], className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles21__default.default["dropdown-menu-item-indicator-radio"], children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { className: styles21__default.default["radio-icon"] }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = React15__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-label"], inset && styles21__default.default["dropdown-menu-inset"], className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+var DropdownMenuSeparator = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn(styles21__default.default["dropdown-menu-separator"], className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(styles21__default.default["dropdown-menu-shortcut"], className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var EmptyTableState = ({
+  icon,
+  title,
+  description,
+  showClearButton = false,
+  onClear,
+  className
+}) => {
+  const showButton = showClearButton && onClear;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles22__default.default["empty-table-state"], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles22__default.default["icon-and-title-container"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, size: "md", background: "circle" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles22__default.default["title"], children: title })
+    ] }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles22__default.default["description"], children: description }),
+    showButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "tertiary", size: "sm", onClick: onClear, className: styles22__default.default["clear-button"], children: "Clear Filters" })
+  ] });
+};
+var ChevronDownIcon = LucideIcons.ChevronDown;
+var FilterDropdown = ({
+  label,
+  options,
+  selectedFilters,
+  onToggleFilter,
+  onClearAll,
+  buttonClassName,
+  contentClassName
+}) => {
+  const hasSelectedFilters = selectedFilters.length > 0;
+  const filteredOptions = options.filter(
+    (option) => option.value && option.value.trim() !== "" && option.label && option.label.trim() !== ""
+  ).sort((a, b) => a.label.localeCompare(b.label));
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "tertiary", className: cn(styles23__default.default["selector-button"], buttonClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles23__default.default["selector-button-inner"], children: [
+        label,
+        hasSelectedFilters && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", children: selectedFilters.length })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: styles23__default.default["chevron-icon"] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenuContent,
+      {
+        align: "end",
+        className: cn(styles23__default.default["dropdown-menu-content"], contentClassName),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuLabel, { children: [
+            "Filters",
+            hasSelectedFilters && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", size: "sm", onClick: onClearAll, children: "Clear all" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          filteredOptions.map((option) => {
+            const isSelected = selectedFilters.includes(option.value);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              DropdownMenuCheckboxItem,
+              {
+                checked: isSelected,
+                onCheckedChange: () => onToggleFilter(option.value),
+                onSelect: (e) => e.preventDefault(),
+                children: option.label
+              },
+              option.value
+            );
+          })
+        ]
+      }
+    )
+  ] });
+};
+var labelVariants = classVarianceAuthority.cva(styles24__default.default["label"]);
+var Label2 = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive__namespace.Root.displayName;
+var Form = reactHookForm.FormProvider;
+var FormFieldContext = React15__namespace.createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React15__namespace.useContext(FormFieldContext);
+  const itemContext = React15__namespace.useContext(FormItemContext);
+  const { getFieldState, formState } = reactHookForm.useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React15__namespace.createContext({});
+var FormItem = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React15__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(styles25__default.default["form-item"], className), ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = React15__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label2,
+    {
+      ref,
+      className: cn(styles25__default.default["form-label"], error && styles25__default.default["form-label--failure"], className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React15__namespace.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn(styles25__default.default["form-description"], className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React15__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ref, id: formMessageId, className: cn(styles25__default.default["form-message"], className), ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+var InfoCard = ({
+  label,
+  description,
+  icon,
+  elevation = ELEVATION.RAISED,
+  className,
+  onClick,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Card, { className, onClick, elevation, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles26__default.default["info-card-content"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        icon,
+        size: "sm",
+        background: "square",
+        elevation: elevation === ELEVATION.SUNKEN ? ELEVATION.BASE : getRelativeElevation(elevation, -1)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles26__default.default["copy-container"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles26__default.default["label"], children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles26__default.default["description"], children: description })
+    ] })
+  ] }) }) });
+};
+var Input = React15__namespace.forwardRef(
+  ({ className, type, prefix, suffix, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles27__default.default["input-wrapper"], className), children: [
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles27__default.default["input-prefix"], children: prefix }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type, className: styles27__default.default["input-element"], ref, ...props }),
+      suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles27__default.default["input-suffix"], children: suffix })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var ListOrGridViewToggle = ({
+  viewMode,
+  onViewModeChange,
+  order = ["grid", "list"],
+  className
+}) => {
+  const currentActiveIndex = order.indexOf(viewMode);
+  const handleGridClick = () => {
+    onViewModeChange("grid");
+  };
+  const handleListClick = () => {
+    onViewModeChange("list");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles28__default.default["list-or-grid-view-toggle"], className), children: [
+    order.map((mode) => {
+      const currentlyActive = mode === viewMode;
+      const Icon3 = mode === "grid" ? LucideIcons.Grid3X3 : LucideIcons.List;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": mode === "grid" ? "Grid view" : "List view",
+          className: cn(
+            styles28__default.default["icon-button"],
+            currentlyActive ? styles28__default.default["icon-button--active"] : styles28__default.default["icon-button--inactive"]
+          ),
+          onClick: mode === "grid" ? handleGridClick : handleListClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon3, { size: 16 })
+        },
+        mode
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: styles28__default.default["active-button-indicator"],
+        style: {
+          transform: `translateX(${currentActiveIndex * 100}%)`,
+          width: `${100 / order.length}%`
+        }
+      }
+    )
+  ] });
+};
+var Spinner = ({ size = "md", variant = "neutral" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles29__default.default["spinner-container"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles29__default.default["spinner"], styles29__default.default[size], styles29__default.default[variant]) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles29__default.default["spinner-background"], styles29__default.default[size]) })
+  ] });
+};
+function LoadingOverlay({ isVisible, message = "Loading..." }) {
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles30__default.default["loading-overlay"], children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles30__default.default["content"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Spinner, { variant: "primary" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles30__default.default["message"], children: message })
+  ] }) });
+}
+var metricCardElevationVariants = generateElevationVariants(
+  styles31__default.default,
+  "metric-card",
+  ELEVATION.RAISED
+);
+var VARIANTS = {
+  default: {
+    text: styles31__default.default["text-default"],
+    iconBg: styles31__default.default["bg-default"]
+  },
+  primary: {
+    text: styles31__default.default["text-primary"],
+    iconBg: styles31__default.default["bg-primary"]
+  },
+  danger: {
+    text: styles31__default.default["text-danger"],
+    iconBg: styles31__default.default["bg-danger"]
+  },
+  success: {
+    text: styles31__default.default["text-success"],
+    iconBg: styles31__default.default["bg-success"]
+  },
+  warning: {
+    text: styles31__default.default["text-warning"],
+    iconBg: styles31__default.default["bg-warning"]
+  }
+};
+var MetricCard = ({
+  value,
+  label,
+  icon,
+  variant = "default",
+  elevation = ELEVATION.RAISED,
+  className
+}) => {
+  const variantStyles = VARIANTS[variant];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(metricCardElevationVariants({ elevation }), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles31__default.default["value-container"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(styles31__default.default.value), children: value }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon,
+        {
+          icon,
+          size: "md",
+          background: "circle",
+          className: cn(variantStyles.iconBg, variantStyles.text)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles31__default.default.label, children: label })
+  ] });
+};
+var MotionCollapsibleContent = ({
+  isOpen,
+  children,
+  className
+}) => {
+  const [contentHeight, setContentHeight] = React15.useState(0);
+  const contentRef = React15.useRef(null);
+  React15.useEffect(() => {
+    if (contentRef.current) {
+      const resizeObserver = new ResizeObserver(() => {
+        if (contentRef.current) {
+          setContentHeight(contentRef.current.scrollHeight);
+        }
+      });
+      resizeObserver.observe(contentRef.current);
+      setContentHeight(contentRef.current.scrollHeight);
+      return () => resizeObserver.disconnect();
+    }
+  }, [children]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { initial: false, mode: "wait", children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+    react.motion.div,
+    {
+      initial: { height: 0, opacity: 0 },
+      animate: { height: contentHeight, opacity: 1 },
+      exit: { height: 0, opacity: 0 },
+      transition: { duration: 0.3, ease: "easeInOut" },
+      className: cn(styles32__default.default["motion-collapsible"], className),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, children })
+    },
+    "motion-content"
+  ) });
+};
+var OctagonAlert = LucideIcons.AlertOctagon;
+var HomeIcon = LucideIcons.Home;
+var NotFound = ({
+  className,
+  title = "Oops! Page Not Found",
+  description = "The page or resource you're looking for doesn't exist or has been moved.",
+  showHomeButton = true,
+  onHomeClick = () => window.location.href = "/"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles33__default.default["page-not-found"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles33__default.default["page-not-found-inner"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles33__default.default["icon-container"], children: /* @__PURE__ */ jsxRuntime.jsx(OctagonAlert, { className: styles33__default.default["alert-icon"] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles33__default.default["title"], children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles33__default.default["description"], children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles33__default.default["actions"], children: showHomeButton && /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: onHomeClick, variant: "secondary", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(HomeIcon, { className: styles33__default.default["home-icon"] }),
+      "Return Home"
+    ] }) })
+  ] }) });
+};
+var CheckIcon3 = LucideIcons.Check;
+var ChevronDownIcon2 = LucideIcons.ChevronDown;
+var ChevronUpIcon = LucideIcons.ChevronUp;
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn(styles34__default.default["select-trigger"], className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon2, { className: cn(styles34__default.default["select-icon"], styles34__default.default["select-icon--low-opacity"]) }) })
+] }));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: cn(styles34__default.default["select-scroll-button"], className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUpIcon, { className: styles34__default.default["select-icon"] })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: cn(styles34__default.default["select-scroll-button"], className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon2, { className: styles34__default.default["select-icon"] })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+var SelectPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var selectContentElevationVariants = generateElevationVariants(
+  styles34__default.default,
+  "select-content",
+  ELEVATION.OVERLAY
+);
+var SelectContent = React15__namespace.forwardRef(({ className, children, position = "popper", elevation = ELEVATION.OVERLAY, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    className: cn(
+      styles34__default.default["select-content"],
+      position === "popper" && styles34__default.default["select-content--popper"],
+      selectContentElevationVariants({ elevation }),
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: cn(
+            styles34__default.default["select-viewport"],
+            position === "popper" && styles34__default.default["select-viewport--popper"]
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Label, { ref, className: cn(styles34__default.default["select-label"], className), ...props }));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, { ref, className: cn(styles34__default.default["select-item"], className), ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles34__default.default["select-item-indicator"], children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon3, { className: styles34__default.default["select-icon"] }) }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+] }));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn(styles34__default.default["select-separator"], className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+var ChevronLeftIcon2 = LucideIcons.ChevronLeft;
+var ChevronRightIcon3 = LucideIcons.ChevronRight;
+var Pagination = ({
+  currentPage,
+  totalItems,
+  filteredItems,
+  itemsPerPage,
+  onPageChange,
+  onItemsPerPageChange,
+  itemsPerPageOptions = [10, 25, 50, 100],
+  showInfo = true,
+  maxVisiblePages = 5,
+  className = "",
+  type = "",
+  scrollTargetRef
+}) => {
+  const totalPages = Math.ceil(filteredItems / itemsPerPage);
+  const startItem = Math.min(filteredItems, 1 + (currentPage - 1) * itemsPerPage);
+  const endItem = Math.min(currentPage * itemsPerPage, filteredItems);
+  const hasFilteredItems = filteredItems > 0;
+  const isFirstPage = currentPage === 1;
+  const isLastPage = currentPage === totalPages;
+  if (totalItems <= itemsPerPageOptions[0]) {
+    return null;
+  }
+  const handlePageChange = (page) => {
+    onPageChange(page);
+    if (scrollTargetRef) {
+      if (typeof scrollTargetRef === "string") {
+        const target = document.getElementById(scrollTargetRef);
+        if (target) {
+          target.scrollIntoView({ behavior: "smooth" });
+        }
+      } else {
+        if (scrollTargetRef.current) {
+          scrollTargetRef.current.scrollIntoView({ behavior: "smooth" });
+        }
+      }
+      const viewport = document.querySelector("[data-radix-scroll-area-viewport]");
+      if (viewport) {
+        viewport.scrollTop = 0;
+      }
+    }
+  };
+  const handleItemsPerPageChange = (value) => {
+    const newItemsPerPage = parseInt(value);
+    onItemsPerPageChange?.(newItemsPerPage);
+    onPageChange(1);
+  };
+  const handlePreviousPage = () => {
+    handlePageChange(Math.max(1, currentPage - 1));
+  };
+  const handleNextPage = () => {
+    handlePageChange(Math.min(totalPages, currentPage + 1));
+  };
+  const getVisiblePages = () => {
+    const pageButtons = [];
+    let startPage = 1;
+    let endPage = totalPages;
+    if (totalPages > maxVisiblePages) {
+      const halfVisible = Math.floor(maxVisiblePages / 2);
+      if (currentPage <= halfVisible + 1) {
+        endPage = maxVisiblePages;
+      } else if (currentPage >= totalPages - halfVisible) {
+        startPage = totalPages - maxVisiblePages + 1;
+      } else {
+        startPage = currentPage - halfVisible;
+        endPage = currentPage + halfVisible;
+      }
+    }
+    for (let i = startPage; i <= endPage; i++) {
+      pageButtons.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: currentPage === i ? "primary" : "tertiary",
+            size: "sm",
+            onClick: () => handlePageChange(i),
+            children: i
+          },
+          i
+        )
+      );
+    }
+    return pageButtons;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles35__default.default["pagination"], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles35__default.default["info-container"], children: showInfo && hasFilteredItems && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Showing ",
+        startItem,
+        " to"
+      ] }),
+      onItemsPerPageChange ? /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: itemsPerPage.toString(), onValueChange: handleItemsPerPageChange, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.toString(), children: option }, option)) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: endItem }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "of ",
+        filteredItems,
+        " ",
+        type
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles35__default.default["page-navigation-container"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "tertiary",
+          size: "sm",
+          onClick: handlePreviousPage,
+          disabled: isFirstPage,
+          "aria-label": "Previous page",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon2, {})
+        }
+      ),
+      getVisiblePages(),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "tertiary",
+          size: "sm",
+          onClick: handleNextPage,
+          disabled: isLastPage,
+          "aria-label": "Next page",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon3, {})
+        }
+      )
+    ] })
+  ] });
+};
+var PanelLabel = ({ className, label }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles36__default.default["panel-label"], className), children: label });
+};
+var Progress = React15__namespace.forwardRef(
+  ({ className, value, color = "primary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, className: cn(styles37__default.default["progress"], className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Indicator,
+    {
+      className: cn(styles37__default.default["progress-indicator"], styles37__default.default[color]),
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  ) })
+);
+Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
+var RadialGraph = React15.forwardRef(
+  ({
+    percentage,
+    displayLabel,
+    className,
+    subLabel,
+    graphSize = "md",
+    variant = "primary",
+    ...props
+  }, ref) => {
+    const bars = Array.from({ length: 100 });
+    const label = displayLabel ?? `${Math.round(percentage)}%`;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(styles38__default.default["radial-graph"], styles38__default.default[graphSize], className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles38__default.default["bars-container"], children: bars.map((_, i) => {
+            const isActive = i < percentage;
+            const delay = `${i * 10}ms`;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: styles38__default.default["bar"],
+                style: {
+                  transform: `rotate(${i * 3.6}deg)`
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      styles38__default.default["bar-inner"],
+                      isActive ? styles38__default.default["bar-inner--active"] : styles38__default.default["bar-inner--inactive"]
+                    ),
+                    style: {
+                      transitionDelay: delay,
+                      animationDelay: delay
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles38__default.default["bar-background"] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: cn(
+                            styles38__default.default["bar-gradient"],
+                            styles38__default.default[`bar-gradient--${variant}`],
+                            isActive ? styles38__default.default["bar-gradient--active"] : styles38__default.default["bar-gradient--inactive"]
+                          ),
+                          style: {
+                            transitionDelay: delay,
+                            animationDelay: delay
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              i
+            );
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles38__default.default["label-container"], children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(styles38__default.default["label"], styles38__default.default[graphSize]), children: label }),
+            subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles38__default.default["sub-label"], children: subLabel })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RadialGraph.displayName = "RadialGraph";
+var ChevronDownIcon3 = LucideIcons.ChevronDown;
+var RadioDropdown = ({
+  label,
+  options,
+  selectedValue,
+  onSelect,
+  className
+}) => {
+  const selectedOption = options.find((opt) => opt.value === selectedValue);
+  const hasSelectedCount = selectedOption?.count !== void 0;
+  const filteredOptions = options.filter(
+    (option) => option.value && option.value.trim() !== "" && option.label && option.label.trim() !== ""
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "tertiary", className, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles39__default.default["selector-button-inner"], children: [
+        selectedOption?.label || label,
+        hasSelectedCount && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", children: selectedOption.count })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon3, { className: styles39__default.default["chevron-icon"] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: styles39__default.default["dropdown-menu-content"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value: selectedValue, onValueChange: onSelect, children: filteredOptions.map((option) => {
+        const hasCount = option.count !== void 0;
+        return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: option.value, children: [
+          option.label,
+          hasCount && ` (${option.count})`
+        ] }, option.value);
+      }) })
+    ] })
+  ] });
+};
+var CircleIcon2 = LucideIcons.Circle;
+var RadioGroup2 = React15__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Root,
+    {
+      className: cn(styles40__default.default["radio-group"], className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup2.displayName = RadioGroupPrimitive__namespace.Root.displayName;
+var RadioGroupItem = React15__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      ref,
+      className: cn(styles40__default.default["radio-group-item"], className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: styles40__default.default["radio-group-item-indicator"], children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon2, { className: styles40__default.default["indicator-icon"] }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
+var ScrollArea = React15__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaPrimitive__namespace.Root, { ref, className: cn(styles41__default.default["scroll-area"], className), ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: styles41__default.default["scroll-area-viewport"], children }),
+  /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+] }));
+ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
+var ScrollBar = React15__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      styles41__default.default["scroll-bar"],
+      orientation === "vertical" && styles41__default.default["scroll-bar--vertical"],
+      orientation === "horizontal" && styles41__default.default["scroll-bar--horizontal"],
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: styles41__default.default["scroll-area-thumb"] })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
+var SearchIcon2 = LucideIcons.Search;
+var SearchBar = ({
+  searchQuery,
+  setSearchQuery,
+  placeholder = "Search...",
+  className
+}) => {
+  const handleChange = (e) => {
+    setSearchQuery(e.target.value);
+  };
+  const handleClear = () => {
+    setSearchQuery("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles42__default.default["search-bar"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Input,
+    {
+      placeholder,
+      value: searchQuery,
+      onChange: handleChange,
+      className: styles42__default.default["input"],
+      prefix: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon2, { className: styles42__default.default["search-icon"] }),
+      suffix: searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton,
+        {
+          name: "XIcon",
+          onClick: handleClear,
+          className: styles42__default.default["clear-button"],
+          label: "Clear search"
+        }
+      )
+    }
+  ) });
+};
+var SectionHeading = ({
+  heading,
+  description,
+  renderRightContent,
+  className
+}) => {
+  const hasRightContent = !!renderRightContent;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(hasRightContent && styles43__default.default["section-heading--right-content"], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles43__default.default["content"], children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles43__default.default["heading"], children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles43__default.default["description"], children: description })
+    ] }),
+    hasRightContent && renderRightContent()
+  ] });
+};
+var Separator3 = React15__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SeparatorPrimitive__namespace.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      styles44__default.default["separator"],
+      orientation === "horizontal" ? styles44__default.default["separator--horizontal"] : styles44__default.default["separator--vertical"],
+      className
+    ),
+    ...props
+  }
+));
+Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
+var Sheet = DialogPrimitive__namespace.Root;
+var SheetTrigger = DialogPrimitive__namespace.Trigger;
+var SheetClose = DialogPrimitive__namespace.Close;
+var SheetPortal = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { container: getThemeProviderRoot(), children });
+var SheetOverlay = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { className: cn(styles45__default.default["sheet-overlay"], className), ...props, ref }));
+SheetOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var sheetVariants = classVarianceAuthority.cva(styles45__default.default["sheet-content"], {
+  variants: {
+    side: {
+      top: styles45__default.default["sheet-content--side-top"],
+      bottom: styles45__default.default["sheet-content--side-bottom"],
+      left: styles45__default.default["sheet-content--side-left"],
+      right: styles45__default.default["sheet-content--side-right"]
+    }
+  },
+  defaultVariants: {
+    side: "right"
+  }
+});
+var SheetContainer = React15__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children })
+] }));
+SheetContainer.displayName = DialogPrimitive__namespace.Content.displayName;
+var SheetHeaderIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles45__default.default["sheet-header-icon"], className), ...props });
+SheetHeaderIcon.displayName = "SheetHeaderIcon";
+var SheetHeader = ({ className, children, ...props }) => {
+  const childrenArray = React15__namespace.Children.toArray(children);
+  const icon = childrenArray.find(
+    (child) => React15__namespace.isValidElement(child) && child.type === SheetHeaderIcon
+  );
+  const otherChildren = childrenArray.filter(
+    (child) => !(React15__namespace.isValidElement(child) && child.type === SheetHeaderIcon)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles45__default.default["sheet-header"], className), ...props, children: [
+    icon,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles45__default.default["sheet-header-text-content"], children: otherChildren }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { name: "X", label: "Close", className: styles45__default.default["sheet-close"] }) })
+  ] });
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles45__default.default["sheet-footer"], className), ...props });
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn(styles45__default.default["sheet-title"], className), ...props }));
+SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var SheetDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn(styles45__default.default["sheet-description"], className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var SheetContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles45__default.default["sheet-body"], "styled-vertical-scrollbar", className), ...props });
+SheetContent.displayName = "SheetContent";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles46__default.default["skeleton"], className), ...props });
+}
+var ChevronDownIcon4 = LucideIcons.ChevronDown;
+function SortSelector({
+  sortField,
+  defaultSortField = "name",
+  sortOrder,
+  defaultSortOrder = "asc",
+  sortMode = "created",
+  setSortField,
+  setSortOrder,
+  setCurrentPage,
+  showDateOptions = true,
+  className
+}) {
+  const options = [
+    { value: "name-asc", label: "Name (A-Z)" },
+    { value: "name-desc", label: "Name (Z-A)" },
+    ...showDateOptions ? sortMode === "created" ? [
+      { value: "createdAt-desc", label: "Recently Created" },
+      { value: "createdAt-asc", label: "Oldest Created" }
+    ] : [
+      { value: "updatedAt-desc", label: "Recently Updated" },
+      { value: "updatedAt-asc", label: "Oldest Updated" }
+    ] : []
+  ];
+  const currentValue = `${sortField}-${sortOrder}`;
+  const currentLabel = options.find((option) => option.value === currentValue)?.label || "Sort";
+  const isDefaultSort = sortField === defaultSortField && sortOrder === defaultSortOrder;
+  const filteredOptions = options.filter(
+    (option) => option.value && option.value.trim() !== "" && option.label && option.label.trim() !== ""
+  );
+  const handleChange = (value) => {
+    const [field, order] = value.split("-");
+    setSortField(field);
+    setSortOrder(order);
+    setCurrentPage?.(1);
+  };
+  const handleReset = () => {
+    setSortField(defaultSortField);
+    setSortOrder(defaultSortOrder);
+    setCurrentPage?.(1);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "tertiary", className: cn(styles47__default.default["sort-selector-trigger"], className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon4, { className: styles47__default.default["chevron-down-icon"] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: styles47__default.default["dropdown-menu-content"], children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuLabel, { children: [
+        "Sort",
+        !isDefaultSort && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", size: "sm", onClick: handleReset, children: "Reset" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      filteredOptions.map((option) => {
+        const isSelected = currentValue === option.value;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenuCheckboxItem,
+          {
+            checked: isSelected,
+            onCheckedChange: () => handleChange(option.value),
+            onSelect: (e) => e.preventDefault(),
+            children: option.label
+          },
+          option.value
+        );
+      })
+    ] })
+  ] });
+}
+var Switch = React15__namespace.forwardRef(
+  ({ className, size = "md", variant = "default", thumbIcon, ...props }, ref) => {
+    const iconSize = size === "sm" ? "xs" : size === "md" ? "sm" : "md";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Root,
+      {
+        className: cn(styles48__default.default["switch"], styles48__default.default[size], styles48__default.default[variant], className),
+        ...props,
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: cn(styles48__default.default["thumb"], styles48__default.default[size]), children: thumbIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: thumbIcon, className: styles48__default.default["thumb-icon"], size: iconSize }) })
+      }
+    );
+  }
+);
+Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
+var ArrowDownIcon = LucideIcons.ArrowDown;
+var ArrowUpIcon = LucideIcons.ArrowUp;
+var ArrowUpDownIcon = LucideIcons.ArrowUpDown;
+function SortButton({
+  field,
+  children,
+  icon,
+  sortField,
+  sortDirection,
+  onSort
+}) {
+  const isActive = sortField === field;
+  const isAscending = sortDirection === "asc";
+  const handleClick = () => {
+    onSort(field);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: handleClick, className: styles49__default.default["sort-button"], children: [
+    icon,
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles49__default.default["arrow-container"], children: isActive ? isAscending ? /* @__PURE__ */ jsxRuntime.jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowUpDownIcon, { className: styles49__default.default["arrow-up-down-icon"] }) })
+  ] });
+}
+var tableElevationVariants = generateElevationVariants(styles50__default.default, "table", ELEVATION.RAISED);
+var TableContainer = React15__namespace.forwardRef(({ className, elevation = ELEVATION.RAISED, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: (styles50__default.default["table"], tableElevationVariants({ elevation })), children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: styles50__default.default["table-inner"], ...props }) }));
+TableContainer.displayName = "Table";
+var TableHeader = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn(styles50__default.default["table-header"], className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn(styles50__default.default["table-body"], className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn(styles50__default.default["table-footer"], className), ...props }));
+TableFooter.displayName = "TableFooter";
+var TableRow = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn(styles50__default.default["table-row"], className), ...props })
+);
+TableRow.displayName = "TableRow";
+var TableHead = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("th", { ref, className: cn(styles50__default.default["table-head"], className), ...props }));
+TableHead.displayName = "TableHead";
+var TableCell = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: styles50__default.default["table-cell"], ...props }));
+TableCell.displayName = "TableCell";
+var TableCaption = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: styles50__default.default["table-caption"], ...props }));
+TableCaption.displayName = "TableCaption";
+var tableElevationVariants2 = generateElevationVariants(styles51__default.default, "table", ELEVATION.BASE);
+var Table = ({
+  columns,
+  rows,
+  className,
+  border = false,
+  elevation = ELEVATION.BASE
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        styles51__default.default["table"],
+        border && styles51__default.default["table-border"],
+        tableElevationVariants2({ elevation }),
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(TableContainer, { elevation, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: column.className, children: column.content }, column.key)) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+          TableRow,
+          {
+            className: cn(row.className, row.onClick && styles51__default.default["table-row-clickable"]),
+            onClick: row.onClick,
+            children: row.cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: cell.className, children: cell.content }, cell.key))
+          },
+          row.key
+        )) })
+      ] })
+    }
+  );
+};
+var TabsContainer = TabsPrimitive__namespace.Root;
+var TabsList = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.List, { ref, className: cn(styles52__default.default["tabs-list"], className), ...props }));
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var TabsTrigger = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, { ref, className: cn(styles52__default.default["tabs-trigger"], className), ...props }));
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Content, { ref, className: cn(styles52__default.default["tabs-content"], className), ...props }));
+TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+var Tabs = ({ id, items, className, tabsListBackground = "transparent" }) => {
+  const [activeTab, setActiveTab] = React15.useState(items[0].value);
+  const isFilled = tabsListBackground === "filled";
+  const handleValueChange = (newTab) => {
+    setActiveTab(newTab);
+  };
+  const renderIcon = (icon) => {
+    if (icon) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, size: "sm", className: styles53__default.default["tabs-icon"] });
+    }
+    return null;
+  };
+  const renderActiveStyle = (isActive) => {
+    if (isActive) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        react.motion.span,
+        {
+          className: cn(
+            styles53__default.default["active-tab-indicator"],
+            isFilled ? styles53__default.default["active-tab-indicator--filled"] : styles53__default.default["active-tab-indicator--transparent"]
+          ),
+          initial: false,
+          layoutId: `${id}-active-tab-indicator`
+        }
+      );
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TabsContainer,
+    {
+      value: activeTab,
+      onValueChange: handleValueChange,
+      className: cn(styles53__default.default["tabs"], className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TabsList,
+          {
+            className: cn(
+              styles53__default.default["tabs-list"],
+              isFilled ? styles53__default.default["tabs-list--filled"] : styles53__default.default["tabs-list--transparent"]
+            ),
+            children: items.map(({ label, value, icon }) => {
+              const isActive = activeTab === value;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                TabsTrigger,
+                {
+                  value,
+                  className: cn(
+                    styles53__default.default["tabs-trigger"],
+                    isFilled ? styles53__default.default["tabs-trigger--filled"] : styles53__default.default["tabs-trigger--transparent"]
+                  ),
+                  "data-tour": `${value}-tab-overview`,
+                  children: [
+                    renderIcon(icon),
+                    label,
+                    renderActiveStyle(isActive)
+                  ]
+                },
+                value
+              );
+            })
+          }
+        ),
+        items.map(({ value, content }) => /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value, className: styles53__default.default["content"], children: content }, value))
+      ]
+    }
+  );
+};
+var Textarea = React15__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("textarea", { className: cn(styles54__default.default["textarea"], className), ref, ...props });
+  }
+);
+Textarea.displayName = "Textarea";
+var XIcon2 = LucideIcons.X;
+var ToastProvider = ToastPrimitives__namespace.Provider;
+var ToastViewport = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ToastPrimitives__namespace.Viewport,
+  {
+    ref,
+    className: cn(styles55__default.default["toast-viewport"], className),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives__namespace.Viewport.displayName;
+var toastVariants = classVarianceAuthority.cva(styles55__default.default["toast"], {
+  variants: {
+    variant: {
+      default: styles55__default.default["toast--default"],
+      danger: styles55__default.default["toast--danger"],
+      warning: styles55__default.default["toast--warning"],
+      success: styles55__default.default["toast--success"]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var ToastContainer = React15__namespace.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastPrimitives__namespace.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+ToastContainer.displayName = ToastPrimitives__namespace.Root.displayName;
+var ToastAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitives__namespace.Action, { ref, className: cn(styles55__default.default["toast-action"], className), ...props }));
+ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
+var ToastClose = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitives__namespace.Close, { ref, className: cn(styles55__default.default["toast-close"], className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(XIcon2, { className: styles55__default.default["toast-close-icon"] }) }));
+ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
+var ToastTitle = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitives__namespace.Title, { ref, className: cn(styles55__default.default["toast-title"], className), ...props }));
+ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
+var ToastDescription = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ToastPrimitives__namespace.Description,
+  {
+    ref,
+    className: cn(styles55__default.default["toast-description"], className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives__namespace.Description.displayName;
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React15.useState(memoryState);
+  React15.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, []);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+var Toast = ({ toast: toast2 }) => {
+  const { id, title, description, action, ...props } = toast2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContainer, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles56__default.default["toast-copy"], children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description })
+    ] }),
+    action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles56__default.default["toast-action"], children: action }),
+    /* @__PURE__ */ jsxRuntime.jsx(ToastClose, {})
+  ] });
+};
+var Toaster = () => {
+  const { toasts } = useToast();
+  return toasts.map(function(toast2) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Toast, { toast: toast2 }, toast2.id);
+  });
+};
+var ToastRoot = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastProvider, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Toaster, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ToastViewport, {})
+  ] });
+};
+var TruncatedDescription = ({
+  className,
+  description,
+  maxLength = 120
+}) => {
+  const plainText = removeHtmlTags(description);
+  const isLongDescription = plainText.length > maxLength;
+  const truncatedDescription = isLongDescription ? `${description.slice(0, maxLength)}...` : description;
+  const [expanded, setExpanded] = React15.useState(!isLongDescription);
+  const displayDescription = expanded ? description : truncatedDescription;
+  const handleToggle = (e) => {
+    e.stopPropagation();
+    setExpanded(!expanded);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles57__default.default["truncated-description"], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: displayDescription } }),
+    isLongDescription && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", size: "sm", onClick: handleToggle, children: expanded ? "Show less" : "Show more" })
+  ] });
+};
+var removeHtmlTags = (html) => {
+  return html.replace(/<[^>]*>/g, "");
+};
+var Heading = React15.forwardRef(
+  ({ className, as, displayAs, children, ...props }, ref) => {
+    const displayClasses = {
+      h1: styles58__default.default["h1"],
+      h2: styles58__default.default["h2"],
+      h3: styles58__default.default["h3"],
+      h4: styles58__default.default["h4"],
+      h5: styles58__default.default["h5"],
+      h6: styles58__default.default["h6"]
+    };
+    const displayClass = displayClasses[displayAs] || displayClasses[as];
+    const HeadingTag = as;
+    return /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, { ref, className: cn(displayClass, className), ...props, children });
+  }
+);
+Heading.displayName = "Heading";
+var ControlStatusBadge = ({ status, display = "both" }) => {
+  const config = getStatusConfig(status);
+  return /* @__PURE__ */ jsxRuntime.jsx(Badge, { icon: config.icon, display, className: config.className, variant: null, children: config.label });
+};
+var getStatusConfig = (status) => {
+  switch (status) {
+    case "in-progress":
+      return {
+        icon: "Clock",
+        className: styles59__default.default["badge--in-progress"],
+        label: "In Progress"
+      };
+    case "not-started":
+      return {
+        icon: "Circle",
+        className: styles59__default.default["badge--not-started"],
+        label: "Not Started"
+      };
+    case "ready-for-review":
+      return {
+        icon: "ClipboardCheck",
+        className: styles59__default.default["badge--ready-for-review"],
+        label: "Ready for Review"
+      };
+    case "in-review":
+      return {
+        icon: "Eye",
+        className: styles59__default.default["badge--in-review"],
+        label: "In Review"
+      };
+    case "comment":
+      return {
+        icon: "MessageCircle",
+        className: styles59__default.default["badge--comment"],
+        label: "Comment"
+      };
+    case "not-applicable":
+      return {
+        icon: "MinusCircle",
+        className: styles59__default.default["badge--not-applicable"],
+        label: "Not Applicable"
+      };
+    case "accepted":
+      return {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(MessageCircleCheckIcon, {}),
+        className: styles59__default.default["badge--accepted"],
+        label: "Accepted"
+      };
+    case "questioned":
+      return {
+        icon: "MessageCircleQuestion",
+        className: styles59__default.default["badge--question"],
+        label: "Questioned"
+      };
+    case "general":
+      return {
+        icon: "MessageCircle",
+        className: styles59__default.default["badge--comment"],
+        label: "General"
+      };
+    case "compliant":
+      return {
+        icon: "Check",
+        className: styles59__default.default["badge--compliant"],
+        label: "Compliant"
+      };
+    case "non-compliant":
+      return {
+        icon: "X",
+        className: styles59__default.default["badge--non-compliant"],
+        label: "Non-compliant"
+      };
+    default:
+      return {
+        icon: "Circle",
+        className: styles59__default.default["badge--not-started"],
+        label: status
+      };
+  }
+};
+var MessageCircleCheckIcon = ({ className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+};
+var Portal8 = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "equality-theme-provider-root-portal" });
+};
+var ThemeProvider = ({ customVars, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id: "equality-theme-provider-root", className: styles60__default.default.root, style: customVars, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(Portal8, {})
+  ] });
+};
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertTitle = AlertTitle;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.Badge = Badge;
+exports.BgGradient = BgGradient;
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardContentHeader = CardContentHeader;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.Checkbox = Checkbox;
+exports.CodeBlock = CodeBlock;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.ControlStatusBadge = ControlStatusBadge;
+exports.CopyButton = CopyButton;
+exports.DateRangePicker = DateRangePicker;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContainer = DialogContainer;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DisplayField = DisplayField;
+exports.Drawer = Drawer;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerHeaderActions = DrawerHeaderActions;
+exports.DrawerInnerContent = DrawerInnerContent;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.ELEVATION = ELEVATION;
+exports.EmptyTableState = EmptyTableState;
+exports.FilterDropdown = FilterDropdown;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.Heading = Heading;
+exports.Icon = Icon;
+exports.IconButton = IconButton;
+exports.InfoCard = InfoCard;
+exports.Input = Input;
+exports.Label = Label2;
+exports.ListOrGridViewToggle = ListOrGridViewToggle;
+exports.LoadingOverlay = LoadingOverlay;
+exports.MetricCard = MetricCard;
+exports.MotionCollapsibleContent = MotionCollapsibleContent;
+exports.NotFound = NotFound;
+exports.Pagination = Pagination;
+exports.PanelLabel = PanelLabel;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.RadialGraph = RadialGraph;
+exports.RadioDropdown = RadioDropdown;
+exports.RadioGroup = RadioGroup2;
+exports.RadioGroupItem = RadioGroupItem;
+exports.ResourceBadge = ResourceBadge;
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;
+exports.SearchBar = SearchBar;
+exports.SectionHeading = SectionHeading;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Separator = Separator3;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContainer = SheetContainer;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetHeaderIcon = SheetHeaderIcon;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.Skeleton = Skeleton;
+exports.SortButton = SortButton;
+exports.SortSelector = SortSelector;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableContainer = TableContainer;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Tabs = Tabs;
+exports.TabsContainer = TabsContainer;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.ThemeProvider = ThemeProvider;
+exports.Toast = Toast;
+exports.ToastAction = ToastAction;
+exports.ToastClose = ToastClose;
+exports.ToastContainer = ToastContainer;
+exports.ToastDescription = ToastDescription;
+exports.ToastProvider = ToastProvider;
+exports.ToastRoot = ToastRoot;
+exports.ToastTitle = ToastTitle;
+exports.ToastViewport = ToastViewport;
+exports.Toaster = Toaster;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.TruncatedDescription = TruncatedDescription;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
+exports.displayFieldVariants = displayFieldVariants;
+exports.iconButtonVariants = iconButtonVariants;
+exports.reducer = reducer;
+exports.toast = toast;
+exports.useFormField = useFormField;
+exports.useTheme = useTheme;
+exports.useToast = useToast;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map