@usefragments/ui 1.0.0

package/dist/colorpicker.cjs

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const popover = require("@base-ui/react/popover");
+const field = require("@base-ui/react/field");
+const index = require("./components/ComponentDefaults/index.cjs");
+const index$1 = require("./components/Input/index.cjs");
+const ColorPicker_module = require("./components/ColorPicker/ColorPicker.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+let _HexColorPicker = null;
+let _colorfulLoaded = false;
+function loadColorfulDeps() {
+  if (_colorfulLoaded) return;
+  _colorfulLoaded = true;
+  try {
+    const rc = require("react-colorful");
+    _HexColorPicker = rc.HexColorPicker;
+  } catch {
+  }
+}
+const ColorPickerRoot = React__namespace.forwardRef(function ColorPicker2({
+  label,
+  value,
+  defaultValue = "#000000",
+  onChange: onChangeProp,
+  onValueChange,
+  helperText,
+  description,
+  error = false,
+  disabled = false,
+  size: sizeProp,
+  showInput = true,
+  className,
+  ...htmlProps
+}, ref) {
+  const size = index.useResolvedControlSize(sizeProp);
+  const resolvedHelperText = helperText ?? description;
+  loadColorfulDeps();
+  const [internalValue, setInternalValue] = React__namespace.useState(defaultValue);
+  const [inputValue, setInputValue] = React__namespace.useState(value ?? defaultValue);
+  const displayValue = value !== void 0 ? value : internalValue;
+  React__namespace.useEffect(() => {
+    if (value !== void 0) {
+      setInputValue(value);
+    }
+  }, [value]);
+  const onChange = onChangeProp ?? onValueChange;
+  const handleChange = (color) => {
+    setInternalValue(color);
+    setInputValue(color);
+    onChange == null ? void 0 : onChange(color);
+  };
+  const handleInputChange = (newValue) => {
+    setInputValue(newValue);
+    if (/^#[0-9A-Fa-f]{6}$/.test(newValue)) {
+      setInternalValue(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    }
+  };
+  const handleInputBlur = () => {
+    if (!/^#[0-9A-Fa-f]{6}$/.test(inputValue)) {
+      setInputValue(displayValue);
+    }
+  };
+  const wrapperClasses = [
+    ColorPicker_module.default.wrapper,
+    ColorPicker_module.default[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],
+    className
+  ].filter(Boolean).join(" ");
+  const helperClasses = [ColorPicker_module.default.helper, error && ColorPicker_module.default.helperError].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    field.Field.Root,
+    {
+      ref,
+      ...htmlProps,
+      disabled,
+      invalid: error,
+      className: wrapperClasses,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: ColorPicker_module.default.label, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ColorPicker_module.default.inputWrapper, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover.Root, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              popover.Popover.Trigger,
+              {
+                className: ColorPicker_module.default.swatch,
+                style: { backgroundColor: displayValue },
+                disabled,
+                "aria-label": label ? `Edit ${label} color` : "Edit color"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              popover.Popover.Positioner,
+              {
+                side: "bottom",
+                align: "start",
+                sideOffset: 4,
+                className: ColorPicker_module.default.positioner,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  popover.Popover.Popup,
+                  {
+                    className: ColorPicker_module.default.popup,
+                    "aria-label": label ? `${label} color picker` : "Color picker",
+                    children: _HexColorPicker && /* @__PURE__ */ jsxRuntime.jsx(_HexColorPicker, { color: displayValue, onChange: handleChange })
+                  }
+                )
+              }
+            ) })
+          ] }),
+          showInput && /* @__PURE__ */ jsxRuntime.jsx(
+            index$1.Input,
+            {
+              value: inputValue,
+              onChange: handleInputChange,
+              onBlur: handleInputBlur,
+              disabled,
+              size,
+              className: ColorPicker_module.default.hexInput,
+              inputClassName: ColorPicker_module.default.hexInputField,
+              "aria-label": label ? `${label} hex value` : "Hex value"
+            }
+          )
+        ] }),
+        resolvedHelperText && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { className: helperClasses, children: resolvedHelperText })
+      ]
+    }
+  );
+});
+const ColorPicker = Object.assign(ColorPickerRoot, {
+  Root: ColorPickerRoot
+});
+exports.ColorPicker = ColorPicker;

package/dist/colorpicker.js

@@ -0,0 +1,132 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover } from "@base-ui/react/popover";
+import { Field } from "@base-ui/react/field";
+import { useResolvedControlSize } from "./components/ComponentDefaults/index.js";
+import { Input } from "./components/Input/index.js";
+import styles from "./components/ColorPicker/ColorPicker.module.scss.js";
+let _HexColorPicker = null;
+let _colorfulLoaded = false;
+function loadColorfulDeps() {
+  if (_colorfulLoaded) return;
+  _colorfulLoaded = true;
+  try {
+    const rc = require("react-colorful");
+    _HexColorPicker = rc.HexColorPicker;
+  } catch {
+  }
+}
+const ColorPickerRoot = React.forwardRef(function ColorPicker2({
+  label,
+  value,
+  defaultValue = "#000000",
+  onChange: onChangeProp,
+  onValueChange,
+  helperText,
+  description,
+  error = false,
+  disabled = false,
+  size: sizeProp,
+  showInput = true,
+  className,
+  ...htmlProps
+}, ref) {
+  const size = useResolvedControlSize(sizeProp);
+  const resolvedHelperText = helperText ?? description;
+  loadColorfulDeps();
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const [inputValue, setInputValue] = React.useState(value ?? defaultValue);
+  const displayValue = value !== void 0 ? value : internalValue;
+  React.useEffect(() => {
+    if (value !== void 0) {
+      setInputValue(value);
+    }
+  }, [value]);
+  const onChange = onChangeProp ?? onValueChange;
+  const handleChange = (color) => {
+    setInternalValue(color);
+    setInputValue(color);
+    onChange == null ? void 0 : onChange(color);
+  };
+  const handleInputChange = (newValue) => {
+    setInputValue(newValue);
+    if (/^#[0-9A-Fa-f]{6}$/.test(newValue)) {
+      setInternalValue(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    }
+  };
+  const handleInputBlur = () => {
+    if (!/^#[0-9A-Fa-f]{6}$/.test(inputValue)) {
+      setInputValue(displayValue);
+    }
+  };
+  const wrapperClasses = [
+    styles.wrapper,
+    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],
+    className
+  ].filter(Boolean).join(" ");
+  const helperClasses = [styles.helper, error && styles.helperError].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    Field.Root,
+    {
+      ref,
+      ...htmlProps,
+      disabled,
+      invalid: error,
+      className: wrapperClasses,
+      children: [
+        label && /* @__PURE__ */ jsx(Field.Label, { className: styles.label, children: label }),
+        /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
+          /* @__PURE__ */ jsxs(Popover.Root, { children: [
+            /* @__PURE__ */ jsx(
+              Popover.Trigger,
+              {
+                className: styles.swatch,
+                style: { backgroundColor: displayValue },
+                disabled,
+                "aria-label": label ? `Edit ${label} color` : "Edit color"
+              }
+            ),
+            /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+              Popover.Positioner,
+              {
+                side: "bottom",
+                align: "start",
+                sideOffset: 4,
+                className: styles.positioner,
+                children: /* @__PURE__ */ jsx(
+                  Popover.Popup,
+                  {
+                    className: styles.popup,
+                    "aria-label": label ? `${label} color picker` : "Color picker",
+                    children: _HexColorPicker && /* @__PURE__ */ jsx(_HexColorPicker, { color: displayValue, onChange: handleChange })
+                  }
+                )
+              }
+            ) })
+          ] }),
+          showInput && /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: inputValue,
+              onChange: handleInputChange,
+              onBlur: handleInputBlur,
+              disabled,
+              size,
+              className: styles.hexInput,
+              inputClassName: styles.hexInputField,
+              "aria-label": label ? `${label} hex value` : "Hex value"
+            }
+          )
+        ] }),
+        resolvedHelperText && /* @__PURE__ */ jsx(Field.Description, { className: helperClasses, children: resolvedHelperText })
+      ]
+    }
+  );
+});
+const ColorPicker = Object.assign(ColorPickerRoot, {
+  Root: ColorPickerRoot
+});
+export {
+  ColorPicker
+};

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const accordion = "_accordion_hfe99_1";
+const item = "_item_hfe99_12";
+const heading = "_heading_hfe99_17";
+const trigger = "_trigger_hfe99_23";
+const triggerContent = "_triggerContent_hfe99_64";
+const chevron = "_chevron_hfe99_68";
+const content = "_content_hfe99_79";
+const contentInner = "_contentInner_hfe99_92";
+const styles = {
+  accordion,
+  item,
+  heading,
+  trigger,
+  triggerContent,
+  chevron,
+  content,
+  contentInner
+};
+exports.accordion = accordion;
+exports.chevron = chevron;
+exports.content = content;
+exports.contentInner = contentInner;
+exports.default = styles;
+exports.heading = heading;
+exports.item = item;
+exports.trigger = trigger;
+exports.triggerContent = triggerContent;

package/dist/components/Accordion/Accordion.module.scss.js

@@ -0,0 +1,29 @@
+const accordion = "_accordion_hfe99_1";
+const item = "_item_hfe99_12";
+const heading = "_heading_hfe99_17";
+const trigger = "_trigger_hfe99_23";
+const triggerContent = "_triggerContent_hfe99_64";
+const chevron = "_chevron_hfe99_68";
+const content = "_content_hfe99_79";
+const contentInner = "_contentInner_hfe99_92";
+const styles = {
+  accordion,
+  item,
+  heading,
+  trigger,
+  triggerContent,
+  chevron,
+  content,
+  contentInner
+};
+export {
+  accordion,
+  chevron,
+  content,
+  contentInner,
+  styles as default,
+  heading,
+  item,
+  trigger,
+  triggerContent
+};

package/dist/components/Accordion/index.cjs

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const collapsible = require("@base-ui/react/collapsible");
+const Accordion_module = require("./Accordion.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const AccordionContext = React__namespace.createContext(null);
+const AccordionItemContext = React__namespace.createContext(null);
+function useAccordionContext() {
+  const context = React__namespace.useContext(AccordionContext);
+  if (!context) {
+    throw new Error("Accordion components must be used within an Accordion");
+  }
+  return context;
+}
+function useAccordionItemContext() {
+  const context = React__namespace.useContext(AccordionItemContext);
+  if (!context) {
+    throw new Error("Accordion.Trigger/Content must be used within an Accordion.Item");
+  }
+  return context;
+}
+function AccordionRoot({
+  children,
+  type = "single",
+  value,
+  defaultValue,
+  onValueChange,
+  collapsible: collapsible2 = false,
+  headingLevel = 3,
+  className,
+  ...htmlProps
+}) {
+  const normalizeValue = (val) => {
+    if (val === void 0) return [];
+    return Array.isArray(val) ? val : [val];
+  };
+  const [openItems, setOpenItems] = React__namespace.useState(() => normalizeValue(defaultValue));
+  const controlledOpenItems = value !== void 0 ? normalizeValue(value) : void 0;
+  const currentOpenItems = controlledOpenItems ?? openItems;
+  const toggle = React__namespace.useCallback(
+    (itemValue) => {
+      const newItems = (() => {
+        if (type === "single") {
+          if (currentOpenItems.includes(itemValue)) {
+            return collapsible2 ? [] : currentOpenItems;
+          }
+          return [itemValue];
+        } else {
+          if (currentOpenItems.includes(itemValue)) {
+            return currentOpenItems.filter((v) => v !== itemValue);
+          }
+          return [...currentOpenItems, itemValue];
+        }
+      })();
+      if (controlledOpenItems === void 0) {
+        setOpenItems(newItems);
+      }
+      if (type === "single") {
+        onValueChange == null ? void 0 : onValueChange(newItems[0]);
+      } else {
+        onValueChange == null ? void 0 : onValueChange(newItems);
+      }
+    },
+    [type, currentOpenItems, collapsible2, controlledOpenItems, onValueChange]
+  );
+  const classes = [Accordion_module.default.accordion, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionContext.Provider,
+    {
+      value: { type, openItems: currentOpenItems, toggle, collapsible: collapsible2, headingLevel },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", children })
+    }
+  );
+}
+function AccordionItem({
+  children,
+  value,
+  disabled = false,
+  className,
+  ...htmlProps
+}) {
+  const { openItems } = useAccordionContext();
+  const isOpen = openItems.includes(value);
+  const baseId = React__namespace.useId();
+  const triggerId = `accordion-trigger-${baseId}`;
+  const contentId = `accordion-content-${baseId}`;
+  const classes = [
+    Accordion_module.default.item,
+    isOpen && Accordion_module.default.itemOpen,
+    disabled && Accordion_module.default.itemDisabled,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { value, isOpen, disabled, triggerId, contentId }, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Root, { open: isOpen, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      className: classes,
+      "data-state": isOpen ? "open" : "closed",
+      "data-disabled": disabled || void 0,
+      children
+    }
+  ) }) });
+}
+function AccordionTrigger({
+  children,
+  className,
+  type: buttonType,
+  onClick,
+  ...htmlProps
+}) {
+  const { toggle, headingLevel } = useAccordionContext();
+  const { value, isOpen, disabled, triggerId, contentId } = useAccordionItemContext();
+  const handleClick = (event) => {
+    onClick == null ? void 0 : onClick(event);
+    if (event.defaultPrevented) return;
+    if (!disabled) {
+      toggle(value);
+    }
+  };
+  const classes = [Accordion_module.default.trigger, className].filter(Boolean).join(" ");
+  const HeadingTag = `h${headingLevel}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, { className: Accordion_module.default.heading, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    collapsible.Collapsible.Trigger,
+    {
+      ...htmlProps,
+      type: buttonType ?? "button",
+      id: triggerId,
+      className: classes,
+      onClick: handleClick,
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      "data-state": isOpen ? "open" : "closed",
+      disabled,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Accordion_module.default.triggerContent, children }),
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { className: Accordion_module.default.chevron, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M4 6L8 10L12 6",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  children,
+  keepMounted = false,
+  hiddenUntilFound = false,
+  className,
+  ...htmlProps
+}) {
+  const { isOpen, triggerId, contentId } = useAccordionItemContext();
+  const classes = [Accordion_module.default.content, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    collapsible.Collapsible.Panel,
+    {
+      ...htmlProps,
+      id: contentId,
+      className: classes,
+      "data-state": isOpen ? "open" : "closed",
+      role: "region",
+      "aria-labelledby": triggerId,
+      keepMounted,
+      hiddenUntilFound,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module.default.contentInner, children })
+    }
+  );
+}
+const Accordion = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Content: AccordionContent
+});
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionRoot = AccordionRoot;
+exports.AccordionTrigger = AccordionTrigger;

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+export type AccordionValue = string | string[];
+interface AccordionSharedProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    children: React.ReactNode;
+    /** Whether items can be fully collapsed (only for type="single") */
+    collapsible?: boolean;
+    /**
+     * Heading level for accordion triggers (for semantic HTML).
+     * The trigger will be wrapped in an <h{level}> element.
+     * @default 3
+     */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+export interface AccordionSingleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type?: "single";
+    /** Controlled value for single mode */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string | undefined) => void;
+}
+export interface AccordionMultipleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type: "multiple";
+    /** Controlled values for multiple mode */
+    value?: string[];
+    /** Default values for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback when value changes */
+    onValueChange?: (value: string[]) => void;
+}
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Unique value for this item */
+    value: string;
+    /** Disable this item */
+    disabled?: boolean;
+}
+export interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+}
+export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Keep panel content mounted while collapsed */
+    keepMounted?: boolean;
+    /** Let browser find-in-page reveal collapsed content */
+    hiddenUntilFound?: boolean;
+}
+declare function AccordionRoot({ children, type, value, defaultValue, onValueChange, collapsible, headingLevel, className, ...htmlProps }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ children, value, disabled, className, ...htmlProps }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ children, className, type: buttonType, onClick, ...htmlProps }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ children, keepMounted, hiddenUntilFound, className, ...htmlProps }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+export { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,8CAA8C;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8CD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,YAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAuDhB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CA8BpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,IAAI,EAAE,UAAU,EAChB,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA2CvB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,WAAmB,EACnB,gBAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmBvB;AAMD,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}