@acronis-platform/ui-react 4.0.0 → 5.0.0

package/dist/components/ui/card-section/card-section.js

@@ -1,111 +1,81 @@
-import { jsxs as s, jsx as a, Fragment as C } from "react/jsx-runtime";
-import * as B from "react";
-import { mergeProps as V } from "@base-ui/react/merge-props";
-import { useRender as j } from "@base-ui/react/use-render";
-import { cva as n } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { cn as m } from "../../../lib/utils.js";
-import { Card as R } from "../card/card.js";
-const S = n(
-  "flex w-full flex-col items-start justify-center gap-3",
-  {
-    variants: {
-      variant: {
-        slot: "px-4 pt-4",
-        tag: "px-4 pt-4",
-        list: "px-4 pt-4",
-        // Flush: the table's own rows own the horizontal inset.
-        "table-actions": "",
-        "card-primary": "px-4 pt-4",
-        "card-secondary": "px-4 pt-4"
-      },
-      hasBottomBorder: {
-        false: "",
-        true: "border-b border-[var(--ui-border-on-surface-divider)] pb-4"
-      }
-    },
-    defaultVariants: {
-      variant: "slot",
-      hasBottomBorder: !1
-    }
-  }
-), k = n("w-full", {
-  variants: {
-    surface: {
-      primary: "bg-[var(--ui-background-surface-primary)]",
-      secondary: "bg-[var(--ui-background-surface-secondary)]"
-    }
-  },
-  defaultVariants: {
-    surface: "primary"
-  }
-}), F = B.forwardRef(
-  ({
-    className: p,
-    variant: e = "slot",
-    hasBottomBorder: u = !1,
-    hasHeader: x = !1,
-    title: y,
-    extras: g,
-    actions: b,
-    content: l,
-    contentTag: t,
-    contentList: i,
-    contentTable: d,
-    render: h,
-    children: o,
-    ...v
-  }, N) => {
-    const c = e === "table-actions", f = e === "card-primary" || e === "card-secondary", w = x ? /* @__PURE__ */ s(
-      "div",
-      {
-        className: m(
-          "flex w-full items-center gap-2",
-          // `table-actions` has no root inset, so the header re-applies it to
-          // stay aligned with the table cells below.
-          c && "px-4"
-        ),
-        children: [
-          /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 items-start gap-2", children: [
-            /* @__PURE__ */ a("p", { className: "truncate text-sm leading-6 font-medium text-[var(--ui-text-on-surface-primary)]", children: y }),
-            g
-          ] }),
-          b
-        ]
-      }
-    ) : null;
-    let r = null;
-    return f ? r = /* @__PURE__ */ a(
-      R,
-      {
-        className: k({
-          surface: e === "card-secondary" ? "secondary" : "primary"
-        }),
-        children: o
-      }
-    ) : e === "tag" ? r = t ? /* @__PURE__ */ a("div", { className: "flex w-full flex-wrap items-start gap-x-4 gap-y-2", children: t }) : null : e === "list" ? r = i ? /* @__PURE__ */ a("div", { className: "flex w-full flex-col", children: i }) : null : c ? r = d ? /* @__PURE__ */ a("div", { className: "flex w-full flex-col overflow-hidden rounded", children: d }) : null : r = l ? /* @__PURE__ */ a("div", { className: "w-full", children: l }) : null, j({
-      render: h,
-      ref: N,
-      defaultTagName: "div",
-      props: V(
-        {
-          className: m(
-            S({ variant: e, hasBottomBorder: u }),
-            p
-          ),
-          children: /* @__PURE__ */ s(C, { children: [
-            w,
-            r,
-            !f && o
-          ] })
-        },
-        v
-      )
-    });
-  }
-);
-F.displayName = "CardSection";
-export {
-  F as CardSection,
-  S as cardSectionVariants
-};
-//# sourceMappingURL=card-section.js.map
+import { cn as e } from "../../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Card as n } from "../card/card.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useRender as s } from "@base-ui/react/use-render";
+import { mergeProps as c } from "@base-ui/react/merge-props";
+//#region src/components/ui/card-section/card-section.tsx
+var l = t("flex w-full flex-col items-start justify-center gap-3", {
+	variants: {
+		variant: {
+			slot: "px-4 pt-4",
+			tag: "px-4 pt-4",
+			list: "px-4 pt-4",
+			"table-actions": "",
+			"card-primary": "px-4 pt-4",
+			"card-secondary": "px-4 pt-4"
+		},
+		hasBottomBorder: {
+			false: "",
+			true: "border-b border-[var(--ui-border-on-surface-divider)] pb-4"
+		}
+	},
+	defaultVariants: {
+		variant: "slot",
+		hasBottomBorder: !1
+	}
+}), u = t("w-full", {
+	variants: { surface: {
+		primary: "bg-[var(--ui-background-surface-primary)]",
+		secondary: "bg-[var(--ui-background-surface-secondary)]"
+	} },
+	defaultVariants: { surface: "primary" }
+}), d = r.forwardRef(({ className: t, variant: r = "slot", hasBottomBorder: d = !1, hasHeader: f = !1, title: p, extras: m, actions: h, content: g, contentTag: _, contentList: v, contentTable: y, render: b, children: x, ...S }, C) => {
+	let w = r === "table-actions", T = r === "card-primary" || r === "card-secondary", E = f ? /* @__PURE__ */ o("div", {
+		className: e("flex w-full items-center gap-2", w && "px-4"),
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex min-w-0 flex-1 items-start gap-2",
+			children: [/* @__PURE__ */ a("p", {
+				className: "truncate text-sm leading-6 font-medium text-[var(--ui-text-on-surface-primary)]",
+				children: p
+			}), m]
+		}), h]
+	}) : null, D = null;
+	return D = T ? /* @__PURE__ */ a(n, {
+		className: u({ surface: r === "card-secondary" ? "secondary" : "primary" }),
+		children: x
+	}) : r === "tag" ? _ ? /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-wrap items-start gap-x-4 gap-y-2",
+		children: _
+	}) : null : r === "list" ? v ? /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-col",
+		children: v
+	}) : null : w ? y ? /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-col overflow-hidden rounded",
+		children: y
+	}) : null : g ? /* @__PURE__ */ a("div", {
+		className: "w-full",
+		children: g
+	}) : null, s({
+		render: b,
+		ref: C,
+		defaultTagName: "div",
+		props: c({
+			className: e(l({
+				variant: r,
+				hasBottomBorder: d
+			}), t),
+			children: /* @__PURE__ */ o(i, { children: [
+				E,
+				D,
+				!T && x
+			] })
+		}, S)
+	});
+});
+d.displayName = "CardSection";
+//#endregion
+export { d as CardSection, l as cardSectionVariants };
+
+//# sourceMappingURL=card-section.js.map

package/dist/components/ui/card-section/card-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-section.js","sources":["../../../../src/components/ui/card-section/card-section.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { Card } from '@/components/ui/card';\n\n// Figma node 7662:8727 (\"CardSection\"). A band of content that stacks inside a\n// `Card`'s body, below `CardHeader`. Figma's PascalCase variant names map to\n// this repo's kebab-case convention: `Slot` → `slot`, `Tag` → `tag`,\n// `List` → `list`, `Table + Actions` → `table-actions`,\n// `Card (primary)` → `card-primary`, `Card (secondary)` → `card-secondary`.\n//\n// Padding is variant-dependent, straight from the design: every variant except\n// `table-actions` insets its content (`px-4 pt-4`), while `table-actions` sits\n// flush so its table rows can run edge-to-edge inside the card — its own header\n// row re-applies the `px-4` instead. `hasBottomBorder` adds the divider plus the\n// matching bottom padding that separates this section from the next one below.\n//\n// `card-primary` / `card-secondary` differ in exactly one thing: the nested\n// `Card`'s surface token. Everything else — border, radius, composition — is\n// identical, so the two are a single cva branch pair rather than a separate\n// prop. Both branches set their surface token explicitly (rather than\n// relying on `Card`'s own primary default) so the pair stays correct even\n// if that default ever changes.\n//\n// No `--ui-card-*` component tier exists in tokens-pd, so — like `card.tsx` —\n// this stays on the shared semantic tier. Figma's default `contentList`\n// (a `ListItem` instance) references `components/Card/body/section/item/*`\n// variables that have no counterpart in `@acronis-platform/design-tokens`, so\n// `list` ships without a built-in fallback: the consumer supplies the rows.\n\nconst cardSectionVariants = cva(\n  'flex w-full flex-col items-start justify-center gap-3',\n  {\n    variants: {\n      variant: {\n        slot: 'px-4 pt-4',\n        tag: 'px-4 pt-4',\n        list: 'px-4 pt-4',\n        // Flush: the table's own rows own the horizontal inset.\n        'table-actions': '',\n        'card-primary': 'px-4 pt-4',\n        'card-secondary': 'px-4 pt-4',\n      },\n      hasBottomBorder: {\n        false: '',\n        true: 'border-b border-[var(--ui-border-on-surface-divider)] pb-4',\n      },\n    },\n    defaultVariants: {\n      variant: 'slot',\n      hasBottomBorder: false,\n    },\n  }\n);\n\nconst nestedCardVariants = cva('w-full', {\n  variants: {\n    surface: {\n      primary: 'bg-[var(--ui-background-surface-primary)]',\n      secondary: 'bg-[var(--ui-background-surface-secondary)]',\n    },\n  },\n  defaultVariants: {\n    surface: 'primary',\n  },\n});\n\nexport interface CardSectionBaseProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'>,\n    VariantProps<typeof cardSectionVariants> {\n  /** Extra content rendered inline next to the section title (e.g. a tag). */\n  extras?: React.ReactNode;\n  /** Actions rendered at the end of the section header row (e.g. a menu button). */\n  actions?: React.ReactNode;\n  /** Body of the `slot` variant — arbitrary passthrough content. */\n  content?: React.ReactNode;\n  /**\n   * Body of the `tag` variant — a wrapping row of tags. Has no built-in\n   * default: like `contentList`, the consumer supplies the tags.\n   */\n  contentTag?: React.ReactNode;\n  /**\n   * Body of the `list` variant — title/description key-value rows. Has no\n   * built-in default: the `ListItem` tokens the design references\n   * (`--ui-card-body-section-item-*`) do not exist in tokens-pd yet.\n   */\n  contentList?: React.ReactNode;\n  /** Body of the `table-actions` variant — a table with row actions. */\n  contentTable?: React.ReactNode;\n  /**\n   * Replace the rendered `<div>` with another element or component (Base UI\n   * composition) — e.g. render the section as a `<section>`.\n   */\n  render?: useRender.RenderProp;\n}\n\n/**\n * A band of content stacked inside a `Card`'s body.\n *\n * `hasHeader` and `title` form a discriminated union: turning the section's own\n * mini-header on requires a title, because the header row always renders one.\n */\nexport type CardSectionProps = CardSectionBaseProps &\n  (\n    | {\n        /** Shows the section's own mini-header row (14px, distinct from `CardHeader`). */\n        hasHeader: true;\n        /** The section header's title. Required whenever `hasHeader` is set. */\n        title: string;\n      }\n    | { hasHeader?: false; title?: never }\n  );\n\nconst CardSection = React.forwardRef<HTMLDivElement, CardSectionProps>(\n  (\n    {\n      className,\n      variant = 'slot',\n      hasBottomBorder = false,\n      hasHeader = false,\n      title,\n      extras,\n      actions,\n      content,\n      contentTag,\n      contentList,\n      contentTable,\n      render,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isTable = variant === 'table-actions';\n    const isNestedCard =\n      variant === 'card-primary' || variant === 'card-secondary';\n\n    const header = hasHeader ? (\n      <div\n        className={cn(\n          'flex w-full items-center gap-2',\n          // `table-actions` has no root inset, so the header re-applies it to\n          // stay aligned with the table cells below.\n          isTable && 'px-4'\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-start gap-2\">\n          <p className=\"truncate text-sm leading-6 font-medium text-[var(--ui-text-on-surface-primary)]\">\n            {title}\n          </p>\n          {extras}\n        </div>\n        {actions}\n      </div>\n    ) : null;\n\n    let body: React.ReactNode = null;\n    if (isNestedCard) {\n      body = (\n        <Card\n          className={nestedCardVariants({\n            surface: variant === 'card-secondary' ? 'secondary' : 'primary',\n          })}\n        >\n          {children}\n        </Card>\n      );\n    } else if (variant === 'tag') {\n      body = contentTag ? (\n        <div className=\"flex w-full flex-wrap items-start gap-x-4 gap-y-2\">\n          {contentTag}\n        </div>\n      ) : null;\n    } else if (variant === 'list') {\n      body = contentList ? (\n        <div className=\"flex w-full flex-col\">{contentList}</div>\n      ) : null;\n    } else if (isTable) {\n      body = contentTable ? (\n        <div className=\"flex w-full flex-col overflow-hidden rounded\">\n          {contentTable}\n        </div>\n      ) : null;\n    } else {\n      body = content ? <div className=\"w-full\">{content}</div> : null;\n    }\n\n    return useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            cardSectionVariants({ variant, hasBottomBorder }),\n            className\n          ),\n          children: (\n            <>\n              {header}\n              {body}\n              {!isNestedCard && children}\n            </>\n          ),\n        },\n        props\n      ),\n    });\n  }\n);\nCardSection.displayName = 'CardSection';\n\nexport { CardSection, cardSectionVariants };\n"],"names":["cardSectionVariants","cva","nestedCardVariants","CardSection","React","className","variant","hasBottomBorder","hasHeader","title","extras","actions","content","contentTag","contentList","contentTable","render","children","props","ref","isTable","isNestedCard","header","jsxs","cn","jsx","body","Card","useRender","mergeProps","Fragment"],"mappings":";;;;;;;AAiCA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,MAAM;AAAA;AAAA,QAEN,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MAAA;AAAA,MAEpB,iBAAiB;AAAA,QACf,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ,GAEMC,IAAqBD,EAAI,UAAU;AAAA,EACvC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAiDKE,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,iBAAAC,IAAkB;AAAA,IAClB,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUd,MAAY,iBACtBe,IACJf,MAAY,kBAAkBA,MAAY,kBAEtCgB,IAASd,IACb,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA;AAAA;AAAA,UAGAJ,KAAW;AAAA,QAAA;AAAA,QAGb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,KAAA,EAAE,WAAU,mFACV,UAAAhB,GACH;AAAA,YACCC;AAAA,UAAA,GACH;AAAA,UACCC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAED;AAEJ,QAAIe,IAAwB;AAC5B,WAAIL,IACFK,IACE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWzB,EAAmB;AAAA,UAC5B,SAASI,MAAY,mBAAmB,cAAc;AAAA,QAAA,CACvD;AAAA,QAEA,UAAAW;AAAA,MAAA;AAAA,IAAA,IAGIX,MAAY,QACrBoB,IAAOb,IACL,gBAAAY,EAAC,OAAA,EAAI,WAAU,qDACZ,aACH,IACE,OACKnB,MAAY,SACrBoB,IAAOZ,IACL,gBAAAW,EAAC,OAAA,EAAI,WAAU,wBAAwB,aAAY,IACjD,OACKL,IACTM,IAAOX,IACL,gBAAAU,EAAC,OAAA,EAAI,WAAU,gDACZ,aACH,IACE,OAEJC,IAAOd,IAAU,gBAAAa,EAAC,OAAA,EAAI,WAAU,UAAU,aAAQ,IAAS,MAGtDG,EAAU;AAAA,MACf,QAAAZ;AAAA,MACA,KAAAG;AAAA,MACA,gBAAgB;AAAA,MAChB,OAAOU;AAAA,QACL;AAAA,UACE,WAAWL;AAAA,YACTxB,EAAoB,EAAE,SAAAM,GAAS,iBAAAC,GAAiB;AAAA,YAChDF;AAAA,UAAA;AAAA,UAEF,UACE,gBAAAkB,EAAAO,GAAA,EACG,UAAA;AAAA,YAAAR;AAAA,YACAI;AAAA,YACA,CAACL,KAAgBJ;AAAA,UAAA,EAAA,CACpB;AAAA,QAAA;AAAA,QAGJC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF;AACAf,EAAY,cAAc;"}
+{"version":3,"file":"card-section.js","names":[],"sources":["../../../../src/components/ui/card-section/card-section.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { Card } from '@/components/ui/card';\n\n// Figma node 7662:8727 (\"CardSection\"). A band of content that stacks inside a\n// `Card`'s body, below `CardHeader`. Figma's PascalCase variant names map to\n// this repo's kebab-case convention: `Slot` → `slot`, `Tag` → `tag`,\n// `List` → `list`, `Table + Actions` → `table-actions`,\n// `Card (primary)` → `card-primary`, `Card (secondary)` → `card-secondary`.\n//\n// Padding is variant-dependent, straight from the design: every variant except\n// `table-actions` insets its content (`px-4 pt-4`), while `table-actions` sits\n// flush so its table rows can run edge-to-edge inside the card — its own header\n// row re-applies the `px-4` instead. `hasBottomBorder` adds the divider plus the\n// matching bottom padding that separates this section from the next one below.\n//\n// `card-primary` / `card-secondary` differ in exactly one thing: the nested\n// `Card`'s surface token. Everything else — border, radius, composition — is\n// identical, so the two are a single cva branch pair rather than a separate\n// prop. Both branches set their surface token explicitly (rather than\n// relying on `Card`'s own primary default) so the pair stays correct even\n// if that default ever changes.\n//\n// No `--ui-card-*` component tier exists in tokens-pd, so — like `card.tsx` —\n// this stays on the shared semantic tier. Figma's default `contentList`\n// (a `ListItem` instance) references `components/Card/body/section/item/*`\n// variables that have no counterpart in `@acronis-platform/design-tokens`, so\n// `list` ships without a built-in fallback: the consumer supplies the rows.\n\nconst cardSectionVariants = cva(\n  'flex w-full flex-col items-start justify-center gap-3',\n  {\n    variants: {\n      variant: {\n        slot: 'px-4 pt-4',\n        tag: 'px-4 pt-4',\n        list: 'px-4 pt-4',\n        // Flush: the table's own rows own the horizontal inset.\n        'table-actions': '',\n        'card-primary': 'px-4 pt-4',\n        'card-secondary': 'px-4 pt-4',\n      },\n      hasBottomBorder: {\n        false: '',\n        true: 'border-b border-[var(--ui-border-on-surface-divider)] pb-4',\n      },\n    },\n    defaultVariants: {\n      variant: 'slot',\n      hasBottomBorder: false,\n    },\n  }\n);\n\nconst nestedCardVariants = cva('w-full', {\n  variants: {\n    surface: {\n      primary: 'bg-[var(--ui-background-surface-primary)]',\n      secondary: 'bg-[var(--ui-background-surface-secondary)]',\n    },\n  },\n  defaultVariants: {\n    surface: 'primary',\n  },\n});\n\nexport interface CardSectionBaseProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'>,\n    VariantProps<typeof cardSectionVariants> {\n  /** Extra content rendered inline next to the section title (e.g. a tag). */\n  extras?: React.ReactNode;\n  /** Actions rendered at the end of the section header row (e.g. a menu button). */\n  actions?: React.ReactNode;\n  /** Body of the `slot` variant — arbitrary passthrough content. */\n  content?: React.ReactNode;\n  /**\n   * Body of the `tag` variant — a wrapping row of tags. Has no built-in\n   * default: like `contentList`, the consumer supplies the tags.\n   */\n  contentTag?: React.ReactNode;\n  /**\n   * Body of the `list` variant — title/description key-value rows. Has no\n   * built-in default: the `ListItem` tokens the design references\n   * (`--ui-card-body-section-item-*`) do not exist in tokens-pd yet.\n   */\n  contentList?: React.ReactNode;\n  /** Body of the `table-actions` variant — a table with row actions. */\n  contentTable?: React.ReactNode;\n  /**\n   * Replace the rendered `<div>` with another element or component (Base UI\n   * composition) — e.g. render the section as a `<section>`.\n   */\n  render?: useRender.RenderProp;\n}\n\n/**\n * A band of content stacked inside a `Card`'s body.\n *\n * `hasHeader` and `title` form a discriminated union: turning the section's own\n * mini-header on requires a title, because the header row always renders one.\n */\nexport type CardSectionProps = CardSectionBaseProps &\n  (\n    | {\n        /** Shows the section's own mini-header row (14px, distinct from `CardHeader`). */\n        hasHeader: true;\n        /** The section header's title. Required whenever `hasHeader` is set. */\n        title: string;\n      }\n    | { hasHeader?: false; title?: never }\n  );\n\nconst CardSection = React.forwardRef<HTMLDivElement, CardSectionProps>(\n  (\n    {\n      className,\n      variant = 'slot',\n      hasBottomBorder = false,\n      hasHeader = false,\n      title,\n      extras,\n      actions,\n      content,\n      contentTag,\n      contentList,\n      contentTable,\n      render,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isTable = variant === 'table-actions';\n    const isNestedCard =\n      variant === 'card-primary' || variant === 'card-secondary';\n\n    const header = hasHeader ? (\n      <div\n        className={cn(\n          'flex w-full items-center gap-2',\n          // `table-actions` has no root inset, so the header re-applies it to\n          // stay aligned with the table cells below.\n          isTable && 'px-4'\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-start gap-2\">\n          <p className=\"truncate text-sm leading-6 font-medium text-[var(--ui-text-on-surface-primary)]\">\n            {title}\n          </p>\n          {extras}\n        </div>\n        {actions}\n      </div>\n    ) : null;\n\n    let body: React.ReactNode = null;\n    if (isNestedCard) {\n      body = (\n        <Card\n          className={nestedCardVariants({\n            surface: variant === 'card-secondary' ? 'secondary' : 'primary',\n          })}\n        >\n          {children}\n        </Card>\n      );\n    } else if (variant === 'tag') {\n      body = contentTag ? (\n        <div className=\"flex w-full flex-wrap items-start gap-x-4 gap-y-2\">\n          {contentTag}\n        </div>\n      ) : null;\n    } else if (variant === 'list') {\n      body = contentList ? (\n        <div className=\"flex w-full flex-col\">{contentList}</div>\n      ) : null;\n    } else if (isTable) {\n      body = contentTable ? (\n        <div className=\"flex w-full flex-col overflow-hidden rounded\">\n          {contentTable}\n        </div>\n      ) : null;\n    } else {\n      body = content ? <div className=\"w-full\">{content}</div> : null;\n    }\n\n    return useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            cardSectionVariants({ variant, hasBottomBorder }),\n            className\n          ),\n          children: (\n            <>\n              {header}\n              {body}\n              {!isNestedCard && children}\n            </>\n          ),\n        },\n        props\n      ),\n    });\n  }\n);\nCardSection.displayName = 'CardSection';\n\nexport { CardSection, cardSectionVariants };\n"],"mappings":";;;;;;;;AAiCA,IAAM,IAAsB,EAC1B,yDACA;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,KAAK;GACL,MAAM;GAEN,iBAAiB;GACjB,gBAAgB;GAChB,kBAAkB;EACpB;EACA,iBAAiB;GACf,OAAO;GACP,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,iBAAiB;CACnB;AACF,CACF,GAEM,IAAqB,EAAI,UAAU;CACvC,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;CACb,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC,GAiDK,IAAc,EAAM,YAEtB,EACE,cACA,aAAU,QACV,qBAAkB,IAClB,eAAY,IACZ,UACA,WACA,YACA,YACA,eACA,gBACA,iBACA,WACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,IAAU,MAAY,iBACtB,IACJ,MAAY,kBAAkB,MAAY,kBAEtC,IAAS,IACb,kBAAC,OAAD;EACE,WAAW,EACT,kCAGA,KAAW,MACb;EANF,UAAA,CAQE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;IACV,UAAA;GACA,CAAA,GACF,CACE;EACJ,CAAA,GAAA,CACE;CACH,CAAA,IAAA,MAEA,IAAwB;CA+B5B,OA9BA,AA2BE,IA3BE,IAEA,kBAAC,GAAD;EACE,WAAW,EAAmB,EAC5B,SAAS,MAAY,mBAAmB,cAAc,UACxD,CAAC;EAEA;CACG,CAAA,IAEC,MAAY,QACd,IACL,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA;CACE,CAAA,IACH,OACK,MAAY,SACd,IACL,kBAAC,OAAD;EAAK,WAAU;EAAwB,UAAA;CAAiB,CAAA,IACtD,OACK,IACF,IACL,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA;CACE,CAAA,IACH,OAEG,IAAU,kBAAC,OAAD;EAAK,WAAU;EAAU,UAAA;CAAa,CAAA,IAAI,MAGtD,EAAU;EACf;EACA;EACA,gBAAgB;EAChB,OAAO,EACL;GACE,WAAW,EACT,EAAoB;IAAE;IAAS;GAAgB,CAAC,GAChD,CACF;GACA,UACE,kBAAA,GAAA,EAAA,UAAA;IACG;IACA;IACA,CAAC,KAAgB;GAClB,EAAA,CAAA;EAEN,GACA,CACF;CACF,CAAC;AACH,CACF;AACA,EAAY,cAAc"}

package/dist/components/ui/carousel-dialog/carousel-dialog.js

@@ -1,87 +1,49 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import * as x from "react";
-import { cn as a } from "../../../lib/utils.js";
-import { Button as f } from "../button/button.js";
-const j = (e, r) => `Go to slide ${e + 1} of ${r}`, w = x.forwardRef(
-  ({
-    className: e,
-    variant: r = "first",
-    slideCount: t = 1,
-    selectedIndex: u = 0,
-    onSelectIndex: l,
-    onBack: m,
-    onNext: d,
-    onPrimaryAction: p,
-    backLabel: h = "Back",
-    nextLabel: v = "Next",
-    primaryLabel: b = "Call to action",
-    goToSlideLabel: g = j,
-    ...y
-  }, N) => {
-    const o = r === "first", c = r === "last";
-    return /* @__PURE__ */ k(
-      "div",
-      {
-        ref: N,
-        className: a(
-          "flex h-8 w-full items-center justify-between",
-          e
-        ),
-        ...y,
-        children: [
-          /* @__PURE__ */ i(
-            "div",
-            {
-              className: a(
-                "flex min-w-0 flex-1 flex-col items-start justify-center",
-                o && "h-8"
-              ),
-              children: !o && /* @__PURE__ */ i(f, { variant: "secondary", onClick: m, children: h })
-            }
-          ),
-          /* @__PURE__ */ i(
-            "div",
-            {
-              className: "flex shrink-0 items-center gap-[var(--ui-carousel-dialog-list-indicator-gap)]",
-              children: Array.from({ length: t }, (C, s) => {
-                const n = s === u;
-                return /* @__PURE__ */ i(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-current": n || void 0,
-                    "aria-label": g(s, t),
-                    onClick: () => l == null ? void 0 : l(s),
-                    className: "relative block size-4 shrink-0 cursor-pointer rounded-full outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]",
-                    children: /* @__PURE__ */ i(
-                      "span",
-                      {
-                        className: a(
-                          "absolute inset-[3.2px] rounded-full",
-                          n ? "bg-[var(--ui-glyph-on-surface-primary)]" : "bg-[var(--ui-glyph-on-surface-disabled)]"
-                        )
-                      }
-                    )
-                  },
-                  s
-                );
-              })
-            }
-          ),
-          /* @__PURE__ */ i(
-            "div",
-            {
-              className: "flex min-w-0 flex-1 flex-col items-end justify-center",
-              children: /* @__PURE__ */ i(f, { onClick: c ? p : d, children: c ? b : v })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-w.displayName = "CarouselDialog";
-export {
-  w as CarouselDialog
-};
-//# sourceMappingURL=carousel-dialog.js.map
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/carousel-dialog/carousel-dialog.tsx
+var a = (e, t) => `Go to slide ${e + 1} of ${t}`, o = n.forwardRef(({ className: n, variant: o = "first", slideCount: s = 1, selectedIndex: c = 0, onSelectIndex: l, onBack: u, onNext: d, onPrimaryAction: f, backLabel: p = "Back", nextLabel: m = "Next", primaryLabel: h = "Call to action", goToSlideLabel: g = a, ..._ }, v) => {
+	let y = o === "first", b = o === "last";
+	return /* @__PURE__ */ i("div", {
+		ref: v,
+		className: e("flex h-8 w-full items-center justify-between", n),
+		..._,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e("flex min-w-0 flex-1 flex-col items-start justify-center", y && "h-8"),
+				children: !y && /* @__PURE__ */ r(t, {
+					variant: "secondary",
+					onClick: u,
+					children: p
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex shrink-0 items-center gap-[var(--ui-carousel-dialog-list-indicator-gap)]",
+				children: Array.from({ length: s }, (t, n) => {
+					let i = n === c;
+					return /* @__PURE__ */ r("button", {
+						type: "button",
+						"aria-current": i || void 0,
+						"aria-label": g(n, s),
+						onClick: () => l?.(n),
+						className: "relative block size-4 shrink-0 cursor-pointer rounded-full outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]",
+						children: /* @__PURE__ */ r("span", { className: e("absolute inset-[3.2px] rounded-full", i ? "bg-[var(--ui-glyph-on-surface-primary)]" : "bg-[var(--ui-glyph-on-surface-disabled)]") })
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex min-w-0 flex-1 flex-col items-end justify-center",
+				children: /* @__PURE__ */ r(t, {
+					onClick: b ? f : d,
+					children: b ? h : m
+				})
+			})
+		]
+	});
+});
+o.displayName = "CarouselDialog";
+//#endregion
+export { o as CarouselDialog };
+
+//# sourceMappingURL=carousel-dialog.js.map

package/dist/components/ui/carousel-dialog/carousel-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-dialog.js","sources":["../../../../src/components/ui/carousel-dialog/carousel-dialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { Button } from '../button';\n\n// Ports Figma's \"CarouselDialog\" component (node 6353:5864's descendant,\n// isolated at 6353:4718 / 6353:4891 / 6353:4922 for the first/middle/last\n// variants): the row of controls inside a `DialogFooterCarousel` — a `Back`\n// button (`boxLeft`, hidden on the first slide), the dot `ListIndicator`, and\n// a `Next`/call-to-action button (`boxRight`). Pure controls — no Embla import\n// here; the slide count/index/callbacks are threaded down from\n// `DialogWelcome`, which owns the carousel engine.\n//\n// Internal only — not exported from the package's public entry point. Apps\n// building a welcome/onboarding carousel dialog should use `DialogWelcome`.\n\nexport type CarouselDialogVariant = 'first' | 'middle' | 'last';\n\nexport interface CarouselDialogProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Which slide position this renders for. Defaults to `'first'`. */\n  variant?: CarouselDialogVariant;\n  /** Total number of slides, used to render the dot `ListIndicator`. Defaults to `1`. */\n  slideCount?: number;\n  /** The currently active slide index (0-based). Defaults to `0`. */\n  selectedIndex?: number;\n  /** Fires when a dot is activated, with the dot's slide index. */\n  onSelectIndex?: (index: number) => void;\n  /** Fires when `Back` (hidden on `variant=\"first\"`) is activated. */\n  onBack?: () => void;\n  /** Fires when `Next` (`variant=\"first\" | \"middle\"`) is activated. */\n  onNext?: () => void;\n  /** Fires when the call-to-action button (`variant=\"last\"`) is activated. */\n  onPrimaryAction?: () => void;\n  /** `Back` button label. Defaults to `'Back'`. */\n  backLabel?: string;\n  /** `Next` button label (`variant=\"first\" | \"middle\"`). Defaults to `'Next'`. */\n  nextLabel?: string;\n  /** Call-to-action button label (`variant=\"last\"`). Defaults to `'Call to action'`. */\n  primaryLabel?: string;\n  /** Builds each dot's accessible name from its 0-based index and the slide count. */\n  goToSlideLabel?: (index: number, count: number) => string;\n}\n\nconst defaultGoToSlideLabel = (index: number, count: number) =>\n  `Go to slide ${index + 1} of ${count}`;\n\nconst CarouselDialog = React.forwardRef<HTMLDivElement, CarouselDialogProps>(\n  (\n    {\n      className,\n      variant = 'first',\n      slideCount = 1,\n      selectedIndex = 0,\n      onSelectIndex,\n      onBack,\n      onNext,\n      onPrimaryAction,\n      backLabel = 'Back',\n      nextLabel = 'Next',\n      primaryLabel = 'Call to action',\n      goToSlideLabel = defaultGoToSlideLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const isFirst = variant === 'first';\n    const isLast = variant === 'last';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-8 w-full items-center justify-between',\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={cn(\n            'flex min-w-0 flex-1 flex-col items-start justify-center',\n            isFirst && 'h-8'\n          )}\n        >\n          {!isFirst && (\n            <Button variant=\"secondary\" onClick={onBack}>\n              {backLabel}\n            </Button>\n          )}\n        </div>\n\n        <div\n          className=\"flex shrink-0 items-center gap-[var(--ui-carousel-dialog-list-indicator-gap)]\"\n        >\n          {Array.from({ length: slideCount }, (_, index) => {\n            const isActive = index === selectedIndex;\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                aria-current={isActive || undefined}\n                aria-label={goToSlideLabel(index, slideCount)}\n                onClick={() => onSelectIndex?.(index)}\n                className=\"relative block size-4 shrink-0 cursor-pointer rounded-full outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]\"\n              >\n                <span\n                  className={cn(\n                    'absolute inset-[3.2px] rounded-full',\n                    isActive\n                      ? 'bg-[var(--ui-glyph-on-surface-primary)]'\n                      : 'bg-[var(--ui-glyph-on-surface-disabled)]'\n                  )}\n                />\n              </button>\n            );\n          })}\n        </div>\n\n        <div\n          className=\"flex min-w-0 flex-1 flex-col items-end justify-center\"\n        >\n          <Button onClick={isLast ? onPrimaryAction : onNext}>\n            {isLast ? primaryLabel : nextLabel}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\nCarouselDialog.displayName = 'CarouselDialog';\n\nexport { CarouselDialog };\n"],"names":["defaultGoToSlideLabel","index","count","CarouselDialog","React","className","variant","slideCount","selectedIndex","onSelectIndex","onBack","onNext","onPrimaryAction","backLabel","nextLabel","primaryLabel","goToSlideLabel","props","ref","isFirst","isLast","jsxs","cn","jsx","Button","_","isActive"],"mappings":";;;;AA6CA,MAAMA,IAAwB,CAACC,GAAeC,MAC5C,eAAeD,IAAQ,CAAC,OAAOC,CAAK,IAEhCC,IAAiBC,EAAM;AAAA,EAC3B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiBhB;AAAA,IACjB,GAAGiB;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,MAAY,SACtBc,IAASd,MAAY;AAE3B,WACE,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACAjB;AAAA,QAAA;AAAA,QAED,GAAGY;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAH,KAAW;AAAA,cAAA;AAAA,cAGZ,UAAA,CAACA,KACA,gBAAAI,EAACC,GAAA,EAAO,SAAQ,aAAY,SAASd,GAClC,UAAAG,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAIJ,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAET,UAAA,MAAM,KAAK,EAAE,QAAQhB,KAAc,CAACkB,GAAGxB,MAAU;AAChD,sBAAMyB,IAAWzB,MAAUO;AAC3B,uBACE,gBAAAe;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,gBAAcG,KAAY;AAAA,oBAC1B,cAAYV,EAAef,GAAOM,CAAU;AAAA,oBAC5C,SAAS,MAAME,KAAA,gBAAAA,EAAgBR;AAAA,oBAC/B,WAAU;AAAA,oBAEV,UAAA,gBAAAsB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWD;AAAA,0BACT;AAAA,0BACAI,IACI,4CACA;AAAA,wBAAA;AAAA,sBACN;AAAA,oBAAA;AAAA,kBACF;AAAA,kBAdKzB;AAAA,gBAAA;AAAA,cAiBX,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,gBAAAsB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAEV,UAAA,gBAAAA,EAACC,KAAO,SAASJ,IAASR,IAAkBD,GACzC,UAAAS,IAASL,IAAeD,EAAA,CAC3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAX,EAAe,cAAc;"}
+{"version":3,"file":"carousel-dialog.js","names":[],"sources":["../../../../src/components/ui/carousel-dialog/carousel-dialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { Button } from '../button';\n\n// Ports Figma's \"CarouselDialog\" component (node 6353:5864's descendant,\n// isolated at 6353:4718 / 6353:4891 / 6353:4922 for the first/middle/last\n// variants): the row of controls inside a `DialogFooterCarousel` — a `Back`\n// button (`boxLeft`, hidden on the first slide), the dot `ListIndicator`, and\n// a `Next`/call-to-action button (`boxRight`). Pure controls — no Embla import\n// here; the slide count/index/callbacks are threaded down from\n// `DialogWelcome`, which owns the carousel engine.\n//\n// Internal only — not exported from the package's public entry point. Apps\n// building a welcome/onboarding carousel dialog should use `DialogWelcome`.\n\nexport type CarouselDialogVariant = 'first' | 'middle' | 'last';\n\nexport interface CarouselDialogProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Which slide position this renders for. Defaults to `'first'`. */\n  variant?: CarouselDialogVariant;\n  /** Total number of slides, used to render the dot `ListIndicator`. Defaults to `1`. */\n  slideCount?: number;\n  /** The currently active slide index (0-based). Defaults to `0`. */\n  selectedIndex?: number;\n  /** Fires when a dot is activated, with the dot's slide index. */\n  onSelectIndex?: (index: number) => void;\n  /** Fires when `Back` (hidden on `variant=\"first\"`) is activated. */\n  onBack?: () => void;\n  /** Fires when `Next` (`variant=\"first\" | \"middle\"`) is activated. */\n  onNext?: () => void;\n  /** Fires when the call-to-action button (`variant=\"last\"`) is activated. */\n  onPrimaryAction?: () => void;\n  /** `Back` button label. Defaults to `'Back'`. */\n  backLabel?: string;\n  /** `Next` button label (`variant=\"first\" | \"middle\"`). Defaults to `'Next'`. */\n  nextLabel?: string;\n  /** Call-to-action button label (`variant=\"last\"`). Defaults to `'Call to action'`. */\n  primaryLabel?: string;\n  /** Builds each dot's accessible name from its 0-based index and the slide count. */\n  goToSlideLabel?: (index: number, count: number) => string;\n}\n\nconst defaultGoToSlideLabel = (index: number, count: number) =>\n  `Go to slide ${index + 1} of ${count}`;\n\nconst CarouselDialog = React.forwardRef<HTMLDivElement, CarouselDialogProps>(\n  (\n    {\n      className,\n      variant = 'first',\n      slideCount = 1,\n      selectedIndex = 0,\n      onSelectIndex,\n      onBack,\n      onNext,\n      onPrimaryAction,\n      backLabel = 'Back',\n      nextLabel = 'Next',\n      primaryLabel = 'Call to action',\n      goToSlideLabel = defaultGoToSlideLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const isFirst = variant === 'first';\n    const isLast = variant === 'last';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-8 w-full items-center justify-between',\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={cn(\n            'flex min-w-0 flex-1 flex-col items-start justify-center',\n            isFirst && 'h-8'\n          )}\n        >\n          {!isFirst && (\n            <Button variant=\"secondary\" onClick={onBack}>\n              {backLabel}\n            </Button>\n          )}\n        </div>\n\n        <div\n          className=\"flex shrink-0 items-center gap-[var(--ui-carousel-dialog-list-indicator-gap)]\"\n        >\n          {Array.from({ length: slideCount }, (_, index) => {\n            const isActive = index === selectedIndex;\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                aria-current={isActive || undefined}\n                aria-label={goToSlideLabel(index, slideCount)}\n                onClick={() => onSelectIndex?.(index)}\n                className=\"relative block size-4 shrink-0 cursor-pointer rounded-full outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]\"\n              >\n                <span\n                  className={cn(\n                    'absolute inset-[3.2px] rounded-full',\n                    isActive\n                      ? 'bg-[var(--ui-glyph-on-surface-primary)]'\n                      : 'bg-[var(--ui-glyph-on-surface-disabled)]'\n                  )}\n                />\n              </button>\n            );\n          })}\n        </div>\n\n        <div\n          className=\"flex min-w-0 flex-1 flex-col items-end justify-center\"\n        >\n          <Button onClick={isLast ? onPrimaryAction : onNext}>\n            {isLast ? primaryLabel : nextLabel}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\nCarouselDialog.displayName = 'CarouselDialog';\n\nexport { CarouselDialog };\n"],"mappings":";;;;;AA6CA,IAAM,KAAyB,GAAe,MAC5C,eAAe,IAAQ,EAAE,MAAM,KAE3B,IAAiB,EAAM,YAEzB,EACE,cACA,aAAU,SACV,gBAAa,GACb,mBAAgB,GAChB,kBACA,WACA,WACA,oBACA,eAAY,QACZ,eAAY,QACZ,kBAAe,kBACf,oBAAiB,GACjB,GAAG,KAEL,MACG;CACH,IAAM,IAAU,MAAY,SACtB,IAAS,MAAY;CAE3B,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,gDACA,CACF;EACA,GAAI;EANN,UAAA;GAQE,kBAAC,OAAD;IACE,WAAW,EACT,2DACA,KAAW,KACb;IAEC,UAAA,CAAC,KACA,kBAAC,GAAD;KAAQ,SAAQ;KAAY,SAAS;KAClC,UAAA;IACK,CAAA;GAEP,CAAA;GAEL,kBAAC,OAAD;IACE,WAAU;IAET,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MAAU;KAChD,IAAM,IAAW,MAAU;KAC3B,OACE,kBAAC,UAAD;MAEE,MAAK;MACL,gBAAc,KAAY,KAAA;MAC1B,cAAY,EAAe,GAAO,CAAU;MAC5C,eAAe,IAAgB,CAAK;MACpC,WAAU;MAEV,UAAA,kBAAC,QAAD,EACE,WAAW,EACT,uCACA,IACI,4CACA,0CACN,EACD,CAAA;KACK,GAfD,CAeC;IAEZ,CAAC;GACE,CAAA;GAEL,kBAAC,OAAD;IACE,WAAU;IAEV,UAAA,kBAAC,GAAD;KAAQ,SAAS,IAAS,IAAkB;KACzC,UAAA,IAAS,IAAe;IACnB,CAAA;GACL,CAAA;EACF;;AAET,CACF;AACA,EAAe,cAAc"}