@timmbr/ui 1.0.0-beta → 1.1.0

package/dist/components/SideBarNavigation/subcomponents/SidebarToggle.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { motion, sidebarToggleIconVariants } from '@timmbr/motion';
+import { ChevronLeft } from '@timmbr/icons';
+import { cn } from '@timmbr/utils';
+import { sidebarToggleVariants } from '../SideBarNavigation.styles.js';
+import { useSidebarContext } from '../SideBarNavigation.context.js';
+
+const SidebarToggle = ({
+  collapsed,
+  onToggle,
+  className
+}) => {
+  const { shouldAnimate } = useSidebarContext();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+      className: sidebarToggleVariants({ className }),
+      "data-testid": "sidebar-toggle-btn",
+      children: /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          initial: false,
+          animate: shouldAnimate ? collapsed ? "collapsed" : "expanded" : void 0,
+          variants: shouldAnimate ? sidebarToggleIconVariants : void 0,
+          className: cn(
+            "inline-flex items-center justify-center",
+            !shouldAnimate && (collapsed ? "rotate-180" : "")
+          ),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5 stroke-[2.5]" })
+        }
+      )
+    }
+  );
+};
+
+export { SidebarToggle };

package/dist/components/Stack/Stack.styles.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const stackVariants: (props?: ({
-    align?: "stretch" | "center" | "end" | "start" | "baseline" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+    align?: "center" | "start" | "stretch" | "end" | "baseline" | null | undefined;
+    justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type StackVariants = VariantProps<typeof stackVariants>;
 //# sourceMappingURL=Stack.styles.d.ts.map

package/dist/components/Tabs/Tabs.styles.d.ts

@@ -1,10 +1,10 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const tabsListVariants: (props?: ({
-    variant?: "outline" | "underline" | "pills" | null | undefined;
+    variant?: "underline" | "outline" | "pills" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tabsTriggerVariants: (props?: ({
-    variant?: "outline" | "underline" | "pills" | null | undefined;
+    variant?: "underline" | "outline" | "pills" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tabsContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/Text/Text.styles.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const textVariants: (props?: ({
     variant?: "caption" | "body-1" | "body-2" | "body-2-medium" | "body-2-semibold" | "body-2-light" | "body-3" | "body-3-light" | "subtitle-1" | "subtitle-2" | null | undefined;
-    foreground?: "default" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "destructive" | "muted" | null | undefined;
-    weight?: "bold" | "light" | "normal" | "medium" | "semibold" | null | undefined;
+    foreground?: "default" | "destructive" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "light" | "semibold" | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type TextVariants = VariantProps<typeof textVariants>;

package/dist/components/Textarea/Textarea.js

@@ -145,12 +145,12 @@ const Textarea = React.forwardRef(
               {
                 id: `${id}-desc`,
                 className: cn(
-                  "text-xs mt-0.5 flex items-center gap-1.5 flex-1",
+                  "text-xs mt-0.5 flex items-start gap-1.5 flex-1",
                   isError ? "text-destructive font-medium" : "text-muted"
                 ),
                 children: [
-                  isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { children: errorMessage || helperText })
+                  isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "leading-tight", children: errorMessage || helperText })
                 ]
               }
             ) : /* @__PURE__ */ jsx("span", {}),

package/dist/components/Textarea/Textarea.styles.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const textareaVariants: (props?: ({
-    variant?: "outline" | "filled" | "subtle" | null | undefined;
+    variant?: "filled" | "outline" | "subtle" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
     resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
     isError?: boolean | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAMxD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,aAAa,6CAA0B,CAAC;AAErD,eAAO,MAAM,aAAa,6FAcxB,CAAC;AAGH,eAAO,MAAM,KAAK,kFAuChB,CAAC;AAGH,eAAO,MAAM,WAAW,iKAatB,CAAC;AAGH,eAAO,MAAM,UAAU,gKAgBrB,CAAC;AAGH,eAAO,MAAM,UAAU,0JAUrB,CAAC;AAGH,eAAO,MAAM,gBAAgB,gKAU3B,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAMxD,OAAO,KAAK,EAAiB,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnF,eAAO,MAAM,aAAa,6CAA0B,CAAC;AAWrD,eAAO,MAAM,aAAa,6FAexB,CAAC;AAGH,eAAO,MAAM,KAAK,kFAuChB,CAAC;AAGH,eAAO,MAAM,WAAW,iKAatB,CAAC;AAGH,eAAO,MAAM,UAAU,gKAgBrB,CAAC;AAGH,eAAO,MAAM,UAAU,0JAUrB,CAAC;AAGH,eAAO,MAAM,gBAAgB,gKAU3B,CAAC"}

package/dist/components/Toast/Toast.js

@@ -4,18 +4,27 @@ import * as React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cn } from '@timmbr/utils';
 import { X } from '@timmbr/icons';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 import { resolveMotion } from '../../types/motion.js';
 import { toastVariants } from './Toast.styles.js';
-import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 
 const ToastProvider = ToastPrimitive.Provider;
-const ToastViewport = React.forwardRef(({ className, stacked, ...props }, ref) => /* @__PURE__ */ jsx(
+const positionClasses = {
+  "top-left": "top-4 left-4 flex-col",
+  "top-center": "top-4 left-1/2 -translate-x-1/2 flex-col",
+  "top-right": "top-4 right-4 flex-col",
+  "bottom-left": "bottom-4 left-4 flex-col-reverse",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 flex-col-reverse",
+  "bottom-right": "bottom-4 right-4 flex-col-reverse"
+};
+const ToastViewport = React.forwardRef(({ className, stacked, position = "bottom-right", ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitive.Viewport,
   {
     ref,
     "data-slot": "toast-viewport",
     className: cn(
-      "fixed bottom-4 right-4 z-[100] group/toast-viewport flex flex-col-reverse gap-2 p-0 w-full sm:w-[420px] max-w-[420px]",
+      "fixed z-[100] group/toast-viewport flex gap-2 p-0 w-full sm:w-[420px] max-w-[420px]",
+      positionClasses[position] || positionClasses["bottom-right"],
       stacked && "relative h-[80px]",
       className
     ),

package/dist/components/Toast/Toast.types.d.ts

@@ -2,6 +2,36 @@ import type * as React from 'react';
 import type * as ToastPrimitive from '@radix-ui/react-toast';
 import type { ToastVariants } from './Toast.styles';
 import type { MotionProp } from '../../types/motion';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastActionConfig {
+    label: React.ReactNode;
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    altText?: string;
+}
+export interface ToastOptions {
+    id?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    duration?: number;
+    position?: ToastPosition;
+    dismissible?: boolean;
+    action?: ToastActionConfig | React.ReactNode;
+    motion?: MotionProp;
+    onDismiss?: () => void;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+    open: boolean;
+}
+export interface ToastGlobalConfig {
+    position?: ToastPosition;
+    duration?: number;
+    maxVisible?: number;
+    swipeDirection?: 'up' | 'down' | 'left' | 'right';
+    stacked?: boolean;
+}
 export interface ToastProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, ToastVariants {
     /**
      * Motion transition control.
@@ -21,6 +51,10 @@ export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeo
      * Whether the viewport operates in stacked card-deck mode.
      */
     stacked?: boolean;
+    /**
+     * Viewport position on screen.
+     */
+    position?: ToastPosition;
 }
 export interface ToastActionElement extends React.ReactElement<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>> {
 }

package/dist/components/Toast/Toast.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;CAAG"}
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;CAAG"}

package/dist/components/Toast/ToastContainer.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { ToastGlobalConfig } from './Toast.types';
+export interface ToastContainerProps {
+    config?: ToastGlobalConfig;
+}
+export declare const ToastContainer: React.FC<ToastContainerProps>;
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/components/Toast/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,eAAe,CAAC;AAUvB,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuGxD,CAAC"}

package/dist/components/Toast/ToastContainer.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { AlertCircle, AlertTriangle, CheckCircle, Info } from '@timmbr/icons';
+import { Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport, ToastAction } from './Toast.js';
+import { toastStore } from './toastStore.js';
+import { Inline } from '../Inline/Inline.js';
+import { Stack } from '../Stack/Stack.js';
+
+const VARIANT_ICONS = {
+  default: Info,
+  info: Info,
+  success: CheckCircle,
+  warning: AlertTriangle,
+  destructive: AlertCircle
+};
+const ToastContainer = ({ config }) => {
+  const [toasts, setToasts] = React.useState(() => toastStore.getToasts());
+  React.useEffect(() => {
+    if (config?.maxVisible) {
+      toastStore.setMaxVisible(config.maxVisible);
+    }
+    return toastStore.subscribe(() => {
+      setToasts([...toastStore.getToasts()]);
+    });
+  }, [config?.maxVisible]);
+  const defaultPosition = config?.position || "bottom-right";
+  const defaultDuration = config?.duration ?? 4e3;
+  const toastsByPosition = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of toasts) {
+      const pos = item.position || defaultPosition;
+      const list = map.get(pos) || [];
+      list.push(item);
+      map.set(pos, list);
+    }
+    return map;
+  }, [toasts, defaultPosition]);
+  if (toasts.length === 0) {
+    return null;
+  }
+  const renderAction = (action) => {
+    if (!action) return null;
+    if (React.isValidElement(action)) {
+      return action;
+    }
+    const actionObj = action;
+    if (actionObj && actionObj.label && actionObj.onClick) {
+      return /* @__PURE__ */ jsx(
+        ToastAction,
+        {
+          altText: actionObj.altText || (typeof actionObj.label === "string" ? actionObj.label : "Action"),
+          onClick: actionObj.onClick,
+          children: actionObj.label
+        }
+      );
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from(toastsByPosition.entries()).map(([pos, items]) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    items.map((item, index) => {
+      const Icon = VARIANT_ICONS[item.variant || "default"] || Info;
+      const isDestructive = item.variant === "destructive";
+      return /* @__PURE__ */ jsxs(
+        Toast,
+        {
+          open: item.open,
+          variant: item.variant,
+          duration: item.duration ?? defaultDuration,
+          motion: item.motion,
+          index: config?.stacked ? index : void 0,
+          total: config?.stacked ? items.length : void 0,
+          onOpenChange: (open) => {
+            if (!open) {
+              toastStore.dismiss(item.id);
+              item.onDismiss?.();
+            }
+            item.onOpenChange?.(open);
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Inline, { gap: 3, align: "start", className: "flex-1 min-w-0 pr-2", children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-white" : "text-current opacity-90"}`
+                }
+              ),
+              /* @__PURE__ */ jsxs(Stack, { gap: "2xs", className: "flex-1 min-w-0", children: [
+                item.title && /* @__PURE__ */ jsx(ToastTitle, { children: item.title }),
+                item.description && /* @__PURE__ */ jsx(ToastDescription, { children: item.description })
+              ] })
+            ] }),
+            renderAction(item.action),
+            item.dismissible !== false && /* @__PURE__ */ jsx(ToastClose, {})
+          ]
+        },
+        item.id
+      );
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, { position: pos, stacked: config?.stacked })
+  ] }, pos)) });
+};
+
+export { ToastContainer };

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

@@ -1,4 +1,6 @@
 export * from './Toast';
 export * from './Toast.types';
 export * from './Toast.styles';
+export * from './toastStore';
+export * from './ToastContainer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/components/Toast/toastStore.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import type { ToastItem, ToastOptions } from './Toast.types';
+type ToastSubscriber = () => void;
+declare class ToastStore {
+    private toasts;
+    private listeners;
+    private maxVisible;
+    subscribe(listener: ToastSubscriber): () => void;
+    private notify;
+    getToasts(): ToastItem[];
+    setMaxVisible(max: number): void;
+    addToast(options: ToastOptions): string;
+    dismiss(id?: string): void;
+}
+export declare const toastStore: ToastStore;
+export interface ToastFunction {
+    (options: ToastOptions): string;
+    error: (title: React.ReactNode, description?: React.ReactNode, options?: Partial<ToastOptions>) => string;
+    success: (title: React.ReactNode, description?: React.ReactNode, options?: Partial<ToastOptions>) => string;
+    warning: (title: React.ReactNode, description?: React.ReactNode, options?: Partial<ToastOptions>) => string;
+    info: (title: React.ReactNode, description?: React.ReactNode, options?: Partial<ToastOptions>) => string;
+    dismiss: (id?: string) => void;
+}
+export declare const toast: ToastFunction;
+export declare function useToast(): {
+    toast: ToastFunction;
+    dismiss: (id?: string) => void;
+    toasts: ToastItem[];
+};
+export {};
+//# sourceMappingURL=toastStore.d.ts.map

package/dist/components/Toast/toastStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastStore.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toastStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AAElC,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,UAAU,CAAa;IAE/B,SAAS,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,IAAI;IAOhD,OAAO,CAAC,MAAM;IAId,SAAS,IAAI,SAAS,EAAE;IAIxB,aAAa,CAAC,GAAG,EAAE,MAAM;IAIzB,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM;IAuBvC,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM;CAkBpB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAC5B,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,EAAE,aAiDnB,CAAC;AAEF,wBAAgB,QAAQ;;mBAWa,MAAM;;EAG1C"}

package/dist/components/Toast/toastStore.js

@@ -0,0 +1,104 @@
+"use client";
+import * as React from 'react';
+
+class ToastStore {
+  toasts = [];
+  listeners = /* @__PURE__ */ new Set();
+  maxVisible = 5;
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  notify() {
+    this.listeners.forEach((listener) => listener());
+  }
+  getToasts() {
+    return this.toasts;
+  }
+  setMaxVisible(max) {
+    this.maxVisible = max;
+  }
+  addToast(options) {
+    const id = options.id || Math.random().toString(36).substring(2, 9);
+    const existingIndex = this.toasts.findIndex((t) => t.id === id);
+    const newToast = {
+      ...options,
+      id,
+      open: true
+    };
+    if (existingIndex !== -1) {
+      this.toasts[existingIndex] = newToast;
+    } else {
+      this.toasts = [...this.toasts, newToast];
+      if (this.toasts.length > this.maxVisible) {
+        this.toasts = this.toasts.slice(-this.maxVisible);
+      }
+    }
+    this.notify();
+    return id;
+  }
+  dismiss(id) {
+    if (!id) {
+      this.toasts = this.toasts.map((t) => ({ ...t, open: false }));
+    } else {
+      this.toasts = this.toasts.map((t) => t.id === id ? { ...t, open: false } : t);
+    }
+    this.notify();
+    setTimeout(() => {
+      if (!id) {
+        this.toasts = [];
+      } else {
+        this.toasts = this.toasts.filter((t) => t.id !== id);
+      }
+      this.notify();
+    }, 350);
+  }
+}
+const toastStore = new ToastStore();
+const toast = Object.assign(
+  (options) => toastStore.addToast(options),
+  {
+    error: (title, description, options) => toastStore.addToast({
+      ...options,
+      title,
+      description,
+      variant: "destructive"
+    }),
+    success: (title, description, options) => toastStore.addToast({
+      ...options,
+      title,
+      description,
+      variant: "success"
+    }),
+    warning: (title, description, options) => toastStore.addToast({
+      ...options,
+      title,
+      description,
+      variant: "warning"
+    }),
+    info: (title, description, options) => toastStore.addToast({
+      ...options,
+      title,
+      description,
+      variant: "info"
+    }),
+    dismiss: (id) => toastStore.dismiss(id)
+  }
+);
+function useToast() {
+  const [toasts, setToasts] = React.useState(() => toastStore.getToasts());
+  React.useEffect(() => {
+    return toastStore.subscribe(() => {
+      setToasts([...toastStore.getToasts()]);
+    });
+  }, []);
+  return {
+    toast,
+    dismiss: React.useCallback((id) => toastStore.dismiss(id), []),
+    toasts
+  };
+}
+
+export { toast, toastStore, useToast };

package/dist/index.d.ts

@@ -21,7 +21,9 @@ export * from './components/Popover';
 export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/Tabs';
+export * from './components/SideBarNavigation';
 export * from './components/Button';
+export * from './components/LinkButton';
 export * from './components/Accordion';
 export * from './components/Avatar';
 export * from './components/Badge';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAG/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -10,6 +10,7 @@ export { Center } from './components/Center/Center.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Chip } from './components/Chip/Chip.js';
 export { Container } from './components/Container/Container.js';
+export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
 export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
 export { Divider } from './components/Divider/Divider.js';
@@ -23,6 +24,7 @@ export { Icon } from './components/Icon/Icon.js';
 export { Inline } from './components/Inline/Inline.js';
 export { Input } from './components/Input/Input.js';
 export { Label } from './components/Label/Label.js';
+export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
@@ -30,6 +32,15 @@ export { Progress } from './components/Progress/Progress.js';
 export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
 export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from './components/Select/Select.js';
+export { SideBarNavigation } from './components/SideBarNavigation/SideBarNavigation.js';
+export { SidebarBranding } from './components/SideBarNavigation/subcomponents/SidebarBranding.js';
+export { SidebarContext, useSidebarContext } from './components/SideBarNavigation/SideBarNavigation.context.js';
+export { SidebarFooter } from './components/SideBarNavigation/subcomponents/SidebarFooter.js';
+export { SidebarNavItem } from './components/SideBarNavigation/subcomponents/SidebarNavItem.js';
+export { SidebarPopoverMenu } from './components/SideBarNavigation/subcomponents/SidebarPopoverMenu.js';
+export { SidebarProfile } from './components/SideBarNavigation/subcomponents/SidebarProfile.js';
+export { SidebarSubItem } from './components/SideBarNavigation/subcomponents/SidebarSubItem.js';
+export { SidebarToggle } from './components/SideBarNavigation/subcomponents/SidebarToggle.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { Stack } from './components/Stack/Stack.js';
@@ -40,8 +51,9 @@ export { TablePagination } from './components/Table/TablePagination.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/Tabs/Tabs.js';
 export { Text } from './components/Text/Text.js';
 export { Textarea } from './components/Textarea/Textarea.js';
-export { TimmbrConfigProvider, defaultTimmbrConfig, useTimmbrConfig } from './providers/TimmbrConfigProvider.js';
+export { TimmbrConfigProvider, defaultTimmbrConfig, resolveZoneHref, useTimmbrConfig } from './providers/TimmbrConfigProvider.js';
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './components/Toast/Toast.js';
+export { ToastContainer } from './components/Toast/ToastContainer.js';
 export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
 export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
 export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
@@ -66,7 +78,9 @@ export { iconVariants } from './components/Icon/Icon.styles.js';
 export { inlineVariants } from './components/Inline/Inline.styles.js';
 export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
 export { labelVariants } from './components/Label/Label.styles.js';
+export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js';
 export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
+export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
 export { popoverContentVariants } from './components/Popover/Popover.styles.js';
 export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
@@ -82,5 +96,6 @@ export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHe
 export { tabsContentVariants, tabsListVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
 export { textVariants } from './components/Text/Text.styles.js';
 export { textareaVariants } from './components/Textarea/Textarea.styles.js';
+export { toast, toastStore, useToast } from './components/Toast/toastStore.js';
 export { toastVariants } from './components/Toast/Toast.styles.js';
 export { tooltipContentVariants } from './components/Tooltip/Tooltip.styles.js';

package/dist/providers/TimmbrConfigProvider.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { ToastGlobalConfig } from '../components/Toast/Toast.types';
 export interface ComponentConfig {
     button?: {
         defaultVariant?: 'default' | 'outline' | 'ghost';
@@ -11,6 +12,17 @@ export interface ComponentConfig {
         defaultSize?: number;
     };
 }
+export interface ZoneConfig {
+    /**
+     * Current active Next.js zone identifier (e.g. 'main', 'app', 'docs', 'store').
+     */
+    currentZone?: string;
+    /**
+     * Map of zone identifiers to base URLs or path prefixes.
+     * Example: { docs: 'https://docs.timmbr.com', app: '/app', store: 'https://store.timmbr.com' }
+     */
+    zones?: Record<string, string>;
+}
 export interface TimmbrConfig {
     animations?: {
         enabled?: boolean;
@@ -18,8 +30,14 @@ export interface TimmbrConfig {
     theme?: {
         mode?: 'light' | 'dark' | 'system';
     };
+    zones?: ZoneConfig;
     components?: ComponentConfig;
+    toast?: ToastGlobalConfig;
 }
+/**
+ * Resolves target href with optional zone key and zone dictionary.
+ */
+export declare function resolveZoneHref(href: string, zone?: string, zones?: Record<string, string>): string;
 export declare const defaultTimmbrConfig: Required<TimmbrConfig>;
 export interface TimmbrConfigProviderProps {
     children: React.ReactNode;
@@ -27,8 +45,8 @@ export interface TimmbrConfigProviderProps {
 }
 /**
  * Global configuration provider for the Timmbr Design System.
- * Supports customizing animation behavior, default component variants/sizes, and themes.
- * Wrapping the app with this provider is optional; components fall back to default values automatically.
+ * Supports customizing animation behavior, default component variants/sizes, themes, and global toast defaults.
+ * Automatically initializes and renders the centralized Toast system.
  */
 export declare const TimmbrConfigProvider: React.FC<TimmbrConfigProviderProps>;
 /**

package/dist/providers/TimmbrConfigProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimmbrConfigProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TimmbrConfigProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE;QACP,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACjD,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;KACpC,CAAC;IACF,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAmBtD,CAAC;AAIF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoDpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,YAElC,CAAC"}
+{"version":3,"file":"TimmbrConfigProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TimmbrConfigProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE;QACP,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACjD,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;KACpC,CAAC;IACF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,CAOR;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CA8BtD,CAAC;AAIF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,YAElC,CAAC"}