@lostgradient/cinder 0.7.0 → 0.9.0

package/dist/components/payload-inspector/payload-inspector.css

@@ -1,16 +1,12 @@
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 @import '../badge/badge.css';
-@import '../code-block/code-block.css';
 @import '../copy-button/copy-button.css';
-@import '../description-list/description-list.css';
 @import '../json-viewer/json-viewer.css';
-@import '../tabs/tabs.css';
 
 @layer cinder.components {
   .cinder-payload-inspector {
     display: flex;
     flex-direction: column;
-    gap: var(--cinder-space-0);
     border: 1px solid var(--cinder-border-muted);
     border-radius: var(--cinder-radius-md);
     overflow: hidden;
@@ -27,7 +23,7 @@
     align-items: center;
     justify-content: space-between;
     gap: var(--cinder-space-2);
-    padding: var(--cinder-space-2) var(--cinder-space-3);
+    padding: var(--cinder-space-1) var(--cinder-space-2) var(--cinder-space-1) var(--cinder-space-3);
     background: var(--cinder-surface-raised);
     border-bottom: 1px solid var(--cinder-border-muted);
     flex-wrap: wrap;
@@ -55,71 +51,29 @@
   }
 
   /* ----------------------------------------
-   * Tab list within inspector
-   * ---------------------------------------- */
-
-  .cinder-payload-inspector__tabs {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-block-size: 0;
-  }
-
-  /* ----------------------------------------
-   * Panel content areas
+   * Panel content
    * ---------------------------------------- */
 
   .cinder-payload-inspector__panel {
-    padding: var(--cinder-space-4);
-    overflow: auto;
-  }
-
-  .cinder-payload-inspector__panel--code {
-    padding: var(--cinder-space-0);
-  }
-
-  /* ----------------------------------------
-   * Raw view (CodeBlock wrapper)
-   * ---------------------------------------- */
-
-  .cinder-payload-inspector__raw {
-    /* Remove the built-in CodeBlock rounded corners so the block sits flush
-       inside the panel. Border radius is handled by the outer inspector. */
-    border-radius: 0;
-  }
-
-  /* ----------------------------------------
-   * Summary view
-   * ---------------------------------------- */
-
-  .cinder-payload-inspector__summary {
-    display: flex;
-    flex-direction: column;
-    gap: var(--cinder-space-4);
-  }
-
-  .cinder-payload-inspector__summary-badges {
-    display: flex;
-    align-items: center;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
-  }
-
-  .cinder-payload-inspector__summary-value {
     display: flex;
     flex-direction: column;
     gap: var(--cinder-space-2);
+    padding: var(--cinder-space-2);
+    overflow: auto;
   }
 
-  .cinder-payload-inspector__summary-value-label {
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    color: var(--cinder-text-muted);
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
+  /* JsonViewer carries its own border/background/padding for standalone use,
+     but nested here it would double the framing this component's own header
+     bar + outer border already provide — strip it back to flush content. */
+  .cinder-payload-inspector__panel .cinder-json-viewer {
+    padding: 0;
+    border: none;
+    border-radius: 0;
+    background: transparent;
   }
 
   .cinder-payload-inspector__primitive {
+    margin: 0;
     font-family: var(--cinder-font-mono);
     font-size: var(--cinder-text-sm);
     color: var(--cinder-text);
@@ -127,6 +81,7 @@
     padding: var(--cinder-space-2) var(--cinder-space-3);
     border-radius: var(--cinder-radius-sm);
     border: 1px solid var(--cinder-border-muted);
+    white-space: pre-wrap;
     word-break: break-all;
   }
 
@@ -156,24 +111,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: var(--cinder-space-8) var(--cinder-space-4);
+    padding: var(--cinder-space-4);
     color: var(--cinder-text-disabled);
     font-size: var(--cinder-text-sm);
     font-style: italic;
   }
-
-  /* ----------------------------------------
-   * Focus ring on focusable elements we own
-   * ---------------------------------------- */
-
-  .cinder-payload-inspector:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-payload-inspector:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-    }
-  }
 }

package/dist/components/payload-inspector/payload-inspector.schema.js

@@ -65,43 +65,17 @@ string values; strings that look like serialized JSON are parsed. Pass
     truncated: {
       type: "boolean",
       description: `When true, the payload has been truncated by the producer (e.g. because it
-exceeded a wire size limit). The inspector renders a truncation badge in the
-summary and a notice above the raw view.`
+exceeded a wire size limit). The inspector renders a truncation badge in
+the header.`
     },
     maxBytes: {
       type: "number",
       description: `Maximum byte size before the tree view is replaced with an oversize
-placeholder. Defaults to 1,048,576 (1 MB). Does not affect the raw view.`
-    },
-    meta: {
-      type: "object",
-      properties: {
-        contentType: {
-          type: "string",
-          description: 'Content type or serializer label, e.g. "application/json" or "Protobuf".'
-        },
-        source: {
-          type: "string",
-          description: "Optional source label, e.g. a workflow name, activity name, or endpoint path."
-        },
-        timestamp: {
-          type: "string",
-          description: "Optional ISO 8601 timestamp string rendered in the summary."
-        }
-      },
-      additionalProperties: false,
-      description: `Structured metadata shown in the summary panel. Pass contentType, source,
-and/or timestamp to populate the description list rows.`
-    },
-    activeView: {
-      enum: ["summary", "tree", "raw"],
-      description: `Initially active view tab. Defaults to "summary". Bind to control
-the active tab from outside.`
+placeholder. Defaults to 1,048,576 (1 MB).`
     },
     label: {
       type: "string",
-      description: `Label for the inspector region, used as the accessible name for the
-containing section. Defaults to "Payload inspector".`
+      description: 'Visible header label for the inspector. Defaults to "Payload inspector".'
     },
     class: {
       type: "string",
@@ -111,16 +85,6 @@ containing section. Defaults to "Payload inspector".`
   additionalProperties: false,
   metadata: {
     unsupportedProps: [
-      {
-        name: "format",
-        reason: "function-or-snippet",
-        description: `Custom serializer for the Raw view display text. Receives the parsed value
-and must return a string. Defaults to JSON.stringify with 2-space
-indentation. Use this to customize key ordering, indentation, or
-alternative serialization formats. Does not affect the Summary or Tree
-views, or the copy buttons. For redaction, transform the value upstream and
-pass the already-redacted value as \`value\`.`
-      },
       {
         name: "parse",
         reason: "function-or-snippet",
@@ -134,4 +98,4 @@ export {
   payload_inspector_schema_default as default
 };
 
-//# debugId=73A69749F4816F5B64756E2164756E21
+//# debugId=EA34362B199727DB64756E2164756E21

package/dist/components/payload-inspector/payload-inspector.svelte.d.ts

@@ -2,18 +2,18 @@
  * @cinder
  * @category data-display
  * @status stable
- * @purpose Composed inspector for structured payloads with summary, tree, and raw views, copy actions, and size/truncation status.
+ * @purpose Compact inspector for structured payloads: a labeled tree view with a copy action and size/truncation status.
  * @tag json
  * @tag inspector
  * @tag payload
  * @useWhen Inspecting workflow inputs, signal payloads, activity results, or API response bodies in a dashboard.
- * @useWhen Displaying a structured payload with metadata like content type, source, and timestamp.
+ * @useWhen Displaying a structured payload with a visible label, byte size, and copy affordance.
  * @avoidWhen Rendering a raw code block only — use code-block directly instead.
  * @avoidWhen Needing search, filtering, or virtualization over large collections — compose a custom viewer.
- * @related json-viewer, code-block, description-list, copy-button
+ * @related json-viewer, code-block, copy-button
  */
-export type { PayloadInspectorMeta, PayloadInspectorProps, PayloadInspectorSchemaProps, PayloadInspectorSchemaValue, PayloadInspectorView, } from './payload-inspector.types.ts';
+export type { PayloadInspectorProps, PayloadInspectorSchemaProps, PayloadInspectorSchemaValue, } from './payload-inspector.types.ts';
 import type { PayloadInspectorProps } from './payload-inspector.types.ts';
-declare const PayloadInspector: import("svelte").Component<PayloadInspectorProps, {}, "activeView">;
+declare const PayloadInspector: import("svelte").Component<PayloadInspectorProps, {}, "">;
 type PayloadInspector = ReturnType<typeof PayloadInspector>;
 export default PayloadInspector;

package/dist/components/payload-inspector/payload-inspector.types.d.ts

@@ -1,19 +1,4 @@
 import type { HTMLAttributes } from 'svelte/elements';
-/** Active view tab for the inspector. */
-export type PayloadInspectorView = 'summary' | 'tree' | 'raw';
-/**
- * Structured metadata about the payload shown in the summary view.
- *
- * @schemaObject
- */
-export type PayloadInspectorMeta = {
-    /** Content type or serializer label, e.g. "application/json" or "Protobuf". */
-    contentType?: string;
-    /** Optional source label, e.g. a workflow name, activity name, or endpoint path. */
-    source?: string;
-    /** Optional ISO 8601 timestamp string rendered in the summary. */
-    timestamp?: string;
-};
 /** Schema-facing payload value. Kept permissive to match the runtime `unknown` prop. */
 export type PayloadInspectorSchemaValue = unknown;
 /**
@@ -29,29 +14,15 @@ export type PayloadInspectorProps = Omit<HTMLAttributes<HTMLElement>, 'class' |
     value?: unknown;
     /**
      * When true, the payload has been truncated by the producer (e.g. because it
-     * exceeded a wire size limit). The inspector renders a truncation badge in the
-     * summary and a notice above the raw view.
+     * exceeded a wire size limit). The inspector renders a truncation badge in
+     * the header.
      */
     truncated?: boolean;
     /**
      * Maximum byte size before the tree view is replaced with an oversize
-     * placeholder. Defaults to 1,048,576 (1 MB). Does not affect the raw view.
+     * placeholder. Defaults to 1,048,576 (1 MB).
      */
     maxBytes?: number;
-    /**
-     * Structured metadata shown in the summary panel. Pass contentType, source,
-     * and/or timestamp to populate the description list rows.
-     */
-    meta?: PayloadInspectorMeta;
-    /**
-     * Custom serializer for the Raw view display text. Receives the parsed value
-     * and must return a string. Defaults to JSON.stringify with 2-space
-     * indentation. Use this to customize key ordering, indentation, or
-     * alternative serialization formats. Does not affect the Summary or Tree
-     * views, or the copy buttons. For redaction, transform the value upstream and
-     * pass the already-redacted value as `value`.
-     */
-    format?: (value: unknown) => string;
     /**
      * Custom parser applied when `value` is a string. Receives the raw string
      * and must return a parsed value or throw. Defaults to JSON.parse. Use this
@@ -59,13 +30,7 @@ export type PayloadInspectorProps = Omit<HTMLAttributes<HTMLElement>, 'class' |
      */
     parse?: (raw: string) => unknown;
     /**
-     * Initially active view tab. Defaults to "summary". Bind to control
-     * the active tab from outside.
-     */
-    activeView?: PayloadInspectorView;
-    /**
-     * Label for the inspector region, used as the accessible name for the
-     * containing section. Defaults to "Payload inspector".
+     * Visible header label for the inspector. Defaults to "Payload inspector".
      */
     label?: string;
     /** Additional CSS classes applied to the root element. */
@@ -74,8 +39,8 @@ export type PayloadInspectorProps = Omit<HTMLAttributes<HTMLElement>, 'class' |
 /**
  * Cinder-specific schema surface for PayloadInspector.
  *
- * Parser and formatter callbacks are documented but marked unsupported because
- * functions cannot be represented as JSON Schema controls.
+ * The parser callback is documented but marked unsupported because functions
+ * cannot be represented as JSON Schema controls.
  */
 export type PayloadInspectorSchemaProps = {
     /**
@@ -89,28 +54,17 @@ export type PayloadInspectorSchemaProps = {
     value?: PayloadInspectorSchemaValue;
     /**
      * When true, the payload has been truncated by the producer (e.g. because it
-     * exceeded a wire size limit). The inspector renders a truncation badge in the
-     * summary and a notice above the raw view.
+     * exceeded a wire size limit). The inspector renders a truncation badge in
+     * the header.
      */
     truncated?: boolean;
     /**
      * Maximum byte size before the tree view is replaced with an oversize
-     * placeholder. Defaults to 1,048,576 (1 MB). Does not affect the raw view.
+     * placeholder. Defaults to 1,048,576 (1 MB).
      */
     maxBytes?: number;
     /**
-     * Structured metadata shown in the summary panel. Pass contentType, source,
-     * and/or timestamp to populate the description list rows.
-     */
-    meta?: PayloadInspectorMeta;
-    /**
-     * Initially active view tab. Defaults to "summary". Bind to control
-     * the active tab from outside.
-     */
-    activeView?: PayloadInspectorView;
-    /**
-     * Label for the inspector region, used as the accessible name for the
-     * containing section. Defaults to "Payload inspector".
+     * Visible header label for the inspector. Defaults to "Payload inspector".
      */
     label?: string;
     /** Additional CSS classes applied to the root element. */

package/dist/components/sidebar/index.js

@@ -1053,7 +1053,9 @@ function Sidebar($$anchor, $$props) {
     return label();
   });
   const navigationLabel = $6.derived(() => `${$6.get(validatedLabel)} navigation`);
-  const mobile = typeof window === "undefined" || typeof window.matchMedia !== "function" ? { current: false } : new MediaQuery2("(max-width: 47.99rem)", false);
+  const hasMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+  const usesSsrResponsiveFallback = !hasMatchMedia;
+  const mobile = hasMatchMedia ? new MediaQuery2("(max-width: 47.99rem)", false) : { current: false };
   const context = {
     get collapsed() {
       return collapsed();
@@ -1103,7 +1105,8 @@ function Sidebar($$anchor, $$props) {
         ...rest,
         class: $0,
         "aria-label": $6.get(validatedLabel),
-        "data-cinder-collapsed": collapsed() ? "" : undefined
+        "data-cinder-collapsed": collapsed() ? "" : undefined,
+        "data-cinder-ssr-mobile-fallback": usesSsrResponsiveFallback ? "" : undefined
       }), [
         () => classNames("cinder-sidebar", "cinder-sidebar--desktop", $$props.class)
       ]);
@@ -1130,4 +1133,4 @@ export {
   Sidebar
 };
 
-//# debugId=3DBAC8BB0279502164756E2164756E21
+//# debugId=13D61E15EB9EC3BE64756E2164756E21

package/dist/components/sidebar/sidebar.css

@@ -40,6 +40,10 @@
       border-inline-end: none;
     }
 
+    .cinder-sidebar--desktop[data-cinder-ssr-mobile-fallback] {
+      display: none;
+    }
+
     .cinder-sidebar--desktop[data-cinder-collapsed] {
       display: none;
     }

package/dist/components/tab/index.js

@@ -114,7 +114,10 @@ function Tab($$anchor, $$props) {
   let disabled = $.prop($$props, "disabled", 3, false);
   const tabs = getTabsContext();
   const tabId = $.derived(() => $$props.id ?? `${tabs.baseId}-tab-${$$props.value}`);
-  const panelId = $.derived(() => `${tabs.baseId}-panel-${$$props.value}`);
+  const panelId = $.derived(() => {
+    const controlsId = $$props.controls?.trim();
+    return controlsId ? controlsId : `${tabs.baseId}-panel-${$$props.value}`;
+  });
   const isActive = $.derived(() => tabs.isActive($$props.value));
   const isFocusable = $.derived(() => tabs.isFocusable($$props.value));
   let buttonElement = $.state(undefined);
@@ -194,4 +197,4 @@ export {
   Tab
 };
 
-//# debugId=DBA8AA18E9131ED964756E2164756E21
+//# debugId=4B2CDEBAC98F406464756E2164756E21

package/dist/components/tab/tab.schema.js

@@ -58,15 +58,19 @@ var schema = {
   properties: {
     value: {
       type: "string",
-      description: "Identifier — matches the value of the corresponding TabPanel."
+      description: "Stable identifier used for tab selection; matches TabPanel in the default pattern."
     },
     id: {
       type: "string",
       description: "Optional explicit id override; auto-generated otherwise for ARIA wiring."
     },
+    controls: {
+      type: "string",
+      description: "Optional non-empty `aria-controls` target for caller-owned panels. Empty or\nwhitespace-only strings are treated as omitted. By default, Cinder points\nat the matching TabPanel id (`${baseId}-panel-${value}`)."
+    },
     disabled: {
       type: "boolean",
-      description: "Disables this single tab. The panel content is hidden but its DOM stays."
+      description: "Disables this single tab and removes it from keyboard activation."
     },
     class: {
       type: "string",
@@ -96,4 +100,4 @@ export {
   tab_schema_default as default
 };
 
-//# debugId=70EF8B46C259F16164756E2164756E21
+//# debugId=6054ACE83602A98064756E2164756E21

package/dist/components/tab/tab.svelte.d.ts

@@ -2,11 +2,12 @@
  * @cinder
  * @category navigation
  * @status stable
- * @purpose Single selectable tab trigger inside a tabs composite that registers with the parent context and controls a matching tab-panel.
+ * @purpose Single selectable tab trigger inside a tabs composite that registers with the parent context and controls a matching tab-panel or caller-owned panel id.
  * @tag navigation
  * @tag tabs
  * @useWhen Declaring one tab heading inside a tabs ancestor with a stable value identifier.
  * @useWhen Pairing one-to-one with a tab-panel that shares the same value to wire aria-controls.
+ * @useWhen Pointing multiple tab triggers at a caller-owned panel with the controls prop.
  * @avoidWhen Used outside a tabs ancestor — the component throws at construction.
  * @avoidWhen Rendering a generic action button — use button instead.
  * @related tabs, tab-list, tab-panel

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

@@ -1,10 +1,16 @@
 import type { Snippet } from 'svelte';
 export type TabProps = {
-    /** Identifier — matches the value of the corresponding TabPanel. */
+    /** Stable identifier used for tab selection; matches TabPanel in the default pattern. */
     value: string;
     /** Optional explicit id override; auto-generated otherwise for ARIA wiring. */
     id?: string;
-    /** Disables this single tab. The panel content is hidden but its DOM stays. */
+    /**
+     * Optional non-empty `aria-controls` target for caller-owned panels. Empty or
+     * whitespace-only strings are treated as omitted. By default, Cinder points
+     * at the matching TabPanel id (`${baseId}-panel-${value}`).
+     */
+    controls?: string;
+    /** Disables this single tab and removes it from keyboard activation. */
     disabled?: boolean;
     /** Additional class names merged with `.cinder-tab`. */
     class?: string;

package/dist/components/tabs/index.js

@@ -173,7 +173,10 @@ function Tab($$anchor, $$props) {
   let disabled = $3.prop($$props, "disabled", 3, false);
   const tabs = getTabsContext();
   const tabId = $3.derived(() => $$props.id ?? `${tabs.baseId}-tab-${$$props.value}`);
-  const panelId = $3.derived(() => `${tabs.baseId}-panel-${$$props.value}`);
+  const panelId = $3.derived(() => {
+    const controlsId = $$props.controls?.trim();
+    return controlsId ? controlsId : `${tabs.baseId}-panel-${$$props.value}`;
+  });
   const isActive = $3.derived(() => tabs.isActive($$props.value));
   const isFocusable = $3.derived(() => tabs.isFocusable($$props.value));
   let buttonElement = $3.state(undefined);
@@ -521,4 +524,4 @@ export {
   Tab
 };
 
-//# debugId=CAE059CC8EC3D9DC64756E2164756E21
+//# debugId=03ABA1ADD3F1F54D64756E2164756E21

package/dist/components/team-section/index.js

@@ -3045,6 +3045,7 @@ function Card($$anchor, $$props) {
     "data-cinder-variant": variant(),
     "data-cinder-tone": tone(),
     "data-cinder-edge-to-edge-mobile": edgeToEdgeOnMobile() ? "" : undefined,
+    "data-cinder-padding": padding(),
     ...$10.get(labelAttributes)
   }), [() => classNames("cinder-card", $$props.class)]);
   var node = $10.child(div);
@@ -3347,4 +3348,4 @@ export {
   Team_section as TeamSection
 };
 
-//# debugId=EFCDF452D3F479D764756E2164756E21
+//# debugId=B2014F051BEF956864756E2164756E21

package/dist/components/testimonial-section/index.js

@@ -384,6 +384,7 @@ function Card($$anchor, $$props) {
     "data-cinder-variant": variant(),
     "data-cinder-tone": tone(),
     "data-cinder-edge-to-edge-mobile": edgeToEdgeOnMobile() ? "" : undefined,
+    "data-cinder-padding": padding(),
     ...$5.get(labelAttributes)
   }), [() => classNames("cinder-card", $$props.class)]);
   var node = $5.child(div);
@@ -652,4 +653,4 @@ export {
   Testimonial_section as TestimonialSection
 };
 
-//# debugId=B0CA25CCA793A0AE64756E2164756E21
+//# debugId=D161A9E7D3DB5B8764756E2164756E21

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export type { AlertProps, AlertVariant } from './components/alert/index.ts';
 export { default as AlertDialog } from './components/alert-dialog/index.ts';
 export type { AlertDialogProps } from './components/alert-dialog/index.ts';
 export { default as ApprovalCard } from './components/approval-card/index.ts';
-export type { ApprovalCardCallbacks, ApprovalCardProps, ApprovalCardSchemaProps, ApprovalOperation, ApprovalOperationKind, ApprovalResolution, ApprovalResolutionDecision, ApprovalSandbox, ApprovalState, ApprovalTool, ApprovalToolRisk, } from './components/approval-card/index.ts';
+export type { ApprovalCardCallbacks, ApprovalCardHeadingLevel, ApprovalCardProps, ApprovalCardSchemaProps, ApprovalOperation, ApprovalOperationKind, ApprovalResolution, ApprovalResolutionDecision, ApprovalSandbox, ApprovalState, ApprovalTool, ApprovalToolRisk, } from './components/approval-card/index.ts';
 export { default as AreaChart } from './components/area-chart/index.ts';
 export type { AreaChartProps, AreaChartSchemaProps } from './components/area-chart/index.ts';
 export { default as Autocomplete } from './components/autocomplete/index.ts';
@@ -53,6 +53,8 @@ export { default as Carousel } from './components/carousel/index.ts';
 export type { CarouselControlLabel, CarouselProps, CarouselSlide, CarouselSlideContent, } from './components/carousel/index.ts';
 export { default as Chat } from './components/chat/index.ts';
 export type { ChatProps } from './components/chat/index.ts';
+export { default as ChatComposerPopover, filterFuzzySubsequence, fuzzySubsequenceScore, } from './components/chat-composer-popover/index.ts';
+export type { ChatComposerPopoverComposerProps, ChatComposerPopoverItem, ChatComposerPopoverItemSnippetContext, ChatComposerPopoverProps, ChatComposerPopoverSelection, ChatComposerPopoverTriggerMatch, FuzzyFilterItem, FuzzyFilterResult, } from './components/chat-composer-popover/index.ts';
 export { default as ChatConversationHeader } from './components/chat-conversation-header/index.ts';
 export type { ChatConversationHeaderHeadingLevel, ChatConversationHeaderProps, } from './components/chat-conversation-header/index.ts';
 export { default as ChatConversationList, deriveConversationSummary, } from './components/chat-conversation-list/index.ts';
@@ -243,7 +245,7 @@ export type { PaginationProps } from './components/pagination/index.ts';
 export { default as PageHeader } from './components/page-header/index.ts';
 export type { PageHeaderProps } from './components/page-header/index.ts';
 export { default as PayloadInspector } from './components/payload-inspector/index.ts';
-export type { PayloadInspectorMeta, PayloadInspectorProps, PayloadInspectorView, } from './components/payload-inspector/index.ts';
+export type { PayloadInspectorProps } from './components/payload-inspector/index.ts';
 export { default as PermissionMatrix } from './components/permission-matrix/index.ts';
 export type { PermissionMatrixAxisItem, PermissionMatrixCellState, PermissionMatrixProps, PermissionMatrixSchemaProps, PermissionMatrixStateLabels, } from './components/permission-matrix/index.ts';
 export { default as PhoneInput } from './components/phone-input/index.ts';