@snokam/ui 1.0.0

package/dist/components/instagram-feed/styled.d.ts

@@ -0,0 +1,152 @@
+export declare const InlineCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfilePicture: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    src?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfileInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NameBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfileName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfileHandle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatsRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Stat: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatValue: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StatLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const FollowButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const Grid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const GridImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const CarouselIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ErrorState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: {
+    InlineCard: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Header: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ProfilePicture: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & {
+        src?: string;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ProfileInfo: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    NameBlock: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ProfileName: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ProfileHandle: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    StatsRow: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Stat: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    StatValue: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    StatLabel: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    FollowButton: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    GridItem: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    GridImage: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+    CarouselIcon: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    LoadingState: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ErrorState: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/instagram-feed/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;yGAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAMlB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;UAAsB,MAAM;yGAWtD,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAGrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAGpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAOrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAkBxB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAIhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAKpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gHAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAYxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAIxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAItB,CAAC;;;;;;;;;;;;;;cA/H+C,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIvD,wBAmBE"}

package/dist/components/instagram-feed/styled.js

@@ -0,0 +1,149 @@
+import styled from "@emotion/styled";
+export const InlineCard = styled.div `
+  background: white;
+  border-radius: 16px;
+  max-width: 640px;
+  width: 100%;
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+`;
+export const Header = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 1.5rem 1.5rem 1rem;
+  border-bottom: 1px solid #efefef;
+`;
+export const ProfilePicture = styled.div `
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  border: 3px solid #fafafa;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  background: ${({ src }) => src
+    ? `url(${src}) center/cover`
+    : "linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045)"};
+`;
+export const ProfileInfo = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  flex: 1;
+  min-width: 0;
+`;
+export const NameBlock = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const ProfileName = styled.div `
+  font-weight: 600;
+  font-size: 1.125rem;
+  color: #262626;
+  margin-bottom: 0;
+  line-height: 1.15;
+`;
+export const ProfileHandle = styled.div `
+  font-size: 0.875rem;
+  color: #8e8e8e;
+  line-height: 1.15;
+`;
+export const StatsRow = styled.div `
+  display: flex;
+  gap: 1.5rem;
+`;
+export const Stat = styled.div `
+  text-align: center;
+`;
+export const StatValue = styled.span `
+  display: block;
+  font-weight: 600;
+  font-size: 1.125rem;
+  color: #262626;
+  margin-bottom: 0;
+  line-height: 1.15;
+`;
+export const StatLabel = styled.span `
+  font-size: 0.875rem;
+  color: #8e8e8e;
+  line-height: 1.15;
+`;
+export const FollowButton = styled.a `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1.25rem;
+  border-radius: 8px;
+  background: #0095f6;
+  color: white;
+  font-weight: 600;
+  font-size: 0.875rem;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 0.2s;
+  flex-shrink: 0;
+
+  &:hover {
+    background: #1877f2;
+  }
+`;
+export const Grid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2px;
+`;
+export const GridItem = styled.a `
+  aspect-ratio: 1;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+`;
+export const GridImage = styled.img `
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+`;
+export const CarouselIcon = styled.div `
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 20px;
+  height: 20px;
+  background: rgba(255, 255, 255, 0.9);
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+`;
+export const LoadingState = styled.div `
+  padding: 3rem 1.5rem;
+  text-align: center;
+  color: #737373;
+`;
+export const ErrorState = styled.div `
+  padding: 3rem 1.5rem;
+  text-align: center;
+  color: #ef4444;
+`;
+export default {
+    InlineCard,
+    Header,
+    ProfilePicture,
+    ProfileInfo,
+    NameBlock,
+    ProfileName,
+    ProfileHandle,
+    StatsRow,
+    Stat,
+    StatValue,
+    StatLabel,
+    FollowButton,
+    Grid,
+    GridItem,
+    GridImage,
+    CarouselIcon,
+    LoadingState,
+    ErrorState,
+};
+//# sourceMappingURL=styled.js.map

package/dist/components/instagram-feed/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;;gBAO1C,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CACxB,GAAG;IACD,CAAC,CAAC,OAAO,GAAG,gBAAgB;IAC5B,CAAC,CAAC,mDAAmD;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGjC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAInC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;CAkBnC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAC;AAEF,eAAe;IACb,UAAU;IACV,MAAM;IACN,cAAc;IACd,WAAW;IACX,SAAS;IACT,WAAW;IACX,aAAa;IACb,QAAQ;IACR,IAAI;IACJ,SAAS;IACT,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,UAAU;CACX,CAAC"}

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

@@ -0,0 +1,15 @@
+export declare const KpiGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type KpiAccent = "cyan" | "green" | "navy" | "orange";
+export declare function KpiCard({ label, value, trend, loading, }: {
+    label: string;
+    value: string | number;
+    trend?: string;
+    positive?: boolean;
+    loading?: boolean;
+    accent?: KpiAccent;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAwBF,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAqBA"}

package/dist/components/kpi/index.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Skeleton } from "@mui/material";
+import Card from "../card";
+import { tokens, SPACE } from "@snokam/ui/tokens";
+export const KpiGrid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 220px));
+  justify-content: start;
+  gap: ${SPACE.lg};
+`;
+const KpiLabel = styled.div `
+  font: 600 0.72rem/1 ${tokens.font};
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--o-text-muted);
+`;
+const KpiValue = styled.div `
+  margin-top: ${SPACE.md};
+  font:
+    400 2.2rem/1 "Cocogoose-Light",
+    system-ui,
+    sans-serif;
+  color: var(--o-text);
+`;
+const KpiTrend = styled.div `
+  margin-top: ${SPACE.sm};
+  font: 400 0.8rem/1.4 ${tokens.font};
+  color: var(--o-text-muted);
+`;
+export function KpiCard({ label, value, trend, loading, }) {
+    return (_jsx(Card, { id: `kpi-${label}`, children: loading ? (_jsxs(_Fragment, { children: [_jsx(KpiLabel, { children: _jsx(Skeleton, { width: "55%" }) }), _jsx(KpiValue, { children: _jsx(Skeleton, { width: "40%" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(KpiLabel, { children: label }), _jsx(KpiValue, { children: value }), trend ? _jsx(KpiTrend, { children: trend }) : null] })) }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIxB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;wBACH,MAAM,CAAC,IAAI;;;;CAIlC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;;;;;;CAMvB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;yBACC,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAIF,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAQR;IACC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,KAAK,EAAE,YACrB,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,EACX,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,IACV,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC3B,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,IAC3C,CACJ,GACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/layout/container/index.d.ts

@@ -0,0 +1,4 @@
+import { ContainerProps } from "../types";
+declare const Container: ({ children, as, theme, transitions, animation, popover, ...restOfProps }: ContainerProps) => import("react").JSX.Element;
+export default Container;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAwC,MAAM,UAAU,CAAC;AAUhF,QAAA,MAAM,SAAS,GAAI,0EAQhB,cAAc,gCAiChB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/layout/container/index.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styled from "./styled";
+import { Position, LayoutTheme, AnimationType } from "../types";
+import Transition from "./transitions";
+import { AnimatedBlobs, BlobTheme } from "@snokam/ui/animated-blobs";
+import { useColorScheme } from "@snokam/ui/theme/admin";
+const themeToBlobTheme = {
+    [LayoutTheme.Dark]: BlobTheme.Dark,
+    [LayoutTheme.Light]: BlobTheme.Light,
+};
+const Container = ({ children, as = "div", theme = LayoutTheme.Dark, transitions, animation, popover, ...restOfProps }) => {
+    const effective = useColorScheme() === "dark" ? LayoutTheme.Dark : theme;
+    return (_jsxs(Styled.Container, { as: as, "$tone": theme, animation: animation, ...restOfProps, children: [animation?.type === AnimationType.Blobs && (_jsx(AnimatedBlobs, { theme: themeToBlobTheme[effective], maxElements: animation.elements })), children, transitions?.top && (_jsx(Transition, { theme: theme, transition: transitions.top, position: Position.Top })), transitions?.bottom && (_jsx(Transition, { theme: theme, transition: transitions.bottom, position: Position.Bottom }))] }));
+};
+export default Container;
+//# sourceMappingURL=index.js.map

package/dist/components/layout/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,gBAAgB,GAAG;IACvB,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI;IAClC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK;CACrC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,KAAK,GAAG,WAAW,CAAC,IAAI,EACxB,WAAW,EACX,SAAS,EACT,OAAO,EACP,GAAG,WAAW,EACC,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,cAAc,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzE,OAAO,CACL,MAAC,MAAM,CAAC,SAAS,IACf,EAAE,EAAE,EAAE,WACC,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,WAAW,aAEd,SAAS,EAAE,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CAC1C,KAAC,aAAa,IACZ,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,EAClC,WAAW,EAAE,SAAS,CAAC,QAAQ,GAC/B,CACH,EACA,QAAQ,EACR,WAAW,EAAE,GAAG,IAAI,CACnB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,GAAG,EAC3B,QAAQ,EAAE,QAAQ,CAAC,GAAG,GACtB,CACH,EACA,WAAW,EAAE,MAAM,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,MAAM,EAC9B,QAAQ,EAAE,QAAQ,CAAC,MAAM,GACzB,CACH,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/layout/container/styled.d.ts

@@ -0,0 +1,16 @@
+import { LayoutTheme, AnimationConfig } from "../types";
+declare const _default: {
+    Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & {
+        $tone: LayoutTheme;
+        animation?: AnimationConfig;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Children: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/layout/container/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;eAG/C,WAAW;oBACN,eAAe;;;;;;;AAkC7B,wBAAuC"}

package/dist/components/layout/container/styled.js

@@ -0,0 +1,36 @@
+"use client";
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { LayoutTheme } from "../types";
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  flex: 1;
+  color: var(--container-fg);
+  background-color: var(--container-bg);
+
+  ${({ $tone }) => $tone === LayoutTheme.Dark
+    ? css `
+          --container-fg: var(--color-light-blue);
+          --container-bg: var(--color-primary);
+
+          [data-theme="dark"] & {
+            --container-fg: #ffffff;
+            --container-bg: #071d41;
+          }
+        `
+    : css `
+          --container-fg: var(--color-primary);
+          --container-bg: var(--color-light-blue);
+
+          [data-theme="dark"] & {
+            --container-fg: #ffffff;
+            --container-bg: #0e2748;
+          }
+        `}
+`;
+const Children = styled.div ``;
+export default { Container, Children };
+//# sourceMappingURL=styled.js.map

package/dist/components/layout/container/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAG1B;;;;;;;;;IASE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE9B,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/layout/container/transitions/Arc/index.d.ts

@@ -0,0 +1,9 @@
+import { Position, LayoutTheme } from "../../../types";
+export interface Props {
+    theme: LayoutTheme;
+    position: Position;
+    flipY?: boolean;
+}
+declare const Arc: ({ theme, flipY, position }: Props) => import("react").JSX.Element;
+export default Arc;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/container/transitions/Arc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Arc/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,GAAG,GAAI,4BAAoC,KAAK,gCAQrD,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/layout/container/transitions/Arc/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Position } from "../../../types";
+import Styled from "./styled";
+const Arc = ({ theme, flipY = false, position }) => {
+    return (_jsx(Styled.Container, { position: position, children: _jsx(Styled.Content, { flipY: flipY, flipX: position === Position.Bottom, children: _jsx(Styled.Arc, { theme: theme }) }) }));
+};
+export default Arc;
+//# sourceMappingURL=index.js.map

package/dist/components/layout/container/transitions/Arc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Arc/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAe,MAAM,gBAAgB,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAQ9B,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,MAAM,CAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,YAClC,KAAC,MAAM,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,MAAM,YAC/D,KAAC,MAAM,CAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACb,GACA,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/layout/container/transitions/Arc/styled.d.ts

@@ -0,0 +1,24 @@
+import { Position, LayoutTheme } from "../../../types";
+declare const _default: {
+    Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & {
+        position: Position;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Content: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & {
+        flipY: boolean;
+        flipX: boolean;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Arc: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & {
+        theme: LayoutTheme;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/layout/container/transitions/Arc/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Arc/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;;;;kBA6Cd,QAAQ;;;;;;eAiBb,OAAO;eAAS,OAAO;;;;;;eA3D3B,WAAW;;;AAqE3C,wBAA2C"}

package/dist/components/layout/container/transitions/Arc/styled.js

@@ -0,0 +1,69 @@
+"use client";
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { Position, LayoutTheme } from "../../../types";
+import { Color } from "@snokam/ui/theme";
+const Arc = styled.div `
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+
+  ${({ theme }) => {
+    const svg = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 1440 320"
+        preserveAspectRatio="none"
+      >
+        <path
+          fill="black"
+          d="M0,0 L1440,0 L1440,320 Q720,0 0,320 Z"
+        />
+      </svg>
+    `;
+    const maskURI = `data:image/svg+xml;charset=utf8,${encodeURIComponent(svg)}`;
+    const light = theme === LayoutTheme.Dark ? Color.LightBlue : Color.DarkBlue;
+    const dark = theme === LayoutTheme.Dark ? "#0e2748" : "#071d41";
+    return css `
+      mask-image: url("${maskURI}");
+      mask-size: 100% 100%;
+      mask-position: center;
+      mask-repeat: no-repeat;
+      -webkit-mask-image: url("${maskURI}");
+      -webkit-mask-size: 100% 100%;
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      background-color: ${light};
+
+      [data-theme="dark"] & {
+        background-color: ${dark};
+      }
+    `;
+}}
+`;
+const Container = styled.div `
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  height: min(300px, 21vw);
+  width: 100%;
+
+  ${({ position }) => position === Position.Top
+    ? css `
+          top: -1px;
+        `
+    : css `
+          bottom: -1px;
+        `}
+`;
+const Content = styled.div `
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+
+  transform: ${({ flipY, flipX }) => `${flipY ? "rotateY(180deg)" : ""} ${flipX ? "rotateX(180deg)" : ""}`.trim()};
+`;
+export default { Container, Content, Arc };
+//# sourceMappingURL=styled.js.map

package/dist/components/layout/container/transitions/Arc/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Arc/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;IAM1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,MAAM,GAAG,GAAG;;;;;;;;;;;KAWX,CAAC;IAEF,MAAM,OAAO,GAAG,mCAAmC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IAC7E,MAAM,KAAK,GAAG,KAAK,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5E,MAAM,IAAI,GAAG,KAAK,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhE,OAAO,GAAG,CAAA;yBACW,OAAO;;;;iCAIC,OAAO;;;;0BAId,KAAK;;;4BAGH,IAAI;;KAE3B,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;IAOhD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ,KAAK,QAAQ,CAAC,GAAG;IACvB,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;CACR,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAoC;;;;;;eAM/C,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,GAAG,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;CAC/E,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/layout/container/transitions/Curve/index.d.ts

@@ -0,0 +1,12 @@
+import { Color } from "@snokam/ui/theme";
+import { Position, LayoutTheme } from "../../../types";
+export interface Props {
+    theme: LayoutTheme;
+    position: Position;
+    color?: Color;
+    flipY?: boolean;
+    sizeInPercent: number;
+}
+declare const Curve: ({ theme, flipY, position, sizeInPercent }: Props) => import("react").JSX.Element;
+export default Curve;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/container/transitions/Curve/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Curve/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,KAAK,GAAI,2CAAmD,KAAK,gCAQtE,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/layout/container/transitions/Curve/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Position } from "../../../types";
+import Styled from "./styled";
+const Curve = ({ theme, flipY = false, position, sizeInPercent }) => {
+    return (_jsx(Styled.Container, { position: position, sizeInPercent: sizeInPercent, children: _jsx(Styled.Content, { flipY: flipY, flipX: position === Position.Bottom, children: _jsx(Styled.Curve, { theme: theme, sizeInPercent: sizeInPercent }) }) }));
+};
+export default Curve;
+//# sourceMappingURL=index.js.map

package/dist/components/layout/container/transitions/Curve/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Curve/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAe,MAAM,gBAAgB,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAU9B,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,KAAC,MAAM,CAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,YAChE,KAAC,MAAM,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,MAAM,YAC/D,KAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,GAC7C,GACA,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}