@shipfox/react-ui 0.2.0 → 0.4.0

package/.storybook/preview.tsx

@@ -1,6 +1,6 @@
 import '../index.css';
 import type {Decorator, Preview} from '@storybook/react';
-import {ThemeProvider} from '../src/components/theme-provider';
+import {ThemeProvider} from '../src/components/theme';
 
 const withTheme: Decorator = (Story, context) => {
   return <ThemeProvider defaultTheme={context.globals.theme}>{Story()}</ThemeProvider>;

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.2.0 build /runnertmp/_work/tooling/tooling/libs/react/ui
+> @shipfox/react-ui@0.4.0 build /runnertmp/_work/tooling/tooling/libs/react/ui
 > swc
 
-Successfully compiled: 48 files with swc (555.95ms)
+Successfully compiled: 103 files with swc (58.6ms)

package/.turbo/turbo-check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.2.0 check /runnertmp/_work/tooling/tooling/libs/react/ui
-> biome --fix
+> @shipfox/react-ui@0.4.0 check /runnertmp/_work/tooling/tooling/libs/react/ui
+> biome-check --fix
 
-Checked 64 files in 542ms. No fixes applied.
+Checked 119 files in 309ms. No fixes applied.

package/.turbo/turbo-type.log

@@ -1,5 +1,5 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.2.0 type /runnertmp/_work/tooling/tooling/libs/react/ui
+> @shipfox/react-ui@0.4.0 type /runnertmp/_work/tooling/tooling/libs/react/ui
 > tsc-emit
 

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @shipfox/react-ui
 
+## 0.4.0
+
+### Minor Changes
+
+- 2cfbf33: Add Codeblock components
+- dd023e1: Add checkbox and label components
+- a808a32: Add toast components and refactor
+- feeb725: Add Item and DynamicItem components
+- 34000b7: Add Badge component
+- 090e011: Add tooltip component
+
+## 0.3.0
+
+### Minor Changes
+
+- ab01d39: Add Avatar and Avatar Group components
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "info" | "default" | "success" | "warning" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const closeIconVariants: (props?: ({
+    variant?: "info" | "default" | "success" | "warning" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertProps = ComponentProps<'div'> & VariantProps<typeof alertVariants>;
+declare function Alert({ className, variant, children, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertActions({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertClose({ className, variant, ...props }: ComponentProps<'button'> & VariantProps<typeof closeIconVariants>): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertContent, AlertTitle, AlertDescription, AlertActions, AlertAction, AlertClose };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAiBF,QAAA,MAAM,iBAAiB;;8EAarB,CAAC;AAEH,KAAK,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7E,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAclE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAEjE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQ/D;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQjE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAYnE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAenE;AAED,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/alert/alert.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Icon } from '../../components/icon/index.js';
+import { cn } from '../../utils/cn.js';
+const alertVariants = cva('relative w-full rounded-l-4 rounded-r-8 px-16 py-12 text-sm flex gap-12 items-start border', {
+    variants: {
+        variant: {
+            default: 'bg-tag-neutral-bg text-foreground-neutral-base border-tag-neutral-border',
+            info: 'bg-tag-blue-bg text-foreground-neutral-base border-tag-blue-border',
+            success: 'bg-tag-success-bg text-foreground-neutral-base border-tag-success-border',
+            warning: 'bg-tag-warning-bg text-foreground-neutral-base border-tag-warning-border',
+            error: 'bg-tag-error-bg text-foreground-neutral-base border-tag-error-border'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const alertLineVariants = cva('w-4 self-stretch rounded-full', {
+    variants: {
+        variant: {
+            default: 'bg-tag-neutral-icon',
+            info: 'bg-tag-blue-icon',
+            success: 'bg-tag-success-icon',
+            warning: 'bg-tag-warning-icon',
+            error: 'bg-tag-error-icon'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const closeIconVariants = cva('w-16 h-16', {
+    variants: {
+        variant: {
+            default: 'text-tag-neutral-icon',
+            info: 'text-tag-blue-icon',
+            success: 'text-tag-success-icon',
+            warning: 'text-tag-warning-icon',
+            error: 'text-tag-error-icon'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function Alert({ className, variant, children, ...props }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "w-full flex items-start gap-4",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "alert-line",
+                className: cn(alertLineVariants({
+                    variant
+                })),
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "alert",
+                role: "alert",
+                className: cn(alertVariants({
+                    variant
+                }), className),
+                ...props,
+                children: children
+            })
+        ]
+    });
+}
+function AlertContent({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "alert-content",
+        className: cn('flex-1 min-w-0', className),
+        ...props
+    });
+}
+function AlertTitle({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "alert-title",
+        className: cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className),
+        ...props
+    });
+}
+function AlertDescription({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "alert-description",
+        className: cn('text-xs leading-20 text-foreground-neutral-base [&_p]:leading-relaxed', className),
+        ...props
+    });
+}
+function AlertActions({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "alert-actions",
+        className: cn('flex items-center gap-8 mt-8', className),
+        ...props
+    });
+}
+function AlertAction({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("button", {
+        "data-slot": "alert-action",
+        type: "button",
+        className: cn('bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2', className),
+        ...props
+    });
+}
+function AlertClose({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ _jsx("button", {
+        "data-slot": "alert-close",
+        type: "button",
+        className: cn('absolute cursor-pointer top-12 right-12 rounded-4 p-4 bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2', className),
+        "aria-label": "Close",
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            name: "close",
+            className: cn(closeIconVariants({
+                variant
+            }))
+        })
+    });
+}
+export { Alert, AlertContent, AlertTitle, AlertDescription, AlertActions, AlertAction, AlertClose };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport {Icon} from 'components/icon';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst alertVariants = cva(\n  'relative w-full rounded-l-4 rounded-r-8 px-16 py-12 text-sm flex gap-12 items-start border',\n  {\n    variants: {\n      variant: {\n        default: 'bg-tag-neutral-bg text-foreground-neutral-base border-tag-neutral-border',\n        info: 'bg-tag-blue-bg text-foreground-neutral-base border-tag-blue-border',\n        success: 'bg-tag-success-bg text-foreground-neutral-base border-tag-success-border',\n        warning: 'bg-tag-warning-bg text-foreground-neutral-base border-tag-warning-border',\n        error: 'bg-tag-error-bg text-foreground-neutral-base border-tag-error-border',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst alertLineVariants = cva('w-4 self-stretch rounded-full', {\n  variants: {\n    variant: {\n      default: 'bg-tag-neutral-icon',\n      info: 'bg-tag-blue-icon',\n      success: 'bg-tag-success-icon',\n      warning: 'bg-tag-warning-icon',\n      error: 'bg-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst closeIconVariants = cva('w-16 h-16', {\n  variants: {\n    variant: {\n      default: 'text-tag-neutral-icon',\n      info: 'text-tag-blue-icon',\n      success: 'text-tag-success-icon',\n      warning: 'text-tag-warning-icon',\n      error: 'text-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype AlertProps = ComponentProps<'div'> & VariantProps<typeof alertVariants>;\n\nfunction Alert({className, variant, children, ...props}: AlertProps) {\n  return (\n    <div className=\"w-full flex items-start gap-4\">\n      <div data-slot=\"alert-line\" className={cn(alertLineVariants({variant}))} aria-hidden=\"true\" />\n      <div\n        data-slot=\"alert\"\n        role=\"alert\"\n        className={cn(alertVariants({variant}), className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nfunction AlertContent({className, ...props}: ComponentProps<'div'>) {\n  return <div data-slot=\"alert-content\" className={cn('flex-1 min-w-0', className)} {...props} />;\n}\n\nfunction AlertTitle({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'text-xs leading-20 text-foreground-neutral-base [&_p]:leading-relaxed',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertActions({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-actions\"\n      className={cn('flex items-center gap-8 mt-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertAction({className, ...props}: ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"alert-action\"\n      type=\"button\"\n      className={cn(\n        'bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertClose({\n  className,\n  variant = 'default',\n  ...props\n}: ComponentProps<'button'> & VariantProps<typeof closeIconVariants>) {\n  return (\n    <button\n      data-slot=\"alert-close\"\n      type=\"button\"\n      className={cn(\n        'absolute cursor-pointer top-12 right-12 rounded-4 p-4 bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2',\n        className,\n      )}\n      aria-label=\"Close\"\n      {...props}\n    >\n      <Icon name=\"close\" className={cn(closeIconVariants({variant}))} />\n    </button>\n  );\n}\n\nexport {Alert, AlertContent, AlertTitle, AlertDescription, AlertActions, AlertAction, AlertClose};\n"],"names":["cva","Icon","cn","alertVariants","variants","variant","default","info","success","warning","error","defaultVariants","alertLineVariants","closeIconVariants","Alert","className","children","props","div","data-slot","aria-hidden","role","AlertContent","AlertTitle","AlertDescription","AlertActions","AlertAction","button","type","AlertClose","aria-label","name"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAChE,SAAQC,IAAI,QAAO,kBAAkB;AAErC,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,gBAAgBH,IACpB,8FACA;IACEI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,SAAS;YACTC,OAAO;QACT;IACF;IACAC,iBAAiB;QACfN,SAAS;IACX;AACF;AAGF,MAAMO,oBAAoBZ,IAAI,iCAAiC;IAC7DI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,SAAS;YACTC,OAAO;QACT;IACF;IACAC,iBAAiB;QACfN,SAAS;IACX;AACF;AAEA,MAAMQ,oBAAoBb,IAAI,aAAa;IACzCI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,SAAS;YACTC,OAAO;QACT;IACF;IACAC,iBAAiB;QACfN,SAAS;IACX;AACF;AAIA,SAASS,MAAM,EAACC,SAAS,EAAEV,OAAO,EAAEW,QAAQ,EAAE,GAAGC,OAAkB;IACjE,qBACE,MAACC;QAAIH,WAAU;;0BACb,KAACG;gBAAIC,aAAU;gBAAaJ,WAAWb,GAAGU,kBAAkB;oBAACP;gBAAO;gBAAKe,eAAY;;0BACrF,KAACF;gBACCC,aAAU;gBACVE,MAAK;gBACLN,WAAWb,GAAGC,cAAc;oBAACE;gBAAO,IAAIU;gBACvC,GAAGE,KAAK;0BAERD;;;;AAIT;AAEA,SAASM,aAAa,EAACP,SAAS,EAAE,GAAGE,OAA6B;IAChE,qBAAO,KAACC;QAAIC,aAAU;QAAgBJ,WAAWb,GAAG,kBAAkBa;QAAa,GAAGE,KAAK;;AAC7F;AAEA,SAASM,WAAW,EAACR,SAAS,EAAE,GAAGE,OAA6B;IAC9D,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWb,GAAG,oEAAoEa;QACjF,GAAGE,KAAK;;AAGf;AAEA,SAASO,iBAAiB,EAACT,SAAS,EAAE,GAAGE,OAA6B;IACpE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWb,GACT,yEACAa;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASQ,aAAa,EAACV,SAAS,EAAE,GAAGE,OAA6B;IAChE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWb,GAAG,gCAAgCa;QAC7C,GAAGE,KAAK;;AAGf;AAEA,SAASS,YAAY,EAACX,SAAS,EAAE,GAAGE,OAAgC;IAClE,qBACE,KAACU;QACCR,aAAU;QACVS,MAAK;QACLb,WAAWb,GACT,8RACAa;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASY,WAAW,EAClBd,SAAS,EACTV,UAAU,SAAS,EACnB,GAAGY,OAC+D;IAClE,qBACE,KAACU;QACCR,aAAU;QACVS,MAAK;QACLb,WAAWb,GACT,sUACAa;QAEFe,cAAW;QACV,GAAGb,KAAK;kBAET,cAAA,KAAChB;YAAK8B,MAAK;YAAQhB,WAAWb,GAAGW,kBAAkB;gBAACR;YAAO;;;AAGjE;AAEA,SAAQS,KAAK,EAAEQ,YAAY,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,WAAW,EAAEG,UAAU,GAAE"}

package/dist/components/alert/alert.stories.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header } from '../../components/typography/index.js';
+import { Alert, AlertAction, AlertActions, AlertClose, AlertContent, AlertDescription, AlertTitle } from './alert.js';
+const meta = {
+    title: 'Components/Alert',
+    component: Alert,
+    tags: [
+        'autodocs'
+    ],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: [
+                'default',
+                'info',
+                'success',
+                'warning',
+                'error'
+            ]
+        }
+    },
+    args: {
+        variant: 'default'
+    }
+};
+export default meta;
+const variants = [
+    'default',
+    'info',
+    'success',
+    'warning',
+    'error'
+];
+export const Default = {
+    render: (args)=>{
+        return /*#__PURE__*/ _jsxs(Alert, {
+            ...args,
+            children: [
+                /*#__PURE__*/ _jsxs(AlertContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(AlertTitle, {
+                            children: "Title"
+                        }),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Description"
+                        }),
+                        /*#__PURE__*/ _jsxs(AlertActions, {
+                            children: [
+                                /*#__PURE__*/ _jsx(AlertAction, {
+                                    children: "Download"
+                                }),
+                                /*#__PURE__*/ _jsx(AlertAction, {
+                                    children: "View"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(AlertClose, {
+                    variant: args.variant
+                })
+            ]
+        });
+    }
+};
+export const DesignMock = {
+    render: ()=>{
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base",
+            children: [
+                /*#__PURE__*/ _jsx(Header, {
+                    variant: "h3",
+                    className: "text-foreground-neutral-subtle",
+                    children: "ALERTS"
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "flex flex-col gap-16",
+                    children: variants.map((variant)=>/*#__PURE__*/ _jsxs(Alert, {
+                            variant: variant,
+                            children: [
+                                /*#__PURE__*/ _jsxs(AlertContent, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(AlertTitle, {
+                                            children: "Title"
+                                        }),
+                                        /*#__PURE__*/ _jsx(AlertDescription, {
+                                            children: "Description"
+                                        }),
+                                        /*#__PURE__*/ _jsxs(AlertActions, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(AlertAction, {
+                                                    children: "Download"
+                                                }),
+                                                /*#__PURE__*/ _jsx(AlertAction, {
+                                                    children: "View"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(AlertClose, {
+                                    variant: variant
+                                })
+                            ]
+                        }, variant))
+                })
+            ]
+        });
+    }
+};
+
+//# sourceMappingURL=alert.stories.js.map

package/dist/components/alert/alert.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert/alert.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Header} from 'components/typography';\nimport {\n  Alert,\n  AlertAction,\n  AlertActions,\n  AlertClose,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from './alert';\n\nconst meta = {\n  title: 'Components/Alert',\n  component: Alert,\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['default', 'info', 'success', 'warning', 'error'],\n    },\n  },\n  args: {\n    variant: 'default',\n  },\n} satisfies Meta<typeof Alert>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst variants = ['default', 'info', 'success', 'warning', 'error'] as const;\n\nexport const Default: Story = {\n  render: (args) => {\n    return (\n      <Alert {...args}>\n        <AlertContent>\n          <AlertTitle>Title</AlertTitle>\n          <AlertDescription>Description</AlertDescription>\n          <AlertActions>\n            <AlertAction>Download</AlertAction>\n            <AlertAction>View</AlertAction>\n          </AlertActions>\n        </AlertContent>\n        <AlertClose variant={args.variant} />\n      </Alert>\n    );\n  },\n};\n\nexport const DesignMock: Story = {\n  render: () => {\n    return (\n      <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n        <Header variant=\"h3\" className=\"text-foreground-neutral-subtle\">\n          ALERTS\n        </Header>\n        <div className=\"flex flex-col gap-16\">\n          {variants.map((variant) => (\n            <Alert key={variant} variant={variant}>\n              <AlertContent>\n                <AlertTitle>Title</AlertTitle>\n                <AlertDescription>Description</AlertDescription>\n                <AlertActions>\n                  <AlertAction>Download</AlertAction>\n                  <AlertAction>View</AlertAction>\n                </AlertActions>\n              </AlertContent>\n              <AlertClose variant={variant} />\n            </Alert>\n          ))}\n        </div>\n      </div>\n    );\n  },\n};\n"],"names":["Header","Alert","AlertAction","AlertActions","AlertClose","AlertContent","AlertDescription","AlertTitle","meta","title","component","tags","argTypes","variant","control","options","args","variants","Default","render","DesignMock","div","className","map"],"mappings":";AACA,SAAQA,MAAM,QAAO,wBAAwB;AAC7C,SACEC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,UAAU;AAEjB,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWT;IACXU,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,SAAS;gBAAC;gBAAW;gBAAQ;gBAAW;gBAAW;aAAQ;QAC7D;IACF;IACAC,MAAM;QACJH,SAAS;IACX;AACF;AAEA,eAAeL,KAAK;AAIpB,MAAMS,WAAW;IAAC;IAAW;IAAQ;IAAW;IAAW;CAAQ;AAEnE,OAAO,MAAMC,UAAiB;IAC5BC,QAAQ,CAACH;QACP,qBACE,MAACf;YAAO,GAAGe,IAAI;;8BACb,MAACX;;sCACC,KAACE;sCAAW;;sCACZ,KAACD;sCAAiB;;sCAClB,MAACH;;8CACC,KAACD;8CAAY;;8CACb,KAACA;8CAAY;;;;;;8BAGjB,KAACE;oBAAWS,SAASG,KAAKH,OAAO;;;;IAGvC;AACF,EAAE;AAEF,OAAO,MAAMO,aAAoB;IAC/BD,QAAQ;QACN,qBACE,MAACE;YAAIC,WAAU;;8BACb,KAACtB;oBAAOa,SAAQ;oBAAKS,WAAU;8BAAiC;;8BAGhE,KAACD;oBAAIC,WAAU;8BACZL,SAASM,GAAG,CAAC,CAACV,wBACb,MAACZ;4BAAoBY,SAASA;;8CAC5B,MAACR;;sDACC,KAACE;sDAAW;;sDACZ,KAACD;sDAAiB;;sDAClB,MAACH;;8DACC,KAACD;8DAAY;;8DACb,KAACA;8DAAY;;;;;;8CAGjB,KAACE;oCAAWS,SAASA;;;2BATXA;;;;IAetB;AACF,EAAE"}

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

@@ -0,0 +1,2 @@
+export * from './alert';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/alert/index.js

@@ -0,0 +1,3 @@
+export * from './alert.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export * from './alert';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/components/avatar/avatar-group.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ComponentProps, type ReactElement } from 'react';
+import { TooltipContent } from '../tooltip/tooltip';
+declare const avatarGroupVariants: (props?: ({
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TooltipContentProps = ComponentProps<typeof TooltipContent>;
+type AvatarGroupTooltipProps = TooltipContentProps;
+declare function AvatarGroupTooltip(props: AvatarGroupTooltipProps): import("react/jsx-runtime").JSX.Element;
+type AvatarGroupProps = ComponentProps<'div'> & VariantProps<typeof avatarGroupVariants> & {
+    children: ReactElement[];
+    maxVisible?: number;
+    animateOnHover?: boolean;
+    tooltipProps?: Partial<TooltipContentProps>;
+};
+export declare function AvatarGroup({ className, size, children, maxVisible, animateOnHover, tooltipProps, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export { AvatarGroupTooltip, type AvatarGroupTooltipProps };
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/components/avatar/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,cAAc,EAAkC,MAAM,oBAAoB,CAAC;AAEnF,QAAA,MAAM,mBAAmB;;8EAiBvB,CAAC;AAwBH,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAkDjE,KAAK,uBAAuB,GAAG,mBAAmB,CAAC;AAEnD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAEzD;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CAC7C,CAAC;AAEJ,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAW,EACX,QAAQ,EACR,UAAU,EACV,cAAsB,EACtB,YAA2C,EAC3C,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAyDlB;AAED,OAAO,EAAC,kBAAkB,EAAE,KAAK,uBAAuB,EAAC,CAAC"}

package/dist/components/avatar/avatar-group.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import { Children, cloneElement, useMemo } from 'react';
+import { cn } from '../../utils/cn.js';
+import { TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip/tooltip.js';
+const avatarGroupVariants = cva('flex items-start', {
+    variants: {
+        size: {
+            '3xs': '-space-x-4',
+            '2xs': '-space-x-4',
+            xs: '-space-x-4',
+            sm: '-space-x-6',
+            md: '-space-x-6',
+            lg: '-space-x-6',
+            xl: '-space-x-6',
+            '2xl': '-space-x-12',
+            '3xl': '-space-x-12'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const avatarGroupOverflowVariants = cva('flex shrink-0 items-center justify-center rounded-full bg-background-components-base text-foreground-neutral-subtle font-medium ring-1 ring-border-neutral-base-component ring-offset-1 ring-offset-background-neutral-base shadow-button-neutral', {
+    variants: {
+        size: {
+            '3xs': 'size-[18px] text-[10px] leading-[10px]',
+            '2xs': 'size-[20px] text-[11px] leading-[11px]',
+            xs: 'size-[24px] text-xs leading-4',
+            sm: 'size-[28px] text-xs leading-5',
+            md: 'size-[32px] text-sm leading-5',
+            lg: 'size-[36px] text-sm leading-5',
+            xl: 'size-[40px] text-base leading-6',
+            '2xl': 'size-[80px] text-2xl leading-8',
+            '3xl': 'size-[120px] text-4xl leading-[56px]'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+function AvatarContainer({ children, zIndex, tooltipContent, tooltipProps, animateOnHover = false }) {
+    return /*#__PURE__*/ _jsxs(TooltipPrimitive.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("div", {
+                    "data-slot": "avatar-container",
+                    className: cn('relative', animateOnHover && 'transition-transform duration-300 ease-in-out hover:-translate-y-4'),
+                    style: {
+                        zIndex
+                    },
+                    children: children
+                })
+            }),
+            tooltipContent && /*#__PURE__*/ _jsx(AvatarGroupTooltip, {
+                ...tooltipProps,
+                children: tooltipContent
+            })
+        ]
+    });
+}
+function getTooltipContent(children) {
+    const tooltip = Children.toArray(children).find((child)=>typeof child === 'object' && child !== null && 'type' in child && child.type === AvatarGroupTooltip);
+    return tooltip?.props.children || null;
+}
+function AvatarGroupTooltip(props) {
+    return /*#__PURE__*/ _jsx(TooltipContent, {
+        ...props
+    });
+}
+export function AvatarGroup({ className, size = 'md', children, maxVisible, animateOnHover = false, tooltipProps = {
+    side: 'top',
+    sideOffset: 8
+}, ...props }) {
+    const normalizedSize = size ?? 'md';
+    const childrenArray = Children.toArray(children);
+    const { visibleCount, visibleAvatars, overflowCount } = useMemo(()=>{
+        const count = maxVisible !== undefined ? Math.min(maxVisible, childrenArray.length) : childrenArray.length;
+        return {
+            visibleCount: count,
+            visibleAvatars: childrenArray.slice(0, count),
+            overflowCount: childrenArray.length - count
+        };
+    }, [
+        childrenArray,
+        maxVisible
+    ]);
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        delayDuration: 0,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: cn(avatarGroupVariants({
+                size: normalizedSize
+            }), className),
+            "data-slot": "avatar-group",
+            ...props,
+            children: [
+                visibleAvatars.map((child, index)=>{
+                    const zIndex = index + 1;
+                    const childProps = 'props' in child ? child.props : {};
+                    const tooltipContent = getTooltipContent(childProps.children);
+                    return /*#__PURE__*/ _jsx(AvatarContainer, {
+                        zIndex: zIndex,
+                        tooltipContent: tooltipContent,
+                        tooltipProps: tooltipProps,
+                        animateOnHover: animateOnHover,
+                        children: /*#__PURE__*/ cloneElement(child, {
+                            ...childProps,
+                            children: tooltipContent ? undefined : childProps.children
+                        })
+                    }, child.key || index);
+                }),
+                overflowCount > 0 && /*#__PURE__*/ _jsxs("div", {
+                    className: cn('relative', avatarGroupOverflowVariants({
+                        size: normalizedSize
+                    }), 'rounded-full'),
+                    style: {
+                        zIndex: visibleCount + 1
+                    },
+                    children: [
+                        "+",
+                        overflowCount
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { AvatarGroupTooltip };
+
+//# sourceMappingURL=avatar-group.js.map

package/dist/components/avatar/avatar-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/avatar/avatar-group.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {\n  Children,\n  type ComponentProps,\n  cloneElement,\n  type ReactElement,\n  type ReactNode,\n  useMemo,\n} from 'react';\nimport {cn} from 'utils/cn';\nimport {TooltipContent, TooltipProvider, TooltipTrigger} from '../tooltip/tooltip';\n\nconst avatarGroupVariants = cva('flex items-start', {\n  variants: {\n    size: {\n      '3xs': '-space-x-4',\n      '2xs': '-space-x-4',\n      xs: '-space-x-4',\n      sm: '-space-x-6',\n      md: '-space-x-6',\n      lg: '-space-x-6',\n      xl: '-space-x-6',\n      '2xl': '-space-x-12',\n      '3xl': '-space-x-12',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst avatarGroupOverflowVariants = cva(\n  'flex shrink-0 items-center justify-center rounded-full bg-background-components-base text-foreground-neutral-subtle font-medium ring-1 ring-border-neutral-base-component ring-offset-1 ring-offset-background-neutral-base shadow-button-neutral',\n  {\n    variants: {\n      size: {\n        '3xs': 'size-[18px] text-[10px] leading-[10px]',\n        '2xs': 'size-[20px] text-[11px] leading-[11px]',\n        xs: 'size-[24px] text-xs leading-4',\n        sm: 'size-[28px] text-xs leading-5',\n        md: 'size-[32px] text-sm leading-5',\n        lg: 'size-[36px] text-sm leading-5',\n        xl: 'size-[40px] text-base leading-6',\n        '2xl': 'size-[80px] text-2xl leading-8',\n        '3xl': 'size-[120px] text-4xl leading-[56px]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype TooltipContentProps = ComponentProps<typeof TooltipContent>;\n\ntype AvatarContainerProps = {\n  children: ReactNode;\n  zIndex: number;\n  tooltipContent?: ReactNode;\n  tooltipProps?: Partial<TooltipContentProps>;\n  animateOnHover?: boolean;\n};\n\nfunction AvatarContainer({\n  children,\n  zIndex,\n  tooltipContent,\n  tooltipProps,\n  animateOnHover = false,\n}: AvatarContainerProps) {\n  return (\n    <TooltipPrimitive.Root>\n      <TooltipTrigger asChild>\n        <div\n          data-slot=\"avatar-container\"\n          className={cn(\n            'relative',\n            animateOnHover && 'transition-transform duration-300 ease-in-out hover:-translate-y-4',\n          )}\n          style={{zIndex}}\n        >\n          {children}\n        </div>\n      </TooltipTrigger>\n      {tooltipContent && (\n        <AvatarGroupTooltip {...tooltipProps}>{tooltipContent}</AvatarGroupTooltip>\n      )}\n    </TooltipPrimitive.Root>\n  );\n}\n\nfunction getTooltipContent(children: ReactNode): ReactNode | null {\n  const tooltip = Children.toArray(children).find(\n    (child) =>\n      typeof child === 'object' &&\n      child !== null &&\n      'type' in child &&\n      child.type === AvatarGroupTooltip,\n  ) as ReactElement<ComponentProps<typeof AvatarGroupTooltip>> | undefined;\n\n  return tooltip?.props.children || null;\n}\n\ntype AvatarGroupTooltipProps = TooltipContentProps;\n\nfunction AvatarGroupTooltip(props: AvatarGroupTooltipProps) {\n  return <TooltipContent {...props} />;\n}\n\ntype AvatarGroupProps = ComponentProps<'div'> &\n  VariantProps<typeof avatarGroupVariants> & {\n    children: ReactElement[];\n    maxVisible?: number;\n    animateOnHover?: boolean;\n    tooltipProps?: Partial<TooltipContentProps>;\n  };\n\nexport function AvatarGroup({\n  className,\n  size = 'md',\n  children,\n  maxVisible,\n  animateOnHover = false,\n  tooltipProps = {side: 'top', sideOffset: 8},\n  ...props\n}: AvatarGroupProps) {\n  const normalizedSize = size ?? 'md';\n\n  const childrenArray = Children.toArray(children) as ReactElement[];\n\n  const {visibleCount, visibleAvatars, overflowCount} = useMemo(() => {\n    const count =\n      maxVisible !== undefined ? Math.min(maxVisible, childrenArray.length) : childrenArray.length;\n    return {\n      visibleCount: count,\n      visibleAvatars: childrenArray.slice(0, count),\n      overflowCount: childrenArray.length - count,\n    };\n  }, [childrenArray, maxVisible]);\n\n  return (\n    <TooltipProvider delayDuration={0}>\n      <div\n        className={cn(avatarGroupVariants({size: normalizedSize}), className)}\n        data-slot=\"avatar-group\"\n        {...props}\n      >\n        {visibleAvatars.map((child, index) => {\n          const zIndex = index + 1;\n          const childProps = 'props' in child ? (child.props as {children?: ReactNode}) : {};\n          const tooltipContent = getTooltipContent(childProps.children);\n\n          return (\n            <AvatarContainer\n              key={child.key || index}\n              zIndex={zIndex}\n              tooltipContent={tooltipContent}\n              tooltipProps={tooltipProps}\n              animateOnHover={animateOnHover}\n            >\n              {cloneElement(child, {\n                ...childProps,\n                children: tooltipContent ? undefined : childProps.children,\n              } as Partial<typeof childProps>)}\n            </AvatarContainer>\n          );\n        })}\n        {overflowCount > 0 && (\n          <div\n            className={cn(\n              'relative',\n              avatarGroupOverflowVariants({size: normalizedSize}),\n              'rounded-full',\n            )}\n            style={{zIndex: visibleCount + 1}}\n          >\n            +{overflowCount}\n          </div>\n        )}\n      </div>\n    </TooltipProvider>\n  );\n}\n\nexport {AvatarGroupTooltip, type AvatarGroupTooltipProps};\n"],"names":["TooltipPrimitive","cva","Children","cloneElement","useMemo","cn","TooltipContent","TooltipProvider","TooltipTrigger","avatarGroupVariants","variants","size","xs","sm","md","lg","xl","defaultVariants","avatarGroupOverflowVariants","AvatarContainer","children","zIndex","tooltipContent","tooltipProps","animateOnHover","Root","asChild","div","data-slot","className","style","AvatarGroupTooltip","getTooltipContent","tooltip","toArray","find","child","type","props","AvatarGroup","maxVisible","side","sideOffset","normalizedSize","childrenArray","visibleCount","visibleAvatars","overflowCount","count","undefined","Math","min","length","slice","delayDuration","map","index","childProps","key"],"mappings":"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"}

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,24 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+import { type IconName } from '../icon/icon';
+export declare const avatarVariants: (props?: ({
+    radius?: "full" | "rounded" | null | undefined;
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AvatarContent = 'letters' | 'logo' | 'logoPlaceholder' | 'image' | 'upload';
+declare function AvatarRoot({ className, radius, size, ...props }: ComponentProps<typeof AvatarPrimitive.Root> & VariantProps<typeof avatarVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root> & VariantProps<typeof avatarVariants> & {
+    content?: AvatarContent;
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    animateOnHover?: boolean;
+    logoName?: IconName;
+    logoClassName?: string;
+};
+export declare function Avatar({ className, radius, size, content, src, alt, fallback, animateOnHover, logoName, logoClassName, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export { AvatarRoot, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAY,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAO,KAAK,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,cAAc;;;8EAyB1B,CAAC;AAqBF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAiBxF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQnF;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQvF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAQ7F;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GACnE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,MAAM,EACN,IAAW,EACX,OAAmB,EACnB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,cAAsB,EACtB,QAAoB,EACpB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,WAAW,2CAwFb;AAED,OAAO,EAAC,UAAU,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC"}