@timmbr/ui 1.5.0 → 1.6.0

package/dist/components/Grid/Grid.styles.js

@@ -71,5 +71,89 @@ const xlColsMap = {
   11: "xl:grid-cols-11",
   12: "xl:grid-cols-12"
 };
+const templateClassMap = {
+  base: "grid-cols-[var(--grid-template)]",
+  sm: "sm:grid-cols-[var(--grid-template-sm)]",
+  md: "md:grid-cols-[var(--grid-template-md)]",
+  lg: "lg:grid-cols-[var(--grid-template-lg)]",
+  xl: "xl:grid-cols-[var(--grid-template-xl)]"
+};
+const spanClassMap = {
+  base: {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4",
+    5: "col-span-5",
+    6: "col-span-6",
+    7: "col-span-7",
+    8: "col-span-8",
+    9: "col-span-9",
+    10: "col-span-10",
+    11: "col-span-11",
+    12: "col-span-12",
+    full: "col-span-full"
+  },
+  sm: {
+    1: "sm:col-span-1",
+    2: "sm:col-span-2",
+    3: "sm:col-span-3",
+    4: "sm:col-span-4",
+    5: "sm:col-span-5",
+    6: "sm:col-span-6",
+    7: "sm:col-span-7",
+    8: "sm:col-span-8",
+    9: "sm:col-span-9",
+    10: "sm:col-span-10",
+    11: "sm:col-span-11",
+    12: "sm:col-span-12",
+    full: "sm:col-span-full"
+  },
+  md: {
+    1: "md:col-span-1",
+    2: "md:col-span-2",
+    3: "md:col-span-3",
+    4: "md:col-span-4",
+    5: "md:col-span-5",
+    6: "md:col-span-6",
+    7: "md:col-span-7",
+    8: "md:col-span-8",
+    9: "md:col-span-9",
+    10: "md:col-span-10",
+    11: "md:col-span-11",
+    12: "md:col-span-12",
+    full: "md:col-span-full"
+  },
+  lg: {
+    1: "lg:col-span-1",
+    2: "lg:col-span-2",
+    3: "lg:col-span-3",
+    4: "lg:col-span-4",
+    5: "lg:col-span-5",
+    6: "lg:col-span-6",
+    7: "lg:col-span-7",
+    8: "lg:col-span-8",
+    9: "lg:col-span-9",
+    10: "lg:col-span-10",
+    11: "lg:col-span-11",
+    12: "lg:col-span-12",
+    full: "lg:col-span-full"
+  },
+  xl: {
+    1: "xl:col-span-1",
+    2: "xl:col-span-2",
+    3: "xl:col-span-3",
+    4: "xl:col-span-4",
+    5: "xl:col-span-5",
+    6: "xl:col-span-6",
+    7: "xl:col-span-7",
+    8: "xl:col-span-8",
+    9: "xl:col-span-9",
+    10: "xl:col-span-10",
+    11: "xl:col-span-11",
+    12: "xl:col-span-12",
+    full: "xl:col-span-full"
+  }
+};
 
-export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap };
+export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, spanClassMap, templateClassMap, xlColsMap };

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

@@ -1,5 +1,8 @@
 import type * as React from 'react';
+import type { GapValue } from '../../utils/gap';
 export interface ResponsiveCols {
+    /** Columns at every size (below the first breakpoint given). */
+    base?: number;
     sm?: number;
     md?: number;
     lg?: number;
@@ -16,15 +19,21 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
      * Gap between rows and columns (e.g. 2, 4, 6, 8 or CSS string '1rem').
      * @default 4
      */
-    gap?: number | string;
+    gap?: GapValue;
     /**
      * Specific row gap.
      */
-    rowGap?: number | string;
+    rowGap?: GapValue;
     /**
      * Specific column gap.
      */
-    colGap?: number | string;
+    colGap?: GapValue;
+    /**
+     * Custom column template (CSS `grid-template-columns`), e.g.
+     * `{ lg: '15rem minmax(0,1fr)' }` for a fixed side column from `lg` up.
+     * Takes precedence over `cols` at the breakpoints it sets.
+     */
+    template?: string | ResponsiveTemplate;
     /**
      * If true, generates an auto-fit/auto-fill responsive grid using minChildWidth.
      */
@@ -38,4 +47,23 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     asChild?: boolean;
 }
+export interface ResponsiveTemplate {
+    base?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+}
+export type GridSpan = number | 'full';
+export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Columns the item spans: a number or `full`, or one per breakpoint. */
+    span?: GridSpan | {
+        base?: GridSpan;
+        sm?: GridSpan;
+        md?: GridSpan;
+        lg?: GridSpan;
+        xl?: GridSpan;
+    };
+    asChild?: boolean;
+}
 //# sourceMappingURL=Grid.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.types.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Grid.types.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAC;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,yEAAyE;IACzE,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;QAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;QAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;QAAC,EAAE,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const headingVariants: (props?: ({
-    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+    level?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
     font?: "title" | "display" | null | undefined;
-    foreground?: "default" | "destructive" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
+    foreground?: "default" | "destructive" | "success" | "warning" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "light" | "semibold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type HeadingVariants = VariantProps<typeof headingVariants>;

package/dist/components/Heading/Heading.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,eAAe;;;;;8EAuC1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,eAAe;;;;;8EAyC1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Heading/Heading.styles.js

@@ -18,11 +18,13 @@ const headingVariants = cva("transition-colors text-foreground", {
     },
     foreground: {
       default: "text-foreground",
-      muted: "text-grey-600 dark:text-grey-400",
+      muted: "text-muted-foreground",
       subtle: "text-grey-500 dark:text-grey-500",
       primary: "text-primary",
       secondary: "text-secondary-foreground",
       destructive: "text-destructive",
+      success: "text-success",
+      warning: "text-warning",
       white: "text-grey-50",
       inherit: "text-inherit"
     },

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

@@ -25,7 +25,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>,
      * Foreground color token.
      * @default 'default'
      */
-    foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'white' | 'inherit';
+    foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'white' | 'inherit';
     /**
      * If true, renders child element via Radix Slot while applying heading styles.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,eAAe;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,eAAe;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const iconVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    foreground?: "default" | "destructive" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    foreground?: "default" | "destructive" | "success" | "warning" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
     clickable?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type IconVariants = VariantProps<typeof iconVariants>;

package/dist/components/Icon/Icon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;;;8EAgCxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;;;8EAoCxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/components/Icon/Icon.styles.js

@@ -1,7 +1,9 @@
 import { cva } from 'class-variance-authority';
 
 const iconVariants = cva(
-  "inline-flex shrink-0 items-center justify-center transition-all leading-none",
+  // Child SVGs (`svg` prop or children) fill the icon box like `icon` does, so
+  // `<Icon><Truck /></Icon>` also works in Server Components (no function prop).
+  "inline-flex shrink-0 items-center justify-center transition-all leading-none [&>svg]:size-full",
   {
     variants: {
       size: {
@@ -13,11 +15,13 @@ const iconVariants = cva(
       },
       foreground: {
         default: "text-foreground",
-        muted: "text-grey-600 dark:text-grey-400",
+        muted: "text-muted-foreground",
         subtle: "text-grey-500 dark:text-grey-500",
         primary: "text-primary",
         secondary: "text-secondary-foreground",
         destructive: "text-destructive",
+        success: "text-success",
+        warning: "text-warning",
         white: "text-grey-50",
         inherit: "text-inherit"
       },

package/dist/components/IconTile/IconTile.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { IconTileProps } from './IconTile.types';
+/**
+ * An icon in a tinted circle: list rows, section cards, settings rows.
+ * Decorative by default; pass `label` when the icon carries meaning alone.
+ */
+export declare const IconTile: React.ForwardRefExoticComponent<IconTileProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=IconTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/IconTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,QAAQ,uFAcpB,CAAC"}

package/dist/components/IconTile/IconTile.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { iconTileVariants } from './IconTile.styles.js';
+
+const IconTile = React.forwardRef(
+  ({ className, size, tone, label, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      "data-slot": "icon-tile",
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      className: cn(iconTileVariants({ size, tone }), className),
+      ...props,
+      children
+    }
+  )
+);
+IconTile.displayName = "IconTile";
+
+export { IconTile };

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const iconTileVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "destructive" | "success" | "warning" | "primary" | "neutral" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type IconTileVariants = VariantProps<typeof iconTileVariants>;
+//# sourceMappingURL=IconTile.styles.d.ts.map

package/dist/components/IconTile/IconTile.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/IconTile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;;8EAmB5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/IconTile/IconTile.styles.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+
+const iconTileVariants = cva(
+  "inline-flex shrink-0 items-center justify-center rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-10 [&_svg]:size-5",
+        lg: "size-12 [&_svg]:size-6"
+      },
+      tone: {
+        primary: "bg-secondary text-secondary-foreground",
+        neutral: "bg-muted text-foreground",
+        success: "bg-success/10 text-success",
+        warning: "bg-warning/15 text-warning-foreground",
+        destructive: "bg-destructive/10 text-destructive"
+      }
+    },
+    defaultVariants: { size: "md", tone: "primary" }
+  }
+);
+
+export { iconTileVariants };

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

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+import type { IconTileVariants } from './IconTile.styles';
+export interface IconTileProps extends React.HTMLAttributes<HTMLSpanElement>, IconTileVariants {
+    /** The icon (an SVG element, e.g. `<Package />`); sized by `size`. */
+    children: React.ReactNode;
+    /**
+     * Accessible name. Leave out for decorative tiles (hidden from screen
+     * readers), e.g. next to a text label.
+     */
+    label?: string;
+}
+//# sourceMappingURL=IconTile.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/IconTile.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,gBAAgB;IAC5F,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -0,0 +1,4 @@
+export * from './IconTile';
+export * from './IconTile.types';
+export * from './IconTile.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,oFA4ClB,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,oFAoDlB,CAAC"}

package/dist/components/Inline/Inline.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@timmbr/utils';
-import { formatGap } from '../../utils/gap.js';
+import { formatGap, formatAxisGap } from '../../utils/gap.js';
 import { inlineVariants } from './Inline.styles.js';
 
 const Inline = React.forwardRef(
@@ -11,6 +11,8 @@ const Inline = React.forwardRef(
     className,
     style,
     gap = 3,
+    rowGap,
+    colGap,
     align = "center",
     justify = "start",
     wrap = true,
@@ -36,7 +38,13 @@ const Inline = React.forwardRef(
         "data-slot": "inline",
         "data-testid": "timmbr-inline",
         style,
-        className: cn(inlineVariants({ align, justify, wrap }), gapClass, className),
+        className: cn(
+          inlineVariants({ align, justify, wrap }),
+          gapClass,
+          formatAxisGap("y", rowGap),
+          formatAxisGap("x", colGap),
+          className
+        ),
         ...props,
         children: renderChildren()
       }

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

@@ -1,10 +1,15 @@
 import type * as React from 'react';
 import type { InlineVariants } from './Inline.styles';
+import type { GapValue } from '../../utils/gap';
 export interface InlineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'gap'>, Omit<InlineVariants, 'gap'> {
     /**
      * Gap between items. Translates standard Tailwind tokens, any number (px), or custom string.
      */
-    gap?: number | string;
+    gap?: GapValue;
+    /** Gap between wrapped lines (overrides `gap` vertically). */
+    rowGap?: GapValue;
+    /** Gap between items on a line (overrides `gap` horizontally). */
+    colGap?: GapValue;
     /**
      * Optional divider element rendered between each inline child.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EACvD,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EACvD,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,kEAAkE;IAClE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const inputWrapperVariants: (props?: ({
     variant?: "filled" | "outline" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
     isError?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const labelVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LabelVariants = VariantProps<typeof labelVariants>;
 //# sourceMappingURL=Label.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,2FAyMtB,CAAC"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,2FA2MtB,CAAC"}

package/dist/components/LinkButton/LinkButton.js

@@ -16,6 +16,7 @@ const LinkButton = React.forwardRef(
     style,
     variant,
     size,
+    fullWidth,
     asChild = false,
     motion,
     leftIcon,
@@ -55,6 +56,7 @@ const LinkButton = React.forwardRef(
         variant: resolvedVariant,
         size: resolvedSize,
         disabled: isDisabled,
+        fullWidth,
         className
       }),
       !shouldAnimate && "transition-none active:scale-100",

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

@@ -1,8 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const linkButtonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "md" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "subtle" | "primary" | "secondary" | "muted" | "back" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | "icon" | null | undefined;
     disabled?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type LinkButtonVariants = VariantProps<typeof linkButtonVariants>;
 //# sourceMappingURL=LinkButton.styles.d.ts.map

package/dist/components/LinkButton/LinkButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,kBAAkB;;;;8EAiE9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,kBAAkB;;;;;8EAwE9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/components/LinkButton/LinkButton.styles.js

@@ -13,6 +13,8 @@ const linkButtonVariants = cva(
         ghost: "text-foreground hover:bg-grey-100 dark:hover:bg-grey-900 active:bg-grey-200 dark:active:bg-grey-800 active:scale-[0.98] font-semibold whitespace-nowrap",
         destructive: "bg-destructive text-grey-50 hover:bg-destructive/90 hover:brightness-105 hover:shadow-md active:brightness-95 shadow-sm active:scale-[0.98] font-semibold whitespace-nowrap",
         muted: "text-grey-600 dark:text-grey-400 hover:text-foreground underline-offset-4 hover:underline font-normal p-0 h-auto active:scale-100",
+        /** "‹ Back" links: muted, no underline, 44px touch target, optically aligned to the edge. */
+        back: "-ms-1 min-h-11 text-muted-foreground hover:text-foreground font-medium p-0 active:scale-100",
         subtle: "text-foreground/80 hover:text-foreground underline-offset-4 hover:underline font-normal p-0 h-auto active:scale-100"
       },
       size: {
@@ -25,6 +27,10 @@ const linkButtonVariants = cva(
       disabled: {
         true: "pointer-events-none opacity-50 cursor-not-allowed",
         false: "cursor-pointer"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
       }
     },
     compoundVariants: [

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,IAAI,oFAShB,CAAC;AAGF,eAAO,MAAM,QAAQ,qFAmBpB,CAAC;AAGF,eAAO,MAAM,YAAY,0FASxB,CAAC;AAGF,eAAO,MAAM,YAAY,0FAiBxB,CAAC;AAGF,eAAO,MAAM,cAAc,4FAS1B,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,IAAI,oFAShB,CAAC;AAGF,eAAO,MAAM,QAAQ,qFAoCpB,CAAC;AAGF,eAAO,MAAM,YAAY,0FASxB,CAAC;AAGF,eAAO,MAAM,YAAY,0FAiBxB,CAAC;AAGF,eAAO,MAAM,cAAc,4FAS1B,CAAC"}

package/dist/components/List/List.js

@@ -1,23 +1,35 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@timmbr/utils';
-import { listVariants, listItemVariants, listItemActionVariants, listItemIconVariants, listItemTextVariants } from './List.styles.js';
+import { listVariants, listDividedClass, listItemVariants, listItemActionVariants, listItemIconVariants, listItemTextVariants } from './List.styles.js';
 
 const List = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ className, variant, divided = false, ...props }, ref) => /* @__PURE__ */ jsx(
     "ul",
     {
       ref,
       "data-slot": "list",
-      className: cn(listVariants({ variant }), className),
+      className: cn(listVariants({ variant }), divided && listDividedClass, className),
       ...props
     }
   )
 );
 List.displayName = "List";
 const ListItem = React.forwardRef(
-  ({ className, density, interactive, clickable, onClick, ...props }, ref) => {
+  ({ className, density, interactive, clickable, onClick, asChild = false, children, ...props }, ref) => {
+    if (asChild) {
+      return /* @__PURE__ */ jsx("li", { ref, "data-slot": "list-item", className: "list-none", children: /* @__PURE__ */ jsx(
+        Slot,
+        {
+          className: cn(listItemVariants({ density, interactive: true }), className),
+          onClick,
+          ...props,
+          children
+        }
+      ) });
+    }
     const isInteractive = interactive || clickable || !!onClick;
     return /* @__PURE__ */ jsx(
       "li",
@@ -31,7 +43,8 @@ const ListItem = React.forwardRef(
           listItemVariants({ density, interactive: isInteractive }),
           className
         ),
-        ...props
+        ...props,
+        children
       }
     );
   }

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

@@ -2,8 +2,10 @@ import { type VariantProps } from 'class-variance-authority';
 export declare const listVariants: (props?: ({
     variant?: "default" | "bordered" | "divided" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Lines between items; combines with any `variant` (e.g. bordered + divided). */
+export declare const listDividedClass = "divide-y divide-border";
 export declare const listItemVariants: (props?: ({
-    density?: "default" | "sm" | "lg" | null | undefined;
+    density?: "sm" | "lg" | "default" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const listItemIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/List/List.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAWvB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;8EAmB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAAwB,CAAC;AAE1D,eAAO,MAAM,sBAAsB,oFAAkD,CAAC;AAEtF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAWvB,CAAC;AAEH,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD,eAAO,MAAM,gBAAgB;;;8EAmB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAAwB,CAAC;AAE1D,eAAO,MAAM,sBAAsB,oFAAkD,CAAC;AAEtF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/List/List.styles.js

@@ -4,7 +4,7 @@ const listVariants = cva("w-full font-sans text-foreground", {
   variants: {
     variant: {
       default: "",
-      bordered: "border border-grey-200 dark:border-grey-800 rounded-lg overflow-hidden",
+      bordered: "border border-grey-200 dark:border-grey-800 rounded-lg overflow-hidden bg-card",
       divided: "divide-y divide-grey-200 dark:divide-grey-800"
     }
   },
@@ -12,6 +12,7 @@ const listVariants = cva("w-full font-sans text-foreground", {
     variant: "default"
   }
 });
+const listDividedClass = "divide-y divide-border";
 const listItemVariants = cva(
   "relative flex items-center gap-3 transition-colors font-sans select-none",
   {
@@ -22,7 +23,7 @@ const listItemVariants = cva(
         lg: "py-4 px-5 text-body-1"
       },
       interactive: {
-        true: "cursor-pointer hover:bg-grey-100/70 dark:hover:bg-grey-800/60 active:bg-grey-200/50",
+        true: "cursor-pointer hover:bg-grey-100/70 dark:hover:bg-grey-800/60 active:bg-grey-200/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
         false: ""
       }
     },
@@ -38,4 +39,4 @@ const listItemIconVariants = cva(
 const listItemTextVariants = cva("flex-1 min-w-0");
 const listItemActionVariants = cva("shrink-0 ml-auto flex items-center gap-2");
 
-export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants };
+export { listDividedClass, listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants };

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

@@ -1,9 +1,16 @@
 import type * as React from 'react';
 import type { ListVariants, ListItemVariants } from './List.styles';
 export interface ListProps extends React.HTMLAttributes<HTMLUListElement>, ListVariants {
+    /** Lines between items (works with every variant, e.g. bordered). */
+    divided?: boolean;
 }
 export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement>, ListItemVariants {
     clickable?: boolean;
+    /**
+     * Render the row as its child (e.g. a link) inside the `<li>`: the child
+     * gets the row and interactive styles, with no button role.
+     */
+    asChild?: boolean;
 }
 export type ListItemIconProps = React.HTMLAttributes<HTMLDivElement>;
 export interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {

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

@@ -1 +1 @@
-{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;CAAG;AAEnB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;IACd,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}