"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/quanta/index.ts
var quanta_exports = {};
__export(quanta_exports, {
  Accordion: () => Accordion,
  AccordionItem: () => AccordionItem,
  AccordionItemTrigger: () => AccordionItemTrigger,
  AccordionPanel: () => AccordionPanel,
  AlignWidget: () => AlignWidget,
  Breadcrumb: () => Breadcrumb,
  Breadcrumbs: () => Breadcrumbs,
  Button: () => Button,
  Calendar: () => Calendar,
  CalendarGridHeader: () => CalendarGridHeader,
  CalendarHeader: () => CalendarHeader,
  Checkbox: () => Checkbox,
  CheckboxGroup: () => CheckboxGroup,
  Container: () => Container,
  CustomRadio: () => CustomRadio,
  DateInput: () => DateInput,
  DatePicker: () => DatePicker,
  DateTimePicker: () => DateTimePicker,
  Description: () => Description,
  Field: () => Field,
  FieldError: () => FieldError,
  FieldGroup: () => FieldGroup,
  FieldWrapper: () => FieldWrapper,
  GridList: () => GridList,
  GridListItem: () => GridListItem,
  Input: () => Input,
  Label: () => Label,
  Link: () => Link,
  MultiSelect: () => MultiSelect,
  Radio: () => Radio,
  RadioGroup: () => RadioGroup,
  Separator: () => Separator,
  SizeWidget: () => SizeWidget,
  Tab: () => Tab,
  TabList: () => TabList,
  TabPanel: () => TabPanel,
  Tabs: () => Tabs,
  Tag: () => Tag2,
  TagGroup: () => TagGroup2,
  TextField: () => TextField,
  TimeField: () => TimeField,
  WidthWidget: () => WidthWidget,
  fieldBorderStyles: () => fieldBorderStyles,
  fieldGroupStyles: () => fieldGroupStyles
});
module.exports = __toCommonJS(quanta_exports);

// src/components/Button/Button.quanta.tsx
var import_react2 = require("react");
var import_react_aria_components2 = require("react-aria-components");
var import_tailwind_variants2 = require("tailwind-variants");

// src/components/utils.ts
var import_react = require("react");
var import_react_aria_components = require("react-aria-components");
var import_tailwind_merge = require("tailwind-merge");
var import_tailwind_variants = require("tailwind-variants");
var focusRing = (0, import_tailwind_variants.tv)({
  base: "outline-quanta-cobalt outline forced-colors:outline-[Highlight]",
  variants: {
    isFocusVisible: {
      false: "outline-0",
      true: "outline-3"
    }
  }
});
function composeTailwindRenderProps(className, tw) {
  return (0, import_react_aria_components.composeRenderProps)(className, (className2) => (0, import_tailwind_merge.twMerge)(tw, className2));
}
function useSlot(initialState = true) {
  const [hasSlot, setHasSlot] = (0, import_react.useState)(initialState);
  const hasRun = (0, import_react.useRef)(false);
  const ref = (0, import_react.useCallback)((el) => {
    hasRun.current = true;
    setHasSlot(!!el);
  }, []);
  (0, import_react.useLayoutEffect)(() => {
    if (!hasRun.current) {
      setHasSlot(false);
    }
  }, []);
  return [ref, hasSlot];
}

// src/components/Button/Button.quanta.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var button = (0, import_tailwind_variants2.tv)({
  extend: focusRing,
  base: "cursor-default rounded-md px-3 py-1.5 text-center text-base font-medium transition hover:shadow-sm focus:shadow-sm active:shadow-md has-[svg]:rounded-full has-[svg]:p-1.5 has-[svg]:text-xs",
  variants: {
    variant: {
      neutral: "pressed:bg-quanta-cobalt bg-quanta-air hover:bg-quanta-snow active:bg-quanta-silver focus:bg-quanta-snow text-quanta-iron has-[svg]:text-quanta-iron",
      primary: "pressed:bg-quanta-cobalt bg-quanta-air hover:bg-quanta-arctic hover:text-quanta-royal active:bg-quanta-sky active:text-quanta-royal focus:bg-quanta-artic focus:text-quanta-royal text-quanta-sapphire",
      destructive: "pressed:bg-quanta-rose active:bg-quanta-flamingo bg-quanta-air hover:bg-quanta-ballet hover:text-quanta-wine active:text-quanta-wine focus:bg-quanta-ballet focus:text-quanta-wine text-quanta-candy",
      icon: "pressed:bg-quanta-cobalt pressed:[&_svg]:text-white bg-quanta-air hover:bg-quanta-snow active:bg-quanta-silver focus:bg-quanta-artic text-quanta-iron has-[svg]:text-quanta-iron flex items-center justify-center border-0 p-1"
    },
    accent: {
      true: ""
    },
    size: {
      S: "text-xs has-[svg]:p-1.5 [&_svg]:size-5",
      L: "px-4.5 py-3 text-xl/6 has-[svg]:p-3 has-[svg]:text-xs"
    },
    isDisabled: {
      true: "bg-quanta-air hover:bg-quanta-air hover:text-quanta-silver has-[svg]:hover:text-quanta-silver text-quanta-smoke has-[svg]:text-quanta-smoke cursor-not-allowed"
    }
  },
  compoundVariants: [
    {
      variant: "neutral",
      accent: true,
      class: "pressed:bg-quanta-smoke focus:bg-quanta-smoke bg-quanta-snow hover:bg-quanta-smoke active:bg-quanta-silver text-quanta-iron"
    },
    {
      variant: "primary",
      accent: true,
      class: "text-quanta-air pressed:bg-quanta-cobalt bg-quanta-sapphire hover:bg-quanta-royal hover:text-quanta-air active:text-quanta-air focus:text-quanta-air active:bg-quanta-cobalt focus:bg-quanta-royal"
    },
    {
      variant: "icon",
      accent: true,
      class: "pressed:bg-quanta-cobalt pressed:[&_svg]:text-white bg-quanta-air hover:bg-quanta-snow active:bg-quanta-silver focus:bg-quanta-artic text-quanta-iron has-[svg]:text-quanta-iron flex items-center justify-center border-0 p-1"
    },
    {
      variant: "destructive",
      accent: true,
      class: "pressed:bg-quanta-rose active:bg-quanta-rose bg-quanta-candy hover:bg-quanta-wine focus:bg-quanta-wine text-quanta-air hover:text-quanta-air active:text-quanta-air focus:text-quanta-air"
    },
    {
      isDisabled: true,
      accent: true,
      class: "bg-quanta-snow hover:bg-quanta-smoke text-quanta-silver"
    }
  ],
  defaultVariants: {
    variant: "neutral"
  }
});
function Button(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    import_react_aria_components2.Button,
    {
      ...props,
      className: (0, import_react_aria_components2.composeRenderProps)(
        props.className,
        (className, renderProps) => button({
          ...renderProps,
          variant: props.variant,
          size: props.size,
          accent: props.accent,
          className
        })
      )
    }
  );
}

// src/components/Breadcrumbs/Breadcrumbs.quanta.tsx
var import_react111 = require("react");

// src/components/icons/AddIcon.tsx
var import_react4 = require("react");

// src/components/Icon/Icon.tsx
var import_react3 = __toESM(require("react"), 1);
var import_utils2 = require("@react-spectrum/utils");
var import_utils3 = require("@react-aria/utils");
var import_clsx = __toESM(require("clsx"), 1);
var import_tailwind_variants3 = require("tailwind-variants");
var icon = (0, import_tailwind_variants3.tv)({
  base: "q icon",
  variants: {
    size: {
      "2xs": "icon-2xs",
      xs: "icon-xs",
      sm: "icon-sm",
      base: "icon-base",
      lg: "icon-lg",
      xl: "icon-xl",
      "2xl": "icon-2xl",
      "3xl": "icon-3xl"
    }
  }
});
function Icon(props) {
  props = (0, import_utils2.useSlotProps)(props, "icon");
  const { children, size, "aria-label": ariaLabel, ...otherProps } = props;
  let { "aria-hidden": ariaHidden } = props;
  if (!ariaHidden) {
    ariaHidden = void 0;
  }
  const color = props.color?.startsWith("--") ? `var(${props.color})` : props.color || "currentColor";
  return import_react3.default.cloneElement(children, {
    ...(0, import_utils3.filterDOMProps)(otherProps),
    focusable: "false",
    "aria-label": ariaLabel,
    "aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
    role: "img",
    className: icon({
      size: props.size,
      className: (0, import_clsx.default)(children.props.className, props.className)
    }),
    style: { fill: color, ...otherProps.style }
  });
}

// src/components/icons/AddIcon.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");

// src/components/icons/AligncenterIcon.tsx
var import_react5 = require("react");
var import_jsx_runtime3 = require("react/jsx-runtime");
var AligncenterIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 7H3V5H21V7ZM17 13H7V11H17V13ZM5 19H19V17H5V19Z" })
    }
  ) });
};

// src/components/icons/AlignleftIcon.tsx
var import_react6 = require("react");
var import_jsx_runtime4 = require("react/jsx-runtime");
var AlignleftIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 7H3V5H21V7ZM13 13H3V11H13V13ZM3 19H17V17H3V19Z" })
    }
  ) });
};

// src/components/icons/AlignrightIcon.tsx
var import_react7 = require("react");
var import_jsx_runtime5 = require("react/jsx-runtime");
var AlignrightIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M21 7H3V5H21V7ZM21 13H11V11H21V13ZM7 19H21V17H7V19Z" })
    }
  ) });
};

// src/components/icons/ArchiveIcon.tsx
var import_react8 = require("react");
var import_jsx_runtime6 = require("react/jsx-runtime");

// src/components/icons/ArrowdownIcon.tsx
var import_react9 = require("react");
var import_jsx_runtime7 = require("react/jsx-runtime");

// src/components/icons/ArrowleftIcon.tsx
var import_react10 = require("react");
var import_jsx_runtime8 = require("react/jsx-runtime");

// src/components/icons/ArrowrightIcon.tsx
var import_react11 = require("react");
var import_jsx_runtime9 = require("react/jsx-runtime");

// src/components/icons/ArrowtoprightIcon.tsx
var import_react12 = require("react");
var import_jsx_runtime10 = require("react/jsx-runtime");

// src/components/icons/ArrowupIcon.tsx
var import_react13 = require("react");
var import_jsx_runtime11 = require("react/jsx-runtime");

// src/components/icons/AttachmentIcon.tsx
var import_react14 = require("react");
var import_jsx_runtime12 = require("react/jsx-runtime");

// src/components/icons/AutomatedcontentIcon.tsx
var import_react15 = require("react");
var import_jsx_runtime13 = require("react/jsx-runtime");

// src/components/icons/BackgroundIcon.tsx
var import_react16 = require("react");
var import_jsx_runtime14 = require("react/jsx-runtime");

// src/components/icons/BinIcon.tsx
var import_react17 = require("react");
var import_jsx_runtime15 = require("react/jsx-runtime");

// src/components/icons/BlindIcon.tsx
var import_react18 = require("react");
var import_jsx_runtime16 = require("react/jsx-runtime");

// src/components/icons/BoldIcon.tsx
var import_react19 = require("react");
var import_jsx_runtime17 = require("react/jsx-runtime");

// src/components/icons/CalendarIcon.tsx
var import_react20 = require("react");
var import_jsx_runtime18 = require("react/jsx-runtime");
var CalendarIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
        "path",
        {
          fillRule: "evenodd",
          d: "M7 2V4H3V21H21V4H17V2H15V4H9V2H7ZM19 6V8H5V6H19ZM5 10V19H19V10H5Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/icons/CheckboxIcon.tsx
var import_react21 = require("react");
var import_jsx_runtime19 = require("react/jsx-runtime");
var CheckboxIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
        "path",
        {
          fillRule: "evenodd",
          d: "M18.4395 5.25928L20.5608 7.3806L9.50011 18.4413L3.43945 12.3806L5.56077 10.2593L9.50011 14.1986L18.4395 5.25928Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/icons/ChevrondownIcon.tsx
var import_react22 = require("react");
var import_jsx_runtime20 = require("react/jsx-runtime");
var ChevrondownIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
        "path",
        {
          fill: "currentcolor",
          d: "M5.29297 9.70718L6.70718 8.29297L12.0001 13.5859L17.293 8.29297L18.7072 9.70718L12.0001 16.4143L5.29297 9.70718Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/icons/ChevronleftIcon.tsx
var import_react23 = require("react");
var import_jsx_runtime21 = require("react/jsx-runtime");
var ChevronleftIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
        "path",
        {
          fillRule: "evenodd",
          d: "M14.293 18.7072L15.7073 17.293L10.4144 12.0001L15.7073 6.70718L14.293 5.29297L7.58594 12.0001L14.293 18.7072Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/icons/ChevronrightIcon.tsx
var import_react24 = require("react");
var import_jsx_runtime22 = require("react/jsx-runtime");
var ChevronrightIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
        "path",
        {
          fillRule: "evenodd",
          d: "M9.70718 18.7072L8.29297 17.293L13.5859 12.0001L8.29297 6.70718L9.70718 5.29297L16.4143 12.0001L9.70718 18.7072Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/icons/ChevronupIcon.tsx
var import_react25 = require("react");
var import_jsx_runtime23 = require("react/jsx-runtime");

// src/components/icons/CloseIcon.tsx
var import_react26 = require("react");
var import_jsx_runtime24 = require("react/jsx-runtime");
var CloseIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M12.0001 13.4143L18.293 19.7072L19.7072 18.293L13.4143 12.0001L19.7072 5.70719L18.293 4.29298L12.0001 10.5859L5.70719 4.29297L4.29298 5.70718L10.5859 12.0001L4.29297 18.293L5.70718 19.7072L12.0001 13.4143Z" })
    }
  ) });
};

// src/components/icons/CodeIcon.tsx
var import_react27 = require("react");
var import_jsx_runtime25 = require("react/jsx-runtime");

// src/components/icons/CollectionIcon.tsx
var import_react28 = require("react");
var import_jsx_runtime26 = require("react/jsx-runtime");

// src/components/icons/ColumnafterIcon.tsx
var import_react29 = require("react");
var import_jsx_runtime27 = require("react/jsx-runtime");

// src/components/icons/ColumnbeforeIcon.tsx
var import_react30 = require("react");
var import_jsx_runtime28 = require("react/jsx-runtime");

// src/components/icons/ColumndeleteIcon.tsx
var import_react31 = require("react");
var import_jsx_runtime29 = require("react/jsx-runtime");

// src/components/icons/ColumnsIcon.tsx
var import_react32 = require("react");
var import_jsx_runtime30 = require("react/jsx-runtime");

// src/components/icons/CopyIcon.tsx
var import_react33 = require("react");
var import_jsx_runtime31 = require("react/jsx-runtime");

// src/components/icons/CutIcon.tsx
var import_react34 = require("react");
var import_jsx_runtime32 = require("react/jsx-runtime");

// src/components/icons/DashIcon.tsx
var import_react35 = require("react");
var import_jsx_runtime33 = require("react/jsx-runtime");
var DashIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M6 10.5H18V13.5H6z" })
    }
  ) });
};

// src/components/icons/DiscussionIcon.tsx
var import_react36 = require("react");
var import_jsx_runtime34 = require("react/jsx-runtime");

// src/components/icons/DraggableIcon.tsx
var import_react37 = require("react");
var import_jsx_runtime35 = require("react/jsx-runtime");

// src/components/icons/EditIcon.tsx
var import_react38 = require("react");
var import_jsx_runtime36 = require("react/jsx-runtime");

// src/components/icons/EyeIcon.tsx
var import_react39 = require("react");
var import_jsx_runtime37 = require("react/jsx-runtime");

// src/components/icons/FilterIcon.tsx
var import_react40 = require("react");
var import_jsx_runtime38 = require("react/jsx-runtime");

// src/components/icons/FolderIcon.tsx
var import_react41 = require("react");
var import_jsx_runtime39 = require("react/jsx-runtime");

// src/components/icons/FooterIcon.tsx
var import_react42 = require("react");
var import_jsx_runtime40 = require("react/jsx-runtime");

// src/components/icons/ForegroundIcon.tsx
var import_react43 = require("react");
var import_jsx_runtime41 = require("react/jsx-runtime");

// src/components/icons/FullscreenIcon.tsx
var import_react44 = require("react");
var import_jsx_runtime42 = require("react/jsx-runtime");

// src/components/icons/HighlightIcon.tsx
var import_react45 = require("react");
var import_jsx_runtime43 = require("react/jsx-runtime");

// src/components/icons/HistoryIcon.tsx
var import_react46 = require("react");
var import_jsx_runtime44 = require("react/jsx-runtime");

// src/components/icons/HomeIcon.tsx
var import_react47 = require("react");
var import_jsx_runtime45 = require("react/jsx-runtime");

// src/components/icons/ImagefitIcon.tsx
var import_react48 = require("react");
var import_jsx_runtime46 = require("react/jsx-runtime");
var ImagefitIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M20 3H4V5H20V3Z" }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
          "path",
          {
            fillRule: "evenodd",
            d: "M4 7V17H20V7H4ZM18 9H6V15H18V9Z",
            clipRule: "evenodd"
          }
        ),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M4 19H20V21H4V19Z" })
      ]
    }
  ) });
};

// src/components/icons/ImagefullIcon.tsx
var import_react49 = require("react");
var import_jsx_runtime47 = require("react/jsx-runtime");
var ImagefullIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M9.70726 7.70712L8.29304 6.29291L4.58594 10L8.29304 13.7071L9.70726 12.2929L8.41435 11H15.5856L14.2927 12.2929L15.707 13.7071L19.4141 9.99999L15.707 6.29288L14.2927 7.70709L15.5857 9H8.41438L9.70726 7.70712Z" }),
        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
          "path",
          {
            fillRule: "evenodd",
            d: "M2 3V17H22V3H2ZM20 5H4V15H20V5Z",
            clipRule: "evenodd"
          }
        ),
        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M4 19H20V21H4V19Z" })
      ]
    }
  ) });
};

// src/components/icons/ImageIcon.tsx
var import_react50 = require("react");
var import_jsx_runtime48 = require("react/jsx-runtime");
var ImageIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M18 10C18 11.1046 17.1046 12 16 12C14.8954 12 14 11.1046 14 10C14 8.89543 14.8954 8 16 8C17.1046 8 18 8.89543 18 10Z" }),
        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
          "path",
          {
            fillRule: "evenodd",
            d: "M2 20V4H22V20H2ZM4 6H20V17.5857L16.0001 13.5858L14.0001 15.5858L8.00008 9.58582L4 13.5859V6ZM4 16.4143V18H13.5858L8.00008 12.4142L4 16.4143ZM14.4143 18H17.5858L16.0001 16.4142L14.4143 18Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/icons/ImageleftIcon.tsx
var import_react51 = require("react");
var import_jsx_runtime49 = require("react/jsx-runtime");

// src/components/icons/ImagenarrowIcon.tsx
var import_react52 = require("react");
var import_jsx_runtime50 = require("react/jsx-runtime");
var ImagenarrowIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
    "svg",
    {
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      xmlns: "http://www.w3.org/2000/svg",
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M7 9L8 7V17L7 15H17L16 17V7L17 9H7ZM17 7V12V14V16V17H7V7H17Z" }),
        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 21H19V19H5V21Z" }),
        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 5H19V3H5V5Z" })
      ]
    }
  ) });
};

// src/components/icons/ImagerightIcon.tsx
var import_react53 = require("react");
var import_jsx_runtime51 = require("react/jsx-runtime");

// src/components/icons/ImagewideIcon.tsx
var import_react54 = require("react");
var import_jsx_runtime52 = require("react/jsx-runtime");
var ImagewideIcon = (props) => {
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("g", { fillRule: "evenodd", children: [
        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
          "path",
          {
            fillRule: "nonzero",
            d: "M2,9 L3,7 L3,17 L2,15 L22,15 L21,17 L21,7 L22,9 L2,9 Z M22,7 L22,17 L2,17 L2,7 L22,7 Z"
          }
        ),
        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("polygon", { points: "5 21 19 21 19 19 5 19" }),
        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("polygon", { points: "5 5 19 5 19 3 5 3" })
      ] })
    }
  ) });
};

// src/components/icons/InfoIcon.tsx
var import_react55 = require("react");
var import_jsx_runtime53 = require("react/jsx-runtime");

// src/components/icons/ItalicIcon.tsx
var import_react56 = require("react");
var import_jsx_runtime54 = require("react/jsx-runtime");

// src/components/icons/LanguageIcon.tsx
var import_react57 = require("react");
var import_jsx_runtime55 = require("react/jsx-runtime");

// src/components/icons/LeadingIcon.tsx
var import_react58 = require("react");
var import_jsx_runtime56 = require("react/jsx-runtime");

// src/components/icons/LeadingimageIcon.tsx
var import_react59 = require("react");
var import_jsx_runtime57 = require("react/jsx-runtime");

// src/components/icons/LinkIcon.tsx
var import_react60 = require("react");
var import_jsx_runtime58 = require("react/jsx-runtime");

// src/components/icons/ListIcon.tsx
var import_react61 = require("react");
var import_jsx_runtime59 = require("react/jsx-runtime");

// src/components/icons/ListnumbersIcon.tsx
var import_react62 = require("react");
var import_jsx_runtime60 = require("react/jsx-runtime");

// src/components/icons/MailIcon.tsx
var import_react63 = require("react");
var import_jsx_runtime61 = require("react/jsx-runtime");

// src/components/icons/MandatoryIcon.tsx
var import_react64 = require("react");
var import_jsx_runtime62 = require("react/jsx-runtime");

// src/components/icons/MapIcon.tsx
var import_react65 = require("react");
var import_jsx_runtime63 = require("react/jsx-runtime");

// src/components/icons/MenuIcon.tsx
var import_react66 = require("react");
var import_jsx_runtime64 = require("react/jsx-runtime");

// src/components/icons/MergedIcon.tsx
var import_react67 = require("react");
var import_jsx_runtime65 = require("react/jsx-runtime");

// src/components/icons/MoreoptionsIcon.tsx
var import_react68 = require("react");
var import_jsx_runtime66 = require("react/jsx-runtime");

// src/components/icons/NavigationIcon.tsx
var import_react69 = require("react");
var import_jsx_runtime67 = require("react/jsx-runtime");

// src/components/icons/NewsIcon.tsx
var import_react70 = require("react");
var import_jsx_runtime68 = require("react/jsx-runtime");

// src/components/icons/OutIcon.tsx
var import_react71 = require("react");
var import_jsx_runtime69 = require("react/jsx-runtime");

// src/components/icons/PageIcon.tsx
var import_react72 = require("react");
var import_jsx_runtime70 = require("react/jsx-runtime");

// src/components/icons/ParagraphIcon.tsx
var import_react73 = require("react");
var import_jsx_runtime71 = require("react/jsx-runtime");

// src/components/icons/PasteIcon.tsx
var import_react74 = require("react");
var import_jsx_runtime72 = require("react/jsx-runtime");

// src/components/icons/PauseIcon.tsx
var import_react75 = require("react");
var import_jsx_runtime73 = require("react/jsx-runtime");

// src/components/icons/PencilIcon.tsx
var import_react76 = require("react");
var import_jsx_runtime74 = require("react/jsx-runtime");

// src/components/icons/PlayIcon.tsx
var import_react77 = require("react");
var import_jsx_runtime75 = require("react/jsx-runtime");

// src/components/icons/PropertiesIcon.tsx
var import_react78 = require("react");
var import_jsx_runtime76 = require("react/jsx-runtime");

// src/components/icons/QuotesIcon.tsx
var import_react79 = require("react");
var import_jsx_runtime77 = require("react/jsx-runtime");

// src/components/icons/RadiobuttonIcon.tsx
var import_react80 = require("react");
var import_jsx_runtime78 = require("react/jsx-runtime");

// src/components/icons/RedoIcon.tsx
var import_react81 = require("react");
var import_jsx_runtime79 = require("react/jsx-runtime");

// src/components/icons/RenameIcon.tsx
var import_react82 = require("react");
var import_jsx_runtime80 = require("react/jsx-runtime");

// src/components/icons/ReverseIcon.tsx
var import_react83 = require("react");
var import_jsx_runtime81 = require("react/jsx-runtime");

// src/components/icons/ReviewIcon.tsx
var import_react84 = require("react");
var import_jsx_runtime82 = require("react/jsx-runtime");

// src/components/icons/RowafterIcon.tsx
var import_react85 = require("react");
var import_jsx_runtime83 = require("react/jsx-runtime");

// src/components/icons/RowbeforeIcon.tsx
var import_react86 = require("react");
var import_jsx_runtime84 = require("react/jsx-runtime");

// src/components/icons/RowdeleteIcon.tsx
var import_react87 = require("react");
var import_jsx_runtime85 = require("react/jsx-runtime");

// src/components/icons/SearchIcon.tsx
var import_react88 = require("react");
var import_jsx_runtime86 = require("react/jsx-runtime");

// src/components/icons/SecurityIcon.tsx
var import_react89 = require("react");
var import_jsx_runtime87 = require("react/jsx-runtime");

// src/components/icons/SettingsIcon.tsx
var import_react90 = require("react");
var import_jsx_runtime88 = require("react/jsx-runtime");

// src/components/icons/ShareIcon.tsx
var import_react91 = require("react");
var import_jsx_runtime89 = require("react/jsx-runtime");

// src/components/icons/SliderIcon.tsx
var import_react92 = require("react");
var import_jsx_runtime90 = require("react/jsx-runtime");

// src/components/icons/SocialIcon.tsx
var import_react93 = require("react");
var import_jsx_runtime91 = require("react/jsx-runtime");

// src/components/icons/SpacerIcon.tsx
var import_react94 = require("react");
var import_jsx_runtime92 = require("react/jsx-runtime");

// src/components/icons/StateIcon.tsx
var import_react95 = require("react");
var import_jsx_runtime93 = require("react/jsx-runtime");

// src/components/icons/SubtitleIcon.tsx
var import_react96 = require("react");
var import_jsx_runtime94 = require("react/jsx-runtime");

// src/components/icons/TableIcon.tsx
var import_react97 = require("react");
var import_jsx_runtime95 = require("react/jsx-runtime");

// src/components/icons/TagIcon.tsx
var import_react98 = require("react");
var import_jsx_runtime96 = require("react/jsx-runtime");

// src/components/icons/TextIcon.tsx
var import_react99 = require("react");
var import_jsx_runtime97 = require("react/jsx-runtime");

// src/components/icons/ThumbnailsIcon.tsx
var import_react100 = require("react");
var import_jsx_runtime98 = require("react/jsx-runtime");

// src/components/icons/TitleIcon.tsx
var import_react101 = require("react");
var import_jsx_runtime99 = require("react/jsx-runtime");

// src/components/icons/TocIcon.tsx
var import_react102 = require("react");
var import_jsx_runtime100 = require("react/jsx-runtime");

// src/components/icons/UndoIcon.tsx
var import_react103 = require("react");
var import_jsx_runtime101 = require("react/jsx-runtime");

// src/components/icons/UploadIcon.tsx
var import_react104 = require("react");
var import_jsx_runtime102 = require("react/jsx-runtime");

// src/components/icons/UserIcon.tsx
var import_react105 = require("react");
var import_jsx_runtime103 = require("react/jsx-runtime");

// src/components/icons/VideoIcon.tsx
var import_react106 = require("react");
var import_jsx_runtime104 = require("react/jsx-runtime");

// src/components/icons/VoltoIcon.tsx
var import_react107 = require("react");
var import_jsx_runtime105 = require("react/jsx-runtime");

// src/components/icons/WindowedIcon.tsx
var import_react108 = require("react");
var import_jsx_runtime106 = require("react/jsx-runtime");

// src/components/icons/WorldIcon.tsx
var import_react109 = require("react");
var import_jsx_runtime107 = require("react/jsx-runtime");

// src/components/Breadcrumbs/Breadcrumbs.quanta.tsx
var import_react_aria_components4 = require("react-aria-components");
var import_tailwind_merge2 = require("tailwind-merge");

// src/components/Link/Link.quanta.tsx
var import_react110 = require("react");
var import_react_aria_components3 = require("react-aria-components");
var import_tailwind_variants4 = require("tailwind-variants");
var import_jsx_runtime108 = require("react/jsx-runtime");
var styles = (0, import_tailwind_variants4.tv)({
  extend: focusRing,
  base: "rounded-xs underline transition disabled:cursor-default disabled:no-underline forced-colors:disabled:text-[GrayText]",
  variants: {
    variant: {
      primary: "text-quanta-sapphire decoration-quanta-sapphire/40 hover:decoration-quanta-royal hover:text-quanta-royal active:text-quanta-cobalt active:decoration-quanta-cobalt focus:decoration-quanta-royal focus:text-quanta-royal underline",
      secondary: "text-gray-700 underline decoration-gray-700/50 hover:decoration-gray-700"
    }
  },
  defaultVariants: {
    variant: "primary"
  }
});
function Link(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
    import_react_aria_components3.Link,
    {
      ...props,
      className: (0, import_react_aria_components3.composeRenderProps)(
        props.className,
        (className, renderProps) => styles({ ...renderProps, className, variant: props.variant })
      )
    }
  );
}

// src/components/Breadcrumbs/Breadcrumbs.quanta.tsx
var import_jsx_runtime109 = require("react/jsx-runtime");
function Breadcrumb(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
    import_react_aria_components4.Breadcrumb,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "flex items-center gap-1 [&_a>svg]:mx-1 [&_a>svg]:inline [&_a>svg]:align-text-top"
      ),
      children: ({ isCurrent }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
        props.value?.icon && props.value?.icon,
        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Link, { variant: "secondary", ...props }),
        !isCurrent && (props.separator ?? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ChevronrightIcon, { className: "h-3 w-3 text-gray-600" }))
      ] })
    }
  );
}
function Breadcrumbs(props) {
  const { root, items, homeIcon } = props;
  let itemsWithRoot;
  if (root && items) {
    const icon2 = null;
    const rootItem = {
      "@id": root["@id"] || "/",
      title: "Home",
      icon: icon2
    };
    itemsWithRoot = [rootItem, ...items];
  }
  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
    import_react_aria_components4.Breadcrumbs,
    {
      ...props,
      items: itemsWithRoot || items,
      className: (0, import_tailwind_merge2.twMerge)("flex gap-1", props.className)
    }
  );
}

// src/components/Accordion/Accordion.quanta.tsx
var React111 = require("react");
var import_react_aria_components5 = require("react-aria-components");
var import_jsx_runtime110 = require("react/jsx-runtime");
var Accordion = ({ children, ref, className, ...props }) => {
  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
    import_react_aria_components5.DisclosureGroup,
    {
      ref,
      "data-slot": "disclosure-group",
      ...props,
      className: composeTailwindRenderProps(
        className,
        "peer cursor-pointer disabled:cursor-not-allowed disabled:opacity-75"
      ),
      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { "data-slot": "disclosure-content", children: typeof children === "function" ? children(values) : children })
    }
  );
};
var AccordionItem = ({ className, ref, ...props }) => {
  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
    import_react_aria_components5.Disclosure,
    {
      ref,
      "data-slot": "disclosure",
      ...props,
      className: composeTailwindRenderProps(
        className,
        "peer group/disclosure border-border w-full min-w-60 border-b disabled:opacity-60"
      ),
      children: props.children
    }
  );
};
var AccordionItemTrigger = ({
  className,
  ref,
  ...props
}) => {
  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react_aria_components5.Heading, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
    import_react_aria_components5.Button,
    {
      ref,
      slot: "trigger",
      className: composeTailwindRenderProps(
        className,
        "group/trigger open:text-fg focus:text-fg **:data-[slot=icon]:text-muted-fg flex w-full items-center justify-between gap-x-2 py-3 text-left font-medium focus:outline-hidden disabled:cursor-default disabled:opacity-50 **:data-[slot=disclosure-chevron]:size-5 **:data-[slot=icon]:-mx-0.5 **:data-[slot=icon]:shrink-0 sm:text-sm forced-colors:disabled:text-[GrayText] **:[span]:flex **:[span]:items-center **:[span]:gap-x-1 **:[span]:*:data-[slot=icon]:mr-1 [&[aria-expanded=true]_[data-slot=disclosure-chevron]]:-rotate-90"
      ),
      ...props,
      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
        typeof props.children === "function" ? props.children(values) : props.children,
        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
          ChevronleftIcon,
          {
            "data-slot": "disclosure-chevron",
            className: "internal-chevron ml-auto size-4 shrink-0 transition duration-300"
          }
        )
      ] })
    }
  ) });
};
var AccordionPanel = ({ className, ref, ...props }) => {
  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
    import_react_aria_components5.DisclosurePanel,
    {
      ref,
      "data-slot": "disclosure-panel",
      className: composeTailwindRenderProps(
        className,
        "text-muted-fg overflow-hidden text-sm transition-all **:data-[slot=disclosure-group]:border-t **:data-[slot=disclosure-group]:**:[.internal-chevron]:hidden has-data-[slot=disclosure-group]:**:[button]:px-4"
      ),
      ...props,
      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
        "div",
        {
          "data-slot": "disclosure-panel-content",
          className: "pt-0 not-has-data-[slot=disclosure-group]:group-data-expanded/disclosure:pb-3 [&:has([data-slot=disclosure-group])_&]:px-11",
          children: props.children
        }
      )
    }
  );
};

// src/components/Calendar/Calendar.quanta.tsx
var import_react113 = require("react");
var import_react_aria_components7 = require("react-aria-components");
var import_tailwind_variants5 = require("tailwind-variants");

// src/components/Button/Button.tsx
var import_react112 = require("react");
var import_react_aria_components6 = require("react-aria-components");
var import_jsx_runtime111 = require("react/jsx-runtime");
var Button3 = (0, import_react112.forwardRef)(function _Button(props, ref) {
  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_aria_components6.Button, { ref, ...props });
});

// src/components/Calendar/Calendar.quanta.tsx
var import_jsx_runtime112 = require("react/jsx-runtime");
var cellStyles = (0, import_tailwind_variants5.tv)({
  extend: focusRing,
  base: "m-px flex h-9 w-9 cursor-default items-center justify-center rounded-full text-sm forced-color-adjust-none",
  variants: {
    isSelected: {
      false: "pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700",
      true: "bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
    },
    isDisabled: {
      true: "text-gray-300 dark:text-zinc-600 forced-colors:text-[GrayText]"
    }
  }
});
function Calendar({
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_react_aria_components7.Calendar, { ...props, children: [
    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CalendarHeader, {}),
    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_react_aria_components7.CalendarGrid, { children: [
      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CalendarGridHeader, {}),
      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.CalendarGridBody, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.CalendarCell, { date, className: cellStyles }) })
    ] }),
    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.Text, { slot: "errorMessage", className: "text-sm text-red-600", children: errorMessage })
  ] });
}
function CalendarHeader() {
  const { direction } = (0, import_react_aria_components7.useLocale)();
  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("header", { className: "flex w-full items-center gap-1 px-1 pb-4", children: [
    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Button3, { slot: "previous", children: direction === "rtl" ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronrightIcon, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronleftIcon, { "aria-hidden": true }) }),
    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.Heading, { className: "mx-2 flex-1 text-center text-xl font-semibold text-zinc-900 dark:text-zinc-200" }),
    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Button3, { slot: "next", children: direction === "rtl" ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronleftIcon, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronrightIcon, { "aria-hidden": true }) })
  ] });
}
function CalendarGridHeader() {
  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.CalendarGridHeader, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components7.CalendarHeaderCell, { className: "text-xs font-semibold text-gray-500", children: day }) });
}

// src/components/Checkbox/Checkbox.quanta.tsx
var import_react115 = require("react");
var import_react_aria_components9 = require("react-aria-components");
var import_tailwind_variants7 = require("tailwind-variants");

// src/components/Field/Field.quanta.tsx
var import_react114 = __toESM(require("react"), 1);
var import_react_aria_components8 = require("react-aria-components");
var import_tailwind_merge3 = require("tailwind-merge");
var import_tailwind_variants6 = require("tailwind-variants");
var import_react_aria = require("react-aria");
var import_utils9 = require("@react-aria/utils");
var import_jsx_runtime113 = require("react/jsx-runtime");
function Label(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
    import_react_aria_components8.Label,
    {
      ...props,
      className: (0, import_tailwind_merge3.twMerge)(
        "group-data-disabled:text-quanta-silver group-data-invalid:text-quanta-candy not-group-data-invalid:not-group-data-readonly:has-[+input:focus]:text-quanta-sapphire text-quanta-pigeon after:bg-quanta-candy w-fit cursor-default text-xs font-medium group-data-required:after:mx-1 group-data-required:after:inline-block group-data-required:after:h-2 group-data-required:after:w-2 group-data-required:after:rounded-4xl",
        props.className
      )
    }
  );
}
function Description(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
    import_react_aria_components8.Text,
    {
      ...props,
      slot: "description",
      className: (0, import_tailwind_merge3.twMerge)(
        "text-quanta-pigeon group-data-disabled:text-quanta-silver text-xs font-normal",
        props.className
      )
    }
  );
}
function FieldError(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
    import_react_aria_components8.FieldError,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "text-quanta-candy text-xs font-normal forced-colors:text-[Mark]"
      )
    }
  );
}
var fieldBorderStyles = (0, import_tailwind_variants6.tv)({
  variants: {
    isFocusWithin: {
      false: "border-gray-300 forced-colors:border-[ButtonBorder]",
      true: "inset-ring-quanta-sapphire inset-ring-2 outline-2 group-data-readonly:inset-ring-0 forced-colors:border-[Highlight]"
    },
    isInvalid: {
      true: "bg-quanta-ballet hover:bg-quanta-flamingo focus:inset-ring-quanta-candy outline-2 focus:inset-ring-2 forced-colors:border-[Mark]"
    },
    isDisabled: {
      true: "bg-quanta-air hover:bg-quanta-air text-quanta-silver forced-colors:border-[GrayText]"
    }
  }
});
var fieldGroupStyles = (0, import_tailwind_variants6.tv)({
  extend: focusRing,
  base: "group bg-quanta-air flex h-9 items-center overflow-hidden rounded-lg border-2 forced-colors:bg-[Field]",
  variants: fieldBorderStyles.variants
});
function FieldGroup(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
    import_react_aria_components8.Group,
    {
      ...props,
      className: (0, import_react_aria_components8.composeRenderProps)(
        props.className,
        (className, renderProps) => fieldGroupStyles({ ...renderProps, className })
      )
    }
  );
}
function Input(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
    import_react_aria_components8.Input,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "text-quanta-space bg-quanta-snow hover:bg-quanta-smoke disabled:text-quanta-silver read-only:hover:bg-quanta-air read-only:bg-quanta-air focus:bg-quanta-air active:bg-quanta-air min-w-0 flex-1 p-3 text-sm outline read-only:border-1 read-only:border-dashed disabled:cursor-not-allowed"
      )
    }
  );
}
var Field = import_react114.default.forwardRef(
  (props, ref) => {
    const [labelRef] = useSlot(
      !props["aria-label"] && !props["aria-labelledby"]
    );
    const { labelProps, fieldProps, descriptionProps, errorMessageProps } = (0, import_react_aria.useField)({
      ...props,
      isInvalid: props.isInvalid || false,
      errorMessage: props.errorMessage
    });
    const renderProps = (0, import_react_aria_components8.useRenderProps)({
      ...props,
      values: {
        isDisabled: props.isDisabled || false,
        isInvalid: props.isInvalid || false,
        isReadOnly: props.isReadOnly || false,
        isRequired: props.isRequired || false
      },
      defaultClassName: "react-aria-Field"
    });
    const DOMProps = (0, import_utils9.filterDOMProps)(props);
    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
      "div",
      {
        ...DOMProps,
        ...renderProps,
        ref,
        slot: props.slot || void 0,
        "data-disabled": props.isDisabled || void 0,
        "data-invalid": props.isInvalid || void 0,
        "data-readonly": props.isReadOnly || void 0,
        "data-required": props.isRequired || void 0,
        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
          import_react_aria_components8.Provider,
          {
            values: [
              [import_react_aria_components8.LabelContext, { ...labelProps, ref: labelRef }],
              [
                import_react_aria_components8.GroupContext,
                {
                  role: "presentation",
                  isInvalid: props.isInvalid || false,
                  isDisabled: props.isDisabled || false
                }
              ],
              [
                import_react_aria_components8.TextContext,
                {
                  slots: {
                    description: descriptionProps,
                    errorMessage: errorMessageProps
                  }
                }
              ],
              [
                import_react_aria_components8.FieldErrorContext,
                {
                  isInvalid: props.isInvalid || false,
                  validationErrors: props.errorMessage ? [props.errorMessage] : [],
                  // @ts-expect-error We won't use validationDetails in this context
                  validationDetails: null
                }
              ]
            ],
            children: renderProps.children
          }
        )
      }
    );
  }
);
Field.displayName = "Field";
var FieldWrapper = (props) => {
  const { wrapped = true, children, label, description, errorMessage } = props;
  return wrapped ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
    Field,
    {
      ...props,
      className: (0, import_tailwind_merge3.twMerge)(props.className, "group flex flex-col gap-1"),
      children: [
        label && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Label, { children: label }),
        children,
        description && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Description, { children: description }),
        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FieldError, { children: errorMessage })
      ]
    }
  ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_jsx_runtime113.Fragment, { children });
};

// src/components/Checkbox/Checkbox.quanta.tsx
var import_jsx_runtime114 = require("react/jsx-runtime");
function CheckboxGroup(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
    import_react_aria_components9.CheckboxGroup,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "flex flex-col gap-2"
      ),
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Label, { children: props.label }),
        props.children,
        props.description && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Description, { children: props.description }),
        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(FieldError, { children: props.errorMessage })
      ]
    }
  );
}
var checkboxStyles = (0, import_tailwind_variants7.tv)({
  base: "group flex items-center gap-2 text-sm transition",
  variants: {
    isDisabled: {
      false: "text-quanta-cobalt",
      true: "text-quanta-iron forced-colors:text-[GrayText]"
    }
  }
});
var boxStyles = (0, import_tailwind_variants7.tv)({
  extend: focusRing,
  base: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded border-2 transition",
  variants: {
    isSelected: {
      false: "group-pressed:border-quanta-silver border-quanta-pigeon bg-quanta-snow",
      true: "group-pressed:border-quanta-sapphire border-quanta-sapphire bg-quanta-sapphire forced-colors:![--color:Highlight]"
    },
    isInvalid: {
      true: "group-pressed:border-quanta-ruby border-quanta-ruby forced-colors:![--color:Mark]"
    },
    isDisabled: {
      true: "border-quanta-silver bg-quanta-smoke forced-colors:![--color:GrayText]"
    }
  }
});
var iconStyles = "w-4 h-4 text-white group-disabled:text-quanta-iron forced-colors:text-[HighlightText]";
function Checkbox(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
    import_react_aria_components9.Checkbox,
    {
      ...props,
      className: (0, import_react_aria_components9.composeRenderProps)(
        props.className,
        (className, renderProps) => checkboxStyles({ ...renderProps, className })
      ),
      children: ({ isSelected, isIndeterminate, ...renderProps }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
          "div",
          {
            className: boxStyles({
              isSelected: isSelected || isIndeterminate,
              ...renderProps
            }),
            children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(DashIcon, { "aria-hidden": true, className: iconStyles }) : isSelected ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CheckboxIcon, { "aria-hidden": true, className: iconStyles }) : null
          }
        ),
        props.children
      ] })
    }
  );
}

// src/components/Container/Container.quanta.tsx
var import_react116 = require("react");
var import_tailwind_variants8 = require("tailwind-variants");
var import_tailwind_merge4 = require("tailwind-merge");
var import_jsx_runtime115 = require("react/jsx-runtime");
var Container = (props) => {
  const { as: Component = "div", children, width, ...rest } = props;
  const container = (0, import_tailwind_variants8.tv)({
    base: "@container mx-auto",
    variants: {
      width: {
        layout: "max-w-(--layout-container-width)",
        default: "max-w-(--default-container-width)",
        narrow: "max-w-(--narrow-container-width)",
        full: "w-full"
      }
    },
    defaultVariants: {
      width: "full"
    }
  });
  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
    Component,
    {
      ...rest,
      className: (0, import_tailwind_merge4.twMerge)(props.className, container({ width })),
      children
    }
  );
};

// src/components/TextField/TextField.quanta.tsx
var import_react117 = require("react");
var import_react_aria_components10 = require("react-aria-components");
var import_tailwind_variants9 = require("tailwind-variants");
var import_jsx_runtime116 = require("react/jsx-runtime");
var inputStyles = (0, import_tailwind_variants9.tv)({
  extend: focusRing,
  base: "rounded-md",
  variants: {
    isFocused: fieldBorderStyles.variants.isFocusWithin,
    isInvalid: fieldBorderStyles.variants.isInvalid,
    isDisabled: fieldBorderStyles.variants.isDisabled
  }
});
function TextField({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
    import_react_aria_components10.TextField,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "group flex flex-col gap-1"
      ),
      children: [
        label && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Label, { children: label }),
        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Input, { className: inputStyles }),
        description && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Description, { children: description }),
        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FieldError, { children: errorMessage })
      ]
    }
  );
}

// src/components/SizeWidget/SizeWidget.tsx
var import_react119 = require("react");

// src/components/RadioGroup/RadioGroup.quanta.tsx
var import_react118 = require("react");
var import_react_aria_components11 = require("react-aria-components");
var import_tailwind_variants10 = require("tailwind-variants");
var import_jsx_runtime117 = require("react/jsx-runtime");
function RadioGroup(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
    import_react_aria_components11.RadioGroup,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "group flex flex-col gap-2"
      ),
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Label, { children: props.label }),
        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "group-orientation-vertical:flex-col group-orientation-horizontal:gap-4 flex gap-2", children: props.children }),
        props.description && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Description, { children: props.description }),
        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FieldError, { children: props.errorMessage })
      ]
    }
  );
}
var styles2 = (0, import_tailwind_variants10.tv)({
  extend: focusRing,
  base: "h-5 w-5 rounded-full border-2 bg-white transition-all dark:bg-zinc-900",
  variants: {
    isSelected: {
      false: "group-pressed:border-gray-500 dark:group-pressed:border-zinc-300 border-gray-400 dark:border-zinc-400",
      true: "group-pressed:border-gray-800 dark:group-pressed:border-slate-200 border-[7px] border-gray-700 dark:border-slate-300 forced-colors:border-[Highlight]!"
    },
    isInvalid: {
      true: "group-pressed:border-red-800 dark:group-pressed:border-red-700 border-red-700 dark:border-red-600 forced-colors:border-[Mark]!"
    },
    isDisabled: {
      true: "border-gray-200 dark:border-zinc-700 forced-colors:border-[GrayText]!"
    }
  }
});
function Radio(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
    import_react_aria_components11.Radio,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "group flex items-center gap-2 text-sm text-gray-800 transition disabled:text-gray-300 dark:text-zinc-200 dark:disabled:text-zinc-600 forced-colors:disabled:text-[GrayText]"
      ),
      children: (renderProps) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: styles2(renderProps) }),
        props.children
      ] })
    }
  );
}
var customRadioButton = (0, import_tailwind_variants10.tv)({
  extend: focusRing,
  base: "text-quanta-iron flex h-10 w-10 cursor-pointer items-center justify-center rounded-md font-medium transition",
  variants: {
    isSelected: {
      false: "bg-quanta-air hover:bg-quanta-sky active:bg-quanta-silver focus:bg-quanta-snow",
      true: "pressed:bg-quanta-sky bg-quanta-sky hover:bg-quanta-sky active:bg-quanta-sky focus:bg-quanta-sky"
    },
    isPressed: {
      true: "pressed:bg-quanta-cobalt"
    },
    isInvalid: {
      true: "border border-red-700 text-red-700 dark:border-red-600 dark:text-red-600"
    },
    isDisabled: {
      true: "text-quanta-smoke"
    }
  }
});
function CustomRadio(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
    import_react_aria_components11.Radio,
    {
      ...props,
      className: (0, import_react_aria_components11.composeRenderProps)(
        props.className,
        (className, renderProps) => customRadioButton({
          ...renderProps,
          className
        })
      ),
      children: props.children
    }
  );
}

// src/components/SizeWidget/SizeWidget.tsx
var import_jsx_runtime118 = require("react/jsx-runtime");
var defaultSizeActionsInfo = {
  s: ["S", "Small"],
  m: ["M", "Medium"],
  l: ["L", "Large"]
};
function SizeWidget(props) {
  const {
    id,
    onChange,
    actions = ["s", "m", "l"],
    actionsInfoMap,
    ...radioGroupProps
  } = props;
  const actionsInfo = {
    ...defaultSizeActionsInfo,
    ...actionsInfoMap
  };
  const handleChange = (selectedValue) => {
    if (onChange) {
      onChange(selectedValue);
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
    RadioGroup,
    {
      ...radioGroupProps,
      onChange: handleChange,
      orientation: props.orientation || "horizontal",
      children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(CustomRadio, { value: action, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { "aria-label": actionsInfo[action][1], children: actionsInfo[action][0] }) }, action))
    }
  );
}

// src/components/AlignWidget/AlignWidget.tsx
var import_react120 = require("react");
var import_jsx_runtime119 = require("react/jsx-runtime");
var defaultActionsInfo = {
  left: [AlignleftIcon, "Left"],
  right: [AlignrightIcon, "Right"],
  center: [AligncenterIcon, "Center"],
  narrow: [ImageIcon, "Narrow"],
  wide: [ImageIcon, "Wide"],
  full: [ImagefullIcon, "Full"]
};
function AlignWidget(props) {
  const {
    id,
    onChange,
    actions = ["left", "right", "center", "full"],
    actionsInfoMap,
    ...radioGroupProps
  } = props;
  const actionsInfo = {
    ...defaultActionsInfo,
    ...actionsInfoMap
  };
  const handleChange = (selectedValue) => {
    if (onChange) {
      onChange(selectedValue);
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
    RadioGroup,
    {
      ...radioGroupProps,
      onChange: handleChange,
      orientation: "horizontal",
      children: actions.map((action) => {
        const [IconComponent, label] = actionsInfo[action];
        return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CustomRadio, { value: action, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(IconComponent, { size: "base", "aria-label": label }) }, action);
      })
    }
  );
}

// src/components/WidthWidget/WidthWidget.tsx
var import_react121 = require("react");
var import_jsx_runtime120 = require("react/jsx-runtime");
var defaultActionsInfo2 = {
  narrow: [ImagenarrowIcon, "Narrow"],
  default: [ImagefitIcon, "Default"],
  layout: [ImagewideIcon, "Layout"],
  full: [ImagefullIcon, "Full"]
};
function WidthWidget(props) {
  const {
    id,
    onChange,
    actions = ["narrow", "default", "layout", "full"],
    actionsInfoMap,
    ...radioGroupProps
  } = props;
  const actionsInfo = {
    ...defaultActionsInfo2,
    ...actionsInfoMap
  };
  const handleChange = (selectedValue) => {
    if (onChange) {
      onChange(selectedValue);
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
    RadioGroup,
    {
      ...radioGroupProps,
      onChange: handleChange,
      orientation: "horizontal",
      children: actions.map((action) => {
        const [IconComponent, label] = actionsInfo[action];
        return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(CustomRadio, { value: action, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconComponent, { size: "base", "aria-label": label }) }, action);
      })
    }
  );
}

// src/components/DateTimePicker/DateTimePicker.quanta.tsx
var import_react125 = require("react");
var import_react_aria_components15 = require("react-aria-components");
var import_date = require("@internationalized/date");

// src/components/Popover/Popover.quanta.tsx
var import_react122 = require("react");
var import_react_aria_components12 = require("react-aria-components");
var import_tailwind_variants11 = require("tailwind-variants");
var import_jsx_runtime121 = require("react/jsx-runtime");
var styles3 = (0, import_tailwind_variants11.tv)({
  base: "rounded-xl border border-black/10 bg-white bg-clip-padding text-slate-700 shadow-2xl dark:border-white/[15%] dark:bg-zinc-900/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]",
  variants: {
    isEntering: {
      true: "animate-in fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 duration-200 ease-out"
    },
    isExiting: {
      true: "animate-out fade-out placement-bottom:slide-out-to-top-1 placement-top:slide-out-to-bottom-1 placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 duration-150 ease-in"
    }
  }
});
function Popover({
  children,
  showArrow,
  className,
  ...props
}) {
  const popoverContext = (0, import_react_aria_components12.useSlottedContext)(import_react_aria_components12.PopoverContext);
  const isSubmenu = popoverContext?.trigger === "SubmenuTrigger";
  let offset = showArrow ? 12 : 8;
  offset = isSubmenu ? offset - 6 : offset;
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
    import_react_aria_components12.Popover,
    {
      offset,
      ...props,
      className: (0, import_react_aria_components12.composeRenderProps)(
        className,
        (className2, renderProps) => styles3({ ...renderProps, className: className2 })
      ),
      children: [
        showArrow && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react_aria_components12.OverlayArrow, { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
          "svg",
          {
            width: 12,
            height: 12,
            viewBox: "0 0 12 12",
            className: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block fill-white stroke-black/10 stroke-1 dark:fill-[#1f1f21] dark:stroke-zinc-600 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]",
            children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M0 0 L6 6 L12 0" })
          }
        ) }),
        children
      ]
    }
  );
}

// src/components/Dialog/Dialog.quanta.tsx
var import_react123 = require("react");
var import_react_aria_components13 = require("react-aria-components");
var import_tailwind_merge5 = require("tailwind-merge");
var import_jsx_runtime122 = require("react/jsx-runtime");
function Dialog(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
    import_react_aria_components13.Dialog,
    {
      ...props,
      className: (0, import_tailwind_merge5.twMerge)(
        "relative max-h-[inherit] overflow-auto p-6 outline outline-0 [[data-placement]>&]:p-4",
        props.className
      )
    }
  );
}

// src/components/DateInput/DateInput.quanta.tsx
var import_react124 = require("react");
var import_react_aria_components14 = require("react-aria-components");
var import_tailwind_variants12 = require("tailwind-variants");
var import_jsx_runtime123 = require("react/jsx-runtime");
var segmentStyles = (0, import_tailwind_variants12.tv)({
  base: "type-literal:px-0 inline rounded-xs p-0.5 text-gray-800 caret-transparent outline outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]",
  variants: {
    isPlaceholder: {
      true: "text-gray-600 italic dark:text-zinc-400"
    },
    isDisabled: {
      true: "text-gray-200 dark:text-zinc-600 forced-colors:text-[GrayText]"
    },
    isFocused: {
      true: "bg-blue-600 text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
    }
  }
});
function DateInput(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
    import_react_aria_components14.DateInput,
    {
      ...props,
      className: (0, import_react_aria_components14.composeRenderProps)(
        props.className,
        (className, renderProps) => fieldGroupStyles({ ...renderProps, className })
      ),
      children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_react_aria_components14.DateSegment, { segment, className: segmentStyles })
    }
  );
}

// src/components/DateTimePicker/DateTimePicker.quanta.tsx
var import_jsx_runtime124 = require("react/jsx-runtime");
function isDateOnly(granularity) {
  return granularity === "day";
}
function utcStringToLocalDateValue(utcString, isDateOnly2) {
  if (!utcString) return null;
  if (isDateOnly2) {
    return (0, import_date.parseDate)(utcString);
  }
  try {
    const localTimeZone = (0, import_date.getLocalTimeZone)();
    return (0, import_date.parseAbsolute)(utcString, localTimeZone);
  } catch (error) {
    console.warn("Failed to parse UTC string:", utcString, error);
    return null;
  }
}
function DateTimePicker({
  label,
  description,
  errorMessage,
  resettable = true,
  value,
  defaultValue,
  onChange,
  isDisabled,
  granularity = "minute",
  ...props
}) {
  const [internalValue, setInternalValue] = (0, import_react125.useState)(() => {
    const initialValue = value ?? defaultValue ?? null;
    return utcStringToLocalDateValue(initialValue, isDateOnly(granularity));
  });
  (0, import_react125.useEffect)(() => {
    if (value !== void 0) {
      setInternalValue(
        utcStringToLocalDateValue(value, isDateOnly(granularity))
      );
    }
  }, [value, granularity]);
  const handleReset = (0, import_react125.useCallback)(() => {
    setInternalValue(null);
    if (onChange) {
      onChange(null);
    }
  }, [onChange]);
  const handleDateChange = (0, import_react125.useCallback)(
    (newValue) => {
      if (!isDateOnly(granularity) && !internalValue && newValue) {
        const currentTime = (0, import_date.now)((0, import_date.getLocalTimeZone)());
        const localZoned = (0, import_date.toZoned)(
          newValue,
          (0, import_date.getLocalTimeZone)()
        );
        const dateTimeValue = localZoned.set({
          hour: currentTime.hour,
          minute: currentTime.minute,
          second: currentTime.second
        });
        setInternalValue(dateTimeValue);
        if (onChange) {
          onChange(dateTimeValue.toAbsoluteString());
        }
        return;
      }
      setInternalValue(newValue);
      if (onChange && newValue) {
        if (newValue instanceof import_date.ZonedDateTime) {
          onChange(newValue.toAbsoluteString());
        } else {
          onChange(newValue.toString());
        }
      }
    },
    [onChange, internalValue, granularity]
  );
  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
    import_react_aria_components15.DatePicker,
    {
      ...props,
      value: value !== void 0 ? internalValue : internalValue,
      defaultValue: value === void 0 ? utcStringToLocalDateValue(
        defaultValue ?? null,
        isDateOnly(granularity)
      ) : void 0,
      onChange: handleDateChange,
      granularity,
      isDisabled,
      className: composeTailwindRenderProps(
        props.className,
        "group flex flex-col gap-1"
      ),
      children: [
        label && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Label, { children: label }),
        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(FieldGroup, { className: "w-auto min-w-[208px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DateInput, { className: "min-w-[150px] flex-1 border-0 px-2 py-1.5 text-sm" }),
            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
              Button,
              {
                variant: "icon",
                className: "mr-1 w-7 rounded-xs outline-offset-0",
                children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CalendarIcon, { "aria-hidden": true, className: "h-4 w-4" })
              }
            )
          ] }),
          resettable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
            Button,
            {
              variant: "icon",
              className: "h-7 w-7 flex-shrink-0 p-1",
              onPress: handleReset,
              isDisabled: isDisabled || !internalValue || props.isReadOnly,
              "aria-label": "Clear date and time",
              slot: null,
              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CloseIcon, { className: "h-4 w-4" })
            }
          )
        ] }),
        description && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Description, { children: description }),
        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(FieldError, { children: errorMessage }),
        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Calendar, {}) }) })
      ]
    }
  ) });
}

// src/components/DatePicker/DatePicker.quanta.tsx
var import_react126 = require("react");
var import_react_aria_components16 = require("react-aria-components");
var import_jsx_runtime125 = require("react/jsx-runtime");
function DatePicker({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
    DateTimePicker,
    {
      ...props,
      label,
      description,
      errorMessage,
      granularity: "day"
    }
  );
}

// src/components/TimeField/TimeField.quanta.tsx
var import_react127 = require("react");
var import_react_aria_components17 = require("react-aria-components");
var import_jsx_runtime126 = require("react/jsx-runtime");
function TimeField({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react_aria_components17.TimeField, { ...props, children: [
    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Label, { children: label }),
    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DateInput, { className: "w-fit px-2" }),
    description && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Description, { children: description }),
    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(FieldError, { children: errorMessage })
  ] });
}

// src/components/MultiSelect/MultiSelect.quanta.tsx
var import_react128 = require("react");
var import_react_aria_components18 = require("react-aria-components");
var import_react_stately = require("react-stately");
var import_react_aria2 = require("react-aria");
var import_tailwind_merge6 = require("tailwind-merge");
var import_jsx_runtime127 = require("react/jsx-runtime");
function MultiSelect({
  label,
  placeholder = "Select items...",
  items,
  className = "",
  description,
  onItemCleared,
  onItemInserted,
  renderEmptyState,
  selectedItems,
  creatable = true,
  ...props
}) {
  const triggerRef = (0, import_react128.useRef)(null);
  const tagGroupIdentifier = (0, import_react128.useId)();
  const selectedKeys = selectedItems?.items.map((i) => i.id);
  const [width, setWidth] = (0, import_react128.useState)(0);
  const { contains } = (0, import_react_aria2.useFilter)({ sensitivity: "base" });
  const filter = (0, import_react128.useCallback)(
    (item, filterText) => {
      return !selectedKeys.includes(item.id) && contains(item.name, filterText);
    },
    [contains, selectedKeys]
  );
  const accessibleList = (0, import_react_stately.useListData)({
    initialItems: items,
    filter
  });
  const [fieldState, setFieldState] = (0, import_react128.useState)({
    selectedKey: null,
    inputValue: ""
  });
  const onRemove = (0, import_react128.useCallback)(
    (keys) => {
      const key = keys.values().next().value;
      if (key) {
        selectedItems.remove(key);
        setFieldState({
          inputValue: "",
          selectedKey: null
        });
        onItemCleared?.(key);
      }
    },
    [selectedItems, onItemCleared]
  );
  const onSelectionChange = (id) => {
    if (!id) {
      return;
    }
    const item = accessibleList.getItem(id);
    if (!item) {
      return;
    }
    if (!selectedKeys.includes(id)) {
      selectedItems.append(item);
      setFieldState({
        inputValue: "",
        selectedKey: id
      });
      onItemInserted?.(id);
    }
    accessibleList.setFilterText("");
  };
  const onInputChange = (value) => {
    setFieldState((prev) => ({
      inputValue: value,
      selectedKey: value === "" ? null : prev.selectedKey
    }));
    accessibleList.setFilterText(value);
  };
  (0, import_react128.useEffect)(() => {
    const trigger = triggerRef.current;
    if (!trigger) return;
    const observer = new ResizeObserver((entries) => {
      for (const entry of entries) {
        setWidth(entry.target.clientWidth);
      }
    });
    observer.observe(trigger);
    return () => {
      observer.unobserve(trigger);
    };
  }, []);
  const onCreateTag = (0, import_react128.useCallback)(() => {
    const inputValue = fieldState.inputValue.trim();
    const id = inputValue.toLocaleLowerCase();
    let item = accessibleList.getItem(id);
    if (!item) {
      item = {
        id,
        name: inputValue
      };
      setFieldState((prev) => ({
        ...prev,
        inputValue: "",
        selectedKey: id
      }));
      accessibleList.append(item);
      selectedItems.append(item);
    }
  }, [fieldState.inputValue, accessibleList, selectedItems, setFieldState]);
  const popLast = (0, import_react128.useCallback)(() => {
    if (selectedItems.items.length === 0) {
      return;
    }
    const endKey = selectedItems.items[selectedItems.items.length - 1];
    if (endKey) {
      selectedItems.remove(endKey.id);
      onItemCleared?.(endKey.id);
    }
    setFieldState({
      inputValue: "",
      selectedKey: null
    });
  }, [selectedItems, onItemCleared]);
  const onKeyDownCapture = (0, import_react128.useCallback)(
    (e) => {
      if (e.key === "Backspace" && fieldState.inputValue === "") {
        popLast();
      }
      if (e.key === "Enter" && fieldState.inputValue && creatable && accessibleList.items.length === 0) {
        onCreateTag();
      }
    },
    [popLast, fieldState.inputValue, onCreateTag, creatable, accessibleList]
  );
  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: (0, import_tailwind_merge6.twMerge)("w-full", className), children: [
    label && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Label, { children: label }),
    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { ref: triggerRef, className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative flex min-h-10 w-full flex-wrap items-center gap-1 rounded-md border border-gray-300 bg-white px-3 py-1.5 shadow-sm focus-within:border-gray-500 focus-within:ring-2 focus-within:ring-gray-400", children: [
      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
        import_react_aria_components18.TagGroup,
        {
          id: tagGroupIdentifier,
          "aria-label": "Selected items",
          onRemove,
          children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
            import_react_aria_components18.TagList,
            {
              items: selectedItems.items,
              className: "flex flex-wrap items-center gap-1",
              children: (item) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
                import_react_aria_components18.Tag,
                {
                  className: "inline-flex items-center gap-x-1.5 rounded-md bg-gray-200 px-2 py-0.5 text-sm text-gray-800",
                  textValue: item.name,
                  id: item.id,
                  children: [
                    item.name,
                    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                      import_react_aria_components18.Button,
                      {
                        slot: "remove",
                        className: "grid cursor-pointer place-content-center text-gray-500 hover:bg-gray-600 hover:text-gray-300 focus:bg-gray-600 focus:outline-none",
                        type: "button",
                        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CloseIcon, { size: "xs" })
                      }
                    )
                  ]
                }
              )
            }
          )
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
        import_react_aria_components18.ComboBox,
        {
          ...props,
          allowsEmptyCollection: true,
          "aria-label": "Available items",
          items: accessibleList.items,
          selectedKey: fieldState.selectedKey,
          inputValue: fieldState.inputValue,
          onSelectionChange,
          onInputChange,
          className: "relative flex flex-1",
          children: [
            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
              import_react_aria_components18.Input,
              {
                placeholder,
                onBlur: () => {
                  setFieldState({
                    inputValue: "",
                    selectedKey: null
                  });
                  accessibleList.setFilterText("");
                },
                onKeyDownCapture,
                className: "min-w-0 flex-1 bg-white px-2 py-1.5 text-sm text-gray-800 outline-0 disabled:text-gray-200"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
              import_react_aria_components18.Button,
              {
                className: "absolute top-1/2 right-2 -translate-y-1/2 p-1 text-gray-400 hover:text-gray-600 focus:outline-none",
                type: "button",
                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ChevrondownIcon, {})
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
              import_react_aria_components18.Popover,
              {
                isNonModal: true,
                trigger: "ComboBox",
                triggerRef,
                style: { width: `${width}px` },
                className: "max-w-none overflow-hidden",
                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                  import_react_aria_components18.ListBox,
                  {
                    selectionMode: "multiple",
                    className: "rounded-md border border-gray-200 bg-white p-1 shadow-lg",
                    disallowEmptySelection: false,
                    renderEmptyState: renderEmptyState ? () => renderEmptyState(fieldState.inputValue) : () => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                      "div",
                      {
                        className: "block cursor-pointer rounded-md px-3 py-2 text-gray-700 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none",
                        role: "button",
                        onMouseDown: (e) => {
                          e.stopPropagation();
                          if (fieldState.inputValue && creatable) {
                            onCreateTag();
                          }
                        },
                        tabIndex: 0,
                        children: fieldState.inputValue ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
                          creatable ? "Create:" : "No results found for:",
                          " ",
                          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("strong", { className: "font-medium text-gray-900", children: fieldState.inputValue })
                        ] }) : "No options"
                      }
                    ),
                    children: (item) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                      import_react_aria_components18.ListBoxItem,
                      {
                        id: item.id,
                        textValue: item.name,
                        className: "cursor-pointer rounded-md px-3 py-2 text-gray-700 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none data-[focused]:bg-gray-100",
                        children: item.name
                      },
                      item.id
                    )
                  }
                )
              }
            )
          ]
        }
      )
    ] }) }),
    description && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Description, { children: description })
  ] });
}

// src/components/Separator/Separator.quanta.tsx
var import_react129 = require("react");
var import_react_aria_components19 = require("react-aria-components");
var import_tailwind_variants13 = require("tailwind-variants");
var import_jsx_runtime128 = require("react/jsx-runtime");
var styles4 = (0, import_tailwind_variants13.tv)({
  base: "bg-gray-300 dark:bg-zinc-600 forced-colors:bg-[ButtonBorder]",
  variants: {
    orientation: {
      horizontal: "h-px w-full",
      vertical: "w-px"
    }
  },
  defaultVariants: {
    orientation: "horizontal"
  }
});
function Separator(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
    import_react_aria_components19.Separator,
    {
      ...props,
      className: styles4({
        orientation: props.orientation,
        className: props.className
      })
    }
  );
}

// src/components/Tabs/Tabs.quanta.tsx
var import_react130 = require("react");
var import_react_aria_components20 = require("react-aria-components");
var import_tailwind_variants14 = require("tailwind-variants");
var import_jsx_runtime129 = require("react/jsx-runtime");
var tabs = (0, import_tailwind_variants14.tv)({
  base: "",
  variants: {
    orientation: {
      vertical: "flex flex-row",
      horizontal: "flex flex-col"
    }
  }
});
var tabListStyles = (0, import_tailwind_variants14.tv)({
  base: "flex gap-1",
  variants: {
    orientation: {
      horizontal: "flex-row",
      vertical: "flex-col items-start"
    }
  }
});
function TabList(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
    import_react_aria_components20.TabList,
    {
      ...props,
      className: (0, import_react_aria_components20.composeRenderProps)(
        props.className,
        (className, renderProps) => tabListStyles({ ...renderProps, className })
      )
    }
  );
}
var tabProps = (0, import_tailwind_variants14.tv)({
  extend: focusRing,
  base: "flex cursor-default items-center px-4 py-1.5 text-sm font-medium transition",
  variants: {
    isSelected: {
      false: "pressed:text-gray-700 dark:pressed:text-zinc-200 pressed:bg-gray-200 dark:pressed:bg-zinc-800 text-gray-600 hover:bg-gray-200 hover:text-gray-700 dark:text-zinc-300 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",
      true: "bg-gray-800 text-white dark:bg-zinc-200 dark:text-black forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
    },
    isDisabled: {
      true: "selected:text-gray-300 dark:selected:text-zinc-500 forced-colors:selected:text-[HighlightText] selected:bg-gray-200 dark:selected:bg-zinc-600 forced-colors:selected:bg-[GrayText] text-gray-200 dark:text-zinc-600 forced-colors:text-[GrayText]"
    }
  }
});
function Tab(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
    import_react_aria_components20.Tab,
    {
      ...props,
      className: (0, import_react_aria_components20.composeRenderProps)(
        props.className,
        (className, renderProps) => tabProps({ ...renderProps, className })
      )
    }
  );
}
var tabPanelStyles = (0, import_tailwind_variants14.tv)({
  extend: focusRing,
  base: "flex-1 p-4 text-sm text-gray-900 dark:text-zinc-100"
});
function TabPanel(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
    import_react_aria_components20.TabPanel,
    {
      ...props,
      className: (0, import_react_aria_components20.composeRenderProps)(
        props.className,
        (className, renderProps) => tabPanelStyles({ ...renderProps, className })
      )
    }
  );
}
function Tabs(props) {
  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
    import_react_aria_components20.Tabs,
    {
      ...props,
      orientation: props.orientation || "horizontal",
      className: (0, import_react_aria_components20.composeRenderProps)(
        props.className,
        (className, renderProps) => tabs({
          ...renderProps,
          orientation: props.orientation,
          className
        })
      ),
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
          TabList,
          {
            className: (0, import_react_aria_components20.composeRenderProps)(
              props.className,
              (className, renderProps) => tabListStyles({
                ...renderProps,
                orientation: props.orientation || "horizontal",
                className
              })
            ),
            children: props.tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Tab, { id: tab.id, children: tab.title }, tab.id))
          }
        ),
        props.tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TabPanel, { id: tab.id, className: "p-3", children: tab.content }, tab.id))
      ]
    }
  );
}

// src/components/GridList/GridList.quanta.tsx
var import_react131 = require("react");
var import_react_aria_components21 = require("react-aria-components");
var import_tailwind_variants15 = require("tailwind-variants");
var import_tailwind_merge7 = require("tailwind-merge");
var import_clsx2 = require("clsx");
var import_jsx_runtime130 = require("react/jsx-runtime");
function GridList({
  children,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
    import_react_aria_components21.GridList,
    {
      ...props,
      className: composeTailwindRenderProps(
        props.className,
        "relative overflow-auto rounded-lg border"
      ),
      children
    }
  );
}
var itemStyles = (0, import_tailwind_variants15.tv)({
  extend: focusRing,
  //   Data- selectors not even showing up, wtf
  base: "relative -mb-px flex cursor-default gap-3 border-y border-transparent px-3 py-2 text-sm -outline-offset-2 select-none first:rounded-t-md first:border-t-0 last:mb-0 last:rounded-b-md last:border-b-0",
  variants: {
    isSelected: {
      false: "hover:bg-gray-100",
      true: "z-20"
    },
    isDisabled: {
      true: "z-10 forced-colors:text-[GrayText]"
    }
  }
});
function GridListItem({
  children,
  className = "",
  ...props
}) {
  const textValue = typeof children === "string" ? children : void 0;
  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
    import_react_aria_components21.GridListItem,
    {
      textValue,
      ...props,
      className: (renderProps) => (0, import_tailwind_merge7.twMerge)(
        itemStyles(renderProps),
        typeof className === "function" ? className(renderProps) : className
      ),
      children: ({ selectionMode, selectionBehavior, allowsDragging }) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
        allowsDragging && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react_aria_components21.Button, { slot: "drag", children: "\u2261" }),
        selectionMode === "multiple" && selectionBehavior === "toggle" && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Checkbox, { slot: "selection" }),
        children
      ] })
    }
  );
}

// src/components/TagGroup/TagGroup.quanta.tsx
var import_react132 = require("react");
var import_react_aria_components22 = require("react-aria-components");
var import_tailwind_merge8 = require("tailwind-merge");
var import_tailwind_variants16 = require("tailwind-variants");
var import_jsx_runtime131 = require("react/jsx-runtime");
var colors = {
  gray: "bg-quanta-silver text-foreground border-gray-200 hover:border-gray-300  ",
  green: "bg-green-100 text-green-700 border-green-200 hover:border-green-300 dark:bg-green-300/20 dark:text-green-400 dark:border-green-300/10 dark:hover:border-green-300/20",
  yellow: "bg-yellow-100 text-yellow-700 border-yellow-200 hover:border-yellow-300 dark:bg-yellow-300/20 dark:text-yellow-400 dark:border-yellow-300/10 dark:hover:border-yellow-300/20",
  blue: "bg-blue-100 text-blue-700 border-blue-200 hover:border-blue-300 dark:bg-blue-400/20 dark:text-blue-300 dark:border-blue-400/10 dark:hover:border-blue-400/20"
};
var ColorContext = (0, import_react132.createContext)("gray");
var tagStyles = (0, import_tailwind_variants16.tv)({
  extend: focusRing,
  base: "flex max-w-fit cursor-default items-center gap-1 rounded-sm border px-3 py-0.5 text-xs transition",
  variants: {
    color: {
      gray: "",
      green: "",
      yellow: "",
      blue: ""
    },
    allowsRemoving: {
      true: "pr-1"
    },
    isSelected: {
      true: "border-transparent"
    },
    isDisabled: {
      true: "bg-quanta-pigeon text-gray-300"
    }
  },
  compoundVariants: Object.keys(colors).map((color) => ({
    isSelected: false,
    isDisabled: false,
    color,
    class: colors[color]
  }))
});
function TagGroup2({
  label,
  description,
  errorMessage,
  items,
  children,
  renderEmptyState,
  ...props
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
    import_react_aria_components22.TagGroup,
    {
      ...props,
      className: (0, import_tailwind_merge8.twMerge)("flex flex-col gap-1", props.className),
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Label, { children: label }),
        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ColorContext.Provider, { value: props.color || "gray", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
          import_react_aria_components22.TagList,
          {
            items,
            renderEmptyState,
            className: "flex flex-wrap gap-1",
            children
          }
        ) }),
        description && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Description, { children: description }),
        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react_aria_components22.Text, { slot: "errorMessage", className: "text-sm text-red-600", children: errorMessage })
      ]
    }
  );
}
var removeButtonStyles = (0, import_tailwind_variants16.tv)({
  extend: focusRing,
  base: "flex cursor-default items-center justify-center rounded-full p-0.5 transition-[background-color]"
});
function Tag2({ children, color, ...props }) {
  const textValue = typeof children === "string" ? children : void 0;
  const groupColor = (0, import_react132.useContext)(ColorContext);
  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
    import_react_aria_components22.Tag,
    {
      textValue,
      ...props,
      className: (0, import_react_aria_components22.composeRenderProps)(
        props.className,
        (className, renderProps) => tagStyles({ ...renderProps, className, color: color || groupColor })
      ),
      children: ({ allowsRemoving }) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
        children,
        allowsRemoving && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react_aria_components22.Button, { slot: "remove", className: removeButtonStyles, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(CloseIcon, { "aria-hidden": true, className: "h-3 w-3" }) })
      ] })
    }
  );
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Accordion,
  AccordionItem,
  AccordionItemTrigger,
  AccordionPanel,
  AlignWidget,
  Breadcrumb,
  Breadcrumbs,
  Button,
  Calendar,
  CalendarGridHeader,
  CalendarHeader,
  Checkbox,
  CheckboxGroup,
  Container,
  CustomRadio,
  DateInput,
  DatePicker,
  DateTimePicker,
  Description,
  Field,
  FieldError,
  FieldGroup,
  FieldWrapper,
  GridList,
  GridListItem,
  Input,
  Label,
  Link,
  MultiSelect,
  Radio,
  RadioGroup,
  Separator,
  SizeWidget,
  Tab,
  TabList,
  TabPanel,
  Tabs,
  Tag,
  TagGroup,
  TextField,
  TimeField,
  WidthWidget,
  fieldBorderStyles,
  fieldGroupStyles
});
