@usefragments/ui 1.0.0

package/dist/components/Menu/index.js

@@ -0,0 +1,266 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
+import styles from "./Menu.module.scss.js";
+function CheckmarkIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
+    }
+  );
+}
+function DotIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5" })
+    }
+  );
+}
+function MenuRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true
+}) {
+  return /* @__PURE__ */ jsx(
+    Menu$1.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function MenuTrigger({ children, asChild, className, ...htmlProps }) {
+  if (asChild) {
+    if (!React.isValidElement(children)) {
+      throw new Error("Menu.Trigger with asChild requires a single valid React element child.");
+    }
+    return /* @__PURE__ */ jsx(Menu$1.Trigger, { ...htmlProps, className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsx(
+    Menu$1.Trigger,
+    {
+      ...htmlProps,
+      type: htmlProps.type ?? "button",
+      className,
+      children
+    }
+  );
+}
+function MenuContent({
+  children,
+  className,
+  side = "bottom",
+  align = "start",
+  sideOffset = 4,
+  ...htmlProps
+}) {
+  const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Menu$1.Portal, { children: /* @__PURE__ */ jsx(
+    Menu$1.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      className: styles.positioner,
+      children: /* @__PURE__ */ jsx(Menu$1.Popup, { ...htmlProps, className: popupClasses, children: /* @__PURE__ */ jsx(Menu$1.Viewport, { className: styles.viewport, children }) })
+    }
+  ) });
+}
+function MenuItem({
+  children,
+  disabled,
+  danger,
+  onSelect,
+  className,
+  icon,
+  shortcut,
+  checked,
+  ...htmlProps
+}) {
+  const handleClick = React.useCallback(
+    (event) => {
+      var _a;
+      (_a = htmlProps.onClick) == null ? void 0 : _a.call(htmlProps, event);
+      onSelect == null ? void 0 : onSelect(event);
+    },
+    [htmlProps, onSelect]
+  );
+  const hasChecked = checked !== void 0;
+  const classes = [
+    styles.item,
+    danger && styles.itemDanger,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    Menu$1.Item,
+    {
+      ...htmlProps,
+      disabled,
+      onClick: handleClick,
+      className: classes,
+      children: [
+        hasChecked && /* @__PURE__ */ jsx("span", { className: styles.checkIndicator, children: checked ? /* @__PURE__ */ jsx(CheckmarkIcon, {}) : null }),
+        icon && /* @__PURE__ */ jsx("span", { className: styles.itemIcon, children: icon }),
+        /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children }),
+        shortcut && /* @__PURE__ */ jsx("span", { className: styles.itemShortcut, children: shortcut })
+      ]
+    }
+  );
+}
+function MenuCheckboxItem({
+  children,
+  checked: checkedProp,
+  defaultChecked,
+  onCheckedChange,
+  disabled,
+  className,
+  ...htmlProps
+}) {
+  const isControlled = checkedProp !== void 0;
+  const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
+  const visualChecked = isControlled ? checkedProp : internalChecked;
+  const handleCheckedChange = React.useCallback(
+    (value) => {
+      if (!isControlled) setInternalChecked(value);
+      onCheckedChange == null ? void 0 : onCheckedChange(value);
+    },
+    [isControlled, onCheckedChange]
+  );
+  const classes = [styles.item, styles.checkboxItem, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    Menu$1.CheckboxItem,
+    {
+      ...htmlProps,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      disabled,
+      className: classes,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.checkIndicator, children: visualChecked ? /* @__PURE__ */ jsx(CheckmarkIcon, {}) : null }),
+        /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children })
+      ]
+    }
+  );
+}
+function MenuRadioGroup({
+  children,
+  value,
+  defaultValue,
+  onValueChange
+}) {
+  return /* @__PURE__ */ jsx(
+    Menu$1.RadioGroup,
+    {
+      value,
+      defaultValue,
+      onValueChange,
+      children
+    }
+  );
+}
+function MenuRadioItem({
+  children,
+  value,
+  disabled,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.item, styles.radioItem, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Menu$1.RadioItem, { ...htmlProps, value, disabled, className: classes, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.radioIndicator, children: /* @__PURE__ */ jsx(DotIcon, {}) }),
+    /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children })
+  ] });
+}
+function MenuGroup({ children, className, ...htmlProps }) {
+  const classes = [styles.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Menu$1.Group, { ...htmlProps, className: classes, children });
+}
+function MenuGroupLabel({ children, className, ...htmlProps }) {
+  const classes = [styles.groupLabel, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Menu$1.GroupLabel, { ...htmlProps, className: classes, children });
+}
+function MenuSeparator({ className, ...htmlProps }) {
+  const classes = [styles.separator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Menu$1.Separator, { ...htmlProps, className: classes });
+}
+function MenuSubmenu({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ jsx(
+    Menu$1.SubmenuRoot,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      children
+    }
+  );
+}
+function MenuSubmenuTrigger({
+  children,
+  disabled,
+  className,
+  icon,
+  ...htmlProps
+}) {
+  const classes = [styles.item, styles.submenuTrigger, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, { ...htmlProps, disabled, className: classes, children: [
+    icon && /* @__PURE__ */ jsx("span", { className: styles.itemIcon, children: icon }),
+    /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children })
+  ] });
+}
+const Menu = Object.assign(MenuRoot, {
+  Trigger: MenuTrigger,
+  Content: MenuContent,
+  Item: MenuItem,
+  CheckboxItem: MenuCheckboxItem,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Separator: MenuSeparator,
+  Submenu: MenuSubmenu,
+  SubmenuTrigger: MenuSubmenuTrigger
+});
+export {
+  Menu,
+  MenuCheckboxItem,
+  MenuContent,
+  MenuGroup,
+  MenuGroupLabel,
+  MenuItem,
+  MenuRadioGroup,
+  MenuRadioItem,
+  MenuRoot,
+  MenuSeparator,
+  MenuSubmenu,
+  MenuSubmenuTrigger,
+  MenuTrigger
+};

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const message = "_message_1j7ep_1";
+const actions = "_actions_1j7ep_8";
+const user = "_user_1j7ep_15";
+const body = "_body_1j7ep_19";
+const content = "_content_1j7ep_22";
+const assistant = "_assistant_1j7ep_27";
+const system = "_system_1j7ep_32";
+const avatar = "_avatar_1j7ep_42";
+const error = "_error_1j7ep_46";
+const sending = "_sending_1j7ep_52";
+const avatarUser = "_avatarUser_1j7ep_72";
+const avatarAssistant = "_avatarAssistant_1j7ep_77";
+const avatarSystem = "_avatarSystem_1j7ep_82";
+const avatarImage = "_avatarImage_1j7ep_87";
+const avatarImg = "_avatarImg_1j7ep_92";
+const streaming = "_streaming_1j7ep_148";
+const blink = "_blink_1j7ep_1";
+const timestamp = "_timestamp_1j7ep_174";
+const styles = {
+  message,
+  actions,
+  user,
+  body,
+  content,
+  assistant,
+  system,
+  avatar,
+  error,
+  sending,
+  avatarUser,
+  avatarAssistant,
+  avatarSystem,
+  avatarImage,
+  avatarImg,
+  streaming,
+  blink,
+  timestamp
+};
+exports.actions = actions;
+exports.assistant = assistant;
+exports.avatar = avatar;
+exports.avatarAssistant = avatarAssistant;
+exports.avatarImage = avatarImage;
+exports.avatarImg = avatarImg;
+exports.avatarSystem = avatarSystem;
+exports.avatarUser = avatarUser;
+exports.blink = blink;
+exports.body = body;
+exports.content = content;
+exports.default = styles;
+exports.error = error;
+exports.message = message;
+exports.sending = sending;
+exports.streaming = streaming;
+exports.system = system;
+exports.timestamp = timestamp;
+exports.user = user;

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

@@ -0,0 +1,59 @@
+const message = "_message_1j7ep_1";
+const actions = "_actions_1j7ep_8";
+const user = "_user_1j7ep_15";
+const body = "_body_1j7ep_19";
+const content = "_content_1j7ep_22";
+const assistant = "_assistant_1j7ep_27";
+const system = "_system_1j7ep_32";
+const avatar = "_avatar_1j7ep_42";
+const error = "_error_1j7ep_46";
+const sending = "_sending_1j7ep_52";
+const avatarUser = "_avatarUser_1j7ep_72";
+const avatarAssistant = "_avatarAssistant_1j7ep_77";
+const avatarSystem = "_avatarSystem_1j7ep_82";
+const avatarImage = "_avatarImage_1j7ep_87";
+const avatarImg = "_avatarImg_1j7ep_92";
+const streaming = "_streaming_1j7ep_148";
+const blink = "_blink_1j7ep_1";
+const timestamp = "_timestamp_1j7ep_174";
+const styles = {
+  message,
+  actions,
+  user,
+  body,
+  content,
+  assistant,
+  system,
+  avatar,
+  error,
+  sending,
+  avatarUser,
+  avatarAssistant,
+  avatarSystem,
+  avatarImage,
+  avatarImg,
+  streaming,
+  blink,
+  timestamp
+};
+export {
+  actions,
+  assistant,
+  avatar,
+  avatarAssistant,
+  avatarImage,
+  avatarImg,
+  avatarSystem,
+  avatarUser,
+  blink,
+  body,
+  content,
+  styles as default,
+  error,
+  message,
+  sending,
+  streaming,
+  system,
+  timestamp,
+  user
+};

package/dist/components/Message/index.cjs

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Message_module = require("./Message.module.scss.cjs");
+const markdown = require("../../markdown.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 MessageContext = React__namespace.createContext(null);
+function useMessageContext() {
+  const context = React__namespace.useContext(MessageContext);
+  if (!context) {
+    throw new Error("Message compound components must be used within a Message");
+  }
+  return context;
+}
+function formatTimestamp(date) {
+  const now = /* @__PURE__ */ new Date();
+  const diff = now.getTime() - date.getTime();
+  const minutes = Math.floor(diff / 6e4);
+  const hours = Math.floor(diff / 36e5);
+  if (minutes < 1) return "Just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  if (hours < 24) return `${hours}h ago`;
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function UserIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+    }
+  );
+}
+function AssistantIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z" })
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })
+    }
+  );
+}
+function MessageContent({ children, markdown: markdown$1, className, ...htmlProps }) {
+  const { status } = useMessageContext();
+  const classes = [
+    Message_module.default.content,
+    status === "streaming" && Message_module.default.streaming,
+    className
+  ].filter(Boolean).join(" ");
+  const content = markdown$1 && typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(markdown.Markdown, { content: children }) : children;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children: content });
+}
+function MessageActions({ children, className, ...htmlProps }) {
+  const classes = [Message_module.default.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function MessageTimestamp({
+  date,
+  format: customFormat,
+  className,
+  ...htmlProps
+}) {
+  const { timestamp } = useMessageContext();
+  const dateToFormat = date ?? timestamp;
+  if (!dateToFormat) return null;
+  const formatted = customFormat ? customFormat(dateToFormat) : formatTimestamp(dateToFormat);
+  const classes = [Message_module.default.timestamp, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...htmlProps, className: classes, children: formatted });
+}
+function MessageAvatar({ children, src, alt, className, ...htmlProps }) {
+  const { role } = useMessageContext();
+  const classes = [
+    Message_module.default.avatar,
+    Message_module.default[`avatar${role.charAt(0).toUpperCase() + role.slice(1)}`],
+    src && Message_module.default.avatarImage,
+    className
+  ].filter(Boolean).join(" ");
+  const defaultIcon = role === "user" ? /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {}) : role === "assistant" ? /* @__PURE__ */ jsxRuntime.jsx(AssistantIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(SystemIcon, {});
+  const content = children ?? (src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: alt ?? role, className: Message_module.default.avatarImg }) : defaultIcon);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children: content });
+}
+function MessageRoot({
+  role,
+  children,
+  status = "complete",
+  timestamp,
+  avatar,
+  actions,
+  className,
+  ...htmlProps
+}) {
+  const contextValue = {
+    role,
+    status,
+    timestamp
+  };
+  const classes = [
+    Message_module.default.message,
+    Message_module.default[role],
+    status === "error" && Message_module.default.error,
+    status === "sending" && Message_module.default.sending,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(MessageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...htmlProps,
+      className: classes,
+      "data-role": role,
+      "data-status": status,
+      children: [
+        avatar !== void 0 ? avatar : /* @__PURE__ */ jsxRuntime.jsx(MessageAvatar, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Message_module.default.body, children: [
+          children,
+          actions && /* @__PURE__ */ jsxRuntime.jsx(MessageActions, { children: actions })
+        ] })
+      ]
+    }
+  ) });
+}
+const Message = Object.assign(MessageRoot, {
+  Content: MessageContent,
+  Actions: MessageActions,
+  Timestamp: MessageTimestamp,
+  Avatar: MessageAvatar
+});
+exports.Message = Message;
+exports.MessageActions = MessageActions;
+exports.MessageAvatar = MessageAvatar;
+exports.MessageContent = MessageContent;
+exports.MessageRoot = MessageRoot;
+exports.MessageTimestamp = MessageTimestamp;
+exports.useMessageContext = useMessageContext;

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

@@ -0,0 +1,58 @@
+import * as React from 'react';
+export type MessageRole = 'user' | 'assistant' | 'system';
+export type MessageStatus = 'sending' | 'streaming' | 'complete' | 'error';
+export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Message role determines styling and alignment */
+    role: MessageRole;
+    /** Message content */
+    children: React.ReactNode;
+    /** Message status */
+    status?: MessageStatus;
+    /** When the message was sent */
+    timestamp?: Date;
+    /** Custom avatar override */
+    avatar?: React.ReactNode;
+    /** Hover actions (copy, regenerate) */
+    actions?: React.ReactNode;
+}
+export interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** When true, renders string children as markdown */
+    markdown?: boolean;
+}
+export interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface MessageTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Date to format */
+    date?: Date;
+    /** Custom format function */
+    format?: (date: Date) => string;
+}
+export interface MessageAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    /** Image URL for the avatar */
+    src?: string;
+    /** Alt text for image avatars */
+    alt?: string;
+}
+interface MessageContextValue {
+    role: MessageRole;
+    status: MessageStatus;
+    timestamp?: Date;
+}
+declare function useMessageContext(): MessageContextValue;
+declare function MessageContent({ children, markdown, className, ...htmlProps }: MessageContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageActions({ children, className, ...htmlProps }: MessageActionsProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageTimestamp({ date, format: customFormat, className, ...htmlProps }: MessageTimestampProps): import("react/jsx-runtime").JSX.Element | null;
+declare function MessageAvatar({ children, src, alt, className, ...htmlProps }: MessageAvatarProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageRoot({ role, children, status, timestamp, avatar, actions, className, ...htmlProps }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const Message: typeof MessageRoot & {
+    Content: typeof MessageContent;
+    Actions: typeof MessageActions;
+    Timestamp: typeof MessageTimestamp;
+    Avatar: typeof MessageAvatar;
+};
+export { MessageRoot, MessageContent, MessageActions, MessageTimestamp, MessageAvatar, };
+export { useMessageContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,IAAI,EAAE,WAAW,CAAC;IAClB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAClF,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAID,iBAAS,iBAAiB,wBAMzB;AA6ED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAkB3F;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAQjF;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,kDAevB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAyBzF;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,MAAmB,EACnB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CA+Bd;AAMD,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC;AAEH,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}