@dust-tt/sparkle 0.7.7 → 0.7.8-rc-1

package/src/components/AssistantCard.tsx

@@ -1,15 +1,12 @@
 import React from "react";
 
-import {
-  Avatar,
-  Card,
-  CardActionButton,
-  MiniButtonProps,
-} from "@sparkle/components/";
+import { Avatar, Card, CardActionButton } from "@sparkle/components/";
 import { CardVariantType } from "@sparkle/components/Card";
 import { MoreIcon } from "@sparkle/icons/app/";
 import { cn } from "@sparkle/lib/utils";
 
+import { IconOnlyButtonProps, IconOnlySize } from "./Button";
+
 interface BaseAssistantCardProps {
   description: string;
   title: string;
@@ -21,13 +18,13 @@ interface BaseAssistantCardProps {
   variant?: CardVariantType;
 }
 
-type AssistantCardMore = Omit<MiniButtonProps, "icon" | "size">;
+type AssistantCardMore = Omit<IconOnlyButtonProps, "icon" | "size"> & { size?: IconOnlySize };
 
 export const AssistantCardMore = React.forwardRef<
   HTMLButtonElement,
   AssistantCardMore
->(({ ...props }, ref) => {
-  return <CardActionButton size="mini" ref={ref} icon={MoreIcon} {...props} />;
+>(({ size = "icon", ...props }, ref) => {
+  return <CardActionButton ref={ref} icon={MoreIcon} size={size} {...props} />;
 });
 AssistantCardMore.displayName = "AssistantCardMore";
 

package/src/components/Button.tsx

@@ -34,8 +34,28 @@ export const BUTTON_VARIANTS = [
 
 export type ButtonVariantType = (typeof BUTTON_VARIANTS)[number];
 
-export const BUTTON_SIZES = ["xmini", "mini", "xs", "sm", "md"] as const;
-export type ButtonSizeType = (typeof BUTTON_SIZES)[number];
+export const REGULAR_BUTTON_SIZES = [
+  "xmini",
+  "mini",
+  "xs",
+  "sm",
+  "md",
+] as const;
+export const ICON_ONLY_SIZES = ["icon-xs", "icon"] as const;
+export const SMALL_BUTTON_SIZES = ["icon-xs", "icon", "xmini", "mini"] as const;
+
+export type RegularButtonSize = (typeof REGULAR_BUTTON_SIZES)[number];
+export type IconOnlySize = (typeof ICON_ONLY_SIZES)[number];
+export type ButtonSize = RegularButtonSize | IconOnlySize;
+
+function isSmallButtonSize(
+  size: ButtonSize | undefined
+): size is (typeof SMALL_BUTTON_SIZES)[number] {
+  return (
+    size !== undefined &&
+    SMALL_BUTTON_SIZES.includes(size as (typeof SMALL_BUTTON_SIZES)[number])
+  );
+}
 
 // Define button styling with cva
 const buttonVariants = cva(
@@ -141,13 +161,17 @@ const buttonVariants = cva(
         ),
       },
       size: {
-        xmini: "s-h-6 s-w-6 s-label-xs s-gap-1 s-shrink-0",
-        mini: "s-h-7 s-w-7 s-label-xs s-gap-1.5 s-shrink-0",
+        "icon-xs": "s-h-6 s-w-6 s-label-xs s-gap-1 s-shrink-0",
+        icon: "s-h-7 s-w-7 s-label-xs s-gap-1.5 s-shrink-0",
+        xmini: "s-h-6 s-px-1.5 s-label-xs s-gap-1 s-shrink-0",
+        mini: "s-h-7 s-px-2 s-label-xs s-gap-1.5 s-shrink-0",
         xs: "s-h-7 s-px-2.5 s-label-xs s-gap-1.5 s-shrink-0",
         sm: "s-h-9 s-px-3 s-label-sm s-gap-2 s-shrink-0",
         md: "s-h-12 s-px-4 s-py-2 s-label-base s-gap-2.5 s-shrink-0",
       },
       rounded: {
+        "icon-xs": "s-rounded-lg",
+        icon: "s-rounded-lg",
         xmini: "s-rounded-lg",
         mini: "s-rounded-lg",
         xs: "s-rounded-lg",
@@ -167,8 +191,10 @@ const buttonVariants = cva(
 const labelVariants = cva("", {
   variants: {
     size: {
-      xmini: "s-label-xs s-hidden",
-      mini: "s-label-xs s-hidden",
+      "icon-xs": "s-label-xs s-hidden",
+      icon: "s-label-xs s-hidden",
+      xmini: "s-label-xs",
+      mini: "s-label-xs",
       xs: "s-label-xs",
       sm: "s-label-sm",
       md: "s-label-base",
@@ -245,7 +271,9 @@ MetaButton.displayName = "MetaButton";
 type IconSizeType = "xs" | "sm" | "md";
 type CounterSizeType = "xs" | "sm" | "md";
 
-export const ICON_SIZE_MAP: Record<ButtonSizeType, IconSizeType> = {
+export const ICON_SIZE_MAP: Record<ButtonSize, IconSizeType> = {
+  "icon-xs": "xs",
+  icon: "sm",
   xmini: "xs",
   mini: "sm",
   xs: "xs",
@@ -253,7 +281,9 @@ export const ICON_SIZE_MAP: Record<ButtonSizeType, IconSizeType> = {
   md: "md",
 };
 
-const COUNTER_SIZE_MAP: Record<ButtonSizeType, CounterSizeType> = {
+const COUNTER_SIZE_MAP: Record<ButtonSize, CounterSizeType> = {
+  "icon-xs": "xs",
+  icon: "xs",
   xmini: "xs",
   mini: "xs",
   xs: "xs",
@@ -273,19 +303,23 @@ type CommonButtonProps = Omit<MetaButtonProps, "children"> &
     isRounded?: boolean;
   };
 
-export type MiniButtonProps = CommonButtonProps & {
-  size: "mini";
+/**
+ * Icon-only button sizes (fixed width).
+ * When using these sizes, an icon is required and labels are not allowed.
+ */
+export type IconOnlyButtonProps = CommonButtonProps & {
+  size: IconOnlySize;
   icon: React.ComponentType;
   label?: never;
 };
 
 export type RegularButtonProps = CommonButtonProps & {
-  size?: Exclude<ButtonSizeType, "mini">;
+  size?: RegularButtonSize;
   icon?: React.ComponentType;
   label?: string;
 };
 
-export type ButtonProps = MiniButtonProps | RegularButtonProps;
+export type ButtonProps = IconOnlyButtonProps | RegularButtonProps;
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   (
@@ -352,12 +386,11 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           <div
             className={cn(
               "-s-mx-0.5",
-              size === "mini" && "s-w-5 s-px-0.5",
-              size === "xmini" && "s-w-5 s-px-0.5"
+              isSmallButtonSize(size) && "s-w-5 s-px-0.5"
             )}
           >
             <Spinner
-              size={size === "mini" || size === "xmini" ? "xs" : iconSize}
+              size={isSmallButtonSize(size) ? "xs" : iconSize}
               variant={(variant && spinnerVariantsMap[variant]) || "gray400"}
             />
           </div>

package/src/components/ButtonGroup.tsx

@@ -3,7 +3,7 @@ import * as React from "react";
 
 import { cn } from "@sparkle/lib/utils";
 
-import type { ButtonProps, ButtonSizeType, ButtonVariantType } from "./Button";
+import type { ButtonProps, ButtonSize, ButtonVariantType } from "./Button";
 import { Button } from "./Button";
 import type { DropdownMenuItemProps } from "./Dropdown";
 import {
@@ -92,9 +92,9 @@ export interface ButtonGroupProps
    */
   variant?: ButtonGroupVariantType;
   /**
-   * Size to apply to all buttons in the group. Mini buttons must opt-in per item.
+   * Size to apply to all buttons in the group.
    */
-  size?: Exclude<ButtonSizeType, "mini">;
+  size?: ButtonSize;
   /**
    * Whether every button should be disabled.
    */
@@ -166,19 +166,39 @@ const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
       })();
 
       if (item.type === "button") {
-        const nextVariant = sanitizeVariant(variant ?? item.props.variant);
-        const rawSize = size ?? item.props.size;
-        const nextSize: Exclude<ButtonSizeType, "mini"> | undefined =
-          rawSize === "mini"
-            ? undefined
-            : (rawSize as Exclude<ButtonSizeType, "mini"> | undefined);
+        const buttonVariant = sanitizeVariant(variant ?? item.props.variant);
+        const buttonSize = size ?? item.props.size;
+
+        if (buttonSize === "icon" || buttonSize === "icon-xs") {
+          if (!item.props.icon) {
+            throw new Error("Icon is required for icon-only buttons");
+          }
+
+          return (
+            <Button
+              key={index}
+              {...item.props}
+              icon={item.props.icon}
+              label={undefined}
+              variant={buttonVariant}
+              size={buttonSize}
+              disabled={disabled ?? item.props.disabled}
+              isRounded={false}
+              className={cn(
+                item.props.className,
+                borderRadiusClasses,
+                borderClasses
+              )}
+            />
+          );
+        }
 
         return (
           <Button
             key={index}
             {...item.props}
-            variant={nextVariant}
-            size={nextSize}
+            variant={buttonVariant}
+            size={buttonSize}
             disabled={disabled ?? item.props.disabled}
             isRounded={false}
             className={cn(
@@ -190,20 +210,50 @@ const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
         );
       }
 
-      const nextVariant = sanitizeVariant(variant ?? item.triggerProps.variant);
-      const rawSize = size ?? item.triggerProps.size;
-      const nextSize: Exclude<ButtonSizeType, "mini"> | undefined =
-        rawSize === "mini"
-          ? undefined
-          : (rawSize as Exclude<ButtonSizeType, "mini"> | undefined);
+      const buttonVariant = sanitizeVariant(
+        variant ?? item.triggerProps.variant
+      );
+      const buttonSize = size ?? item.triggerProps.size;
+
+      if (buttonSize === "icon" || buttonSize === "icon-xs") {
+        if (!item.triggerProps.icon) {
+          throw new Error("Icon is required for icon-only buttons");
+        }
+
+        return (
+          <DropdownMenu key={index}>
+            <DropdownMenuTrigger asChild>
+              <Button
+                {...item.triggerProps}
+                label={undefined}
+                icon={item.triggerProps.icon}
+                variant={buttonVariant}
+                size={buttonSize}
+                disabled={disabled ?? item.triggerProps.disabled}
+                isRounded={false}
+                className={cn(
+                  item.triggerProps.className,
+                  borderRadiusClasses,
+                  borderClasses
+                )}
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align={item.dropdownProps.align ?? "center"}>
+              {item.dropdownProps.items.map((dropdownItem, dropdownIndex) => (
+                <DropdownMenuItem key={dropdownIndex} {...dropdownItem} />
+              ))}
+            </DropdownMenuContent>
+          </DropdownMenu>
+        );
+      }
 
       return (
         <DropdownMenu key={index}>
           <DropdownMenuTrigger asChild>
             <Button
               {...item.triggerProps}
-              variant={nextVariant}
-              size={nextSize}
+              variant={buttonVariant}
+              size={buttonSize}
               disabled={disabled ?? item.triggerProps.disabled}
               isRounded={false}
               className={cn(

package/src/components/Card.tsx

@@ -1,7 +1,7 @@
 import { cva } from "class-variance-authority";
 import React from "react";
 
-import { Button, MiniButtonProps } from "@sparkle/components/Button";
+import { Button, IconOnlyButtonProps } from "@sparkle/components/Button";
 import { LinkWrapperProps } from "@sparkle/components/LinkWrapper";
 import {
   noHrefLink,
@@ -227,18 +227,30 @@ CardActions.displayName = "CardActions";
 
 export const CardActionButton = React.forwardRef<
   HTMLButtonElement,
-  MiniButtonProps
->(({ className, variant = "outline", icon = XMarkIcon, ...props }, ref) => {
-  return (
-    <Button
-      ref={ref}
-      variant={variant}
-      icon={icon}
-      className={className}
-      {...props}
-    />
-  );
-});
+  IconOnlyButtonProps
+>(
+  (
+    {
+      className,
+      variant = "outline",
+      icon = XMarkIcon,
+      size = "icon",
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <Button
+        ref={ref}
+        variant={variant}
+        icon={icon}
+        size={size}
+        className={className}
+        {...props}
+      />
+    );
+  }
+);
 
 CardActionButton.displayName = "CardActionButton";
 

package/src/components/InteractiveImageGrid.tsx

@@ -5,9 +5,9 @@ import { ImageZoomDialog } from "@sparkle/components/ImageZoomDialog";
 import { cn } from "@sparkle/lib/utils";
 
 const SIZE_CLASSES = {
-  sm: "s-relative s-h-24 s-w-24",
-  md: "s-relative s-h-48 s-w-48",
-  lg: "s-relative s-h-80 s-w-80",
+  sm: "s-h-24 s-w-24",
+  md: "s-h-48 s-w-48",
+  lg: "s-h-80 s-w-80",
 } as const;
 
 type InteractiveImageGridSize = keyof typeof SIZE_CLASSES;
@@ -101,7 +101,7 @@ function InteractiveImageGrid({
                 downloadUrl={image.downloadUrl}
                 isLoading={image.isLoading}
                 onClick={() => setCurrentImageIndex(idx)}
-                variant="standalone"
+                variant="embedded"
                 titlePosition="center"
                 manageZoomDialog={false}
               />

package/src/components/NavigationList.tsx

@@ -167,7 +167,7 @@ const NavigationListItem = React.forwardRef<
             {icon && <Icon visual={icon} size="xs" className="s-m-0.5" />}
             {avatar}
             {label && (
-              <span className="s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap group-focus-within/menu-item:s-pr-8 group-hover/menu-item:s-pr-8 group-data-[selected=true]/menu-item:s-pr-8">
+              <span className="s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap group-hover/menu-item:s-pr-8 group-focus-within/menu-item:s-pr-8 group-data-[selected=true]/menu-item:s-pr-8">
                 {label}
               </span>
             )}
@@ -179,7 +179,7 @@ const NavigationListItem = React.forwardRef<
                 className={cn(
                   "s-flex-shrink-0 s-translate-x-0.5",
                   moreMenu &&
-                    "group-focus-within/menu-item:s-hidden group-hover/menu-item:s-hidden"
+                    "group-hover/menu-item:s-hidden group-focus-within/menu-item:s-hidden"
                 )}
               />
             )}
@@ -188,7 +188,7 @@ const NavigationListItem = React.forwardRef<
                 className={cn(
                   "s-heading-xs s-flex s-flex-shrink-0 s-items-center s-justify-center s-rounded-full",
                   moreMenu &&
-                    "group-focus-within/menu-item:s-hidden group-hover/menu-item:s-hidden",
+                    "group-hover/menu-item:s-hidden group-focus-within/menu-item:s-hidden",
                   getStatusDotColor()
                 )}
               />

package/src/components/index.ts

@@ -11,11 +11,7 @@ export { Avatar } from "./Avatar";
 export { Bar, BarFooter, BarHeader } from "./Bar";
 export type { BreadcrumbItem } from "./Breadcrumbs";
 export { Breadcrumbs } from "./Breadcrumbs";
-export type {
-  ButtonProps,
-  MiniButtonProps,
-  RegularButtonProps,
-} from "./Button";
+export type { ButtonProps, RegularButtonProps } from "./Button";
 export { Button } from "./Button";
 export type { ButtonGroupItem, ButtonGroupProps } from "./ButtonGroup";
 export { ButtonGroup } from "./ButtonGroup";
@@ -221,5 +217,3 @@ export {
 export { Tree } from "./Tree";
 export { TypingAnimation } from "./TypingAnimation";
 export { ValueCard } from "./ValueCard";
-export type { VoicePickerProps, VoicePickerStatus } from "./VoicePicker";
-export { VoicePicker } from "./VoicePicker";

package/src/logo/platforms/index.ts

@@ -56,11 +56,9 @@ export { default as ReplicateLogo } from "./Replicate";
 export { default as SalesforceLogo } from "./Salesforce";
 export { default as SlackLogo } from "./Slack";
 export { default as SnowflakeLogo } from "./Snowflake";
-export { default as StatuspageLogo } from "./Statuspage";
 export { default as StripeLogo } from "./Stripe";
 export { default as SupabaseLogo } from "./Supabase";
 export { default as TogetheraiLogo } from "./Togetherai";
-export { default as UkgLogo } from "./Ukg";
 export { default as ValTownLogo } from "./ValTown";
 export { default as VantaLogo } from "./Vanta";
 export { default as ZapierLogo } from "./Zapier";

package/src/styles/allotment.css

@@ -17,37 +17,28 @@
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc
-  > .allotment-module_sashContainer__fzwJF
-  > .allotment-module_sash__QA-2t {
+.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF > .allotment-module_sash__QA-2t {
   pointer-events: auto;
 }
 
-.allotment-module_splitView__L-yRc
-  > .allotment-module_splitViewContainer__rQnVa {
+.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
   height: 100%;
   position: relative;
   white-space: nowrap;
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc
-  > .allotment-module_splitViewContainer__rQnVa
-  > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
   overflow: hidden;
   position: absolute;
   white-space: initial;
 }
 
-.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa
-  > .allotment-module_splitViewContainer__rQnVa
-  > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
   width: 100%;
 }
 
-.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8
-  > .allotment-module_splitViewContainer__rQnVa
-  > .allotment-module_splitViewView__MGZ6O {
+.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8 > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
   height: 100%;
 }
 
@@ -138,8 +129,7 @@
   height: var(--sash-size);
 }
 
-.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)
-  > .sash-module_orthogonal-drag-handle__Yii2- {
+.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx) > .sash-module_orthogonal-drag-handle__Yii2- {
   content: " ";
   height: calc(var(--sash-size) * 2);
   width: calc(var(--sash-size) * 2);
@@ -149,48 +139,36 @@
   position: absolute;
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
-    .sash-module_disabled__Hm-wx
-  )
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
-    .sash-module_disabled__Hm-wx
-  )
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   cursor: nwse-resize;
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
-    .sash-module_disabled__Hm-wx
-  )
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
-    .sash-module_disabled__Hm-wx
-  )
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
   > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   cursor: nesw-resize;
 }
 
-.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
-  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   left: calc(var(--sash-size) * -0.5);
   top: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
-  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   left: calc(var(--sash-size) * -0.5);
   bottom: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
-  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
   top: calc(var(--sash-size) * -0.5);
   left: calc(var(--sash-size) * -1);
 }
 
-.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
-  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
   top: calc(var(--sash-size) * -0.5);
   right: calc(var(--sash-size) * -1);
 }

package/dist/esm/components/VoicePicker.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import type { ButtonProps, ButtonSizeType } from "../components/Button";
-export type VoicePickerStatus = "idle" | "authorizing_microphone" | "recording" | "transcribing";
-export interface VoicePickerProps {
-    status: VoicePickerStatus;
-    level: number;
-    elapsedSeconds: number;
-    onRecordStart: () => void | Promise<void>;
-    onRecordStop: () => void | Promise<void>;
-    size?: Exclude<ButtonSizeType, "xmini" | "mini">;
-    disabled?: boolean;
-    showStopLabel?: boolean;
-    pressDelayMs?: number;
-    buttonProps?: Omit<ButtonProps, "icon" | "label" | "variant" | "isLoading" | "disabled" | "size">;
-}
-export declare function VoicePicker({ status, level, elapsedSeconds, onRecordStart, onRecordStop, size, disabled, showStopLabel, pressDelayMs, buttonProps }: VoicePickerProps): React.ReactElement;
-//# sourceMappingURL=VoicePicker.d.ts.map

package/dist/esm/components/VoicePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VoicePicker.d.ts","sourceRoot":"","sources":["../../../src/components/VoicePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAU9E,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,wBAAwB,GACxB,WAAW,GACX,cAAc,CAAC;AAInB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CACjE,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACZ,IAAW,EACX,QAAgB,EAChB,aAAqB,EACrB,YAAqC,EACrC,WAAW,EACZ,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA6JvC"}