@ikatec/nebula-react 0.0.1-alpha.20

package/dist/index.mjs

@@ -0,0 +1,2134 @@
+import * as React8 from 'react';
+import React8__default, { forwardRef, createElement, createContext, useMemo, useState, useCallback, useEffect, useContext } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import Select, { components } from 'react-select';
+import Creatable from 'react-select/creatable';
+import Async from 'react-select/async';
+import AsyncCreatable from 'react-select/async-creatable';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+// src/button.tsx
+
+// ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// nebula.config.ts
+var nebulaClass = "nebula-ds";
+
+// lib/utils.ts
+function cn(...inputs) {
+  return twMerge(nebulaClass, clsx(inputs));
+}
+var processChildren = (children) => {
+  return React8__default.Children.map(children, (child) => {
+    if (typeof child === "string") {
+      return /* @__PURE__ */ jsx("span", { className: "nebula-ds px-2", children: child });
+    }
+    if (React8__default.isValidElement(child) && child.type === React8__default.Fragment) {
+      return processChildren(child.props.children);
+    }
+    return child;
+  });
+};
+var buttonVariantEnum = /* @__PURE__ */ ((buttonVariantEnum2) => {
+  buttonVariantEnum2["primary"] = `
+    bg-button-primary-background-default
+    hover:bg-button-primary-background-hover
+    active:bg-button-primary-background-active
+    focus:bg-button-primary-background-focus
+    focus:ring-button-primary-border-focus
+    text-button-primary-text
+  `;
+  buttonVariantEnum2["secondary"] = `
+    border
+    border-button-secondary-border-default
+    bg-button-secondary-background-default
+    hover:bg-button-secondary-background-hover
+    active:bg-button-secondary-background-active
+    focus:bg-button-secondary-background-focus
+    focus:ring-button-secondary-border-focus
+    text-button-secondary-text
+  `;
+  buttonVariantEnum2["ghost"] = `
+    bg-button-ghost-background-default
+    hover:bg-button-ghost-background-hover
+    active:bg-button-ghost-background-active
+    focus:bg-button-ghost-background-focus
+    focus:ring-button-ghost-border-focus
+    text-button-ghost-text
+  `;
+  buttonVariantEnum2["danger"] = `
+    bg-button-danger-background-default
+    hover:bg-button-danger-background-hover
+    active:bg-button-danger-background-active
+    focus:bg-button-danger-background-focus
+    focus:ring-button-danger-border-focus
+    text-button-danger-text
+  `;
+  return buttonVariantEnum2;
+})(buttonVariantEnum || {});
+var buttonSizeEnum = /* @__PURE__ */ ((buttonSizeEnum2) => {
+  buttonSizeEnum2["xs"] = "h-6 px-2 [&>svg]:size-3 text-sm";
+  buttonSizeEnum2["sm"] = "h-8 px-2 [&>svg]:size-3 text-sm";
+  buttonSizeEnum2["md"] = "h-10 px-4 [&>svg]:size-4 text-base";
+  buttonSizeEnum2["lg"] = "h-12 px-6 [&>svg]:size-5 text-xl";
+  return buttonSizeEnum2;
+})(buttonSizeEnum || {});
+var variant = {
+  primary: "\n    bg-button-primary-background-default\n    hover:bg-button-primary-background-hover\n    active:bg-button-primary-background-active\n    focus:bg-button-primary-background-focus\n    focus:ring-button-primary-border-focus\n    text-button-primary-text\n  " /* primary */,
+  secondary: "\n    border\n    border-button-secondary-border-default\n    bg-button-secondary-background-default\n    hover:bg-button-secondary-background-hover\n    active:bg-button-secondary-background-active\n    focus:bg-button-secondary-background-focus\n    focus:ring-button-secondary-border-focus\n    text-button-secondary-text\n  " /* secondary */,
+  ghost: "\n    bg-button-ghost-background-default\n    hover:bg-button-ghost-background-hover\n    active:bg-button-ghost-background-active\n    focus:bg-button-ghost-background-focus\n    focus:ring-button-ghost-border-focus\n    text-button-ghost-text\n  " /* ghost */,
+  danger: "\n    bg-button-danger-background-default\n    hover:bg-button-danger-background-hover\n    active:bg-button-danger-background-active\n    focus:bg-button-danger-background-focus\n    focus:ring-button-danger-border-focus\n    text-button-danger-text\n  " /* danger */
+};
+var size = {
+  xs: "h-6 px-2 [&>svg]:size-3 text-sm" /* xs */,
+  sm: "h-8 px-2 [&>svg]:size-3 text-sm" /* sm */,
+  md: "h-10 px-4 [&>svg]:size-4 text-base" /* md */,
+  lg: "h-12 px-6 [&>svg]:size-5 text-xl" /* lg */
+};
+var buttonVariantsConfig = cva(
+  `
+    inline-flex
+    items-center
+    justify-center
+    whitespace-nowrap
+    rounded-full
+    font-semibold
+    ring-offset-background
+    transition-colors
+    focus-visible:outline-none
+    focus-visible:ring-4
+    focus-visible:ring-ring
+    focus-visible:ring-offset-0
+    disabled:pointer-events-none
+    disabled:bg-button-disabled-background
+    disabled:text-button-disabled-text
+    disabled:border-none
+  `,
+  {
+    variants: {
+      variant,
+      size
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React8.forwardRef(
+  ({
+    className,
+    variant: variant3,
+    size: size4,
+    icon = false,
+    asChild = false,
+    children,
+    ...rest
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const iconSizeClasses = icon ? {
+      xs: "h-6 w-6 p-0",
+      sm: "h-8 w-8 p-0",
+      md: "h-10 w-10 p-0",
+      lg: "h-12 w-12 p-0"
+    }[size4 ?? "md"] : "";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(
+          buttonVariantsConfig({ variant: variant3, size: size4, className }),
+          iconSizeClasses
+        ),
+        ref,
+        ...rest,
+        children: processChildren(children)
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var badgeVariantEnum = /* @__PURE__ */ ((badgeVariantEnum2) => {
+  badgeVariantEnum2["primary"] = "bg-badge-primary-background text-badge-primary-text";
+  badgeVariantEnum2["secondary"] = "bg-badge-secondary-background text-badge-secondary-text";
+  badgeVariantEnum2["alert"] = "bg-badge-alert-background text-badge-alert-text";
+  return badgeVariantEnum2;
+})(badgeVariantEnum || {});
+var badgeSizeEnum = /* @__PURE__ */ ((badgeSizeEnum2) => {
+  badgeSizeEnum2["sm"] = "h-4 min-w-4  text-[10px]";
+  badgeSizeEnum2["md"] = "h-6 min-w-6 text-xs";
+  return badgeSizeEnum2;
+})(badgeSizeEnum || {});
+var variant2 = {
+  primary: "bg-badge-primary-background text-badge-primary-text" /* primary */,
+  secondary: "bg-badge-secondary-background text-badge-secondary-text" /* secondary */,
+  alert: "bg-badge-alert-background text-badge-alert-text" /* alert */
+};
+var size2 = {
+  sm: "h-4 min-w-4  text-[10px]" /* sm */,
+  md: "h-6 min-w-6 text-xs" /* md */
+};
+var badgeVariantsConfig = cva(
+  "flex items-center justify-center rounded-full font-semibold",
+  {
+    variants: {
+      variant: variant2,
+      size: size2
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Badge = React8.forwardRef(
+  ({ className, variant: variant3, size: size4, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(badgeVariantsConfig({ variant: variant3, size: size4 }), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+// src/utils/extract-variant.ts
+function extractVariants(variants4) {
+  return Object.keys(variants4).reduce(
+    (acc, key) => {
+      const variantKey = key;
+      const variantValues = variants4[variantKey];
+      if (variantValues) {
+        acc[variantKey] = Object.keys(variantValues);
+      }
+      return acc;
+    },
+    {}
+  );
+}
+var variants = {
+  variant: {
+    default: `
+      bg-alert-default-background-default
+      border-alert-default-border-default 
+      text-alert-default-text 
+      [&>svg]:text-alert-default-icon
+    `,
+    info: `
+      bg-alert-info-background-default
+      border-alert-info-border-default
+      text-alert-info-text
+      [&>svg]:text-alert-info-icon
+    `,
+    success: `
+      bg-alert-success-background-default
+      border-alert-success-border-default
+      text-alert-success-text
+      [&>svg]:text-alert-success-icon
+    `,
+    warning: `
+      bg-alert-warning-background-default
+      border-alert-warning-border-default
+      text-alert-warning-text
+      [&>svg]:text-alert-warning-icon
+    `,
+    danger: `
+      bg-alert-danger-background-default
+      border-alert-danger-border-default
+      text-alert-danger-text
+      [&>svg]:text-alert-danger-icon
+    `
+  }
+};
+var alertVariantsConfig = cva(
+  `
+    min-h-[48px]
+    w-full
+    rounded-[0.5rem]
+    border
+    p-[12px_16px]
+    rounded-[16px]
+    flex
+    items-center
+    gap-[8px]
+    text-sm
+    [&>button]:text-alert-default-button-color
+  `,
+  {
+    variants,
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var alertVariants = extractVariants(variants);
+var Alert = React8.forwardRef(
+  ({ className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn(alertVariantsConfig({ variant: variant3 }), className),
+      ...props
+    }
+  )
+);
+Alert.displayName = "Alert";
+var AlertTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("[&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+var AlertButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    ref,
+    className: cn("flex items-center font-semibold", className),
+    ...props
+  }
+));
+AlertButton.displayName = "AlertButton";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React8.forwardRef(
+  ({ className, align = "center", sideOffset = 4, portal = false, ...props }, ref) => {
+    const Comp = portal ? PopoverPrimitive.Portal : React8.Fragment;
+    return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
+      PopoverPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          `
+            z-[1000]
+            rounded-xl
+            border
+            border-dropdownMenu-border 
+            bg-dropdownMenu-background 
+            shadow-dropdownMenu-shadow 
+            px-3
+            py-4
+            shadow-sm
+            outline-none
+            `,
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "text-sm text-label-text-default font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      className
+    ),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+var Table = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t border-table-border font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var variants2 = {
+  variant: {
+    first: "bg-table-cell-background-first-layer",
+    second: "bg-table-cell-background-second-layer"
+  }
+};
+var tableRowVariantsConfig = cva(
+  `
+    border-b
+    border-table-cell-border
+    transition-colors
+  `,
+  {
+    variants: variants2,
+    defaultVariants: {
+      variant: "first"
+    }
+  }
+);
+var TableRow = React8.forwardRef(
+  ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(tableRowVariantsConfig({ variant: variant3, className })),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-10 px-4 text-left align-middle font-medium text-table-header-text [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 align-middle [&:has([role=checkbox])]:pr-0 text-table-cell-text",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
+TableCaption.displayName = "TableCaption";
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({
+    color: color2 = "currentColor",
+    size: size4 = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size4,
+        height: size4,
+        stroke: color2,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("Check", __iconNode);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("ChevronDown", __iconNode2);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var __iconNode3 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+var ChevronLeft = createLucideIcon("ChevronLeft", __iconNode3);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var __iconNode4 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("ChevronRight", __iconNode4);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevrons-left.js
+var __iconNode5 = [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+];
+var ChevronsLeft = createLucideIcon("ChevronsLeft", __iconNode5);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevrons-right.js
+var __iconNode6 = [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+];
+var ChevronsRight = createLucideIcon("ChevronsRight", __iconNode6);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle-x.js
+var __iconNode7 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+];
+var CircleX = createLucideIcon("CircleX", __iconNode7);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle.js
+var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("Circle", __iconNode8);
+
+// ../../node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var __iconNode9 = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+];
+var Ellipsis = createLucideIcon("Ellipsis", __iconNode9);
+
+// ../../node_modules/lucide-react/dist/esm/icons/eye-off.js
+var __iconNode10 = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+];
+var EyeOff = createLucideIcon("EyeOff", __iconNode10);
+
+// ../../node_modules/lucide-react/dist/esm/icons/eye.js
+var __iconNode11 = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+];
+var Eye = createLucideIcon("Eye", __iconNode11);
+
+// ../../node_modules/lucide-react/dist/esm/icons/minus.js
+var __iconNode12 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("Minus", __iconNode12);
+
+// ../../node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode13 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("X", __iconNode13);
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      `
+        flex
+        cursor-default
+        select-none
+        items-center
+        gap-2
+        px-4
+        h-11
+        text-sm
+        text-listItem-text-default
+        active:text-listItem-text-selected
+        active:font-semibold
+        active:bg-listItem-background-default
+        focus:bg-listItem-background-hover
+        outline-none
+      `,
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "nebula-ds ml-auto size-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React8.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive.Portal : React8.Fragment;
+  return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      ref,
+      className: cn(
+        `
+          z-50
+          min-w-[8rem]
+          overflow-hidden
+          rounded-2xl
+          border
+          border-dropdownMenu-border
+          bg-dropdownMenu-background
+          text-listItem-text-default
+          shadow-md
+          shadow-dropdownMenu-shadow
+        `,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive.Portal : React8.Fragment;
+  return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        `
+          z-50
+          max-h-72
+          min-w-32
+          overflow-y-auto
+          overflow-x-hidden
+          rounded-2xl
+          border
+          border-dropdownMenu-border
+          bg-dropdownMenu-background
+          text-listItem-text-default
+          shadow-md
+          shadow-dropdownMenu-shadow
+        `,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      `
+        relative
+        flex
+        cursor-pointer
+        select-none
+        items-center
+        gap-2
+        px-4
+        h-11
+        text-sm
+        outline-none
+        transition-colors
+        active:text-listItem-text-selected
+        active:font-semibold
+        active:bg-listItem-background-default
+        focus:bg-listItem-background-hover
+        data-[disabled]:pointer-events-none
+        data-[disabled]:opacity-50
+        [&>svg]:size-4
+        [&>svg]:shrink-0
+      `,
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      `
+        relative
+        flex
+        cursor-pointer
+        select-none
+        items-center
+        h-11
+        pl-10
+        pr-4
+        text-listItem-text-default
+        outline-none
+        transition-colors
+        font-normal
+        active:text-listItem-text-selected
+        active:font-semibold
+        active:bg-listItem-background-default
+        focus:bg-listItem-background-hover
+        data-[disabled]:pointer-events-none
+        data-[disabled]:opacity-50
+        data-[state=checked]:font-semibold
+        data-[state=checked]:text-listItem-text-selected
+       `,
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { className: "nebula-ds absolute left-4 h-11 w-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "nebula-ds h-4 w-4" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      `
+        relative
+        flex
+        cursor-pointer
+        select-none
+        items-center
+        h-11
+        pl-8
+        pr-2
+        text-listItem-text-default
+        outline-none
+        transition-colors
+        active:text-listItem-text-selected
+        active:font-semibold
+        active:bg-listItem-background-default
+        focus:bg-listItem-background-hover
+        data-[disabled]:pointer-events-none
+        data-[disabled]:opacity-50
+        data-[state=checked]:font-semibold
+        data-[state=checked]:text-listItem-text-selected
+      `,
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { className: "nebula-ds absolute left-4 flex h-11 w-2 items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "nebula-ds h-2 w-2 fill-current" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      `
+        px-4
+        h-8
+        flex
+        items-center
+        text-sm
+        text-listItem-text-header
+      `,
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn(
+      `
+        -mx-1
+        h-px
+        bg-dropdownMenu-border
+      `,
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        `
+          ml-auto
+          text-xs
+          tracking-widest
+          opacity-60
+        `,
+        className
+      ),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var variants3 = {
+  orientation: {
+    horizontal: "h-[1px] w-full",
+    vertical: "h-full w-[1px]"
+  }
+};
+var separatorVariantsConfig = cva("shrink-0 bg-separator-border-default", {
+  variants: variants3,
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var separatorVariants = extractVariants(variants3);
+var Separator2 = React8.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        orientation,
+        className: cn(separatorVariantsConfig({ orientation, className })),
+        decorative,
+        ...props
+      }
+    );
+  }
+);
+Separator2.displayName = "Separator";
+var SpaceSizeEnum = /* @__PURE__ */ ((SpaceSizeEnum2) => {
+  SpaceSizeEnum2["xs"] = "gap-1";
+  SpaceSizeEnum2["sm"] = "gap-2";
+  SpaceSizeEnum2["md"] = "gap-3";
+  SpaceSizeEnum2["lg"] = "gap-4";
+  SpaceSizeEnum2["xl"] = "gap-5";
+  return SpaceSizeEnum2;
+})(SpaceSizeEnum || {});
+var SpaceDirectionEnum = /* @__PURE__ */ ((SpaceDirectionEnum2) => {
+  SpaceDirectionEnum2["row"] = "flex-row";
+  SpaceDirectionEnum2["column"] = "flex-col";
+  return SpaceDirectionEnum2;
+})(SpaceDirectionEnum || {});
+var size3 = {
+  xs: "gap-1" /* xs */,
+  sm: "gap-2" /* sm */,
+  md: "gap-3" /* md */,
+  lg: "gap-4" /* lg */,
+  xl: "gap-5" /* xl */
+};
+var direction = {
+  row: "flex-row" /* row */,
+  column: "flex-col" /* column */
+};
+var spaceVariantsConfig = cva("flex items-start justify-start", {
+  variants: {
+    size: size3,
+    direction
+  },
+  defaultVariants: {
+    size: "md",
+    direction: "row"
+  }
+});
+var Space = React8__default.forwardRef(
+  ({ size: size4, direction: direction2, className, children }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(spaceVariantsConfig({ size: size4, direction: direction2, className })),
+        ref,
+        children
+      }
+    );
+  }
+);
+Space.displayName = "Space";
+
+// src/i18n/messages/en/pagination.ts
+var messages = {
+  totalResultsLabel(pagesSize, totalResults) {
+    if (totalResults < pagesSize) {
+      pagesSize = totalResults;
+    }
+    return `Showing ${pagesSize} of ${totalResults} results`;
+  },
+  currentPageLabel(currentPage = 1, totalPages = 1) {
+    return `Page ${currentPage} of ${totalPages}`;
+  }
+};
+var pagination_default = messages;
+
+// src/i18n/messages/en/input-select.ts
+var messages2 = {
+  noOptions: "No options available"
+};
+var input_select_default = messages2;
+
+// src/i18n/messages/en/index.ts
+var enMessages = {
+  pagination: pagination_default,
+  inputSelect: input_select_default
+};
+
+// src/i18n/messages/es/pagination.ts
+var messages3 = {
+  totalResultsLabel(pagesSize, totalResults) {
+    if (totalResults < pagesSize) {
+      pagesSize = totalResults;
+    }
+    return `Mostrando ${pagesSize} de ${totalResults} resultados`;
+  },
+  currentPageLabel(currentPage = 1, totalPages = 1) {
+    return `P\xE1gina ${currentPage} de ${totalPages}`;
+  }
+};
+var pagination_default2 = messages3;
+
+// src/i18n/messages/es/input-select.ts
+var messages4 = {
+  noOptions: "No hay opciones disponibles"
+};
+var input_select_default2 = messages4;
+
+// src/i18n/messages/es/index.ts
+var esMessages = {
+  pagination: pagination_default2,
+  inputSelect: input_select_default2
+};
+
+// src/i18n/messages/pt-br/pagination.ts
+var messages5 = {
+  totalResultsLabel(pagesSize, totalResults) {
+    if (totalResults < pagesSize) {
+      pagesSize = totalResults;
+    }
+    return `Mostrando ${pagesSize} de ${totalResults} resultados`;
+  },
+  currentPageLabel(currentPage = 1, totalPages = 1) {
+    return `P\xE1gina ${currentPage} de ${totalPages}`;
+  }
+};
+var pagination_default3 = messages5;
+
+// src/i18n/messages/pt-br/input-select.ts
+var messages6 = {
+  noOptions: "Nenhuma op\xE7\xE3o dispon\xEDvel"
+};
+var input_select_default3 = messages6;
+
+// src/i18n/messages/pt-br/index.ts
+var ptBrMessages = {
+  pagination: pagination_default3,
+  inputSelect: input_select_default3
+};
+
+// src/i18n/messasge-storege-handler.ts
+var customNebulaI18nStorageKey = "custom-nebula-i18n-key";
+var localStorageKey = "nebula-i18n-key";
+var getNebulaI18nStorageKey = () => {
+  if (typeof window === "undefined") {
+    return localStorageKey;
+  }
+  return localStorage.getItem(customNebulaI18nStorageKey) ?? localStorageKey;
+};
+var getNebulaLanguage = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const language = localStorage.getItem(getNebulaI18nStorageKey());
+  return language;
+};
+var setNebulaLanguage = (language) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  localStorage.setItem(getNebulaI18nStorageKey(), language);
+};
+var messages7 = /* @__PURE__ */ new Map([
+  [null, enMessages],
+  [void 0, enMessages],
+  ["en-US", enMessages],
+  ["es", esMessages],
+  ["pt-BR", ptBrMessages]
+]);
+var NebulaI18nContext = createContext(
+  null
+);
+var NebulaI18nProvider = ({
+  children,
+  customI18nStorageKey
+}) => {
+  const storageKey = useMemo(
+    () => customI18nStorageKey ?? localStorageKey,
+    [customI18nStorageKey]
+  );
+  const [messages8, setMessages] = useState(
+    messages7.get(getNebulaLanguage()) ?? messages7.get("en-US")
+  );
+  const handleStorageChange = useCallback(
+    ({ detail }) => {
+      if (detail.key === storageKey) {
+        setMessages(
+          messages7.get(detail.value) ?? messages7.get("en-US")
+        );
+      }
+    },
+    [storageKey]
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const originalSetItem = localStorage.setItem;
+    localStorage.setItem = function(key, value) {
+      const event = new CustomEvent("localStorageChange", {
+        detail: { key, value }
+      });
+      window.dispatchEvent(event);
+      originalSetItem.call(this, key, value);
+    };
+    window.addEventListener(
+      "localStorageChange",
+      handleStorageChange
+    );
+    return () => {
+      window.removeEventListener(
+        "localStorageChange",
+        handleStorageChange
+      );
+    };
+  }, [handleStorageChange]);
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    if (!customI18nStorageKey) {
+      localStorage.removeItem(customNebulaI18nStorageKey);
+      return;
+    }
+    localStorage.removeItem(localStorageKey);
+    localStorage.setItem(customNebulaI18nStorageKey, customI18nStorageKey);
+  }, [customI18nStorageKey]);
+  return /* @__PURE__ */ jsx(NebulaI18nContext.Provider, { value: { messages: messages8 }, children });
+};
+var useNebulaI18n = () => {
+  const context = useContext(NebulaI18nContext);
+  if (!context) {
+    throw new Error("useNebulaI18n must be used within a NebulaI18nProvider");
+  }
+  return context;
+};
+var Pagination = ({
+  className,
+  total,
+  pageSize,
+  page,
+  onChangePage,
+  ...props
+}) => {
+  const { messages: messages8 } = useNebulaI18n();
+  const totalPages = useMemo(() => {
+    return Math.ceil(total / (pageSize || 1));
+  }, [total, pageSize]);
+  const handleChangePage = useCallback(
+    (page2) => {
+      if (page2 < 1 || page2 > totalPages) {
+        return;
+      }
+      onChangePage(page2);
+    },
+    [totalPages, onChangePage]
+  );
+  const normalizedPage = useMemo(() => {
+    if (page < 1) {
+      return 1;
+    }
+    if (page > totalPages) {
+      return totalPages;
+    }
+    return page;
+  }, [page, totalPages]);
+  const disabledPreviousPage = normalizedPage === 1 || totalPages === 0;
+  const disabledNextPage = normalizedPage === totalPages || totalPages === 0;
+  const lastPageSize = useMemo(() => {
+    if (totalPages === 0) {
+      return 0;
+    }
+    const lastPageStart = (totalPages - 1) * pageSize;
+    return total - lastPageStart;
+  }, [totalPages, pageSize, total]);
+  const totalResultsLabel = useMemo(() => {
+    if (page === totalPages) {
+      return messages8.pagination.totalResultsLabel(lastPageSize, total);
+    }
+    return messages8.pagination.totalResultsLabel(pageSize, total);
+  }, [messages8.pagination, pageSize, total, page, totalPages, lastPageSize]);
+  const currentPageLabel = useMemo(
+    () => messages8.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages8.pagination, normalizedPage, totalPages]
+  );
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      className: cn("flex w-full h-12 px-4 items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-3", children: totalResultsLabel }),
+        /* @__PURE__ */ jsxs(PaginationContent, { children: [
+          totalPages > 0 && /* @__PURE__ */ jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-[14px]", children: currentPageLabel }),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationJumpPreviousChunk,
+            {
+              onClick: () => handleChangePage(1),
+              disabled: disabledPreviousPage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            PaginationPrevious,
+            {
+              onClick: () => handleChangePage(normalizedPage - 1),
+              disabled: disabledPreviousPage
+            }
+          ),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationNext,
+            {
+              onClick: () => handleChangePage(normalizedPage + 1),
+              disabled: disabledNextPage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationJumpNextChunk,
+            {
+              onClick: () => handleChangePage(totalPages),
+              disabled: disabledNextPage
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+Pagination.displayName = "Pagination";
+var PaginationContent = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      className: cn(
+        "flex flex-row items-center gap-1 flex-1 justify-end",
+        className
+      ),
+      ...props
+    }
+  )
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "li",
+    {
+      ref,
+      className: cn("flex items-center justify-center", className),
+      ...props
+    }
+  )
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationButton = ({
+  className,
+  isActive,
+  disabled,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled,
+      disabled,
+      className: cn(
+        `
+        h-8
+        w-8
+        p-0
+        !border
+        !border-solid
+        font-semibold
+        select-none
+        border-pagination-border-default
+        text-pagination-icon-default
+        bg-pagination-background-default
+        hover:bg-pagination-background-hover
+        disabled:text-pagination-icon-disabled
+        disabled:bg-pagination-background-disabled
+        disabled:border-pagination-border-disabled
+        disabled:cursor-not-allowed
+        disabled:pointer-events-none
+        focus:bg-unset
+        focus:text-unset
+        focus:border-unset
+        `,
+        className
+      ),
+      ...props
+    }
+  );
+};
+PaginationButton.displayName = "PaginationButton";
+var PaginationPrevious = ({
+  ...props
+}) => /* @__PURE__ */ jsx(PaginationButton, { "aria-label": "Go to previous page", ...props, children: /* @__PURE__ */ jsx(ChevronLeft, { className: "nebula-ds h-4" }) });
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  ...props
+}) => /* @__PURE__ */ jsx(PaginationButton, { "aria-label": "Go to next page", ...props, children: /* @__PURE__ */ jsx(ChevronRight, { className: "nebula-ds h-4" }) });
+PaginationNext.displayName = "PaginationNext";
+var PaginationJumpNextChunk = ({ ...props }) => /* @__PURE__ */ jsx(PaginationButton, { "aria-label": "Go to next chunk", ...props, children: /* @__PURE__ */ jsx(ChevronsRight, { className: "nebula-ds h-4 w-4" }) });
+PaginationJumpNextChunk.displayName = "PaginationJumpNextChunk";
+var PaginationJumpPreviousChunk = ({ ...props }) => /* @__PURE__ */ jsx(PaginationButton, { "aria-label": "Go to previous chunk", ...props, children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "nebula-ds h-4 w-4" }) });
+PaginationJumpPreviousChunk.displayName = "PaginationJumpPreviousChunk";
+var tagVariantsEnum = /* @__PURE__ */ ((tagVariantsEnum2) => {
+  tagVariantsEnum2["blue"] = "bg-tag-colorIndicator-blue";
+  tagVariantsEnum2["green"] = "bg-tag-colorIndicator-green";
+  tagVariantsEnum2["yellow"] = "bg-tag-colorIndicator-yellow";
+  tagVariantsEnum2["red"] = "bg-tag-colorIndicator-red";
+  tagVariantsEnum2["orange"] = "bg-tag-colorIndicator-orange";
+  tagVariantsEnum2["gray"] = "bg-tag-colorIndicator-gray";
+  return tagVariantsEnum2;
+})(tagVariantsEnum || {});
+var color = {
+  blue: "bg-tag-colorIndicator-blue" /* blue */,
+  green: "bg-tag-colorIndicator-green" /* green */,
+  yellow: "bg-tag-colorIndicator-yellow" /* yellow */,
+  red: "bg-tag-colorIndicator-red" /* red */,
+  orange: "bg-tag-colorIndicator-orange" /* orange */,
+  gray: "bg-tag-colorIndicator-gray" /* gray */
+};
+var tagVariantsConfig = cva("w-2 h-2 block rounded-sm", {
+  variants: {
+    color
+  }
+});
+var Tag = React8.forwardRef(
+  ({ className, color: color2, children, onDelete, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center border border-tag-border px-2 h-6 rounded-full transition-colors hover:bg-tag-background-hover",
+          className
+        ),
+        ...props,
+        children: [
+          color2 && /* @__PURE__ */ jsx("span", { className: cn(tagVariantsConfig({ color: color2 })) }),
+          /* @__PURE__ */ jsx("span", { className: "nebula-ds text-tag-text text-xs font-medium px-1 leading-none", children }),
+          onDelete && /* @__PURE__ */ jsx("button", { onClick: onDelete, children: /* @__PURE__ */ jsx(CircleX, { className: "nebula-ds w-3 h-3 block rounded-sm text-tag-icon" }) })
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+var DropdownIndicator = (props) => /* @__PURE__ */ jsx(components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsx(ChevronDown, { size: "16px" }) });
+var ClearIndicator = (props) => /* @__PURE__ */ jsx(components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsx(X, { size: "16px" }) });
+var MultiValueRemove = (props) => /* @__PURE__ */ jsx(components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx(CircleX, { size: "16px" }) });
+var Option = (props) => {
+  const { isSelected, data, innerRef, innerProps } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: innerRef,
+      ...innerProps,
+      className: cn(
+        `
+          flex 
+          items-center 
+          px-4 py-2 
+          gap-2 
+          cursor-pointer 
+          text-sm 
+          hover:text-inputSelect-focus-text 
+          hover:bg-listItem-background-hover 
+          bg-listItem-background-default
+          `,
+        isSelected ? `
+          text-inputSelect-focus-text
+          font-semibold
+          bg-listItem-background-hover` : `
+          text-inputSelect-default-text
+          `
+      ),
+      children: [
+        isSelected && /* @__PURE__ */ jsx(Check, { size: "16px" }),
+        /* @__PURE__ */ jsx("span", { children: data.label })
+      ]
+    }
+  );
+};
+var controlStyles = (state) => cn([
+  `
+      border 
+      bg-inputSelect-default-background 
+      rounded-[20px] 
+      px-4
+      w-full
+      min-h-10 
+      transition
+    `,
+  {
+    "border-inputSelect-focus-border text-inputSelect-focus-text ring-[3px] ring-inputSelect-focus-border": state.isFocused,
+    "border-inputSelect-default-border text-inputSelect-default-text": !state.isFocused,
+    "bg-inputText-background-disabled": state.isDisabled
+  }
+]);
+var placeholderStyles = "text-inputSelect-default-text text-sm";
+var selectInputStyles = "p-0";
+var valueContainerStyles = "gap-1";
+var singleValueStyles = "text-inputSelect-active-text text-sm";
+var multiValueStyles = "border rounded-full items-center px-2 py-0.2 gap-1.5 text-xs border-inputSelect-default-border";
+var multiValueLabelStyles = "leading-6 px-2 py-0.2";
+var indicatorsContainerStyles = "";
+var clearIndicatorStyles = "text-inputSelect-default-icon mr-2";
+var dropdownIndicatorStyles = "text-inputSelect-default-icon";
+var menuStyles = "mt-2 border bg-inputSelect-default-background rounded-2xl overflow-hidden shadow-md shadow-dropdownMenu-shadow";
+var groupHeadingStyles = "ml-3 mt-2 mb-1 text-inputSelect-default-text text-sm";
+var noOptionsMessageStyles = "p-2 text-inputSelect-default-text";
+var createStyledSelect = (BaseSelect, displayName) => {
+  const StyledSelect2 = ({
+    icon,
+    disabled = false,
+    ...props
+  }) => {
+    const { messages: messages8 } = useNebulaI18n();
+    return /* @__PURE__ */ jsx(
+      BaseSelect,
+      {
+        unstyled: true,
+        isDisabled: disabled,
+        components: {
+          DropdownIndicator,
+          ClearIndicator,
+          MultiValueRemove,
+          Option,
+          Control: ({ children, ...rest }) => /* @__PURE__ */ jsx(components.Control, { ...rest, children: /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex w-full items-center", children: [
+            icon && /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputSelect-default-icon pr-2", children: icon }),
+            children
+          ] }) })
+        },
+        classNames: {
+          control: (state) => cn(controlStyles(state)),
+          placeholder: () => placeholderStyles,
+          input: () => selectInputStyles,
+          valueContainer: () => valueContainerStyles,
+          singleValue: () => singleValueStyles,
+          multiValue: () => multiValueStyles,
+          multiValueLabel: () => multiValueLabelStyles,
+          indicatorsContainer: () => indicatorsContainerStyles,
+          clearIndicator: () => clearIndicatorStyles,
+          dropdownIndicator: () => dropdownIndicatorStyles,
+          menu: () => menuStyles,
+          groupHeading: () => groupHeadingStyles,
+          noOptionsMessage: () => noOptionsMessageStyles
+        },
+        noOptionsMessage: () => /* @__PURE__ */ jsx("p", { children: messages8.inputSelect.noOptions }),
+        ...props
+      }
+    );
+  };
+  StyledSelect2.displayName = displayName;
+  return StyledSelect2;
+};
+var StyledSelect = createStyledSelect(Select, "Select");
+var StyledCreatable = createStyledSelect(Creatable, "Creatable");
+var StyledAsync = createStyledSelect(Async, "Async");
+var StyledAsyncCreatable = createStyledSelect(
+  AsyncCreatable,
+  "AsyncCreatable"
+);
+var InputText = React8.forwardRef(
+  ({ className, icon, isError = false, onClean, ...props }, ref) => {
+    const initialInputType = props.type || "text";
+    const [type, setType] = React8.useState(initialInputType);
+    const iconClass = {
+      "text-inputText-icon-danger": isError,
+      "text-inputText-icon-default focus:text-inputText-icon-focus": !isError && !props.value,
+      "text-inputText-icon-filled focus:text-inputText-icon-filled": !isError && !!props.value
+    };
+    return /* @__PURE__ */ jsxs("div", { className: "nebula-ds relative w-full", children: [
+      icon && /* @__PURE__ */ jsx("span", { className: "nebula-ds absolute left-4 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
+            iconClass
+          ),
+          children: icon
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          className: cn(
+            "w-full h-10 outline-none rounded-[20px] text-sm leading-none font-medium",
+            "bg-inputText-background-default disabled:bg-inputText-background-disabled",
+            "border border-inputText-border-default focus:ring-[3px] focus:ring-inputText-border-focus focus:border-inputText-border-focus",
+            "text-inputText-text-filled focus:text-inputText-text-focus placeholder:text-inputText-text-default disabled:text-inputText-text-disabled",
+            "disabled:cursor-not-allowed",
+            {
+              "pl-10 pr-4": !!icon,
+              "px-4": !icon,
+              "border-inputText-border-danger focus:border-inputText-border-danger focus:ring-button-danger-border-focus": isError
+            },
+            className
+          ),
+          ...props,
+          type
+        }
+      ),
+      onClean && props.value && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("absolute top-1/2 transform -translate-y-1/2", {
+            "right-10": initialInputType === "password",
+            "right-4": initialInputType === "text"
+          }),
+          onClick: onClean,
+          children: /* @__PURE__ */ jsx(CircleX, { className: cn("w-4 h-4", iconClass) })
+        }
+      ),
+      initialInputType === "password" && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "nebula-ds absolute right-4 top-1/2 transform -translate-y-1/2",
+          onClick: () => setType((prev) => prev === "text" ? "password" : "text"),
+          children: type === "text" ? /* @__PURE__ */ jsx(Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsx(EyeOff, { className: cn("w-4 h-4", iconClass) })
+        }
+      )
+    ] });
+  }
+);
+InputText.displayName = "InputText";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      `fixed
+      inset-0
+      z-50
+      bg-dialog-background-overlay
+      data-[state=open]:animate-in
+      data-[state=closed]:animate-out
+      data-[state=closed]:fade-out-0
+      data-[state=open]:fade-in-0`,
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React8.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? DialogPortal : React8.Fragment;
+  return /* @__PURE__ */ jsxs(Comp, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          `rounded-2xl
+        fixed
+        left-[50%]
+        top-[50%]
+        z-50
+        grid
+        w-full
+        max-w-[600px]
+        translate-x-[-50%]
+        translate-y-[-50%]
+        gap-10
+        bg-dialog-background-default
+        p-6
+        shadow-lg
+        duration-200
+        data-[state=open]:animate-in
+        data-[state=closed]:animate-out
+        data-[state=closed]:fade-out-0
+        data-[state=open]:fade-in-0
+        data-[state=closed]:zoom-out-95
+        data-[state=open]:zoom-in-95
+        data-[state=closed]:slide-out-to-left-1/2
+        data-[state=closed]:slide-out-to-top-[48%]
+        data-[state=open]:slide-in-from-left-1/2
+        data-[state=open]:slide-in-from-top-[48%]`,
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            DialogPrimitive.Close,
+            {
+              asChild: true,
+              className: `absolute
+          right-4
+          top-4`,
+              children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", icon: true, children: [
+                /* @__PURE__ */ jsx(X, { className: "nebula-ds !h-4 !w-4 !text-dialog-icon" }),
+                /* @__PURE__ */ jsx("span", { className: "nebula-ds sr-only", children: "Close" })
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col space-y-1.5 text-center", className),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2", className), ...props });
+DialogBody.displayName = "DialogBody";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-none tracking-normal text-dialog-title",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-base text-center text-dialog-text", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/60  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React8.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? AlertDialogPortal : React8.Fragment;
+  return /* @__PURE__ */ jsxs(Comp, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "rounded-2xl fixed left-[50%] top-[50%] z-50 grid w-full max-w-[600px] translate-x-[-50%] translate-y-[-50%] gap-10 bg-dialog-background-default p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col justify-center items-center gap-2 text-center",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-xl flex flex-col items-center justify-center gap-2 mb-2 font-semibold leading-none tracking-normal text-center text-dialog-title",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-base text-center text-dialog-text", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React8.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariantsConfig({ variant: variant3 }), className),
+    ...props,
+    children: processChildren(children)
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React8.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariantsConfig({ variant: variant3 }), className),
+    ...props,
+    children: processChildren(children)
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      `
+      peer
+      shrink-0
+      h-4
+      w-4
+      rounded-[4px]
+      border-2
+      transition-colors
+      disabled:cursor-not-allowed
+      disabled:opacity-50
+      bg-checkbox-unselected-background-default
+      hover:bg-checkbox-unselected-background-hover
+      focus:bg-checkbox-unselected-background-focus
+      disabled:bg-checkbox-unselected-background-disabled
+      data-[state=checked]:bg-checkbox-selected-background-default
+      data-[state=checked]:hover:bg-checkbox-selected-background-hover
+      data-[state=checked]:hover:border-checkbox-selected-background-hover
+      data-[state=checked]:focus:bg-checkbox-selected-background-focus
+      data-[state=checked]:focus:border-checkbox-selected-background-focus
+      data-[state=checked]:disabled:bg-checkbox-selected-background-disabled
+      border-checkbox-unselected-border-default
+      hover:border-checkbox-unselected-border-hover
+      focus:border-checkbox-unselected-border-focus
+      disabled:border-checkbox-unselected-border-disabled
+      data-[state=checked]:border-checkbox-selected-border-focus
+      data-[state=checked]:disabled:border-checkbox-unselected-border-disabled
+      focus-visible:outline-none
+      focus-visible:ring-2
+      focus-visible:ring-checkbox-unselected-border-external-focus   
+      focus-visible:ring-offset-0
+      text-checkbox-unselected-icon-default
+      data-[state=checked]:text-checkbox-selected-icon-default
+      disabled:data-[state=checked]:text-checkbox-selected-icon-disabled`,
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: props.variant === "multiselect" ? /* @__PURE__ */ jsx(Minus, { className: "nebula-ds h-3 w-3" }) : /* @__PURE__ */ jsx(Check, { className: "nebula-ds h-3 w-3" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var Drawer = DialogPrimitive.Root;
+var DrawerTrigger = DialogPrimitive.Trigger;
+var DrawerClose = DialogPrimitive.Close;
+var DrawerPortal = DialogPrimitive.Portal;
+var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-drawer-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+DrawerOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DrawerVariants = cva(
+  "fixed flex flex-col z-50 shadow-lg transition ease-in-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 data-[state=open]:animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
+        bottom: "inset-x-0 bottom-0 data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
+        left: "inset-y-0 h-full left-0 w-3/4 data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left sm:max-w-sm",
+        right: "inset-y-0 h-full right-0 w-3/4 data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var DrawerContent = React8.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
+  const Comp = portal ? DrawerPortal : React8.Fragment;
+  return /* @__PURE__ */ jsxs(Comp, { children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(DrawerVariants({ side }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+});
+DrawerContent.displayName = DialogPrimitive.Content.displayName;
+var DrawerHeader = ({
+  className,
+  extraActions,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds bg-drawer-header-background text-drawer-header-title flex w-full min-h-16 items-start gap-2 p-4 border-b border-drawer-header-border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex gap-2", children: [
+      /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", icon: true, tabIndex: -1, children: [
+        /* @__PURE__ */ jsx(X, { className: "nebula-ds !h-4 !w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "nebula-ds sr-only", children: "Close" })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("flex flex-1 flex-col space-y-1 mt-1", className),
+          ...props
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds ml-auto flex items-start", children: extraActions })
+  ] });
+};
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "p-4 bg-drawer-body-background text-drawer-body-text flex-1 overflow-y-auto",
+      className
+    ),
+    ...props
+  }
+);
+DrawerBody.displayName = "DrawerBody";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex p-4 bg-drawer-footer-background space-x-2 border-t border-drawer-footer-border",
+      className
+    ),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-base font-semibold text-drawer-header-title",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DialogPrimitive.Title.displayName;
+var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-drawer-header-description", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DialogPrimitive.Description.displayName;
+var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1 break-words font-medium text-sm text-breadcrumb-text-default sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn(
+      "inline-flex hover:text-breadcrumb-text-hover items-center gap-1.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "transition-colors hover:text-breadcrumb-text-hover",
+        className
+      ),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-medium text-breadcrumb-text-active", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn(
+      "flex h-5 w-5 p-[2px] rounded-full items-center justify-center hover:bg-breadcrumb-ellipsis-background-hover",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(Ellipsis, { className: "nebula-ds h-3 w-3" }),
+      /* @__PURE__ */ jsx("span", { className: "nebula-ds sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      `
+      peer 
+      inline-flex 
+      h-5 
+      w-8 
+      shrink-0 
+      cursor-pointer 
+      items-center 
+      rounded-full 
+      border-2 
+      border-transparent 
+      shadow-sm 
+      transition-colors 
+      focus-visible:outline-none 
+      focus-visible:ring-2 
+      focus-visible:ring-switch-ring 
+      focus-visible:ring-offset-background 
+      disabled:cursor-not-allowed 
+      disabled:opacity-50 
+      bg-switch-background-off-default 
+      hover:bg-switch-background-off-hover
+      focus:bg-switch-background-off-focus
+      disabled:bg-switch-background-off-disabled
+      data-[state=checked]:bg-switch-background-on-default 
+      data-[state=checked]:hover:bg-switch-background-on-hover 
+      data-[state=checked]:focus:bg-switch-background-on-focus 
+      data-[state=checked]:disabled:bg-switch-background-on-disabled
+      `,
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          `
+        pointer-events-none 
+        block 
+        h-4 
+        w-4 
+        rounded-full 
+        bg-switch-circle 
+        shadow-lg 
+        ring-0 
+        transition-transform 
+        data-[state=checked]:translate-x-3
+        data-[state=unchecked]:translate-x-0
+        `
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var Tooltip = React8.forwardRef(
+  ({
+    children,
+    content: content2,
+    sideOffset = 4,
+    side = "top",
+    align = "center",
+    portal = false,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = portal ? TooltipPrimitive.Portal : React8.Fragment;
+    return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
+      /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { children }),
+      /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsxs(
+        TooltipPrimitive.Content,
+        {
+          ref,
+          side,
+          sideOffset,
+          align,
+          className: cn(
+            "select-none rounded-lg bg-tooltip-background px-3 py-1.5 max-w-52 text-xs font-medium leading-tight text-tooltip-text shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity] data-[state=delayed-open]:data-[side=bottom]:animate-slide-up-and-fade data-[state=delayed-open]:data-[side=left]:animate-slide-right-and-fade data-[state=delayed-open]:data-[side=right]:animate-slide-left-and-fade data-[state=delayed-open]:data-[side=top]:animate-slide-down-and-fade",
+            className
+          ),
+          ...props,
+          children: [
+            content2,
+            /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "nebula-ds fill-tooltip-background" })
+          ]
+        }
+      ) })
+    ] }) });
+  }
+);
+Tooltip.displayName = "Tooltip";
+
+// src/tailwind.ts
+function content({ base = "./" } = {}) {
+  const path = "node_modules/@ikatec/nebula-react/dist/**/*.mjs";
+  return `${base}${path}`;
+}
+var tailwind = {
+  content
+  // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
+};
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-left.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/chevrons-left.js:
+lucide-react/dist/esm/icons/chevrons-right.js:
+lucide-react/dist/esm/icons/circle-x.js:
+lucide-react/dist/esm/icons/circle.js:
+lucide-react/dist/esm/icons/ellipsis.js:
+lucide-react/dist/esm/icons/eye-off.js:
+lucide-react/dist/esm/icons/eye.js:
+lucide-react/dist/esm/icons/minus.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.476.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
+
+export { Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputText, Label, NebulaI18nProvider, Pagination, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tag, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages7 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, useNebulaI18n };