@dust-tt/sparkle 0.2.447 → 0.2.449-pr

package/dist/sparkle.css

@@ -588,6 +588,27 @@ select {
   outline: 1px auto -webkit-focus-ring-color;
 }
 
+.s-label-xs {
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: normal;
+  font-weight: 700;
+}
+
+.s-label-sm {
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: -0.28px;
+  font-weight: 700;
+}
+
+.s-label-base {
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: -0.32px;
+  font-weight: 700;
+}
+
 .s-heading-base {
   font-size: 16px;
   line-height: 24px;
@@ -1675,10 +1696,6 @@ select {
   max-width: 56rem;
 }
 
-.s-max-w-\[180px\] {
-  max-width: 180px;
-}
-
 .s-max-w-\[380px\] {
   max-width: 380px;
 }
@@ -2740,22 +2757,22 @@ select {
 
 .s-bg-amber-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 .s-bg-amber-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 .s-bg-amber-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 .s-bg-amber-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 .s-bg-amber-950 {
@@ -3034,22 +3051,22 @@ select {
 
 .s-bg-golden-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 .s-bg-golden-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 .s-bg-golden-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 .s-bg-golden-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 .s-bg-golden-950 {
@@ -3314,22 +3331,22 @@ select {
 
 .s-bg-info-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 .s-bg-info-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 .s-bg-info-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 .s-bg-info-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 .s-bg-info-950 {
@@ -4137,8 +4154,8 @@ select {
 }
 
 .s-from-amber-800 {
-  --tw-gradient-from: #B76020 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(183 96 32 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-from: #AF5511 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(175 85 17 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
@@ -4263,7 +4280,7 @@ select {
 }
 
 .s-to-amber-800 {
-  --tw-gradient-to: #B76020 var(--tw-gradient-to-position);
+  --tw-gradient-to: #AF5511 var(--tw-gradient-to-position);
 }
 
 .s-to-blue-500 {
@@ -4742,17 +4759,17 @@ select {
 
 .s-text-amber-700 {
   --tw-text-opacity: 1;
-  color: rgb(227 129 34 / var(--tw-text-opacity));
+  color: rgb(226 119 22 / var(--tw-text-opacity));
 }
 
 .s-text-amber-800 {
   --tw-text-opacity: 1;
-  color: rgb(183 96 32 / var(--tw-text-opacity));
+  color: rgb(175 85 17 / var(--tw-text-opacity));
 }
 
 .s-text-amber-900 {
   --tw-text-opacity: 1;
-  color: rgb(113 57 18 / var(--tw-text-opacity));
+  color: rgb(112 53 12 / var(--tw-text-opacity));
 }
 
 .s-text-amber-950 {
@@ -4806,7 +4823,7 @@ select {
 
 .s-text-brand-orange-golden {
   --tw-text-opacity: 1;
-  color: rgb(255 170 13 / var(--tw-text-opacity));
+  color: rgb(254 156 26 / var(--tw-text-opacity));
 }
 
 .s-text-brand-red-rose {
@@ -4905,17 +4922,17 @@ select {
 
 .s-text-golden-600 {
   --tw-text-opacity: 1;
-  color: rgb(240 149 23 / var(--tw-text-opacity));
+  color: rgb(254 156 26 / var(--tw-text-opacity));
 }
 
 .s-text-golden-800 {
   --tw-text-opacity: 1;
-  color: rgb(183 96 32 / var(--tw-text-opacity));
+  color: rgb(175 85 17 / var(--tw-text-opacity));
 }
 
 .s-text-golden-900 {
   --tw-text-opacity: 1;
-  color: rgb(113 57 18 / var(--tw-text-opacity));
+  color: rgb(112 53 12 / var(--tw-text-opacity));
 }
 
 .s-text-golden-950 {
@@ -5038,14 +5055,19 @@ select {
   color: rgb(255 170 13 / var(--tw-text-opacity));
 }
 
+.s-text-info-600 {
+  --tw-text-opacity: 1;
+  color: rgb(254 156 26 / var(--tw-text-opacity));
+}
+
 .s-text-info-800 {
   --tw-text-opacity: 1;
-  color: rgb(183 96 32 / var(--tw-text-opacity));
+  color: rgb(175 85 17 / var(--tw-text-opacity));
 }
 
 .s-text-info-900 {
   --tw-text-opacity: 1;
-  color: rgb(113 57 18 / var(--tw-text-opacity));
+  color: rgb(112 53 12 / var(--tw-text-opacity));
 }
 
 .s-text-info-950 {
@@ -6688,17 +6710,17 @@ select {
 
 :is(.s-dark .dark\:s-border-amber-100-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(113 57 18 / var(--tw-border-opacity));
+  border-color: rgb(112 53 12 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-amber-200-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(183 96 32 / var(--tw-border-opacity));
+  border-color: rgb(175 85 17 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-amber-300-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(227 129 34 / var(--tw-border-opacity));
+  border-color: rgb(226 119 22 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-blue-100-night) {
@@ -6779,17 +6801,17 @@ select {
 
 :is(.s-dark .dark\:s-border-golden-100-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(113 57 18 / var(--tw-border-opacity));
+  border-color: rgb(112 53 12 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-golden-200-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(183 96 32 / var(--tw-border-opacity));
+  border-color: rgb(175 85 17 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-golden-300-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(227 129 34 / var(--tw-border-opacity));
+  border-color: rgb(226 119 22 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-gray-100-night) {
@@ -6854,17 +6876,17 @@ select {
 
 :is(.s-dark .dark\:s-border-info-100-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(113 57 18 / var(--tw-border-opacity));
+  border-color: rgb(112 53 12 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-info-200-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(183 96 32 / var(--tw-border-opacity));
+  border-color: rgb(175 85 17 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-info-300-night) {
   --tw-border-opacity: 1;
-  border-color: rgb(227 129 34 / var(--tw-border-opacity));
+  border-color: rgb(226 119 22 / var(--tw-border-opacity));
 }
 
 :is(.s-dark .dark\:s-border-lime-100-night) {
@@ -7084,22 +7106,22 @@ select {
 
 :is(.s-dark .dark\:s-bg-amber-100-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-amber-200-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-amber-300-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-amber-400-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-amber-50-night) {
@@ -7328,22 +7350,22 @@ select {
 
 :is(.s-dark .dark\:s-bg-golden-100-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-golden-200-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-golden-300-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-golden-400-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-golden-50-night) {
@@ -7608,22 +7630,22 @@ select {
 
 :is(.s-dark .dark\:s-bg-info-100-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 57 18 / var(--tw-bg-opacity));
+  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-info-200-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(183 96 32 / var(--tw-bg-opacity));
+  background-color: rgb(175 85 17 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-info-300-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 129 34 / var(--tw-bg-opacity));
+  background-color: rgb(226 119 22 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-info-400-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 149 23 / var(--tw-bg-opacity));
+  background-color: rgb(254 156 26 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-info-50-night) {
@@ -8819,6 +8841,11 @@ select {
   color: rgb(238 242 255 / var(--tw-text-opacity));
 }
 
+:is(.s-dark .dark\:s-text-info-400-night) {
+  --tw-text-opacity: 1;
+  color: rgb(254 156 26 / var(--tw-text-opacity));
+}
+
 :is(.s-dark .dark\:s-text-info-500-night) {
   --tw-text-opacity: 1;
   color: rgb(255 170 13 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.447",
+  "version": "0.2.449-pr",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/AttachmentChip.tsx

@@ -6,7 +6,7 @@ import { Icon } from "./Icon";
 
 interface AttachmentChipProps {
   label: string;
-  icon: React.ComponentType;
+  icon?: React.ComponentType;
   className?: string;
 }
 
@@ -22,7 +22,7 @@ export function AttachmentChip({
         "s-border-border s-bg-background",
         "dark:s-border-border-night dark:s-bg-background-night",
         "s-text-foreground dark:s-text-foreground-night",
-        "s-max-w-[180px]",
+        "s-max-w-44",
         className
       )}
     >

package/src/components/Button.tsx

@@ -89,15 +89,22 @@ const styleVariants: Record<ButtonVariantType, string> = {
 };
 
 const sizeVariants: Record<ButtonSizeType, string> = {
-  mini: "s-h-7 s-p-1.5 s-rounded-lg s-text-sm s-gap-1.5",
-  xs: "s-h-7 s-px-2.5 s-rounded-lg s-text-xs s-gap-1.5",
-  sm: "s-h-9 s-px-3 s-rounded-xl s-text-sm s-gap-2",
-  md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-text-base s-gap-2.5",
+  mini: "s-h-7 s-p-1.5 s-rounded-lg s-label-xs s-gap-1.5",
+  xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5",
+  sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2",
+  md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5",
+};
+
+const labelVariants: Record<ButtonSizeType, string> = {
+  mini: "s-label-xs",
+  xs: "s-label-xs",
+  sm: "s-label-sm",
+  md: "s-label-base",
 };
 
 const buttonVariants = cva(
   cn(
-    "s-inline-flex s-items-center s-justify-center s-whitespace-nowrap s-font-semibold s-ring-offset-background s-transition-colors",
+    "s-inline-flex s-items-center s-justify-center s-whitespace-nowrap s-ring-offset-background s-transition-colors",
     "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-ring focus-visible:s-ring-offset-2",
     "dark:focus-visible:s-ring-0 dark:focus-visible:s-ring-offset-1"
   ),
@@ -219,7 +226,9 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         )}
 
         {showContainer && (
-          <div className="s-flex s-items-center s-gap-2">
+          <div
+            className={cn("s-flex s-items-center s-gap-2", labelVariants[size])}
+          >
             {label}
             {showCounter && (
               <Counter

package/src/components/Notification.tsx

@@ -1,8 +1,13 @@
+import { cva } from "class-variance-authority";
 import React from "react";
 import { toast, Toaster } from "sonner";
 
-import { CheckCircleIcon, XCircleIcon } from "@sparkle/icons";
-import { cn } from "@sparkle/lib/utils";
+import {
+  CheckCircleIcon,
+  InformationCircleIcon,
+  XCircleIcon,
+} from "@sparkle/icons";
+import { assertNever, cn } from "@sparkle/lib/utils";
 
 import { Icon } from "./Icon";
 
@@ -11,7 +16,7 @@ const NOTIFICATION_DELAY = 5000;
 export type NotificationType = {
   title?: string;
   description?: string;
-  type: "success" | "error";
+  type: "success" | "error" | "info";
 };
 
 const NotificationsContext = React.createContext<(n: NotificationType) => void>(
@@ -21,11 +26,34 @@ export interface NotificationProps {
   className?: string;
   description?: string;
   title?: string;
-  variant: "success" | "error";
+  variant: "success" | "error" | "info";
   onClick?: () => void;
 }
 
 function NotificationContent({ type, title, description }: NotificationType) {
+  const icon = (() => {
+    switch (type) {
+      case "success":
+        return CheckCircleIcon;
+      case "error":
+        return XCircleIcon;
+      case "info":
+        return InformationCircleIcon;
+      default:
+        assertNever(type);
+    }
+  })();
+
+  const variantClassName = cva("s-pt-0.5", {
+    variants: {
+      type: {
+        success: "s-text-success-600 dark:s-text-success-400-night",
+        error: "s-text-warning-500 dark:s-text-warning-500-night",
+        info: "s-text-info-600 dark:s-text-info-400-night",
+      },
+    },
+  });
+
   return (
     <div
       className={cn(
@@ -35,21 +63,12 @@ function NotificationContent({ type, title, description }: NotificationType) {
         "s-p-4 s-shadow-xl"
       )}
     >
-      {type === "success" ? (
-        <Icon
-          size="lg"
-          visual={CheckCircleIcon}
-          className="s-pt-0.5 s-text-success-600 dark:s-text-success-400-night"
-          aria-hidden="true"
-        />
-      ) : (
-        <Icon
-          size="lg"
-          visual={XCircleIcon}
-          className="s-pt-0.5 s-text-warning-500 dark:s-text-warning-500-night"
-          aria-hidden="true"
-        />
-      )}
+      <Icon
+        size="lg"
+        visual={icon}
+        className={variantClassName({ type })}
+        aria-hidden="true"
+      />
       <div className="s-flex s-flex-col">
         <div
           className={cn(

package/src/components/index.ts

@@ -5,6 +5,7 @@ export {
   AssistantCardMore,
   LargeAssistantCard,
 } from "./AssistantCard";
+export { AttachmentChip } from "./AttachmentChip";
 export { Avatar } from "./Avatar";
 export { BarHeader } from "./BarHeader";
 export { Breadcrumbs } from "./Breadcrumbs";

package/src/{components → stories}/AttachmentChip.stories.tsx

@@ -1,11 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import React from "react";
 
+import { AttachmentChip } from "@sparkle/components";
 import { DocumentIcon, DocumentTextIcon } from "@sparkle/icons";
 import { NotionLogo } from "@sparkle/logo";
 
-import { AttachmentChip } from "./AttachmentChip";
-
 const meta = {
   title: "Components/AttachmentChip",
   component: AttachmentChip,

package/src/stories/Notification.stories.tsx

@@ -44,6 +44,16 @@ const NotificationExample = () => {
         }
         label="Show Error"
       />
+      <Button
+        onClick={() =>
+          sendNotification({
+            title: "Info",
+            description: "Some information",
+            type: "info",
+          })
+        }
+        label="Show Info"
+      />
     </div>
   );
 };

package/dist/esm/components/AttachmentChip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentChip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentChip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC"}

package/dist/esm/components/AttachmentChip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentChip.stories.js","sourceRoot":"","sources":["../../../src/components/AttachmentChip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACmB,CAAC;AAExC,eAAe,IAAI,CAAC;AAGpB,IAAM,gBAAgB,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA;IAAsC,OAAA,CACxE,6BAAK,SAAS,EAAC,gDAAgD;QAC7D,2BAAG,SAAS,EAAC,6CAA6C;YACxD,8BAAM,SAAS,EAAC,kCAAkC,aAAc;;YACjD,QAAQ;wBACrB,CACA,CACP;AAPyE,CAOzE,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,UAAU;KACjB;IACD,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,oBAAC,gBAAgB;YACf,oBAAC,KAAK,OAAG,CACQ,CACpB,EAJU,CAIV;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,UAAU;KACjB;IACD,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,oBAAC,gBAAgB;YACf,oBAAC,KAAK,OAAG,CACQ,CACpB,EAJU,CAIV;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,gBAAgB;KACvB;IACD,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,oBAAC,gBAAgB;YACf,oBAAC,KAAK,OAAG,CACQ,CACpB,EAJU,CAIV;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,oDAAoD;QAC3D,IAAI,EAAE,YAAY;KACnB;IACD,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,oBAAC,gBAAgB;YACf,oBAAC,KAAK,OAAG,CACQ,CACpB,EAJU,CAIV;KACF;CACF,CAAC"}