@camunda/design-system 0.1.0

package/dist/carbon-compat/skeleton-text.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../src/lib/utils";
+/**
+ * SkeletonText — Tailwind animate-pulse block(s) sized to mimic
+ * placeholder text.
+ *
+ * Maps:
+ *   paragraph: true → N stacked lines (count via `lineCount`, default 3)
+ *   heading: true → 1.5x line height for heading-style placeholders
+ *   width: '50%' | '120px' → applied to each line's max-width
+ */
+function SkeletonText({ paragraph, lineCount = 3, width, heading, className, ...rest }) {
+    const lineHeight = heading ? "h-5" : "h-3";
+    const style = width ? { maxWidth: width } : undefined;
+    if (!paragraph) {
+        return (_jsx("div", { "data-slot": "carbon-compat-skeleton-text", className: cn("animate-pulse rounded bg-muted", lineHeight, className), style: style, ...rest }));
+    }
+    return (_jsx("div", { "data-slot": "carbon-compat-skeleton-text", "data-paragraph": "true", className: cn("flex flex-col gap-2", className), ...rest, children: Array.from({ length: lineCount }).map((_, i) => (_jsx("div", { className: cn("animate-pulse rounded bg-muted", lineHeight), style: width
+                ? {
+                    maxWidth: width,
+                    width: i === lineCount - 1 ? "60%" : undefined,
+                }
+                : undefined }, i))) }));
+}
+/**
+ * SkeletonPlaceholder — generic animate-pulse block. Consumers control
+ * size via `className`.
+ */
+function SkeletonPlaceholder({ className, ...rest }) {
+    return (_jsx("div", { "data-slot": "carbon-compat-skeleton-placeholder", className: cn("animate-pulse rounded bg-muted", 
+        // Sensible default if the consumer didn't size it.
+        !className?.match(/\b(h-|w-|size-)/) && "h-24 w-full", className), ...rest }));
+}
+export { SkeletonText, SkeletonPlaceholder };
+//# sourceMappingURL=skeleton-text.js.map

package/dist/carbon-compat/skeleton-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-text.js","sourceRoot":"","sources":["../../carbon-compat/skeleton-text.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAKtC;;;;;;;;GAQG;AACH,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,SAAS,GAAG,CAAC,EACb,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACW;IAClB,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,2BACY,6BAA6B,EACvC,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,UAAU,EAAE,SAAS,CAAC,EACtE,KAAK,EAAE,KAAK,KACR,IAAI,GACR,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2BACY,6BAA6B,oBACxB,MAAM,EACrB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,IAAI,YAEP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/C,cAEE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,UAAU,CAAC,EAC3D,KAAK,EACH,KAAK;gBACH,CAAC,CAAC;oBACE,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,CAAC,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;iBAC/C;gBACH,CAAC,CAAC,SAAS,IARV,CAAC,CAUN,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAA4B;IAC3E,OAAO,CACL,2BACY,oCAAoC,EAC9C,SAAS,EAAE,EAAE,CACX,gCAAgC;QAChC,mDAAmD;QACnD,CAAC,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,aAAa,EACrD,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/carbon-compat/stack.d.ts

@@ -0,0 +1,20 @@
+import type { StackProps as CarbonStackProps } from "@carbon/react";
+export type StackProps = CarbonStackProps;
+/**
+ * Stack — Carbon-shaped adapter that renders a flex layout via Tailwind.
+ *
+ * Maps:
+ *   gap: 1-13 (spacing scale) → Tailwind `gap-N`
+ *   gap: string (e.g. '1rem') → falls back to the default gap; pass
+ *     `className="gap-…"` for an exact value
+ *   orientation: 'horizontal' → `flex-row`; default vertical → `flex-col`
+ *
+ * Drops (with dev warning):
+ *   as — Carbon supports rendering as a different element type. The DS
+ *     version always renders a `<div>`. If a consumer needs a semantic
+ *     element wrapper (e.g. `<section>`), they should compose around the
+ *     Stack rather than configure it.
+ */
+declare function Stack({ as, gap, orientation, className, children, ...rest }: StackProps): import("react").JSX.Element;
+export { Stack };
+//# sourceMappingURL=stack.d.ts.map

package/dist/carbon-compat/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../carbon-compat/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIpE,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAqC1C;;;;;;;;;;;;;;GAcG;AACH,iBAAS,KAAK,CAAC,EACb,EAAE,EACF,GAAG,EACH,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAgBZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/carbon-compat/stack.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, warnDroppedProps } from "../src/lib/utils";
+/**
+ * Carbon's spacing scale maps to the closest Tailwind `gap-N` utility.
+ * Carbon scale = $spacing-01 (2px) … $spacing-13 (160px).
+ * Tailwind `gap-N` uses 4px-unit (`gap-1` = 4px, `gap-2` = 8px, …).
+ *
+ * Numbers outside the scale collapse to `gap-3` (12px), the most common
+ * fallback; the consumer can always pass `className="gap-…"` to override.
+ */
+const GAP_BY_STEP = {
+    1: "gap-0.5", // 2px
+    2: "gap-1", //   4px
+    3: "gap-2", //   8px
+    4: "gap-3", //  12px
+    5: "gap-4", //  16px
+    6: "gap-6", //  24px
+    7: "gap-8", //  32px
+    8: "gap-10", // 40px
+    9: "gap-12", // 48px
+    10: "gap-16", // 64px
+    11: "gap-20", // 80px
+    12: "gap-24", // 96px
+    13: "gap-40", // 160px
+};
+const DEFAULT_GAP_CLASS = "gap-3";
+function gapClass(gap) {
+    if (gap === undefined || gap === null)
+        return "";
+    if (typeof gap === "number")
+        return GAP_BY_STEP[gap] ?? DEFAULT_GAP_CLASS;
+    // Carbon accepts strings like '1rem' or token names. We don't reproduce
+    // every Carbon SCSS token; we emit a className-driven default and let the
+    // consumer pass `className="gap-…"` explicitly if a literal value is needed.
+    return DEFAULT_GAP_CLASS;
+}
+/**
+ * Stack — Carbon-shaped adapter that renders a flex layout via Tailwind.
+ *
+ * Maps:
+ *   gap: 1-13 (spacing scale) → Tailwind `gap-N`
+ *   gap: string (e.g. '1rem') → falls back to the default gap; pass
+ *     `className="gap-…"` for an exact value
+ *   orientation: 'horizontal' → `flex-row`; default vertical → `flex-col`
+ *
+ * Drops (with dev warning):
+ *   as — Carbon supports rendering as a different element type. The DS
+ *     version always renders a `<div>`. If a consumer needs a semantic
+ *     element wrapper (e.g. `<section>`), they should compose around the
+ *     Stack rather than configure it.
+ */
+function Stack({ as, gap, orientation = "vertical", className, children, ...rest }) {
+    warnDroppedProps("Stack", { as });
+    return (_jsx("div", { "data-slot": "carbon-compat-stack", className: cn("flex", orientation === "horizontal" ? "flex-row" : "flex-col", gapClass(gap), className), ...rest, children: children }));
+}
+export { Stack };
+//# sourceMappingURL=stack.js.map

package/dist/carbon-compat/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../carbon-compat/stack.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxD;;;;;;;GAOG;AACH,MAAM,WAAW,GAA2B;IAC1C,CAAC,EAAE,SAAS,EAAE,MAAM;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,OAAO,EAAE,QAAQ;IACpB,CAAC,EAAE,QAAQ,EAAE,OAAO;IACpB,CAAC,EAAE,QAAQ,EAAE,OAAO;IACpB,EAAE,EAAE,QAAQ,EAAE,OAAO;IACrB,EAAE,EAAE,QAAQ,EAAE,OAAO;IACrB,EAAE,EAAE,QAAQ,EAAE,OAAO;IACrB,EAAE,EAAE,QAAQ,EAAE,QAAQ;CACvB,CAAC;AAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC;AAElC,SAAS,QAAQ,CAAC,GAAsB;IACtC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACjD,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,WAAW,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC;IAC1E,wEAAwE;IACxE,0EAA0E;IAC1E,6EAA6E;IAC7E,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,SAAS,KAAK,CAAC,EACb,EAAE,EACF,GAAG,EACH,WAAW,GAAG,UAAU,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAClC,OAAO,CACL,2BACY,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACX,MAAM,EACN,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtD,QAAQ,CAAC,GAAG,CAAC,EACb,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { BreadcrumbSkeleton } from "../breadcrumb-skeleton";
+declare const meta: Meta<typeof BreadcrumbSkeleton>;
+export default meta;
+type Story = StoryObj<typeof BreadcrumbSkeleton>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const FiveItems: Story;
+export declare const NoTrailingSlash: Story;
+//# sourceMappingURL=breadcrumb-skeleton.stories.d.ts.map

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CASzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,SAAS,EAAE,KAA8B,CAAC;AACvD,eAAO,MAAM,eAAe,EAAE,KAA2C,CAAC"}

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js

@@ -0,0 +1,17 @@
+import { BreadcrumbSkeleton } from "../breadcrumb-skeleton";
+const meta = {
+    title: "Carbon Compat/BreadcrumbSkeleton",
+    component: BreadcrumbSkeleton,
+    argTypes: {
+        items: { control: { type: "number", min: 1, max: 8 } },
+        size: { control: "inline-radio", options: ["sm", "md"] },
+        noTrailingSlash: { control: "boolean" },
+    },
+    args: { items: 3, size: "md", noTrailingSlash: false },
+};
+export default meta;
+export const Default = {};
+export const Small = { args: { size: "sm" } };
+export const FiveItems = { args: { items: 5 } };
+export const NoTrailingSlash = { args: { noTrailingSlash: true } };
+//# sourceMappingURL=breadcrumb-skeleton.stories.js.map

package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb-skeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACtD,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;QACxD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACxC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE;CACvD,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,CAAC"}

package/dist/carbon-compat/stories/breadcrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=breadcrumb.stories.d.ts.map

package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/carbon-compat/stories/breadcrumb.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumb, BreadcrumbItem } from "../breadcrumb";
+const meta = {
+    title: "Carbon Compat/Breadcrumb",
+    component: Breadcrumb,
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Breadcrumb, { children: [_jsx(BreadcrumbItem, { href: "/", children: "Home" }), _jsx(BreadcrumbItem, { href: "/processes", children: "Processes" }), _jsx(BreadcrumbItem, { isCurrentPage: true, children: "My Process" })] })),
+};
+//# sourceMappingURL=breadcrumb.stories.js.map

package/dist/carbon-compat/stories/breadcrumb.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/breadcrumb.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;CACtB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,eACT,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,qBAAsB,EAC9C,KAAC,cAAc,IAAC,IAAI,EAAC,YAAY,0BAA2B,EAC5D,KAAC,cAAc,IAAC,aAAa,iCAA4B,IAC9C,CACd;CACF,CAAC"}

package/dist/carbon-compat/stories/button.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Button } from "../button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Ghost: Story;
+export declare const Danger: Story;
+export declare const AllKinds: Story;
+export declare const Sizes: Story;
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/carbon-compat/stories/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2B7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,SAAS,EAAE,KAAuC,CAAC;AAChE,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAC9D,eAAO,MAAM,KAAK,EAAE,KAAmC,CAAC;AACxD,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC"}

package/dist/carbon-compat/stories/button.stories.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../button";
+const meta = {
+    title: "Carbon Compat/Button",
+    component: Button,
+    argTypes: {
+        kind: {
+            control: "inline-radio",
+            options: [
+                "primary",
+                "secondary",
+                "tertiary",
+                "ghost",
+                "danger",
+                "danger--tertiary",
+                "danger--ghost",
+            ],
+        },
+        size: {
+            control: "inline-radio",
+            options: ["sm", "md", "lg", "xl", "2xl"],
+        },
+        disabled: { control: "boolean" },
+    },
+    args: {
+        kind: "primary",
+        size: "md",
+        children: "Create workspace",
+    },
+};
+export default meta;
+export const Primary = {};
+export const Secondary = { args: { kind: "secondary" } };
+export const Tertiary = { args: { kind: "tertiary" } };
+export const Ghost = { args: { kind: "ghost" } };
+export const Danger = {
+    args: { kind: "danger", children: "Delete workspace" },
+};
+export const AllKinds = {
+    render: () => (_jsx("div", { className: "flex flex-wrap gap-2", children: ["primary", "secondary", "tertiary", "ghost", "danger"].map((kind) => (_jsx(Button, { kind: kind, children: kind }, kind))) })),
+};
+export const Sizes = {
+    render: () => (_jsx("div", { className: "flex items-center gap-2", children: ["sm", "md", "lg", "xl", "2xl"].map((size) => (_jsx(Button, { size: size, children: size }, size))) })),
+};
+//# sourceMappingURL=button.stories.js.map

package/dist/carbon-compat/stories/button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,UAAU;gBACV,OAAO;gBACP,QAAQ;gBACR,kBAAkB;gBAClB,eAAe;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;SACzC;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kBAAkB;KAC7B;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;AAChE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC;AAC9D,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,sBAAsB,YACjC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAW,CAAC,GAAG,CACrE,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,KAAC,MAAM,IAAY,IAAI,EAAE,IAAI,YAC1B,IAAI,IADM,IAAI,CAER,CACV,CACF,GACG,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,yBAAyB,YACpC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxD,KAAC,MAAM,IAAY,IAAI,EAAE,IAAI,YAC1B,IAAI,IADM,IAAI,CAER,CACV,CAAC,GACE,CACP;CACF,CAAC"}

package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { C3ClusterTag } from "../c3-cluster-tag";
+declare const meta: Meta<typeof C3ClusterTag>;
+export default meta;
+type Story = StoryObj<typeof C3ClusterTag>;
+export declare const Dev: Story;
+export declare const Test: Story;
+export declare const Stage: Story;
+export declare const Prod: Story;
+export declare const Subtle: Story;
+//# sourceMappingURL=c3-cluster-tag.stories.d.ts.map

package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3-cluster-tag.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-cluster-tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,GAAG,EAAE,KAAkC,CAAC;AACrD,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AACvD,eAAO,MAAM,KAAK,EAAE,KAAoC,CAAC;AACzD,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AACvD,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC"}

package/dist/carbon-compat/stories/c3-cluster-tag.stories.js

@@ -0,0 +1,12 @@
+import { C3ClusterTag } from "../c3-cluster-tag";
+const meta = {
+    title: "Carbon Compat/C3ClusterTag",
+    component: C3ClusterTag,
+};
+export default meta;
+export const Dev = { args: { stage: "dev" } };
+export const Test = { args: { stage: "test" } };
+export const Stage = { args: { stage: "stage" } };
+export const Prod = { args: { stage: "prod" } };
+export const Subtle = { args: { stage: "prod", subtle: true } };
+//# sourceMappingURL=c3-cluster-tag.stories.js.map

package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3-cluster-tag.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-cluster-tag.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC;AACzD,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC"}

package/dist/carbon-compat/stories/c3-data-table.stories.d.ts

@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { C3DataTable, type RowBaseProps } from "../c3-data-table";
+interface OrgRow extends RowBaseProps {
+    name: string;
+    plan: "Free" | "Pro" | "Enterprise";
+    members: number;
+    created: string;
+    status: "active" | "trialing" | "suspended";
+}
+declare const meta: Meta<typeof C3DataTable<OrgRow>>;
+export default meta;
+type Story = StoryObj<typeof C3DataTable<OrgRow>>;
+/** Minimal — headers + data only. */
+export declare const Default: Story;
+/** With actions menu + per-row visible filter + destructive kind. */
+export declare const WithActions: Story;
+/** Title + description + paginated. */
+export declare const TitledAndPaginated: Story;
+/** Header type variants: `link`, `link-button`, `code`. */
+export declare const HeaderTypes: Story;
+/** Row-level expansion + onClick. */
+export declare const ExpansionAndRowClick: Story;
+/** isLoading → skeleton rows. */
+export declare const Loading: Story;
+/**
+ * Full toolbar — search + single-select filter + multi-select filter +
+ * button + multiItemButton (enabled when ≥1 row selected) + menu button.
+ * Demonstrates the c3 toolbar surface that maps to our adapter-internal
+ * Toolbar built on DS primitives.
+ */
+export declare const FullToolbar: Story;
+//# sourceMappingURL=c3-data-table.stories.d.ts.map

package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3-data-table.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-data-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,WAAW,EAIX,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,MAAO,SAAQ,YAAY;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,YAAY,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC7C;AA8GD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAG1C,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AAElD,qCAAqC;AACrC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,WAAW,EAAE,KAuCzB,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KA4EzB,CAAC"}

package/dist/carbon-compat/stories/c3-data-table.stories.js

@@ -0,0 +1,244 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { C3DataTable, } from "../c3-data-table";
+const ORGS = [
+    {
+        id: "o1",
+        originalIndex: 0,
+        name: "Acme Co",
+        plan: "Enterprise",
+        members: 240,
+        created: "2024-08-12",
+        status: "active",
+    },
+    {
+        id: "o2",
+        originalIndex: 1,
+        name: "Bluefin Robotics",
+        plan: "Pro",
+        members: 18,
+        created: "2025-01-30",
+        status: "active",
+    },
+    {
+        id: "o3",
+        originalIndex: 2,
+        name: "Cardinal Coffee",
+        plan: "Free",
+        members: 4,
+        created: "2025-04-02",
+        status: "trialing",
+    },
+    {
+        id: "o4",
+        originalIndex: 3,
+        name: "Delta Dynamics",
+        plan: "Pro",
+        members: 72,
+        created: "2025-05-11",
+        status: "active",
+    },
+    {
+        id: "o5",
+        originalIndex: 4,
+        name: "Echo Labs",
+        plan: "Enterprise",
+        members: 412,
+        created: "2023-11-04",
+        status: "active",
+    },
+    {
+        id: "o6",
+        originalIndex: 5,
+        name: "Foxglove Studio",
+        plan: "Free",
+        members: 2,
+        created: "2025-06-01",
+        status: "trialing",
+    },
+    {
+        id: "o7",
+        originalIndex: 6,
+        name: "Gravity Systems",
+        plan: "Pro",
+        members: 33,
+        created: "2024-12-18",
+        status: "suspended",
+    },
+    {
+        id: "o8",
+        originalIndex: 7,
+        name: "Halcyon Health",
+        plan: "Enterprise",
+        members: 1108,
+        created: "2022-06-21",
+        status: "active",
+    },
+];
+const headers = [
+    {
+        label: "Name",
+        key: "name",
+        sorting: (a, b) => a.name.localeCompare(b.name),
+    },
+    { label: "Plan", key: "plan" },
+    {
+        label: "Members",
+        key: "members",
+        sorting: (a, b) => a.members - b.members,
+    },
+    { label: "Created", key: "created" },
+    { label: "Status", key: "status" },
+];
+const actions = [
+    { id: "edit", label: "Edit", onClick: (row) => alert(`Edit ${row.name}`) },
+    {
+        id: "suspend",
+        label: (row) => (row.status === "suspended" ? "Reactivate" : "Suspend"),
+        onClick: (row) => alert(`Toggle ${row.name}`),
+    },
+    {
+        id: "delete",
+        kind: "danger",
+        label: "Delete",
+        visible: (row) => row.plan === "Free",
+        onClick: (row) => alert(`Delete ${row.name}`),
+        hasDivider: true,
+    },
+];
+const meta = {
+    title: "Carbon Compat/C3DataTable",
+    component: C3DataTable,
+};
+export default meta;
+/** Minimal — headers + data only. */
+export const Default = {
+    render: () => _jsx(C3DataTable, { headers: headers, data: ORGS }),
+};
+/** With actions menu + per-row visible filter + destructive kind. */
+export const WithActions = {
+    render: () => _jsx(C3DataTable, { headers: headers, data: ORGS, actions: actions }),
+};
+/** Title + description + paginated. */
+export const TitledAndPaginated = {
+    render: () => (_jsx(C3DataTable, { title: "Organisations", description: "All registered organisations.", headers: headers, data: ORGS, options: { pageSizes: [3, 5, 10] } })),
+};
+/** Header type variants: `link`, `link-button`, `code`. */
+export const HeaderTypes = {
+    render: () => (_jsx(C3DataTable, { headers: [
+            {
+                label: "Name (link)",
+                key: "name",
+                type: {
+                    type: "link",
+                    options: {
+                        linkOptions: {
+                            href: (row) => `/orgs/${row.id}`,
+                            target: "_blank",
+                        },
+                    },
+                },
+            },
+            {
+                label: "ID (code)",
+                key: "id",
+                type: { type: "code", options: { codeOptions: { type: "inline" } } },
+            },
+            {
+                label: "Members (link-button)",
+                key: "members",
+                type: {
+                    type: "link-button",
+                    options: {
+                        linkButtonOptions: {
+                            onClick: (row) => alert(`Show members for ${row.name}`),
+                        },
+                    },
+                },
+            },
+            { label: "Plan", key: "plan" },
+        ], data: ORGS })),
+};
+/** Row-level expansion + onClick. */
+export const ExpansionAndRowClick = {
+    render: () => (_jsx(C3DataTable, { headers: headers, data: ORGS.map((o) => ({
+            ...o,
+            onClick: () => console.log(`Row clicked: ${o.name}`),
+            expansion: (_jsxs("div", { className: "p-2 text-sm", children: [_jsx("strong", { children: o.name }), " \u2014 ", o.members, " members on the ", o.plan, " ", "plan."] })),
+        })) })),
+};
+/** isLoading → skeleton rows. */
+export const Loading = {
+    render: () => (_jsx(C3DataTable, { headers: headers, data: [], isLoading: true, options: { pageSizes: [5, 10] } })),
+};
+/**
+ * Full toolbar — search + single-select filter + multi-select filter +
+ * button + multiItemButton (enabled when ≥1 row selected) + menu button.
+ * Demonstrates the c3 toolbar surface that maps to our adapter-internal
+ * Toolbar built on DS primitives.
+ */
+export const FullToolbar = {
+    render: () => {
+        const toolbar = [
+            {
+                id: "search",
+                type: "search",
+                label: "Search",
+                filter: ({ row, searchTerm }) => !searchTerm ||
+                    row.name.toLowerCase().includes(searchTerm.toLowerCase()),
+            },
+            {
+                id: "plan-filter",
+                type: "singleSelect",
+                label: "Plan",
+                // Radix Select rejects an empty-string value, so we omit an
+                // explicit "All plans" sentinel and rely on the adapter's
+                // filter-skip-when-empty behaviour: with no selection, the
+                // filter callback is not called and all rows pass.
+                items: [
+                    { id: "Free", label: "Free" },
+                    { id: "Pro", label: "Pro" },
+                    { id: "Enterprise", label: "Enterprise" },
+                ],
+                filter: ({ row, selectedItem }) => row.plan === selectedItem,
+            },
+            {
+                id: "status-filter",
+                type: "multiSelect",
+                label: "Status",
+                items: [
+                    { id: "active", label: "Active" },
+                    { id: "trialing", label: "Trialing" },
+                    { id: "suspended", label: "Suspended" },
+                ],
+                filter: ({ row, selectedItems }) => !selectedItems ||
+                    selectedItems.length === 0 ||
+                    selectedItems.includes(row.status),
+            },
+            {
+                id: "export",
+                type: "button",
+                label: "Export",
+                kind: "tertiary",
+                onClick: () => alert("Export clicked"),
+            },
+            {
+                id: "bulk-delete",
+                type: "multiItemButton",
+                label: "Delete selected",
+                kind: "danger",
+                multiOnClick: (rows) => alert(`Delete ${rows.length} rows`),
+            },
+            {
+                id: "more",
+                type: "menuButton",
+                label: "More actions",
+                items: [
+                    { label: "Archive all", onClick: () => alert("Archive") },
+                    { label: "Export CSV", onClick: () => alert("Export CSV") },
+                ],
+            },
+        ];
+        return (_jsx(C3DataTable, { title: "Organisations", description: "Filter by plan + status; bulk delete acts on selected rows.", headers: headers, data: ORGS, actions: actions, toolbar: toolbar, options: { pageSizes: [5, 10, 25], useZebraStyles: true } }));
+    },
+};
+//# sourceMappingURL=c3-data-table.stories.js.map

package/dist/carbon-compat/stories/c3-data-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3-data-table.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-data-table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { C3ResponsiveStack } from "../c3-responsive-stack";
+declare const meta: Meta<typeof C3ResponsiveStack>;
+export default meta;
+type Story = StoryObj<typeof C3ResponsiveStack>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const TightGap: Story;
+//# sourceMappingURL=c3-responsive-stack.stories.d.ts.map

package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3-responsive-stack.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-responsive-stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAWxC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAIhD,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}

package/dist/carbon-compat/stories/c3-responsive-stack.stories.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { C3ResponsiveStack } from "../c3-responsive-stack";
+const meta = {
+    title: "Carbon Compat/C3ResponsiveStack",
+    component: C3ResponsiveStack,
+    argTypes: {
+        orientation: {
+            control: "inline-radio",
+            options: ["horizontal", "vertical"],
+        },
+        gap: { control: "number" },
+    },
+    args: { orientation: "horizontal", gap: 1 },
+};
+export default meta;
+const cell = "flex-1 rounded bg-muted p-2 text-center text-sm";
+export const Horizontal = {
+    render: (args) => (_jsxs(C3ResponsiveStack, { ...args, children: [_jsx("div", { className: cell, children: "A" }), _jsx("div", { className: cell, children: "B" }), _jsx("div", { className: cell, children: "C" })] })),
+};
+export const Vertical = {
+    args: { orientation: "vertical" },
+    render: Horizontal.render,
+};
+export const TightGap = {
+    args: { gap: 0.25 },
+    render: Horizontal.render,
+};
+//# sourceMappingURL=c3-responsive-stack.stories.js.map