@ikatec/nebula-react 0.0.1-alpha.20

package/dist/index.js

@@ -0,0 +1,2265 @@
+'use strict';
+
+var React8 = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var LabelPrimitive = require('@radix-ui/react-label');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var Select = require('react-select');
+var Creatable = require('react-select/creatable');
+var Async = require('react-select/async');
+var AsyncCreatable = require('react-select/async-creatable');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+
+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 React8__namespace = /*#__PURE__*/_interopNamespace(React8);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var Select__default = /*#__PURE__*/_interopDefault(Select);
+var Creatable__default = /*#__PURE__*/_interopDefault(Creatable);
+var Async__default = /*#__PURE__*/_interopDefault(Async);
+var AsyncCreatable__default = /*#__PURE__*/_interopDefault(AsyncCreatable);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+// 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 tailwindMerge.twMerge(nebulaClass, clsx(inputs));
+}
+var processChildren = (children) => {
+  return React8__namespace.default.Children.map(children, (child) => {
+    if (typeof child === "string") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds px-2", children: child });
+    }
+    if (React8__namespace.default.isValidElement(child) && child.type === React8__namespace.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 = classVarianceAuthority.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__namespace.forwardRef(
+  ({
+    className,
+    variant: variant3,
+    size: size4,
+    icon = false,
+    asChild = false,
+    children,
+    ...rest
+  }, ref) => {
+    const Comp = asChild ? reactSlot.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__ */ jsxRuntime.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 = classVarianceAuthority.cva(
+  "flex items-center justify-center rounded-full font-semibold",
+  {
+    variants: {
+      variant: variant2,
+      size: size2
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Badge = React8__namespace.forwardRef(
+  ({ className, variant: variant3, size: size4, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn(alertVariantsConfig({ variant: variant3 }), className),
+      ...props
+    }
+  )
+);
+Alert.displayName = "Alert";
+var AlertTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("[&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+var AlertButton = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    ref,
+    className: cn("flex items-center font-semibold", className),
+    ...props
+  }
+));
+AlertButton.displayName = "AlertButton";
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverContent = React8__namespace.forwardRef(
+  ({ className, align = "center", sideOffset = 4, portal = false, ...props }, ref) => {
+    const Comp = portal ? PopoverPrimitive__namespace.Portal : React8__namespace.Fragment;
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverPrimitive__namespace.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__namespace.Content.displayName;
+var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.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__namespace.Root.displayName;
+var Table = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.cva(
+  `
+    border-b
+    border-table-cell-border
+    transition-colors
+  `,
+  {
+    variants: variants2,
+    defaultVariants: {
+      variant: "first"
+    }
+  }
+);
+var TableRow = React8__namespace.forwardRef(
+  ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      ref,
+      className: cn(tableRowVariantsConfig({ variant: variant3, className })),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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 = React8.forwardRef(
+  ({
+    color: color2 = "currentColor",
+    size: size4 = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return React8.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]) => React8.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = React8.forwardRef(
+    ({ className, ...props }, ref) => React8.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__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = React8__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx(ChevronRight, { className: "nebula-ds ml-auto size-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = React8__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.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__namespace.SubContent.displayName;
+var DropdownMenuContent = React8__namespace.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.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__namespace.Content.displayName;
+var DropdownMenuItem = React8__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.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__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = React8__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 h-11 w-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "nebula-ds h-4 w-4" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React8__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.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__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 flex h-11 w-2 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Circle, { className: "nebula-ds h-2 w-2 fill-current" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = React8__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.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__namespace.Label.displayName;
+var DropdownMenuSeparator = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn(
+      `
+        -mx-1
+        h-px
+        bg-dropdownMenu-border
+      `,
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.cva("shrink-0 bg-separator-border-default", {
+  variants: variants3,
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var separatorVariants = extractVariants(variants3);
+var Separator2 = React8__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SeparatorPrimitive__namespace.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 = classVarianceAuthority.cva("flex items-start justify-start", {
+  variants: {
+    size: size3,
+    direction
+  },
+  defaultVariants: {
+    size: "md",
+    direction: "row"
+  }
+});
+var Space = React8__namespace.default.forwardRef(
+  ({ size: size4, direction: direction2, className, children }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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 = React8.createContext(
+  null
+);
+var NebulaI18nProvider = ({
+  children,
+  customI18nStorageKey
+}) => {
+  const storageKey = React8.useMemo(
+    () => customI18nStorageKey ?? localStorageKey,
+    [customI18nStorageKey]
+  );
+  const [messages8, setMessages] = React8.useState(
+    messages7.get(getNebulaLanguage()) ?? messages7.get("en-US")
+  );
+  const handleStorageChange = React8.useCallback(
+    ({ detail }) => {
+      if (detail.key === storageKey) {
+        setMessages(
+          messages7.get(detail.value) ?? messages7.get("en-US")
+        );
+      }
+    },
+    [storageKey]
+  );
+  React8.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]);
+  React8.useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    if (!customI18nStorageKey) {
+      localStorage.removeItem(customNebulaI18nStorageKey);
+      return;
+    }
+    localStorage.removeItem(localStorageKey);
+    localStorage.setItem(customNebulaI18nStorageKey, customI18nStorageKey);
+  }, [customI18nStorageKey]);
+  return /* @__PURE__ */ jsxRuntime.jsx(NebulaI18nContext.Provider, { value: { messages: messages8 }, children });
+};
+var useNebulaI18n = () => {
+  const context = React8.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 = React8.useMemo(() => {
+    return Math.ceil(total / (pageSize || 1));
+  }, [total, pageSize]);
+  const handleChangePage = React8.useCallback(
+    (page2) => {
+      if (page2 < 1 || page2 > totalPages) {
+        return;
+      }
+      onChangePage(page2);
+    },
+    [totalPages, onChangePage]
+  );
+  const normalizedPage = React8.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 = React8.useMemo(() => {
+    if (totalPages === 0) {
+      return 0;
+    }
+    const lastPageStart = (totalPages - 1) * pageSize;
+    return total - lastPageStart;
+  }, [totalPages, pageSize, total]);
+  const totalResultsLabel = React8.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 = React8.useMemo(
+    () => messages8.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages8.pagination, normalizedPage, totalPages]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      className: cn("flex w-full h-12 px-4 items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-3", children: totalResultsLabel }),
+        /* @__PURE__ */ jsxRuntime.jsxs(PaginationContent, { children: [
+          totalPages > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-[14px]", children: currentPageLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationJumpPreviousChunk,
+            {
+              onClick: () => handleChangePage(1),
+              disabled: disabledPreviousPage
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationPrevious,
+            {
+              onClick: () => handleChangePage(normalizedPage - 1),
+              disabled: disabledPreviousPage
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationNext,
+            {
+              onClick: () => handleChangePage(normalizedPage + 1),
+              disabled: disabledNextPage
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationJumpNextChunk,
+            {
+              onClick: () => handleChangePage(totalPages),
+              disabled: disabledNextPage
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+Pagination.displayName = "Pagination";
+var PaginationContent = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      ref,
+      className: cn(
+        "flex flex-row items-center gap-1 flex-1 justify-end",
+        className
+      ),
+      ...props
+    }
+  )
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      className: cn("flex items-center justify-center", className),
+      ...props
+    }
+  )
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationButton = ({
+  className,
+  isActive,
+  disabled,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(PaginationButton, { "aria-label": "Go to previous page", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, { className: "nebula-ds h-4" }) });
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-label": "Go to next page", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nebula-ds h-4" }) });
+PaginationNext.displayName = "PaginationNext";
+var PaginationJumpNextChunk = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-label": "Go to next chunk", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsRight, { className: "nebula-ds h-4 w-4" }) });
+PaginationJumpNextChunk.displayName = "PaginationJumpNextChunk";
+var PaginationJumpPreviousChunk = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-label": "Go to previous chunk", ...props, children: /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.cva("w-2 h-2 block rounded-sm", {
+  variants: {
+    color
+  }
+});
+var Tag = React8__namespace.forwardRef(
+  ({ className, color: color2, children, onDelete, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: cn(tagVariantsConfig({ color: color2 })) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-tag-text text-xs font-medium px-1 leading-none", children }),
+          onDelete && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onDelete, children: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { className: "nebula-ds w-3 h-3 block rounded-sm text-tag-icon" }) })
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+var DropdownIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: "16px" }) });
+var ClearIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: "16px" }) });
+var MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { size: "16px" }) });
+var Option = (props) => {
+  const { isSelected, data, innerRef, innerProps } = props;
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Check, { size: "16px" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      BaseSelect,
+      {
+        unstyled: true,
+        isDisabled: disabled,
+        components: {
+          DropdownIndicator,
+          ClearIndicator,
+          MultiValueRemove,
+          Option,
+          Control: ({ children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.Control, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex w-full items-center", children: [
+            icon && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { children: messages8.inputSelect.noOptions }),
+        ...props
+      }
+    );
+  };
+  StyledSelect2.displayName = displayName;
+  return StyledSelect2;
+};
+var StyledSelect = createStyledSelect(Select__default.default, "Select");
+var StyledCreatable = createStyledSelect(Creatable__default.default, "Creatable");
+var StyledAsync = createStyledSelect(Async__default.default, "Async");
+var StyledAsyncCreatable = createStyledSelect(
+  AsyncCreatable__default.default,
+  "AsyncCreatable"
+);
+var InputText = React8__namespace.forwardRef(
+  ({ className, icon, isError = false, onClean, ...props }, ref) => {
+    const initialInputType = props.type || "text";
+    const [type, setType] = React8__namespace.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__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative w-full", children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds absolute left-4 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cn(
+            "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
+            iconClass
+          ),
+          children: icon
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CircleX, { className: cn("w-4 h-4", iconClass) })
+        }
+      ),
+      initialInputType === "password" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsxRuntime.jsx(EyeOff, { className: cn("w-4 h-4", iconClass) })
+        }
+      )
+    ] });
+  }
+);
+InputText.displayName = "InputText";
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogClose = DialogPrimitive__namespace.Close;
+var DialogOverlay = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.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__namespace.Overlay.displayName;
+var DialogContent = React8__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? DialogPortal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(
+            DialogPrimitive__namespace.Close,
+            {
+              asChild: true,
+              className: `absolute
+          right-4
+          top-4`,
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", icon: true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds !h-4 !w-4 !text-dialog-icon" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "Close" })
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn("flex flex-col space-y-1.5 text-center", className),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2", className), ...props });
+DialogBody.displayName = "DialogBody";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn(
+      "text-xl font-semibold leading-none tracking-normal text-dialog-title",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-base text-center text-dialog-text", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var AlertDialog = AlertDialogPrimitive__namespace.Root;
+var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+var AlertDialogOverlay = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.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__namespace.Overlay.displayName;
+var AlertDialogContent = React8__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? AlertDialogPortal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialogPrimitive__namespace.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__namespace.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.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__namespace.Title.displayName;
+var AlertDialogDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-base text-center text-dialog-text", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+var AlertDialogAction = React8__namespace.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Action,
+  {
+    ref,
+    className: cn(buttonVariantsConfig({ variant: variant3 }), className),
+    ...props,
+    children: processChildren(children)
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+var AlertDialogCancel = React8__namespace.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: cn(buttonVariantsConfig({ variant: variant3 }), className),
+    ...props,
+    children: processChildren(children)
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+var Checkbox = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.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__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: props.variant === "multiselect" ? /* @__PURE__ */ jsxRuntime.jsx(Minus, { className: "nebula-ds h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "nebula-ds h-3 w-3" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+var Drawer = DialogPrimitive__namespace.Root;
+var DrawerTrigger = DialogPrimitive__namespace.Trigger;
+var DrawerClose = DialogPrimitive__namespace.Close;
+var DrawerPortal = DialogPrimitive__namespace.Portal;
+var DrawerOverlay = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.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__namespace.Overlay.displayName;
+var DrawerVariants = classVarianceAuthority.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__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
+  const Comp = portal ? DrawerPortal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DialogPrimitive__namespace.Content,
+      {
+        ref,
+        className: cn(DrawerVariants({ side }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+});
+DrawerContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DrawerHeader = ({
+  className,
+  extraActions,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", icon: true, tabIndex: -1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds !h-4 !w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "Close" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn("flex flex-1 flex-col space-y-1 mt-1", className),
+          ...props
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds ml-auto flex items-start", children: extraActions })
+  ] });
+};
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn(
+      "text-base font-semibold text-drawer-header-title",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DrawerDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-sm text-drawer-header-description", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+var Breadcrumb = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "transition-colors hover:text-breadcrumb-text-hover",
+        className
+      ),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Ellipsis, { className: "nebula-ds h-3 w-3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+var Switch = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitives__namespace.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__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.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__namespace.Root.displayName;
+var Tooltip = React8__namespace.forwardRef(
+  ({
+    children,
+    content: content2,
+    sideOffset = 4,
+    side = "top",
+    align = "center",
+    portal = false,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = portal ? TooltipPrimitive__namespace.Portal : React8__namespace.Fragment;
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        TooltipPrimitive__namespace.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__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.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.
+   *)
+*/
+
+exports.Alert = Alert;
+exports.AlertButton = AlertButton;
+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.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertTitle = AlertTitle;
+exports.Async = StyledAsync;
+exports.AsyncCreatable = StyledAsyncCreatable;
+exports.Badge = Badge;
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+exports.Button = Button;
+exports.Checkbox = Checkbox;
+exports.Creatable = StyledCreatable;
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+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.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.InputText = InputText;
+exports.Label = Label;
+exports.NebulaI18nProvider = NebulaI18nProvider;
+exports.Pagination = Pagination;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Select = StyledSelect;
+exports.Separator = Separator2;
+exports.Space = Space;
+exports.SpaceDirectionEnum = SpaceDirectionEnum;
+exports.SpaceSizeEnum = SpaceSizeEnum;
+exports.Switch = Switch;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Tag = Tag;
+exports.Tooltip = Tooltip;
+exports.alertVariants = alertVariants;
+exports.badgeSizeEnum = badgeSizeEnum;
+exports.badgeVariantEnum = badgeVariantEnum;
+exports.buttonSizeEnum = buttonSizeEnum;
+exports.buttonVariantEnum = buttonVariantEnum;
+exports.buttonVariantsConfig = buttonVariantsConfig;
+exports.getNebulaLanguage = getNebulaLanguage;
+exports.messages = messages7;
+exports.separatorVariants = separatorVariants;
+exports.setNebulaLanguage = setNebulaLanguage;
+exports.tagVariantsEnum = tagVariantsEnum;
+exports.tailwind = tailwind;
+exports.useNebulaI18n = useNebulaI18n;