'use strict';

var DialogPrimitive = require('@radix-ui/react-dialog');
var React2 = require('react');
var react = require('@tw-classed/react');
var clsx6 = require('clsx');
var tailwindMerge = require('tailwind-merge');
var lodashEs = require('lodash-es');
var core = require('@tw-classed/core');
var createVariatGroupTransfomer = require('tailwind-group-variant');
var jsxRuntime = require('react/jsx-runtime');
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
var AutoSizer = require('react-virtualized-auto-sizer');
var dotDiver = require('@clickbar/dot-diver');
var flattenColorPaletteImport = require('tailwindcss/lib/util/flattenColorPalette');
var tailwindColors = require('tailwindcss/colors');
var solid = require('@heroicons/react/24/solid');

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 DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
var clsx6__default = /*#__PURE__*/_interopDefault(clsx6);
var createVariatGroupTransfomer__default = /*#__PURE__*/_interopDefault(createVariatGroupTransfomer);
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
var AutoSizer__default = /*#__PURE__*/_interopDefault(AutoSizer);
var flattenColorPaletteImport__default = /*#__PURE__*/_interopDefault(flattenColorPaletteImport);
var tailwindColors__default = /*#__PURE__*/_interopDefault(tailwindColors);

var __defProp = Object.defineProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};

// src/components/Dialog/Dialog.tsx
var Dialog_exports = {};
__export(Dialog_exports, {
  BodySection: () => BodySection,
  Button: () => Button2,
  CancelButton: () => CancelButton,
  Close: () => Close2,
  CloseIcon: () => CloseIcon,
  Content: () => Content2,
  Description: () => Description2,
  FooterSection: () => FooterSection2,
  Root: () => Root4,
  Title: () => Title2,
  TitleSection: () => TitleSection,
  Trigger: () => Trigger2,
  TriggerButton: () => TriggerButton
});
var sizeVariants = {
  width: {
    xs: clsx6__default.default("w-28"),
    sm: clsx6__default.default("w-34"),
    md: clsx6__default.default("w-40"),
    lg: clsx6__default.default("w-48")
  },
  height: {
    xs: clsx6__default.default("h-28"),
    sm: clsx6__default.default("h-34"),
    md: clsx6__default.default("h-40"),
    lg: clsx6__default.default("h-48")
  },
  inlineWidth: {
    xs: clsx6__default.default("w-16 text-xs"),
    sm: clsx6__default.default("w-20 text-xs"),
    md: clsx6__default.default("w-22 text-xs"),
    lg: clsx6__default.default("w-26 text-xs")
  },
  inlineHeight: {
    xs: clsx6__default.default("h-16 text-xs"),
    sm: clsx6__default.default("h-20 text-xs"),
    md: clsx6__default.default("h-22 text-xs"),
    lg: clsx6__default.default("h-26 text-xs")
  },
  textSize: {
    xs: "text-xs",
    sm: "text-sm",
    md: "text-md",
    lg: "text-lg"
  },
  lineHeight: {
    xs: "leading-xs",
    sm: "leading-sm",
    md: "leading-md",
    lg: "leading-lg"
  },
  paddingY: {
    xs: "py-4",
    sm: "py-6",
    md: "py-8",
    lg: "py-10"
  },
  paddingX: {
    xs: clsx6__default.default("px-4"),
    sm: clsx6__default.default("px-6"),
    md: clsx6__default.default("px-8"),
    lg: clsx6__default.default("px-10")
  },
  extraPaddingX: {
    xs: clsx6__default.default("px-14"),
    sm: clsx6__default.default("px-16"),
    md: clsx6__default.default("px-18"),
    lg: clsx6__default.default("px-20")
  }
};
var twMerge = tailwindMerge.extendTailwindMerge({
  classGroups: {
    "font-size": [
      {
        // Fixes incorect merging of text size
        text: ["h1", "h2", "h3", "h4", "h5", "h6"]
      }
    ]
  }
});
var { classed } = react.createClassed({ merger: twMerge });
core.createClassed({ merger: twMerge });
var classedVariantMap = (variantMap) => variantMap;
function generateCompoundVariants(compoundVariantPropMap) {
  const { commonVariantProps, compoundVariantMapLists } = lodashEs.transform(
    compoundVariantPropMap,
    (result, value, key) => {
      if (typeof value === "boolean" || typeof value === "string") {
        result.commonVariantProps[key] = value;
        return result;
      }
      const compoundVariantMapList = lodashEs.map(value, (className, variantMapKey) => ({
        [key]: variantMapKey,
        class: className
      }));
      result.compoundVariantMapLists.push(compoundVariantMapList);
      return result;
    },
    {
      commonVariantProps: {},
      compoundVariantMapLists: []
    }
  );
  return compoundVariantMapLists.flat().map(({ class: cls, ...props }) => {
    return {
      ...commonVariantProps,
      class: twMerge(cls, compoundVariantPropMap.className),
      ...props
    };
  });
}

// src/utils/notEmpty.ts
function notEmpty(value) {
  return value !== null && value !== void 0;
}

// src/utils/classed/expandVariant.ts
var expandVariant = createVariatGroupTransfomer__default.default({});
function mergeVariants(variants, overrides) {
  const variantArray = Array.isArray(variants) ? variants : Object.values(variants);
  const mergerFn = (objectValue, sourceValue) => tailwindMerge.twMerge(`${objectValue || ""}`, `${sourceValue}`);
  const mergedVariants = lodashEs.mergeWith({}, ...[...variantArray, overrides], mergerFn);
  return mergedVariants;
}

// src/styles/input-component.variants.ts
var inputComponentVariants = classedVariantMap({
  size: sizeVariants,
  rounded: {
    roundedLeft: "rounded-r-0 rounded-l-md",
    roundedRight: "rounded-l-0 rounded-r-md",
    rounded: "rounded-md"
  }
});
react.classed("div", {
  variants: {
    orientation: {
      horizontal: "inline-flex flex-row items-center ",
      vertical: "flex flex-col justify-center"
    }
  }
});
var inputComponentWidths = {
  xs: clsx6__default.default("w-168"),
  sm: clsx6__default.default("w-184"),
  md: clsx6__default.default("w-216"),
  lg: clsx6__default.default("w-400")
};
var inputComponentMinWidths = {
  none: "",
  xs: clsx6__default.default("min-w-[168px]"),
  sm: clsx6__default.default("min-w-[184px]"),
  md: clsx6__default.default("min-w-[216px]"),
  lg: clsx6__default.default("min-w-[400px]")
};
react.classed("div", {
  variants: {
    size: {
      xs: "",
      sm: "",
      md: "",
      lg: ""
    },
    minWidth: inputComponentMinWidths,
    width: {
      autoWidth: "w-auto",
      fullWidth: "!w-full",
      fixedWidth: ""
    }
  },
  defaultVariants: {
    width: "fixedWidth",
    size: "md"
  },
  compoundVariants: [
    { size: "xs", width: "fixedWidth", class: inputComponentWidths.xs },
    { size: "sm", width: "fixedWidth", class: inputComponentWidths.sm },
    { size: "md", width: "fixedWidth", class: inputComponentWidths.md },
    { size: "lg", width: "fixedWidth", class: inputComponentWidths.lg }
  ]
});
var inputSizeVariants = mergeVariants([
  inputComponentVariants.size.lineHeight,
  inputComponentVariants.size.paddingX,
  inputComponentVariants.size.paddingY,
  inputComponentVariants.size.textSize
]);
react.classed("div", "inline-flex", {
  variants: {
    size: inputSizeVariants
  }
});
var headingTextSize = {
  h1: clsx6__default.default("text-h1"),
  h2: clsx6__default.default("text-h2"),
  h3: clsx6__default.default("text-h3"),
  h4: clsx6__default.default("text-h4"),
  h5: clsx6__default.default("text-h5"),
  h6: clsx6__default.default("text-h6")
};
var textSize = {
  xs: clsx6__default.default("text-xs"),
  sm: clsx6__default.default("text-sm"),
  md: clsx6__default.default("text-md"),
  lg: clsx6__default.default("text-lg")
};
var textVariants = {
  fontWeight: {
    regular: clsx6__default.default("font-regular"),
    medium: clsx6__default.default("font-medium"),
    bold: clsx6__default.default("font-bold")
  },
  size: {
    ...textSize,
    ...headingTextSize
  },
  font: {
    body: "font-body",
    heading: "font-heading",
    mono: "font-mono"
  },
  leading: {
    none: clsx6__default.default("leading-none"),
    xs: clsx6__default.default("leading-xs"),
    sm: clsx6__default.default("leading-sm"),
    md: clsx6__default.default("leading-md"),
    lg: clsx6__default.default("leading-lg"),
    h1: clsx6__default.default("leading-h1"),
    h2: clsx6__default.default("leading-h2"),
    h3: clsx6__default.default("leading-h3"),
    h4: clsx6__default.default("leading-h4"),
    h5: clsx6__default.default("leading-h5"),
    h6: clsx6__default.default("leading-h6")
  },
  spaceY: {
    xs: clsx6__default.default("space-y-4"),
    sm: clsx6__default.default("space-y-6"),
    md: clsx6__default.default("space-y-8"),
    lg: clsx6__default.default("space-y-16")
  },
  spaceX: {
    xs: clsx6__default.default("space-x-4"),
    sm: clsx6__default.default("space-x-6"),
    md: clsx6__default.default("space-x-8"),
    lg: clsx6__default.default("space-x-16")
  },
  color: {
    inherit: clsx6__default.default("text-inherit"),
    current: clsx6__default.default("text-current"),
    tint: clsx6__default.default("text-content-tint"),
    ghost: clsx6__default.default("text-content-ghost"),
    subtle: clsx6__default.default("text-content-subtle"),
    medium: clsx6__default.default("text-content"),
    weak: clsx6__default.default("text-content-weak"),
    moderate: clsx6__default.default("text-content-moderate"),
    high: clsx6__default.default("text-content-high"),
    intense: clsx6__default.default("text-content-intense"),
    strong: clsx6__default.default("text-content-intense"),
    inverse: clsx6__default.default("text-inverse"),
    danger: clsx6__default.default("text-danger")
  },
  align: {
    center: clsx6__default.default("text-center"),
    right: clsx6__default.default("text-right"),
    left: clsx6__default.default("text-left"),
    start: clsx6__default.default("text-left"),
    end: clsx6__default.default("text-end")
  },
  maxLines: {
    1: "line-clamp-1",
    2: "line-clamp-2",
    3: "line-clamp-3",
    4: "line-clamp-4",
    5: "line-clamp-5",
    6: "line-clamp-6"
  }
};

// src/components/Button/Button.styles.tsx
var buttonVariants = {
  variants: {
    loading: {
      true: "cursor-default"
    },
    cursorPointer: {
      false: "cursor-auto"
    },
    size: mergeVariants(
      [inputComponentVariants.size.paddingX, inputComponentVariants.size.paddingY],
      {
        xs: "text-xs px-6",
        sm: "text-sm",
        md: "text-sm",
        lg: "text-sm"
      }
    ),
    fontWeight: textVariants.fontWeight,
    noWrap: {
      true: "whitespace-nowrap"
    },
    inline: {
      true: "inline"
    },
    justify: {
      center: "justify-center",
      start: "justify-start",
      end: "justify-end"
    },
    fullWidth: {
      true: "w-full"
    },
    hoverable: {
      true: ""
    },
    variant: {
      filled: "",
      outlined: "ring-[1.35px] ring-inset",
      glass: "",
      text: "",
      ghost: ""
    },
    rounded: {
      sm: clsx6__default.default("rounded "),
      default: clsx6__default.default("rounded"),
      true: "rounded-full"
    },
    gradient: {
      true: ""
    },
    coloredShadow: {
      true: ""
    },
    extraRoundedPadding: {
      true: ""
    },
    color: {
      primary: "",
      secondary: "",
      surface: "",
      inverse: "",
      info: "",
      success: "",
      danger: "",
      caution: "",
      heart: ""
    },
    hoverBackgroundColor: {
      primary: "",
      secondary: "",
      inverse: "",
      info: "",
      success: "",
      danger: "",
      caution: "",
      heart: ""
    },
    backgroundNoise: {
      true: "noisy-surface-texture"
    },
    gap: {
      true: ""
    }
  },
  compoundVariants: [
    ...generateCompoundVariants({
      gap: true,
      size: {
        xs: clsx6__default.default("gap-4"),
        sm: clsx6__default.default("gap-6"),
        md: clsx6__default.default("gap-6"),
        lg: clsx6__default.default("gap-6")
      }
    }),
    ...generateCompoundVariants({
      variant: "filled",
      color: {
        primary: "filled-accent-primary",
        secondary: "filled-accent-secondary",
        inverse: "filled-accent-inverse",
        heart: "filled-accent-heart",
        info: "filled-accent-info",
        success: "filled-accent-success",
        danger: "filled-accent-danger",
        caution: "filled-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "filled",
      hoverable: true,
      color: {
        primary: "filled-hover-accent-primary",
        secondary: "filled-hover-accent-secondary",
        inverse: "filled-hover-accent-inverse",
        heart: "filled-hover-accent-heart",
        info: "filled-hover-accent-info",
        success: "filled-hover-accent-success",
        danger: "filled-hover-accent-danger",
        caution: "filled-hover-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "filled",
      hoverBackgroundColor: {
        primary: "filled-hover-accent-primary",
        secondary: "filled-hover-accent-secondary",
        inverse: "filled-hover-accent-inverse",
        heart: "filled-hover-accent-heart",
        info: "filled-hover-accent-info",
        success: "filled-hover-accent-success",
        danger: "filled-hover-accent-danger",
        caution: "filled-hover-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "glass",
      hoverBackgroundColor: {
        primary: "hover:glass-accent-primary",
        secondary: "hover:glass-accent-secondary",
        inverse: "hover:glass-accent-inverse",
        heart: "hover:glass-accent-heart",
        info: "hover:glass-accent-info",
        success: "hover:glass-accent-success",
        danger: "hover:glass-accent-danger",
        caution: "hover:glass-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "glass",
      className: "overflow-hidden",
      color: {
        primary: "glass-accent-primary",
        secondary: "glass-accent-secondary",
        inverse: "glass-accent-inverse",
        heart: "glass-accent-heart",
        info: "glass-accent-info",
        success: "glass-accent-success",
        danger: "glass-accent-danger",
        caution: "glass-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "ghost",
      className: "overflow-hidden bg-transparent",
      color: {
        primary: "ghost-accent-primary",
        secondary: "ghost-accent-secondary",
        inverse: "ghost-accent-inverse",
        heart: "ghost-accent-heart",
        info: "ghost-accent-info",
        success: "ghost-accent-success",
        danger: "ghost-accent-danger",
        caution: "ghost-accent-caution"
      }
    }),
    ...generateCompoundVariants({
      variant: "outlined",
      className: "overflow-hidden z-0 bg-surface-soft",
      color: {
        primary: "ring-boundary-weak",
        secondary: "ring-boundary-weak",
        inverse: "text-inverse ring-inverse",
        heart: "text-heart ring-heart",
        info: "text-info ring-info",
        success: "text-success ring-success",
        danger: "text-danger ring-danger",
        caution: "text-caution ring-caution"
      }
    }),
    // Colored Shadow
    ...generateCompoundVariants({
      coloredShadow: true,
      className: clsx6__default.default("shadow-lg "),
      color: {
        primary: "shadow-primary/70",
        secondary: "shadow-secondary/70",
        inverse: "shadow-inverse/70",
        heart: "shadow-heart/70",
        info: "shadow-info/70",
        success: "shadow-success/70",
        danger: "shadow-danger/70",
        caution: "shadow-caution/70"
      }
    }),
    // Gradient
    ...generateCompoundVariants({
      gradient: true,
      variant: "filled",
      className: clsx6__default.default("border-none transition-all hover:brightness-[1.05]"),
      color: {
        primary: clsx6__default.default("bg-gradient-primary-dark-to-light-tr"),
        secondary: clsx6__default.default("bg-gradient-secondary-dark-to-light-tr"),
        inverse: clsx6__default.default("bg-gradient-inverse-dark-to-light-tr"),
        heart: clsx6__default.default("bg-gradient-heart-dark-to-light-tr"),
        info: clsx6__default.default("bg-gradient-info-dark-to-light-tr"),
        success: clsx6__default.default("bg-gradient-success-dark-to-light-tr"),
        danger: clsx6__default.default("bg-gradient-danger-dark-to-light-tr"),
        caution: clsx6__default.default("bg-gradient-caution-dark-to-light-tr")
      }
    }),
    // Extra Padding X
    ...generateCompoundVariants({
      rounded: true,
      extraRoundedPadding: true,
      size: sizeVariants.extraPaddingX
    })
  ]
};
var ButtonElement = classed.button(
  "inline-flex font-medium items-center justify-center select-none align-middle",
  "disabled:text-content-tint disabled:cursor-default disabled:pointer-events-none relative",
  "transition-colors duration-100",
  "box-border",
  "shrink-0",
  {
    defaultVariants: {
      size: "md",
      rounded: "default",
      noWrap: true,
      fontWeight: "medium",
      hoverable: true,
      color: "primary",
      justify: "center",
      variant: "filled",
      extraRoundedPadding: true,
      gap: true
    },
    variants: buttonVariants.variants,
    compoundVariants: buttonVariants.compoundVariants
  }
);
var InlineButtonIconElement = classed("span", "flex items-center justify-center", {
  variants: {
    size: {
      xs: "h-12 w-12",
      sm: "h-14 w-14",
      md: "h-16 w-16",
      lg: "h-18 w-18"
    },
    offset: {
      right: "-mr-6",
      left: "-ml-6"
    }
  },
  defaultVariants: { size: "md" }
});
var InlineButtonIcon = ({
  offset,
  position,
  size,
  icon,
  className
}) => {
  return Boolean(className || icon) ? /* @__PURE__ */ jsxRuntime.jsx(
    InlineButtonIconElement,
    {
      size,
      className,
      offset: offset ? position : void 0,
      children: icon
    }
  ) : null;
};
var ButtonComponent = React2.forwardRef(
  ({
    size = "md",
    startIcon,
    endIcon,
    startIconClassName,
    endIconClassName,
    children,
    variant = "filled",
    color = "primary",
    rounded,
    extraRoundedPadding: extraRoundedPaddingProp,
    ...props
  }, ref) => {
    function getExtraRoundedPaddingProp() {
      if (extraRoundedPaddingProp)
        return extraRoundedPaddingProp;
      if (variant === "ghost" || variant === "text")
        return false;
      return true;
    }
    const extraRoundedPadding = getExtraRoundedPaddingProp();
    const inlineButtonIconProps = {
      size,
      offset: Boolean(rounded && extraRoundedPadding)
    };
    return /* @__PURE__ */ jsxRuntime.jsxs(
      ButtonElement,
      {
        variant,
        color,
        extraRoundedPadding,
        rounded,
        size,
        ...props,
        ref,
        children: [
          /* @__PURE__ */ jsxRuntime.jsx(
            InlineButtonIcon,
            {
              position: "left",
              icon: startIcon,
              className: startIconClassName,
              ...inlineButtonIconProps
            }
          ),
          children,
          /* @__PURE__ */ jsxRuntime.jsx(
            InlineButtonIcon,
            {
              position: "right",
              icon: endIcon,
              className: endIconClassName,
              ...inlineButtonIconProps
            }
          )
        ]
      }
    );
  }
);
var Button = react.deriveClassed((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ButtonComponent, { ...props, ref }));
var PaperElementBackground = classed("div", "border-highlight-subtle", {
  variants: {
    border: {
      true: "border-2",
      thin: "border"
    },
    hoverHighlight: {
      true: "hover:bg-surface-dark"
    },
    shadow: {
      true: "shadow-xl"
    }
  }
});
var PaperElement = classed(
  "div",
  PaperElementBackground,
  "relative",
  "bg-surface",
  "text-left text-content p-16 rounded",
  {
    variants: {
      padding: {
        true: "",
        false: "p-0"
      },
      overflow: {
        visible: "overflow-visible",
        hidden: "overflow-hidden"
      },
      transparent: {
        true: "bg-transparent"
      },
      rounded: {
        true: "",
        false: "rounded-none"
      },
      cursorPointer: {
        true: "cursor-pointer"
      },
      texture: {
        noise: "noisy-surface-texture conic-gradient"
      },
      loading: {
        true: clsx6__default.default("")
      },
      fullHeight: {
        true: "h-full"
      },
      fullWidth: {
        true: "w-full"
      }
    },
    defaultVariants: {
      overflow: "hidden",
      rounded: true,
      padding: true
    }
  }
);
var positionVariants = {
  "top-center": "-translate-y-1/2 translate-x-1/2 right-1/2",
  "top-left": "-translate-y-1/2 -translate-x-1/2 right-auto top-0 left-0",
  "top-right": "-translate-y-1/2 translate-x-1/2 left-auto top-0 right-0",
  "middle-center": "-translate-y-1/2 -translate-x-1/2 top-2/4 left-1/2",
  "middle-left": "-translate-y-1/2 -translate-x-1/2 right-auto left-0 top-2/4",
  "middle-right": "-translate-y-1/2 translate-x-1/2 left-auto right-0 top-2/4",
  "bottom-center": "translate-y-1/2 translate-x-1/2 bottom-0 right-1/2",
  "bottom-left": "translate-y-1/2 -translate-x-1/2 right-auto bottom-0 left-0",
  "bottom-right": "translate-y-1/2 translate-x-1/2 left-auto bottom-0 right-0"
};
lodashEs.mapValues(
  positionVariants,
  (className) => clsx6__default.default(className, "absolute")
);
var PositionElement = classed("div", "absolute", {
  variants: {
    position: positionVariants
  }
});
var Position = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(PositionElement, { ...props });
};
var SpinnerSvg = ({ ...props }) => {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", children: /* @__PURE__ */ jsxRuntime.jsxs(
    "svg",
    {
      "aria-hidden": "true",
      viewBox: "0 0 100 101",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg",
      height: "100%",
      width: "100%",
      className: "fill-current text-current",
      ...props,
      children: [
        /* @__PURE__ */ jsxRuntime.jsx(
          "path",
          {
            d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
            fill: "currentColor"
          }
        ),
        /* @__PURE__ */ jsxRuntime.jsx(
          "path",
          {
            d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
            fill: "currentFill"
          }
        )
      ]
    }
  ) });
};
var SpinnerElement = classed(
  SpinnerSvg,
  "w-8 h-8 text-highlight animate-spin fill-primary-light",
  {
    variants: {
      size: mergeVariants([sizeVariants.inlineWidth, sizeVariants.inlineHeight]),
      position: positionVariants,
      autoSize: {
        true: "h-auto w-auto"
      }
      // color: colorVariants.fill,
    },
    defaultVariants: {
      size: "md"
    }
  }
);
var Spinner = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(SpinnerElement, { ...props });
};
function Wrap({
  children,
  if: conditionProp,
  wrap: wrapper,
  fallback
}) {
  const fallbackWrapperFn = fallback ?? ((c) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: c }));
  if (!Boolean(conditionProp))
    return fallbackWrapperFn(children);
  const getCondition = () => {
    if (typeof conditionProp === "object") {
      return lodashEs.findKey(conditionProp, (e) => Boolean(e));
    }
    return conditionProp;
  };
  const condition = getCondition();
  const getWrapperFn = () => {
    if (typeof wrapper === "function")
      return wrapper;
    if (typeof wrapper === "object" && typeof condition === "string" && condition in wrapper) {
      return wrapper[condition];
    }
    return fallbackWrapperFn;
  };
  const wrapperFn = getWrapperFn();
  if (typeof condition === "boolean") {
    return Boolean(condition) ? wrapperFn(children) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
  }
  return wrapperFn(children);
}
var Paper = ({
  onClick,
  loading,
  children,
  hideChildrenWhileLoading,
  colorScheme = "default",
  padding,
  ...props
}) => {
  const as = onClick ? "button" : "div";
  return /* @__PURE__ */ jsxRuntime.jsxs(
    PaperElement,
    {
      "data-color-scheme": colorScheme,
      as,
      onClick,
      loading,
      padding,
      ...props,
      children: [
        /* @__PURE__ */ jsxRuntime.jsx(
          Wrap,
          {
            if: hideChildrenWhileLoading,
            wrap: (c) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx6__default.default({ invisible: loading }), children: c }),
            children
          }
        ),
        loading && /* @__PURE__ */ jsxRuntime.jsx(Position, { position: "middle-center", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) })
      ]
    }
  );
};

// src/components/ScrollViewport/ScrollViewport.tsx
var ScrollViewport_exports = {};
__export(ScrollViewport_exports, {
  Container: () => Container,
  FooterSection: () => FooterSection,
  HeaderSection: () => HeaderSection,
  ScrollArea: () => ScrollArea,
  ScrollAreaContainer: () => ScrollAreaContainer,
  ScrollAreaViewport: () => ScrollAreaViewport
});
var ScrollBarElement = classed(
  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
  "flex touch-none select-none transition-colors relative z-30",
  {
    variants: {
      orientation: {
        vertical: "h-full w-12 border-l border-l-transparent p-[1.5px] animate-slide-left-fade",
        horizontal: "h-8 border-t border-t-transparent p-[1.5px] animate-slide-up-fade"
      }
    },
    defaultVariants: {
      orientation: "vertical"
    }
  }
);
var ScrolllBarThumbElement = classed(
  ScrollAreaPrimitive__namespace.ScrollAreaThumb,
  "bg-content-ghost relative flex-1 rounded-full overflow-hidden backdrop-contrast-100 min-h-[44px] transition-[height] will-change-[height]"
);
var ScrollBar = React2__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ScrollBarElement, { ref, orientation, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ScrolllBarThumbElement, {}) }));
ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;

// src/utils/environment-utils.ts
function isClientSide() {
  return typeof window !== "undefined";
}
function isDevelopment() {
  if (typeof window === "undefined" && typeof process !== "undefined" && process.env.NODE_ENV === "development") {
    return true;
  }
  if (typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1")) {
    return true;
  }
  return false;
}
function getByPath(object, path, _maxDepth) {
  return dotDiver.getByPath(object, path);
}

// src/utils/objectMap.ts
function objectMap(obj, fn) {
  return Object.fromEntries(
    Object.entries(obj).map(([k, v], index) => fn({ key: k, value: v, index, get: getByPath })).filter(notEmpty)
  );
}

// src/utils/pickProps.ts
var NO_DEFAULT_VALUE = "_pick_";
function pickProps(props, pickedProps, options) {
  const { shouldValidatePickProp = true } = options ?? {};
  const entries = Object.entries(pickedProps).map(([path, defaultValue]) => {
    const prop = lodashEs.get(props, path);
    if (defaultValue === NO_DEFAULT_VALUE) {
      return [path, prop];
    }
    if (shouldValidatePickProp) {
      validatePickProp(defaultValue, pickedProps);
    }
    return [path, prop ?? defaultValue];
  });
  return Object.fromEntries(entries);
}
function validatePickProp(input, pickedProps) {
  if (isDevelopment()) {
    const startsWith = ["_p", "pick"];
    const isLikelyTypo = typeof input === "string" && startsWith.some((typo) => input.startsWith(typo));
    if (isLikelyTypo) {
      const functionName = "`pickProps`";
      throw new Error(`
      Error thrown from ${functionName}
      
      A possible typo was detected in the arguments passed to the ${functionName} function.

      Expected value: "${NO_DEFAULT_VALUE}"

      Received value: "${input}" \u274C

      ${JSON.stringify(
        objectMap(pickedProps, ({ key, value }) => [
          key,
          value === input ? `${value} \u274C` : value
        ]),
        null,
        2
      )}
 
      If this is intended, add \`shouldValidatePickProp: true\` to the options.

      Note: This error is thrown only during development.

      `);
    }
  }
}
var ScrollAreaContainer = ({
  scrollAreaClassName,
  autoSizerClassName,
  ...props
}) => {
  const scrollAreaProps = pickProps(props, {
    asChild: "_pick_",
    dir: "_pick_",
    scrollHideDelay: "_pick_",
    type: "_pick_"
  });
  const autoSizerProps = pickProps(props, {
    defaultHeight: "_pick_",
    defaultWidth: "_pick_",
    disableHeight: "_pick_",
    disableWidth: "_pick_"
  });
  const { children, className, ...rest } = lodashEs.omit(props, [
    ...Object.keys(scrollAreaProps),
    ...Object.keys(autoSizerProps)
  ]);
  return /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaContainerElement, { className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
    AutoSizer__default.default,
    {
      className: tailwindMerge.twMerge(
        "bg-inherit rounded-[inherit] rounded-b-[inherit] rounded-t-[inherit]",
        autoSizerClassName
      ),
      ...autoSizerProps,
      children: ({ width, height }) => /* @__PURE__ */ jsxRuntime.jsxs(
        ScrollAreaPrimitive__namespace.Root,
        {
          className: tailwindMerge.twMerge("bg-inherit", scrollAreaClassName),
          ...scrollAreaProps,
          style: { width, height, overflow: "hidden" },
          children: [
            children,
            /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
            /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
          ]
        }
      )
    }
  ) });
};
var ScrollAreaContainerElement = classed("div", "w-full  bg-inherit", {
  variants: {
    grow: {
      true: "!grow",
      false: "!grow"
    }
  },
  defaultVariants: {
    grow: true
  }
});
var ScrollArea = React2.forwardRef(
  ({ children, ...props }, forwardedRef) => {
    return /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaPrimitive__namespace.Root, { ...props, className: "overflow-hidden grow", children: [
      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full", ref: forwardedRef, children }),
      /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {})
    ] });
  }
);
var ScrollAreaViewport = classed(ScrollAreaPrimitive__namespace.Viewport, "w-full h-full");
var Container = classed("div", "grow flex flex-col");
var HeaderSection = classed("div", "shrink-0");
var FooterSection = classed("div", "shrink-0");

// src/components/Card/Card.styles.tsx
classed(
  Paper,
  ScrollViewport_exports.Container,
  "rounded-md group max-h-400 h-full"
);
var CardTitleSectionElement = classed(
  ScrollViewport_exports.HeaderSection,
  "pb-8",
  "relative w-full",
  "text-content-high",
  "flex justify-between items-center",
  "border-b border-boundary-tint/5",
  expandVariant(`
  group-data-antribute-card-padding-none:(px-10,border-highlight-weak,pt-8)
  
  `),
  {
    variants: {}
  }
);
var CardBodySectionElement = classed(
  "div",
  "w-full pt-8 mb-8",
  "font-body",
  "text-content-moderate",
  "flex flex-col gap-16 px-",
  expandVariant(`

  group-data-antribute-card-padding-none:(px-10,mb-0)`),
  {
    variants: {}
  }
);
var CardFooterSectionElement = classed(
  ScrollViewport_exports.FooterSection,
  "flex flex-wrap shrink-0 mt-auto",
  "justify-end items-center gap-8 gap-y-6 pt-8 px-4 border-t border-highlight",
  expandVariant(`
  group-data-antribute-card-padding:(px-16)
  group-data-antribute-card-padding-none:(px-10,pb-8)`),
  {
    variants: {}
  }
);
var CardTitleElement = classed(
  "h6",
  "flex-grow",
  "text-md font-heading !font-bold text-content-intense",
  {
    variants: {}
  }
);
classed(
  "div",
  "group-surface-neutral:text-content-inverse",
  {
    variants: {}
  }
);
classed("div", "flex items-center flex-wrap gap-8", {
  variants: {
    grow: {
      true: "flex-grow"
    }
  }
});

// src/components/Dialog/Dialog.styles.tsx
var DialogContentElement = classed(
  DialogPrimitive__namespace.Content,
  PaperElement,
  "fixed z-50",
  "w-[95vw] rounded-lg md:w-full",
  "top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]",
  "bg-surface",
  "border-boundary-subtle dark:border-boundary-inverse-subtle",
  "shadow-2xl dark:shadow-white/5",
  "focus:ring-boundary-subtle dark:focus:ring-boundary-inverse-subtle",
  {
    variants: {
      maxWidth: {
        auto: "max-w-auto",
        sm: "max-w-screen-sm",
        md: "max-w-screen-md",
        lg: "max-w-screen-lg"
      }
    },
    defaultVariants: {
      maxWidth: "md"
    }
  }
);
var DialogOverlayElement = classed(
  DialogPrimitive__namespace.Overlay,
  "fixed inset-0 z-20 bg-palette-black/50",
  {
    variants: {}
  }
);
classed(CardTitleElement);
var DialogDescriptionElement = classed(
  DialogPrimitive__namespace.Description,
  "text-md font-body text-content-moderate",
  {
    variants: {}
  }
);
var DialogTitleSectionElement = classed(DialogPrimitive__namespace.Title, CardTitleSectionElement);
var DialogBodyElement = classed("div", CardBodySectionElement);
var DialogFooterElement = classed(DialogPrimitive__namespace.Description, CardFooterSectionElement);
var DialogTitleElement = classed(DialogPrimitive__namespace.Title, CardTitleElement);
classed(
  "button",
  "inline-flex absolute right-0 h-20 w-20 shrink-0 items-center justify-center rounded-full text-sm transition-all ring-0  focus:outline-none focus:ring-0 text-content-weak",
  {
    variants: {}
  }
);

// src/config/colors/helpers/generateColorGroup.ts
function generateColorGroup(colorGroup) {
  return (props) => {
    const resolvedColorEntries = Object.entries(props).map(([k, v]) => {
      const val = colorGroup[v];
      return [k, val];
    });
    return {
      ...Object.fromEntries(resolvedColorEntries),
      ...colorGroup
    };
  };
}

// src/config/colors/variousColors.ts
var variousColors = {
  "various-blue": generateColorGroup(tailwindColors__default.default.blue)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-emerald": generateColorGroup(tailwindColors__default.default.emerald)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-orange": generateColorGroup(tailwindColors__default.default.orange)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-fuchsia": generateColorGroup(tailwindColors__default.default.fuchsia)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-yellow": generateColorGroup(tailwindColors__default.default.yellow)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-rose": generateColorGroup(tailwindColors__default.default.rose)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-cyan": generateColorGroup(tailwindColors__default.default.cyan)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-violet": generateColorGroup(tailwindColors__default.default.violet)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-teal": generateColorGroup(tailwindColors__default.default.teal)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-pink": generateColorGroup(tailwindColors__default.default.pink)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-lime": generateColorGroup(tailwindColors__default.default.lime)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-gray": generateColorGroup(tailwindColors__default.default.gray)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-neutral": generateColorGroup(tailwindColors__default.default.neutral)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-stone": generateColorGroup(tailwindColors__default.default.stone)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-zinc": generateColorGroup(tailwindColors__default.default.zinc)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  "various-slate": generateColorGroup(tailwindColors__default.default.slate)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  })
};

// src/config/colors/colors.constants.ts
var colorScaleKeys = [
  "50",
  "100",
  "200",
  "300",
  "400",
  "500",
  "600",
  "700",
  "800",
  "900"
];
var hexAlphaCodes = {
  "100": "FF",
  "95": "F2",
  "90": "E6",
  "85": "D9",
  "80": "CC",
  "75": "BF",
  "70": "B3",
  "65": "A6",
  "60": "99",
  "55": "8C",
  "50": "80",
  "45": "73",
  "40": "66",
  "35": "59",
  "30": "4D",
  "25": "40",
  "23": "3B",
  "20": "33",
  "15": "26",
  "12": "1F",
  "10": "1A",
  "9": "17",
  "8": "14",
  "7": "12",
  "6": "0F",
  "5": "0D",
  "4": "0A",
  "3": "08",
  "2": "05",
  "1": "03",
  "0": "00"
};
var hexTransparencyPresetMap = {
  tint: "5",
  ghost: "20",
  subtle: "30",
  weak: "50",
  moderate: "70",
  high: "90",
  strong: "95",
  intense: "100"
};

// src/config/colors/helpers/arrayToColorGroup.ts
function arrayToColorGroup(colorArr) {
  const entries = colorArr.map(
    (color, index) => [colorScaleKeys[index], color]
  );
  return Object.fromEntries(entries);
}

// src/config/colors/helpers/generateHexAlpha.ts
function generateHexAlpha(hexColor, options) {
  const hex = hexColor.slice(0, 7);
  let hexAlphaCode;
  if (typeof options === "string") {
    hexAlphaCode = hexAlphaCodes[hexTransparencyPresetMap[options]];
  } else {
    const transparency = getTransparencyOption(options);
    const transparencyPreset = getTransparencyPresetOption(options);
    const code = transparencyPreset ? hexTransparencyPresetMap[transparencyPreset] : transparency;
    hexAlphaCode = code ? hexAlphaCodes[code] : void 0;
  }
  return `${hex}${hexAlphaCode ?? ""}`;
}
function getTransparencyPresetOption(option) {
  function isPreset(option2) {
    return "transparencyPreset" in option2;
  }
  return isPreset(option) ? option.transparencyPreset : void 0;
}
function getTransparencyOption(option) {
  function isPreset(option2) {
    return "transparency" in option2;
  }
  return isPreset(option) ? option.transparency : void 0;
}

// src/config/colors/helpers/generateHexAlphaColorGroup.ts
function generateHexAlphaColorGroup(hex, alphaOverrides, options) {
  const defaultColorGroup = {
    tint: generateHexAlpha(hex, "tint"),
    ghost: generateHexAlpha(hex, "ghost"),
    subtle: generateHexAlpha(hex, "subtle"),
    weak: generateHexAlpha(hex, "weak"),
    moderate: generateHexAlpha(hex, "moderate"),
    high: generateHexAlpha(hex, "high"),
    strong: generateHexAlpha(hex, "strong"),
    intense: generateHexAlpha(hex, "intense"),
    DEFAULT: hex
  };
  const overrides = Object.fromEntries(
    Object.entries(alphaOverrides ?? {}).map(([key, value]) => {
      if (!value)
        return [key, value];
      const { hexColor, ...hexAlphaOptions } = getHexAlphaOverrideOptions({
        hexColor: hex,
        overrideValue: value
      });
      return [key, generateHexAlpha(hexColor, hexAlphaOptions)];
    })
  );
  const colorGroup = Object.fromEntries(
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    Object.entries({ ...defaultColorGroup, ...overrides }).filter((entry) => Boolean(entry[1])).map(([key, value]) => {
      function getKey() {
        const { prefix } = options ?? {};
        if (!prefix)
          return key;
        if (key === "DEFAULT")
          return prefix;
        return `${prefix}-${key}`;
      }
      return [getKey(), value];
    })
  );
  return colorGroup;
}
function getHexAlphaOverrideOptions({
  hexColor,
  overrideValue
}) {
  if (typeof overrideValue === "string" && overrideValue in hexTransparencyPresetMap) {
    return {
      transparencyPreset: overrideValue,
      hexColor
    };
  }
  if (typeof overrideValue === "string" && overrideValue in hexAlphaCodes) {
    return {
      transparency: overrideValue,
      hexColor
    };
  }
  if (typeof overrideValue === "string") {
    return {
      hexColor: overrideValue
    };
  }
  return {
    hexColor: overrideValue.hexColor ?? hexColor,
    transparencyPreset: getTransparencyPresetOption(overrideValue),
    transparency: getTransparencyOption(overrideValue)
  };
}
function notEmpty2(value) {
  return value !== null && value !== void 0;
}

// src/config/colors/helpers/objectMap.ts
function objectMap2(obj, fn) {
  return Object.fromEntries(
    Object.entries(obj).map(([k, v]) => fn({ key: k, value: v })).filter(notEmpty2)
  );
}

// src/config/colors/colors.ts
var flattenColorPalette = typeof flattenColorPaletteImport__default.default === "function" ? flattenColorPaletteImport__default.default : flattenColorPaletteImport__default.default.default;
var black = "#000000";
var white = "#FFFFFF";
var neutral = generateColorGroup(
  arrayToColorGroup([
    "#f6f7f9",
    "#5e7495",
    "#425571",
    "#46556b",
    "#3d4c62",
    "#324156",
    "#2b374a",
    "#262f3e",
    "#212a38",
    "#1c2532"
  ])
)({
  light: "400",
  DEFAULT: "600",
  dark: "800",
  soft: "100"
});
var contentInverse = generateHexAlphaColorGroup("#e3e5e8", {
  intense: white,
  DEFAULT: "#d2d4d7"
});
var base = {
  DEFAULT: "#F6F6F6",
  inverse: "#0D0E11"
};
var highlightAlphaMap = {
  DEFAULT: "7",
  tint: "2",
  ghost: "4",
  subtle: "7",
  weak: "10",
  moderate: "12",
  high: "15",
  strong: "25",
  intense: "30"
};
var paletteColorsConfig = {
  highlight: generateHexAlphaColorGroup(neutral[500], highlightAlphaMap),
  "highlight-inverse": generateHexAlphaColorGroup(
    variousColors["various-slate"].light,
    highlightAlphaMap
  ),
  white,
  black,
  base,
  neutral,
  heart: generateColorGroup({
    "50": "#fff0fa",
    "100": "#ffe4f7",
    "200": "#ffc9f0",
    "300": "#ff9ce2",
    "400": "#ff5fcc",
    "500": "#ff30b4",
    "600": "#f50d93",
    "700": "#e6007e",
    "800": "#b00460",
    "900": "#920952"
  })({
    DEFAULT: "700",
    dark: "800",
    light: "400",
    soft: "100"
  }),
  info: generateColorGroup(tailwindColors__default.default.cyan)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  caution: generateColorGroup({
    "50": "#ffffea",
    "100": "#fffbc5",
    "200": "#fff885",
    "300": "#ffed46",
    "400": "#ffdf1b",
    "500": "#ffbf00",
    "600": "#e29300",
    "700": "#bb6802",
    "800": "#985008",
    "900": "#7c420b"
  })({ DEFAULT: "500", dark: "600", light: "300", soft: "100" }),
  danger: generateColorGroup({
    "50": "#fff1f2",
    "100": "#ffdfe1",
    "200": "#ffc4c8",
    "300": "#ff9ba2",
    "400": "#ff626e",
    "500": "#ff3140",
    "600": "#f22837",
    "700": "#cb0a18",
    "800": "#a70d18",
    "900": "#8a121b"
  })({ DEFAULT: "500", dark: "700", light: "300", soft: "100" }),
  success: generateColorGroup(tailwindColors__default.default.emerald)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  gray: generateColorGroup(tailwindColors__default.default.gray)({
    DEFAULT: "500",
    dark: "600",
    light: "300",
    soft: "100"
  }),
  content: generateHexAlphaColorGroup("#15181E", {
    DEFAULT: "high",
    ghost: { hexColor: neutral["500"], transparencyPreset: "ghost" }
  }),
  "content-inverse": contentInverse,
  boundary: {
    focus: base.inverse,
    ...generateHexAlphaColorGroup(neutral[300], {
      DEFAULT: "subtle"
    })
  },
  "boundary-inverse": {
    focus: contentInverse.weak,
    ...generateHexAlphaColorGroup(base.DEFAULT, { DEFAULT: "subtle" })
  },
  surface: generateColorGroup(
    arrayToColorGroup([
      "#ffffff",
      "#f5f7f9",
      "#eceff3",
      "#e3e7ed",
      "#dae0e8",
      "#d3dae4",
      "#ccd5e0",
      "#c5d0de",
      "#bfccdb",
      "#b9c8d9"
    ])
  )({ DEFAULT: "50", dark: "400", light: "200", soft: "100" }),
  "surface-inverse": generateColorGroup(
    arrayToColorGroup([
      "#2d3542",
      "#282f3a",
      "#232832",
      "#1e222a",
      "#1a1d23",
      "#181b21",
      "#171a20",
      "#16181e",
      "#14171d",
      "#13151b"
    ])
  )({ DEFAULT: "400", dark: "700", light: "200", soft: "500" }),
  distinct: {
    "1": variousColors["various-blue"].DEFAULT,
    "2": variousColors["various-emerald"].DEFAULT,
    "3": variousColors["various-orange"].DEFAULT,
    "4": variousColors["various-fuchsia"].DEFAULT,
    "5": variousColors["various-yellow"].DEFAULT,
    "6": variousColors["various-rose"].DEFAULT,
    "7": variousColors["various-cyan"].DEFAULT,
    "8": variousColors["various-violet"].DEFAULT,
    "9": variousColors["various-teal"].DEFAULT,
    "10": variousColors["various-pink"].DEFAULT,
    "11": variousColors["various-lime"].DEFAULT,
    "12": variousColors["various-gray"].DEFAULT
  },
  ...variousColors
};
var utilityColorsConfig = {
  inherit: tailwindColors__default.default.inherit,
  current: tailwindColors__default.default.current,
  transparent: tailwindColors__default.default.transparent
};
var colorPalette = {
  ...utilityColorsConfig,
  ...objectMap2(
    flattenColorPalette(paletteColorsConfig),
    ({ key, value }) => {
      return [`palette-${key}`, value];
    }
  )
};

// src/config/colors/helpers/hexToRgb.ts
var hexCharacters = "a-f\\d";
var match3or4Hex = `#?[${hexCharacters}]{3}[${hexCharacters}]?`;
var match6or8Hex = `#?[${hexCharacters}]{6}([${hexCharacters}]{2})?`;
var nonHexChars = new RegExp(`[^#${hexCharacters}]`, "gi");
var validHexSize = new RegExp(`^${match3or4Hex}$|^${match6or8Hex}$`, "i");
function hexRgb(hex, options = {}) {
  if (typeof hex !== "string" || nonHexChars.test(hex) || !validHexSize.test(hex)) {
    throw new TypeError("Expected a valid hex string");
  }
  hex = hex.replace(/^#/, "");
  let alphaFromHex = 1;
  if (hex.length === 8) {
    alphaFromHex = Number.parseInt(hex.slice(6, 8), 16) / 255;
    hex = hex.slice(0, 6);
  }
  if (hex.length === 4) {
    alphaFromHex = Number.parseInt(hex.slice(3, 4).repeat(2), 16) / 255;
    hex = hex.slice(0, 3);
  }
  if (hex.length === 3) {
    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
  }
  const number = Number.parseInt(hex, 16);
  const red = number >> 16;
  const green = number >> 8 & 255;
  const blue = number & 255;
  const alpha = typeof options.alpha === "number" ? options.alpha : alphaFromHex;
  return { red, green, blue, alpha };
}

// src/config/colors/helpers/cssVariables.ts
function getCssColorVariable(str) {
  return `--color-${str}`;
}
function getCssAlphaVariable(str) {
  return `--alpha-${str}`;
}
function getCssVariableValue(cssVariable, alphaCssVariable) {
  if (alphaCssVariable) {
    return `rgb(var(${cssVariable}) / var(${alphaCssVariable}))`;
  }
  return `rgb(var(${cssVariable}) / <alpha-value>)`;
}
function getCssVariableRgb(hex) {
  const { red, green, blue, alpha } = hexRgb(hex);
  return { rgb: `${red} ${green} ${blue}`, alpha };
}

// src/config/colors/color-schemes/schemes/common-scheme.ts
var commonScheme = {
  all: {
    heart: "palette-heart",
    "heart-light": "palette-heart-light",
    "heart-dark": "palette-heart-dark",
    "heart-soft": "palette-heart-soft",
    info: "palette-info",
    "info-light": "palette-info-light",
    "info-dark": "palette-info-dark",
    "info-soft": "palette-info-soft",
    success: "palette-success",
    "success-light": "palette-success-light",
    "success-dark": "palette-success-dark",
    "success-soft": "palette-success-soft",
    danger: "palette-danger",
    "danger-light": "palette-danger-light",
    "danger-dark": "palette-danger-dark",
    "danger-soft": "palette-danger-soft",
    caution: "palette-caution",
    "caution-light": "palette-caution-light",
    "caution-dark": "palette-caution-dark",
    "caution-soft": "palette-caution-soft",
    "primary-content": "palette-content-inverse-intense",
    "secondary-content": "palette-content-inverse-intense"
  },
  lightMode: {
    base: "palette-base",
    boundary: "palette-various-slate-300",
    "boundary-tint": "palette-various-slate-50",
    "boundary-ghost": "palette-various-slate-100",
    "boundary-subtle": "palette-various-slate-200",
    "boundary-weak": "palette-various-slate-300",
    "boundary-moderate": "palette-various-slate-400",
    "boundary-high": "palette-various-slate-500",
    "boundary-strong": "palette-various-slate-600",
    "boundary-intense": "palette-various-slate-700",
    highlight: "palette-highlight",
    "highlight-tint": "palette-highlight-tint",
    "highlight-ghost": "palette-highlight-ghost",
    "highlight-subtle": "palette-highlight-subtle",
    "highlight-weak": "palette-highlight-weak",
    "highlight-moderate": "palette-highlight-moderate",
    "highlight-high": "palette-highlight-high",
    "highlight-strong": "palette-highlight-strong",
    "highlight-intense": "palette-highlight-intense",
    content: "palette-content",
    "content-tint": "palette-content-tint",
    "content-ghost": "palette-content-ghost",
    "content-subtle": "palette-content-subtle",
    "content-weak": "palette-content-weak",
    "content-moderate": "palette-content-moderate",
    "content-high": "palette-content-high",
    "content-strong": "palette-content-strong",
    "content-intense": "palette-content-intense",
    "content-min-contrast": "palette-neutral-light",
    "content-max-contrast": "palette-content-intense",
    "inverse-content-max-contrast": "palette-content-inverse-intense",
    "inverse-content-min-contrast": "palette-neutral-light",
    inverse: "palette-surface-inverse",
    "inverse-light": "palette-surface-inverse-light",
    "inverse-dark": "palette-surface-inverse-dark",
    "inverse-soft": "palette-surface-inverse-soft",
    "primary-content-max-contrast": "palette-content-intense",
    "primary-content-min-contrast": "palette-neutral-light",
    "secondary-content-max-contrast": "palette-content-high",
    "secondary-content-min-contrast": "palette-neutral-300",
    "inverse-content": "palette-content-intense"
  },
  darkMode: {
    base: "palette-base-inverse",
    boundary: "palette-various-zinc-700",
    "boundary-tint": "palette-various-zinc-950",
    "boundary-ghost": "palette-various-zinc-900",
    "boundary-subtle": "palette-various-zinc-800",
    "boundary-weak": "palette-various-zinc-700",
    "boundary-moderate": "palette-various-zinc-600",
    "boundary-high": "palette-various-zinc-500",
    "boundary-intense": "palette-various-zinc-400",
    highlight: "palette-highlight-inverse",
    "highlight-tint": "palette-highlight-inverse-tint",
    "highlight-ghost": "palette-highlight-inverse-ghost",
    "highlight-subtle": "palette-highlight-inverse-subtle",
    "highlight-weak": "palette-highlight-inverse-weak",
    "highlight-moderate": "palette-highlight-inverse-moderate",
    "highlight-high": "palette-highlight-inverse-high",
    "highlight-strong": "palette-highlight-inverse-strong",
    "highlight-intense": "palette-highlight-inverse-intense",
    content: "palette-content-inverse",
    "content-tint": "palette-content-inverse-tint",
    "content-ghost": "palette-content-inverse-ghost",
    "content-subtle": "palette-content-inverse-subtle",
    "content-weak": "palette-content-inverse-weak",
    "content-moderate": "palette-content-inverse-moderate",
    "content-high": "palette-content-inverse-high",
    "content-strong": "palette-content-inverse-strong",
    "content-intense": "palette-content-inverse-intense",
    "content-min-contrast": "palette-neutral-50",
    "content-max-contrast": "palette-content-inverse-intense",
    "inverse-content-max-contrast": "palette-content-intense",
    "inverse-content-min-contrast": "palette-neutral",
    inverse: "palette-surface",
    "inverse-light": "palette-surface-light",
    "inverse-dark": "palette-surface-dark",
    "inverse-soft": "palette-surface-soft",
    "primary-content-max-contrast": "palette-content-inverse-intense",
    "primary-content-min-contrast": "palette-various-slate-300",
    "secondary-content-max-contrast": "palette-content-inverse-high",
    "secondary-content-min-contrast": "palette-various-slate-300",
    "inverse-content": "palette-content-inverse-intense"
  }
};

// src/config/colors/color-schemes/color-schemes.helpers.ts
function resolveColorScheme(scheme) {
  return objectMap2(scheme, ({ key, value }) => {
    const color = colorPalette[value];
    return [key, color];
  });
}
function getExtendedConfig(options) {
  if ("extend" in options)
    return options.extend;
  return void 0;
}
function defineColorScheme(options) {
  const { name, colorMode, scheme } = options;
  const extendedConfig = getExtendedConfig(options);
  const { scheme: extendedScheme } = extendedConfig ?? {};
  const colorModeScheme = (colorMode ?? extendedConfig?.colorMode) === "dark" ? commonScheme.darkMode : commonScheme.lightMode;
  const resolvedScheme = resolveColorScheme({ ...commonScheme.all, ...colorModeScheme, ...scheme });
  return {
    ...extendedConfig,
    name,
    colorMode,
    scheme: { ...extendedScheme, ...resolvedScheme },
    unresolvedScheme: scheme
  };
}
function defineColorSchemes(resolvedSchemeConfigs) {
  const colorSchemes2 = resolvedSchemeConfigs.reduce((acc, cur) => {
    acc[cur.name] = cur.scheme;
    return acc;
  }, {});
  const colorSchemeCssVariableClasses2 = getColorSchemesCssVariableClasses(colorSchemes2);
  const lightDefault = colorSchemes2.default;
  const rootScheme = colorSchemeCssVariableClasses2[":root"];
  const colorSchemeTokens2 = getColorSchemeTokens(lightDefault, rootScheme);
  return {
    colorSchemes: colorSchemes2,
    colorSchemeCssVariableClasses: colorSchemeCssVariableClasses2,
    colorSchemeTokens: colorSchemeTokens2,
    colorSchemeConfigs: resolvedSchemeConfigs
  };
}
function getColorSchemeTokens(scheme, variableMap) {
  return objectMap2(scheme, ({ key: token }) => {
    const cssVariable = getCssColorVariable(token);
    const alphaVariable = getCssAlphaVariable(token);
    return [
      `${token}`,
      getCssVariableValue(cssVariable, alphaVariable in variableMap ? alphaVariable : void 0)
    ];
  });
}
function getColorSchemesCssVariableClasses(colorSchemes2) {
  return Object.fromEntries(
    Object.entries(colorSchemes2).flatMap(([schemeKey, value]) => {
      const cssThemeVariablesMap = Object.fromEntries(
        Object.entries(value).flatMap(([themeToken, hex]) => {
          const colorVariableName = getCssColorVariable(themeToken);
          const alphaVariableName = getCssAlphaVariable(themeToken);
          const { rgb, alpha } = getCssVariableRgb(hex);
          const entries = [[colorVariableName, rgb]];
          if (alpha >= 0 && alpha !== 1) {
            entries.push([alphaVariableName, `${parseFloat(alpha.toFixed(2))}`]);
          }
          return entries;
        })
      );
      return getColorSchemeCssVariableNames(schemeKey).map((cssVariableName) => {
        return [cssVariableName, { color: value.content, ...cssThemeVariablesMap }];
      });
    })
  );
}
function getColorSchemeCssVariableNames(schemeKey) {
  const [mode, ...rest] = schemeKey.split("/");
  const baseSchemeKey = rest.join("/");
  const dataColorSchemeClass = `[data-color-scheme="${schemeKey}"]`;
  const isDarkMode = mode === "dark";
  if (schemeKey === "default") {
    return [":root", dataColorSchemeClass];
  }
  if (schemeKey === "dark/default") {
    return ['[data-mode="dark"]', `[data-mode="dark"] [data-color-scheme="default"]`];
  }
  if (isDarkMode) {
    return [`[data-mode="dark"] [data-color-scheme="${baseSchemeKey}"]`];
  }
  return [dataColorSchemeClass];
}

// src/config/colors/color-schemes/schemes/danger.ts
var dangerScheme = defineColorScheme({
  name: "danger",
  colorMode: "dark",
  scheme: {
    primary: "palette-danger-100",
    "primary-light": "palette-danger-50",
    "primary-soft": "palette-danger-200",
    "primary-dark": "palette-danger-50",
    "primary-content": "palette-danger",
    secondary: "palette-various-rose-800",
    "secondary-dark": "palette-various-rose-900",
    "secondary-light": "palette-various-rose-700",
    "secondary-soft": "palette-various-rose-700",
    "secondary-content": "palette-content-intense",
    surface: "palette-danger-500",
    "surface-soft": "palette-danger-400",
    "surface-light": "palette-danger-300",
    "surface-dark": "palette-danger-600"
  }
});
var danger_default = dangerScheme;

// src/config/colors/color-schemes/schemes/neutral.base.ts
var neutralBaseColors = {
  boundary: "palette-various-slate-600",
  "boundary-tint": "palette-various-slate-900",
  "boundary-ghost": "palette-various-slate-800",
  "boundary-subtle": "palette-various-slate-700",
  "boundary-weak": "palette-various-slate-600",
  "boundary-moderate": "palette-various-slate-500",
  "boundary-high": "palette-various-slate-400",
  "boundary-strong": "palette-various-slate-300",
  "boundary-intense": "palette-various-slate-200",
  surface: "palette-neutral-400",
  "surface-light": "palette-neutral-200",
  "surface-dark": "palette-neutral-dark",
  "surface-soft": "palette-neutral-300",
  primary: "palette-various-slate-400",
  "primary-light": "palette-various-slate-300",
  "primary-dark": "palette-various-slate-500",
  "primary-soft": "palette-various-slate-100",
  secondary: "palette-various-slate-500",
  "secondary-light": "palette-various-slate-400",
  "secondary-dark": "palette-various-slate-600",
  "secondary-soft": "palette-various-slate-400"
};

// src/config/colors/color-schemes/schemes/neutral.ts
var neutral_default = defineColorScheme({
  name: "neutral",
  colorMode: "dark",
  scheme: {
    ...neutralBaseColors,
    surface: "palette-neutral-600",
    "surface-light": "palette-neutral-light",
    "surface-dark": "palette-neutral-dark",
    "surface-soft": "palette-neutral-500",
    secondary: "palette-various-slate-500",
    "secondary-light": "palette-various-slate-400",
    "secondary-dark": "palette-various-slate-600",
    "secondary-soft": "palette-various-slate-400"
  }
});

// src/config/colors/color-schemes/schemes/neutral-dark.ts
var neutral_dark_default = defineColorScheme({
  name: "neutral-dark",
  colorMode: "dark",
  scheme: {
    ...neutralBaseColors,
    surface: "palette-neutral-800",
    "surface-light": "palette-neutral-600",
    "surface-dark": "palette-neutral-900",
    "surface-soft": "palette-neutral-700",
    secondary: "palette-various-slate-500",
    "secondary-light": "palette-various-slate-400",
    "secondary-dark": "palette-various-slate-600",
    "secondary-soft": "palette-various-slate-200"
  }
});

// src/config/colors/color-schemes/schemes/neutral-light.ts
var neutral_light_default = defineColorScheme({
  name: "neutral-light",
  colorMode: "dark",
  scheme: {
    ...neutralBaseColors,
    boundary: "palette-various-slate-500",
    "boundary-tint": "palette-various-slate-800",
    "boundary-ghost": "palette-various-slate-700",
    "boundary-subtle": "palette-various-slate-600",
    "boundary-weak": "palette-various-slate-500",
    "boundary-moderate": "palette-various-slate-400",
    "boundary-high": "palette-various-slate-300",
    "boundary-strong": "palette-various-slate-200",
    "boundary-intense": "palette-various-slate-100",
    surface: "palette-neutral-400",
    "surface-light": "palette-neutral-200",
    "surface-dark": "palette-neutral-dark",
    "surface-soft": "palette-neutral-300",
    secondary: "palette-various-slate-500",
    "secondary-light": "palette-various-slate-400",
    "secondary-dark": "palette-various-slate-600",
    "secondary-soft": "palette-various-slate-400"
  }
});

// src/config/colors/color-schemes/schemes/surface.ts
var surface_default = defineColorScheme({
  name: "surface",
  colorMode: "light",
  scheme: {
    highlight: "palette-highlight",
    "highlight-weak": "palette-highlight-weak",
    "highlight-moderate": "palette-highlight-moderate",
    "highlight-high": "palette-highlight-high",
    "highlight-strong": "palette-highlight-strong",
    surface: "palette-surface",
    "surface-light": "palette-surface-100",
    "surface-dark": "palette-surface-dark",
    "surface-soft": "palette-surface-50",
    primary: "palette-neutral-500",
    "primary-light": "palette-neutral-300",
    "primary-dark": "palette-neutral-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-400",
    "secondary-light": "palette-various-slate-300",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-100"
  }
});

// src/config/colors/color-schemes/schemes/surface.darkmode.ts
var surface_darkmode_default = defineColorScheme({
  name: "dark/surface",
  colorMode: "dark",
  scheme: {
    surface: "palette-surface-inverse",
    "surface-light": "palette-surface-inverse-300",
    "surface-dark": "palette-surface-inverse-500",
    "surface-soft": "palette-surface-inverse-200",
    primary: "palette-various-slate-500",
    "primary-light": "palette-various-slate-400",
    "primary-dark": "palette-various-slate-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-600",
    "secondary-light": "palette-various-slate-500",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-300"
  }
});

// src/config/colors/color-schemes/schemes/surface-light.ts
var surface_light_default = defineColorScheme({
  name: "surface-light",
  colorMode: "light",
  scheme: {
    surface: "palette-surface-light",
    "surface-light": "palette-surface-100",
    "surface-dark": "palette-surface-dark",
    "surface-soft": "palette-surface-50",
    primary: "palette-neutral-500",
    "primary-light": "palette-neutral-400",
    "primary-dark": "palette-neutral-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-400",
    "secondary-light": "palette-various-slate-300",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-100"
  }
});

// src/config/colors/color-schemes/schemes/surface-light.darkmode.ts
var surface_light_darkmode_default = defineColorScheme({
  name: "dark/surface-light",
  colorMode: "dark",
  scheme: {
    surface: "palette-surface-inverse-light",
    "surface-light": "palette-surface-inverse-100",
    "surface-dark": "palette-surface-inverse-300",
    "surface-soft": "palette-surface-inverse-50",
    primary: "palette-various-slate-500",
    "primary-light": "palette-various-slate-400",
    "primary-dark": "palette-various-slate-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-600",
    "secondary-light": "palette-various-slate-500",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-300"
  }
});

// src/config/colors/color-schemes/schemes/surface-dark.ts
var surface_dark_default = defineColorScheme({
  name: "surface-dark",
  colorMode: "light",
  scheme: {
    surface: "palette-surface-dark",
    "surface-light": "palette-surface-50",
    "surface-dark": "palette-surface-800",
    "surface-soft": "palette-surface-100",
    primary: "palette-neutral-500",
    "primary-light": "palette-neutral-400",
    "primary-dark": "palette-neutral-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-400",
    "secondary-light": "palette-various-slate-300",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-100"
  }
});

// src/config/colors/color-schemes/schemes/surface-dark.darkmode.ts
var surface_dark_darkmode_default = defineColorScheme({
  name: "dark/surface-dark",
  colorMode: "dark",
  scheme: {
    surface: "palette-surface-inverse-dark",
    "surface-light": "palette-surface-inverse-600",
    "surface-dark": "palette-surface-inverse-800",
    "surface-soft": "palette-surface-inverse-600",
    primary: "palette-various-slate-500",
    "primary-light": "palette-various-slate-400",
    "primary-dark": "palette-various-slate-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-various-slate-600",
    "secondary-light": "palette-various-slate-500",
    "secondary-dark": "palette-various-slate-500",
    "secondary-soft": "palette-various-slate-300"
  }
});

// src/config/colors/color-schemes/schemes/default.ts
var default_default = defineColorScheme({
  name: "default",
  colorMode: "light",
  scheme: surface_default.unresolvedScheme
});

// src/config/colors/color-schemes/schemes/default.darkmode.ts
var default_darkmode_default = defineColorScheme({
  name: "dark/default",
  colorMode: "dark",
  scheme: {
    surface: "palette-surface-inverse",
    "surface-light": "palette-surface-inverse-light",
    "surface-dark": "palette-surface-inverse-dark",
    "surface-soft": "palette-surface-inverse-soft",
    primary: "palette-neutral-500",
    "primary-light": "palette-neutral-300",
    "primary-dark": "palette-neutral-600",
    "primary-soft": "palette-various-slate-200",
    secondary: "palette-neutral-800",
    "secondary-light": "palette-neutral-700",
    "secondary-dark": "palette-neutral-900",
    "secondary-soft": "palette-neutral-500"
  }
});

// src/config/colors/color-schemes/schemes/inverse-scheme.ts
var inverseColorSchemes = [
  defineColorScheme({
    name: "inverse",
    colorMode: "dark",
    extend: surface_darkmode_default
  }),
  defineColorScheme({
    name: "inverse-light",
    colorMode: "dark",
    extend: surface_light_darkmode_default
  }),
  defineColorScheme({
    name: "inverse-dark",
    colorMode: "dark",
    extend: surface_dark_darkmode_default
  }),
  defineColorScheme({
    name: "dark/inverse",
    colorMode: "light",
    extend: surface_default
  }),
  defineColorScheme({
    name: "dark/inverse-light",
    colorMode: "light",
    extend: surface_light_default
  }),
  defineColorScheme({
    name: "dark/inverse-dark",
    colorMode: "light",
    extend: surface_dark_default
  })
];
var inverse_scheme_default = inverseColorSchemes;

// src/config/colors/color-schemes/schemes/state-schemes.ts
var stateColors = ["success", "info", "danger", "caution", "heart"];
var state_schemes_default = stateColors.flatMap((color) => {
  const config = {
    name: color,
    colorMode: "light",
    scheme: {
      "primary-content-max-contrast": `palette-${color}-500`,
      "primary-content-min-contrast": `palette-${color}-600`,
      content: `palette-white`,
      surface: `palette-${color}`,
      "surface-light": `palette-${color}-light`,
      "surface-dark": `palette-${color}-dark`,
      "surface-soft": `palette-${color}-soft`,
      primary: `palette-${color}-500`,
      "primary-light": `palette-${color}-300`,
      "primary-dark": `palette-${color}-600`,
      "primary-soft": `palette-${color}-200`,
      secondary: `palette-${color}-400`,
      "secondary-light": `palette-${color}-300`,
      "secondary-dark": `palette-${color}-500`,
      "secondary-soft": `palette-${color}-100`
    }
  };
  const darkConfig = {
    ...config,
    name: `dark/${color}`,
    colorMode: "dark"
  };
  return [config, darkConfig].map((e) => defineColorScheme(e));
});

// src/config/colors/color-schemes/schemes/index.ts
var colorSchemeConfigs = [
  default_default,
  default_darkmode_default,
  danger_default,
  neutral_default,
  neutral_dark_default,
  neutral_light_default,
  surface_default,
  surface_light_default,
  surface_dark_default,
  surface_darkmode_default,
  surface_light_darkmode_default,
  surface_dark_darkmode_default,
  ...inverse_scheme_default,
  ...state_schemes_default
];

// src/config/colors/color-schemes/color-schemes.ts
var mainColorSchemeNames = [
  "default",
  "surface",
  "surface-light",
  "surface-dark",
  "neutral",
  "neutral-light",
  "neutral-dark",
  "inverse",
  "inverse-light",
  "inverse-dark"
];
var appStateColorSchemeNames = [
  "danger",
  "info",
  "danger",
  "caution",
  "success"
];
var colorSchemeNames = [
  ...mainColorSchemeNames,
  ...appStateColorSchemeNames
];
Object.fromEntries(
  colorSchemeNames.map((schemeName) => {
    return [`${schemeName}-color-scheme`, `color-scheme=${schemeName}`];
  })
);
defineColorSchemes(colorSchemeConfigs);

// src/config/data-attributes.ts
var dataAttributes = {
  "data-antribute-list": "divide no-item-gutters no-gap zebra-items rounded-items",
  "data-antribute-card": "padding padding-none"
};
function getDataAttributes(dataAttributeOptions) {
  const entries = Object.entries(dataAttributeOptions).map(([attributeKey, filterValue]) => {
    const dataAttributeValue = dataAttributes[attributeKey];
    if (typeof dataAttributeValue === "string") {
      const filtered = filterStringAttributes(dataAttributeValue, filterValue);
      return [attributeKey, filtered];
    }
    if (typeof dataAttributeValue === "boolean") {
      return [attributeKey, String(filterValue)];
    }
    return [attributeKey, void 0];
  });
  function filterStringAttributes(str, values) {
    return str.split(" ").filter((attribute) => {
      return Boolean(
        values && typeof values === "object" && attribute in values && values[attribute]
      );
    }).join(" ");
  }
  return Object.fromEntries(entries);
}
getDataAttributes({ "data-antribute-card": { "padding-none": true } });

// src/utils/getNearestColorSchemeAttribute.ts
function getNearestColorSchemeAttribute(element, fallback = "default") {
  if (!isClientSide() || !element)
    return fallback;
  const nearestScheme = element.closest("[data-color-scheme]")?.getAttribute("data-color-scheme");
  return nearestScheme ?? fallback;
}
var IconButtonElement = classed("button", ButtonElement, "p-8 shrink-0", {
  variants: {
    size: mergeVariants([sizeVariants.width, sizeVariants.height])
  }
});
var IconButton = React2.forwardRef(
  ({ className, children, ...props }, ref) => {
    return /* @__PURE__ */ jsxRuntime.jsx(IconButtonElement, { ...props, className, ref, extraRoundedPadding: false, children });
  }
);
var CloseButton = React2.forwardRef(
  ({ className, animated, color = "secondary", ...props }, ref) => {
    return /* @__PURE__ */ jsxRuntime.jsx(
      IconButton,
      {
        ref,
        size: "sm",
        variant: "ghost",
        color,
        rounded: true,
        ...props,
        className: tailwindMerge.twMerge(
          clsx6__default.default("text-content-subtle hover:text-content-weak", {
            "opacity-50 transition-opacity duration-300 ease-in-out group-hover:opacity-100": animated
          }),
          className
        ),
        children: /* @__PURE__ */ jsxRuntime.jsx(solid.XMarkIcon, { className: clsx6__default.default("fill-current") })
      }
    );
  }
);
var DialogRoot = ({ children, ...props }) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...props, children });
};
var DialogContent = ({
  children,
  colorScheme: colorSchemeProp,
  padding,
  ...props
}) => {
  const [colorScheme, setColorScheme] = React2.useState(void 0);
  return /* @__PURE__ */ jsxRuntime.jsx(
    Wrap,
    {
      if: !colorSchemeProp,
      wrap: (c) => {
        return /* @__PURE__ */ jsxRuntime.jsx(
          "div",
          {
            className: "absolute",
            onMouseEnter: (e) => {
              setColorScheme(getNearestColorSchemeAttribute(e.currentTarget));
            },
            children: c
          }
        );
      },
      children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
        /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayElement, {}),
        /* @__PURE__ */ jsxRuntime.jsx(
          DialogContentElement,
          {
            "data-color-scheme": colorSchemeProp ?? colorScheme,
            ...getDataAttributes({
              "data-antribute-card": { "padding-none": padding === false }
            }),
            padding,
            ...props,
            children
          }
        )
      ] })
    }
  );
};
var DialogBody = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogBodyElement, { ...props });
};
var DialogCloseButtonIcon = ({ className }) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { rounded: true, className }) });
};
var DialogTitleSection = ({ children, ...props }) => {
  return /* @__PURE__ */ jsxRuntime.jsxs(DialogTitleSectionElement, { ...props, children: [
    children,
    " ",
    /* @__PURE__ */ jsxRuntime.jsx(DialogCloseButtonIcon, { className: "relative -top-4" })
  ] });
};
var DialogFooter = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogFooterElement, { ...props });
};
var DialogTitle = ({ children, ...props }) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogTitleElement, { ...props, children });
};
var DialogDescription = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogDescriptionElement, { ...props });
};
var DialogButton = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(Button, { color: "primary", ...props, size: "sm" });
};
var DialogTrigger = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { asChild: true, ...props });
};
var DialogTriggerButton = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ...props }) });
};
var DialogCancelButton = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogButton, { ...props, variant: "glass", color: "secondary" }) });
};
var DialogClose = (props) => {
  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, ...props });
};
var Root4 = DialogRoot;
var Content2 = DialogContent;
var TitleSection = DialogTitleSection;
var BodySection = DialogBody;
var FooterSection2 = DialogFooter;
var Title2 = DialogTitle;
var Description2 = DialogDescription;
var Button2 = DialogButton;
var TriggerButton = DialogTriggerButton;
var CancelButton = DialogCancelButton;
var Close2 = DialogClose;
var CloseIcon = DialogCloseButtonIcon;
var Trigger2 = DialogTrigger;

exports.Dialog = Dialog_exports;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.cjs.map