@camunda/design-system 0.1.1 → 0.3.0

package/dist/.storybook/CamundaLogo.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Camunda logomark for Storybook stories and examples.
+ *
+ * This is a brand asset, intentionally NOT part of the DS component API — DS
+ * primitives (AppHeader) take a consumer-provided `logo` slot and stay
+ * lucide-only (AGENTS.md rule #7). Fills map to DS semantic tokens so the mark
+ * themes with light/dark; the orange accent bar is the brand `#FC5D0D`
+ * (== `--primary`). Sourced from camunda-cloud-management-apps c3 assets.
+ */
+export declare function CamundaLogo({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CamundaLogo.d.ts.map

package/dist/.storybook/CamundaLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CamundaLogo.d.ts","sourceRoot":"","sources":["../../.storybook/CamundaLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAqBhE"}

package/dist/.storybook/CamundaLogo.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Camunda logomark for Storybook stories and examples.
+ *
+ * This is a brand asset, intentionally NOT part of the DS component API — DS
+ * primitives (AppHeader) take a consumer-provided `logo` slot and stay
+ * lucide-only (AGENTS.md rule #7). Fills map to DS semantic tokens so the mark
+ * themes with light/dark; the orange accent bar is the brand `#FC5D0D`
+ * (== `--primary`). Sourced from camunda-cloud-management-apps c3 assets.
+ */
+export function CamundaLogo({ className }) {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className: className, children: [_jsx("rect", { width: "24", height: "24", rx: "3", className: "fill-foreground" }), _jsx("path", { d: "M11.986 15.585c1.824 0 2.762-1.075 2.776-2.967v-1.564h-1.755v1.687c0 .844-.368 1.143-.966 1.143-.585 0-.966-.3-.966-1.143V6.364c0-.843.367-1.17.966-1.156.585 0 .966.326.966 1.17v1.261h1.755V6.496c0-1.891-.94-2.965-2.762-2.965-1.823 0-2.764 1.074-2.776 2.965v6.136c0 1.864.943 2.953 2.762 2.953Z", className: "fill-background" }), _jsx("path", { d: "M14.762 17.312H9.224v3.13h5.538v-3.13Z", className: "fill-primary" })] }));
+}
+//# sourceMappingURL=CamundaLogo.js.map

package/dist/.storybook/CamundaLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CamundaLogo.js","sourceRoot":"","sources":["../../.storybook/CamundaLogo.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAE,SAAS,aAEpB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,GAAG,EAClE,eACE,CAAC,EAAC,wSAAwS,EAC1S,SAAS,EAAC,iBAAiB,GAC3B,EACF,eACE,CAAC,EAAC,wCAAwC,EAC1C,SAAS,EAAC,cAAc,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 function BreadcrumbSkeleton({ items = 3, noTrailingSlash, size = "md", className, ...rest }) {
     const lineHeight = size === "sm" ? "h-3" : "h-4";
     return (_jsx("div", { "data-slot": "carbon-compat-breadcrumb-skeleton", className: cn("flex items-center gap-2", className), ...rest, children: Array.from({ length: items }).map((_, i) => {

package/dist/carbon-compat/breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { Breadcrumb as ShadcnBreadcrumb, BreadcrumbItem as ShadcnBreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, } from '../src/components/ui/breadcrumb';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Breadcrumb as ShadcnBreadcrumb, BreadcrumbItem as ShadcnBreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, } from '../src/components/ui/breadcrumb.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 function Breadcrumb(props) {
     const { children, className, noTrailingSlash, 'aria-label': ariaLabel, ...rest } = props;
     warnDroppedProps('Breadcrumb', { noTrailingSlash });

package/dist/carbon-compat/button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Button as ShadcnButton } from '../src/components/ui/button';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Button as ShadcnButton } from '../src/components/ui/button.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 const KIND_TO_VARIANT = {
     primary: 'default',
     secondary: 'secondary',

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

@@ -12,8 +12,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * themselves before passing it. Worth revisiting once we have a clearer
  * picture of how many consumer sites use which form.
  */
-import { Badge } from "../src/components/ui/badge";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { Badge } from "../src/components/ui/badge.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 export const StageClusterLabels = {
     dev: "dev",
     test: "test",

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

@@ -26,15 +26,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import * as React from "react";
 import { ChevronDown, SearchIcon } from "lucide-react";
-import { Button } from "../src/components/ui/button";
-import { Checkbox } from "../src/components/ui/checkbox";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../src/components/ui/command";
-import { DataTable, } from "../src/components/ui/data-table";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../src/components/ui/dropdown";
-import { Input } from "../src/components/ui/input";
-import { Popover, PopoverContent, PopoverTrigger, } from "../src/components/ui/popover";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select";
-import { cn, renderIconNode, warnDroppedProps } from "../src/lib/utils";
+import { Button } from "../src/components/ui/button.js";
+import { Checkbox } from "../src/components/ui/checkbox.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../src/components/ui/command.js";
+import { DataTable, } from "../src/components/ui/data-table.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../src/components/ui/dropdown.js";
+import { Input } from "../src/components/ui/input.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../src/components/ui/popover.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select.js";
+import { cn, renderIconNode, warnDroppedProps } from "../src/lib/utils.js";
 // ── Helpers ──────────────────────────────────────────────────────────────
 const KIND_TO_VARIANT = {
     primary: "default",

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 function gapValue(gap) {
     if (gap === undefined || gap === null)
         return "16px";

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 function CheckboxSkeleton({ className, ...rest }) {
     // Visual: Carbon's actual CheckboxSkeleton renders only a label stripe.
     // We render a small square + label stripe — the square reads as a

package/dist/carbon-compat/checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Checkbox as ShadcnCheckbox } from '../src/components/ui/checkbox';
-import { cn, warnDroppedProps } from '../src/lib/utils';
+import { Checkbox as ShadcnCheckbox } from '../src/components/ui/checkbox.js';
+import { cn, warnDroppedProps } from '../src/lib/utils.js';
 function Checkbox(props) {
     const { id, labelText, checked, defaultChecked, indeterminate, onChange, disabled, className, helperText, invalid, invalidText, warn, warnText, readOnly, hideLabel, title, ...rest } = props;
     warnDroppedProps('Checkbox', { helperText, invalid, invalidText, warn, warnText, readOnly, hideLabel });

package/dist/carbon-compat/code-snippet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 /**
  * CodeSnippet — Carbon-shaped adapter that renders code with Tailwind
  * + mono font.

package/dist/carbon-compat/combo-box.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { Popover, PopoverContent, PopoverTrigger, } from "../src/components/ui/popover";
-import { cn } from "../src/lib/utils";
-import { warnDroppedProps } from "../src/lib/utils";
+import { Popover, PopoverContent, PopoverTrigger, } from "../src/components/ui/popover.js";
+import { cn } from "../src/lib/utils.js";
+import { warnDroppedProps } from "../src/lib/utils.js";
 const ITEM_HEIGHT = 32;
 const MAX_LIST_HEIGHT = 256;
 function defaultItemToString(item) {

package/dist/carbon-compat/content-switcher.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { ToggleGroup } from "../src/components/ui/toggle-group";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { ToggleGroup } from "../src/components/ui/toggle-group.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 /**
  * ContentSwitcher — Carbon-shaped adapter wrapping shadcn `ToggleGroup`
  * in single-select mode.

package/dist/carbon-compat/data-table-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 /**
  * DataTableSkeleton — Carbon-shaped adapter that renders a table-shaped
  * placeholder using Tailwind `animate-pulse`. Useful while real row

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

@@ -19,7 +19,7 @@
  * corresponding DS DataTable props directly on this adapter.
  */
 import * as React from "react";
-import { type DataTableProps as DSDataTableProps } from "../src/components/ui/data-table";
+import { type DataTableProps as DSDataTableProps } from "../src/components/ui/data-table.js";
 export interface DataTableRow {
     id: string;
     [key: string]: unknown;

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

@@ -20,8 +20,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * corresponding DS DataTable props directly on this adapter.
  */
 import * as React from "react";
-import { DataTable as DSDataTable, } from "../src/components/ui/data-table";
-import { warnDroppedProps } from "../src/lib/utils";
+import { DataTable as DSDataTable, } from "../src/components/ui/data-table.js";
+import { warnDroppedProps } from "../src/lib/utils.js";
 const SIZE_MAP = {
     xs: "sm",
     sm: "sm",

package/dist/carbon-compat/dropdown.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../src/components/ui/select';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../src/components/ui/select.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 function getItemKey(item, index) {
     if (item && typeof item === 'object') {
         const id = item.id;

package/dist/carbon-compat/filterable-multi-select.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+type AnyItem = Record<string, unknown>;
+export interface FilterableMultiSelectProps<ItemType = AnyItem> {
+    id?: string;
+    items: ItemType[];
+    itemToString?: (item: ItemType | null) => string;
+    initialSelectedItems?: ItemType[];
+    onChange?: (data: {
+        selectedItems: ItemType[];
+    }) => void;
+    titleText?: React.ReactNode;
+    label?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    invalidText?: React.ReactNode;
+    warn?: boolean;
+    warnText?: React.ReactNode;
+    helperText?: React.ReactNode;
+    light?: boolean;
+    size?: string;
+    direction?: string;
+    sortItems?: unknown;
+    compareItems?: unknown;
+    locale?: string;
+    filterItems?: unknown;
+    downshiftProps?: unknown;
+    type?: string;
+    selectionFeedback?: string;
+    useTitleInItem?: boolean;
+    translateWithId?: unknown;
+    autoAlign?: boolean;
+    className?: string;
+    "aria-label"?: string;
+    ariaLabel?: string;
+    [key: string]: unknown;
+}
+declare function FilterableMultiSelect<ItemType extends AnyItem>({ id, items, itemToString, initialSelectedItems, onChange, titleText, label, disabled, invalid: _invalid, invalidText: _invalidText, warn: _warn, warnText: _warnText, helperText: _helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, filterItems: _filterItems, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": _ariaLabel, ariaLabel: _ariaLabelLegacy, ...rest }: FilterableMultiSelectProps<ItemType>): React.JSX.Element;
+export { FilterableMultiSelect };
+//# sourceMappingURL=filterable-multi-select.d.ts.map

package/dist/carbon-compat/filterable-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterable-multi-select.d.ts","sourceRoot":"","sources":["../../carbon-compat/filterable-multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIvC,MAAM,WAAW,0BAA0B,CAAC,QAAQ,GAAG,OAAO;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,MAAM,CAAC;IACjD,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAWD,iBAAS,qBAAqB,CAAC,QAAQ,SAAS,OAAO,EAAE,EACvD,EAAE,EACF,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,YAAY,EACzB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,WAAW,EACvB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,YAAY,EACzB,cAAc,EAAE,eAAe,EAC/B,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,cAAc,EAAE,eAAe,EAC/B,eAAe,EAAE,gBAAgB,EACjC,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAE,gBAAgB,EAC3B,GAAG,IAAI,EACR,EAAE,0BAA0B,CAAC,QAAQ,CAAC,qBA0DtC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/carbon-compat/filterable-multi-select.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { warnDroppedProps } from "../src/lib/utils.js";
+import { MultiSelect } from "../src/components/ui/multi-select.js";
+function defaultItemToString(item) {
+    if (item == null)
+        return "";
+    if (typeof item === "string")
+        return item;
+    if ("label" in item && typeof item.label === "string")
+        return item.label;
+    return String(item);
+}
+// @deprecated — transitional adapter. Replace with DS MultiSelect when migrating off Carbon.
+// REMAP: FilterableMultiSelect → DS MultiSelect (searchable=true by default)
+function FilterableMultiSelect({ id, items, itemToString, initialSelectedItems, onChange, titleText, label, disabled, invalid: _invalid, invalidText: _invalidText, warn: _warn, warnText: _warnText, helperText: _helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, filterItems: _filterItems, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": _ariaLabel, ariaLabel: _ariaLabelLegacy, ...rest }) {
+    warnDroppedProps("FilterableMultiSelect", {
+        invalid: _invalid,
+        invalidText: _invalidText,
+        warn: _warn,
+        warnText: _warnText,
+        helperText: _helperText,
+        light: _light,
+        size: _size,
+        direction: _direction,
+        sortItems: _sortItems,
+        compareItems: _compareItems,
+        locale: _locale,
+        filterItems: _filterItems,
+        downshiftProps: _downshiftProps,
+        type: _type,
+        selectionFeedback: _selectionFeedback,
+        useTitleInItem: _useTitleInItem,
+        ...rest,
+    });
+    const toString = itemToString ??
+        defaultItemToString;
+    const dsOptions = items.map((item) => ({
+        value: toString(item),
+        label: toString(item),
+    }));
+    const defaultValue = initialSelectedItems?.map((item) => toString(item));
+    function handleValueChange(values) {
+        if (!onChange)
+            return;
+        const selectedItems = values
+            .map((v) => items.find((item) => toString(item) === v))
+            .filter((item) => item !== undefined);
+        onChange({ selectedItems });
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [titleText !== undefined ? (_jsx("label", { htmlFor: id, className: "text-sm font-medium", children: titleText })) : null, _jsx(MultiSelect, { id: id, options: dsOptions, defaultValue: defaultValue, onValueChange: handleValueChange, placeholder: label, disabled: disabled, searchable: true })] }));
+}
+export { FilterableMultiSelect };
+//# sourceMappingURL=filterable-multi-select.js.map

package/dist/carbon-compat/filterable-multi-select.js.map

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

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

@@ -0,0 +1,5 @@
+import type { FormProps as CarbonFormProps } from "@carbon/react";
+export type FormProps = CarbonFormProps;
+declare function Form({ className, children, ...rest }: FormProps): import("react").JSX.Element;
+export { Form };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../carbon-compat/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAMxD;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/carbon-compat/form.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function Form({ className, children, ...rest }) {
+    return (_jsx("form", { className: className, ...rest, children: children }));
+}
+export { Form };
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../carbon-compat/form.tsx"],"names":[],"mappings":";AAIA,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa;IACvD,OAAO,CACL,eAAM,SAAS,EAAE,SAAS,KAAM,IAAI,YACjC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Button } from '../src/components/ui/button';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '../src/components/ui/tooltip';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Button } from '../src/components/ui/button.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '../src/components/ui/tooltip.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 const KIND_TO_VARIANT = {
     primary: 'default',
     secondary: 'secondary',

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

@@ -1,65 +1,68 @@
-export * from "./breadcrumb";
-export * from "./breadcrumb-skeleton";
-export * from "./button";
-export * from "./c3-cluster-tag";
-export * from "./c3-data-table";
-export * from "./c3-responsive-stack";
-export * from "./checkbox";
-export * from "./checkbox-skeleton";
-export * from "./code-snippet";
-export * from "./combo-box";
-export * from "./content-switcher";
-export * from "./data-table-skeleton";
-export * from "./dropdown";
-export * from "./icon-button";
-export * from "./link";
-export * from "./loading";
-export * from "./menu-button";
-export * from "./modal";
-export * from "./overflow-menu";
-export * from "./popover";
-export * from "./progress-bar";
-export * from "./radio-button";
-export * from "./search";
-export * from "./select";
-export * from "./select-skeleton";
-export * from "./skeleton-text";
-export * from "./stack";
-export * from "./structured-list-skeleton";
-export * from "./switch";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./text-area";
-export * from "./text-input";
-export * from "./tile";
-export * from "./toggle";
-export * from "./tooltip";
-export * from "./unordered-list";
-export * from "./actionable-notification";
-export * from "./callout";
-export * from "./column";
-export * from "./contained-list";
-export * from "./data-table";
-export * from "./date-picker";
-export * from "./grid";
-export * from "./header";
-export * from "./heading";
-export * from "./inline-loading";
-export * from "./inline-notification";
-export * from "./layer";
-export * from "./multi-select";
-export * from "./ordered-list";
-export * from "./pagination";
-export * from "./password-input";
-export * from "./section";
-export * from "./skeleton-icon";
-export * from "./structured-list";
-export * from "./table-batch-actions";
-export * from "./table-container";
-export * from "./table-expand";
-export * from "./table-select";
-export * from "./table-toolbar";
-export * from "./toast-notification";
-export * from "./tree-view";
+export * from "./breadcrumb.js";
+export * from "./breadcrumb-skeleton.js";
+export * from "./button.js";
+export * from "./c3-cluster-tag.js";
+export * from "./c3-data-table.js";
+export * from "./c3-responsive-stack.js";
+export * from "./checkbox.js";
+export * from "./checkbox-skeleton.js";
+export * from "./code-snippet.js";
+export * from "./combo-box.js";
+export * from "./content-switcher.js";
+export * from "./data-table-skeleton.js";
+export * from "./dropdown.js";
+export * from "./icon-button.js";
+export * from "./link.js";
+export * from "./loading.js";
+export * from "./menu-button.js";
+export * from "./modal.js";
+export * from "./overflow-menu.js";
+export * from "./popover.js";
+export * from "./progress-bar.js";
+export * from "./radio-button.js";
+export * from "./search.js";
+export * from "./select.js";
+export * from "./select-skeleton.js";
+export * from "./skeleton-text.js";
+export * from "./stack.js";
+export * from "./structured-list-skeleton.js";
+export * from "./switch.js";
+export * from "./table.js";
+export * from "./tabs.js";
+export * from "./tag.js";
+export * from "./text-area.js";
+export * from "./text-input.js";
+export * from "./tile.js";
+export * from "./time-picker.js";
+export * from "./toggle.js";
+export * from "./tooltip.js";
+export * from "./unordered-list.js";
+export * from "./actionable-notification.js";
+export * from "./callout.js";
+export * from "./column.js";
+export * from "./contained-list.js";
+export * from "./data-table.js";
+export * from "./date-picker.js";
+export * from "./grid.js";
+export * from "./header.js";
+export * from "./heading.js";
+export * from "./inline-loading.js";
+export * from "./inline-notification.js";
+export * from "./layer.js";
+export * from "./filterable-multi-select.js";
+export * from "./form.js";
+export * from "./multi-select.js";
+export * from "./ordered-list.js";
+export * from "./pagination.js";
+export * from "./password-input.js";
+export * from "./section.js";
+export * from "./skeleton-icon.js";
+export * from "./structured-list.js";
+export * from "./table-batch-actions.js";
+export * from "./table-container.js";
+export * from "./table-expand.js";
+export * from "./table-select.js";
+export * from "./table-toolbar.js";
+export * from "./toast-notification.js";
+export * from "./tree-view.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AASA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAOjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../carbon-compat/index.ts"],"names":[],"mappings":"AASA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAOjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}