@lostgradient/cinder 0.3.0 → 0.4.0

package/src/components/tree-item/tree-item.types.ts

@@ -21,7 +21,7 @@ export type TreeItemProps = {
   label: string;
   /** When true, the item cannot be selected or actioned. Still keyboard-reachable. */
   disabled?: boolean;
-  /** Render a reorder handle when the parent Tree provides onReorder. */
+  /** Render a reorder handle when the parent Tree provides onreorder. */
   draggable?: boolean;
   /**
    * Marks the node as an expandable branch. A node is a leaf unless it sets `branch`
@@ -34,14 +34,14 @@ export type TreeItemProps = {
   /**
    * Async loader called the first time the item is expanded. Implies `branch=true`.
    * The loader mutates consumer-owned reactive state; it returns no data.
-   * Errors are forwarded to `onLoadError` if provided, otherwise logged via
+   * Errors are forwarded to `onloaderror` if provided, otherwise logged via
    * `console.error` with a `[cinder-tree]` prefix.
    */
   loadChildren?: (context: { id: string; signal: AbortSignal }) => void | Promise<void>;
   /** Called when `loadChildren` rejects with a non-abort error. */
-  onLoadError?: (error: unknown, itemId: string) => void;
+  onloaderror?: (error: unknown, itemId: string) => void;
   /** Called when inline label editing commits a new label. */
-  onRename?: (itemId: string, nextLabel: string) => void | Promise<void>;
+  onrename?: (itemId: string, nextLabel: string) => void | Promise<void>;
   /** Explicit selectable ids controlled by this item in cascade checkbox-selection mode. */
   selectionScopeIds?: string[];
   /** Optional row content snippet override. Default renders `label`. */

package/src/components/virtual-list/virtual-list.svelte

@@ -30,6 +30,7 @@
   import { tick } from 'svelte';
 
   import { classNames } from '../../utilities/class-names.ts';
+  import { useResizeObserver } from '../../utilities/use-resize-observer.svelte.ts';
   import type { VirtualListProps } from './virtual-list.types.ts';
   import {
     getFixedVirtualWindow,
@@ -88,13 +89,11 @@
   $effect(() => {
     const element = scrollElement;
     if (!element) return;
-
     syncViewport(element);
-    if (typeof ResizeObserver === 'undefined') return;
+  });
 
-    const observer = new ResizeObserver(() => syncViewport(element));
-    observer.observe(element);
-    return () => observer.disconnect();
+  const observeResize = useResizeObserver(() => {
+    if (scrollElement) syncViewport(scrollElement);
   });
 
   $effect.pre(() => {
@@ -159,6 +158,7 @@
   this={'div'}
   {...rest}
   bind:this={scrollElement}
+  {@attach observeResize}
   class={classNames('cinder-virtual-list', className)}
   {role}
   {tabindex}

package/src/components/waveform/waveform.svelte

@@ -20,6 +20,7 @@
 <script lang="ts">
   import { dataTableClass } from '../../_internal/chart/chart-utilities.ts';
   import { classNames } from '../../utilities/class-names.ts';
+  import { useResizeObserver } from '../../utilities/use-resize-observer.svelte.ts';
   import type { WaveformProps } from './waveform.types.ts';
 
   let {
@@ -43,25 +44,12 @@
   const descriptionId = $derived(description ? `${rootId}-description` : undefined);
 
   let measuredWidth = $state(400);
-  let rootElement = $state<HTMLElement>();
 
-  $effect(() => {
-    const element = rootElement;
-    if (!element) return;
-    // Guard for SSR / test environments without ResizeObserver.
-    if (typeof ResizeObserver === 'undefined') {
-      const rect = element.getBoundingClientRect();
-      if (rect.width > 0) measuredWidth = rect.width;
-      return;
-    }
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      // Ignore zero-width measurements (hidden / display:none) so the last good
-      // width is kept rather than collapsing the geometry, matching the fallback.
-      if (entry && entry.contentRect.width > 0) measuredWidth = entry.contentRect.width;
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
+  const observeResize = useResizeObserver((entries) => {
+    const entry = entries[0];
+    // Ignore zero-width measurements (hidden / display:none) so the last good
+    // width is kept rather than collapsing the geometry.
+    if (entry && entry.contentRect.width > 0) measuredWidth = entry.contentRect.width;
   });
 
   const isEmpty = $derived(data.length === 0);
@@ -204,7 +192,7 @@
 
 <figure
   {...rest}
-  bind:this={rootElement}
+  {@attach observeResize}
   id={rootId}
   class={classNames('cinder-waveform', customClassName)}
   aria-label={label}

package/src/index.ts

@@ -13,6 +13,19 @@ 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,
+  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';
 
@@ -43,7 +56,12 @@ export type {
 } from './components/avatar-group/index.ts';
 
 export { default as Badge } from './components/badge/index.ts';
-export type { BadgeProps, BadgeSize, BadgeVariant } from './components/badge/index.ts';
+export type {
+  BadgeProps,
+  BadgeSize,
+  BadgeSubscriptionState,
+  BadgeVariant,
+} from './components/badge/index.ts';
 
 export { default as Backdrop } from './components/backdrop/index.ts';
 export type { BackdropProps } from './components/backdrop/index.ts';
@@ -182,12 +200,6 @@ export type { CommandPaletteProps } from './components/command-palette/index.ts'
 export { default as ConfirmDialog } from './components/confirm-dialog/index.ts';
 export type { ConfirmDialogProps } from './components/confirm-dialog/index.ts';
 
-export { default as ConnectionIndicator } from './components/connection-indicator/index.ts';
-export type {
-  ConnectionIndicatorProps,
-  ConnectionState,
-} from './components/connection-indicator/index.ts';
-
 export { default as Container } from './components/container/index.ts';
 export type {
   ContainerElement,
@@ -231,6 +243,7 @@ export { default as DateRangeField } from './components/date-range-field/index.t
 export type {
   DateRangeDatePreset,
   DateRangeFieldProps,
+  DateRangeGranularity,
   DateRangeValue,
 } from './components/date-range-field/index.ts';
 
@@ -251,8 +264,8 @@ export type {
 export { default as DiffViewer } from './components/diff-viewer/index.ts';
 export type {
   DiffToolbarContext,
+  DiffViewerMode,
   DiffViewerProps,
-  ViewMode,
 } from './components/diff-viewer/index.ts';
 
 export { default as Divider } from './components/divider/index.ts';
@@ -297,9 +310,15 @@ export type { EmptyStateProps } from './components/empty-state/index.ts';
 export { default as EventStreamViewer } from './components/event-stream-viewer/index.ts';
 export type {
   EventSeverity,
+  EventStreamEntry,
+  EventStreamSchemaDetailValue,
+  EventStreamSchemaEntry,
+  EventStreamSchemaEvent,
   EventStreamState,
   EventStreamViewerProps,
+  EventStreamViewerSchemaProps,
   StreamEvent,
+  StreamReconnectedBoundary,
 } from './components/event-stream-viewer/index.ts';
 
 export { default as FacetedFilterBar } from './components/faceted-filter-bar/index.ts';
@@ -320,8 +339,8 @@ export type { FeedProps } from './components/feed/index.ts';
 
 export { default as FloatingActionButton } from './components/floating-action-button/index.ts';
 export type {
-  FloatingActionButtonColor,
   FloatingActionButtonProps,
+  FloatingActionButtonShape,
   FloatingActionButtonSize,
   FloatingActionButtonVariant,
 } from './components/floating-action-button/index.ts';
@@ -434,6 +453,9 @@ export type { LinkColor, LinkProps, LinkUnderline } from './components/link/inde
 export { default as LineChart } from './components/line-chart/index.ts';
 export type { LineChartProps, LineChartSchemaProps } from './components/line-chart/index.ts';
 
+export { default as LocaleProvider } from './components/locale-provider/index.ts';
+export type { LocaleProviderProps, TextDirection } from './components/locale-provider/index.ts';
+
 export { default as LoadMore } from './components/load-more/index.ts';
 export type { LoadMoreProps } from './components/load-more/index.ts';
 
@@ -548,6 +570,7 @@ export { default as RunStepTimeline } from './components/run-step-timeline/index
 export type {
   RunStep,
   RunStepDetail,
+  RunStepLink,
   RunStepStatus,
   RunStepTimelineProps,
 } from './components/run-step-timeline/index.ts';
@@ -597,7 +620,6 @@ export type {
   SchemaFormOutput,
   SchemaFormProps,
   SchemaFormSchema,
-  SchemaFormStandardSchema,
   SchemaFormSubmitHandler,
 } from './components/schema-form/index.ts';
 
@@ -723,17 +745,12 @@ export type {
 
 export { default as StatusDot } from './components/status-dot/index.ts';
 export type {
+  StatusDotConnectionState,
   StatusDotProps,
   StatusDotSize,
   StatusDotStatus,
 } from './components/status-dot/index.ts';
 
-export { default as SubscriptionBadge } from './components/subscription-badge/index.ts';
-export type {
-  SubscriptionBadgeProps,
-  SubscriptionState,
-} from './components/subscription-badge/index.ts';
-
 export { default as Surface } from './components/surface/index.ts';
 export type { SurfaceProps, SurfaceTone } from './components/surface/index.ts';
 
@@ -781,6 +798,13 @@ export type { TabsContext, TabsOrientation, TabsProps } from './components/tabs/
 export { default as Textarea } from './components/textarea/index.ts';
 export type { TextareaProps } from './components/textarea/index.ts';
 
+export { default as TimeField } from './components/time-field/index.ts';
+export type {
+  TimeFieldChange,
+  TimeFieldGranularity,
+  TimeFieldProps,
+} from './components/time-field/index.ts';
+
 export { default as ToastRegion } from './components/toast-region/index.ts';
 export type {
   ToastApi,

package/src/styles/components/_field-label.css

@@ -0,0 +1,20 @@
+@layer cinder.components {
+  /* Shared required-field marker. One definition consumed by every form
+     control's inline label, by FormField, and by the standalone Label so the
+     indicator can never drift between surfaces.
+
+     A visible asterisk (not a color-only dot) so the "required" meaning is
+     conveyed by glyph shape, satisfying WCAG 1.4.1 for users who cannot
+     perceive the red color. The span is `aria-hidden` in markup — the field's
+     native `required`/`aria-required` attribute is the single signal exposed
+     to assistive technology, so the asterisk does not double-announce. */
+  .cinder-_required-marker {
+    display: inline-flex;
+    align-items: center;
+    align-self: center;
+    color: var(--cinder-danger);
+    font-size: var(--cinder-text-sm);
+    line-height: 0;
+    flex-shrink: 0;
+  }
+}

package/src/styles/components/_input-frame.css

@@ -66,7 +66,8 @@
     .cinder-_input-frame[data-invalid]:focus-visible,
     .cinder-_input-frame[data-invalid]:focus-within {
       border-color: Mark;
-      outline-color: Mark;
+      outline: var(--cinder-ring-width) solid Mark;
+      outline-offset: 3px;
       box-shadow: none;
     }
   }

package/src/styles/components.css

@@ -5,6 +5,7 @@
  */
 
 @import './components/_control-item.css';
+@import './components/_field-label.css';
 @import './components/_floating-surface.css';
 @import './components/_input-frame.css';
 
@@ -13,6 +14,7 @@
 @import '../components/accordion/accordion.css';
 @import '../components/alert/alert.css';
 @import '../components/alert-dialog/alert-dialog.css';
+@import '../components/approval-card/approval-card.css';
 @import '../components/area-chart/area-chart.css';
 @import '../components/autocomplete/autocomplete.css';
 @import '../components/aspect-ratio/aspect-ratio.css';
@@ -43,7 +45,6 @@
 @import '../components/command-menu/command-menu.css';
 @import '../components/command-palette/command-palette.css';
 @import '../components/confirm-dialog/confirm-dialog.css';
-@import '../components/connection-indicator/connection-indicator.css';
 @import '../components/container/container.css';
 @import '../components/context-menu/context-menu.css';
 @import '../components/copy-button/copy-button.css';
@@ -130,7 +131,6 @@
 @import '../components/stat-group/stat-group.css';
 @import '../components/status-dot/status-dot.css';
 @import '../components/steps/steps.css';
-@import '../components/subscription-badge/subscription-badge.css';
 @import '../components/surface/surface.css';
 @import '../components/tab/tab.css';
 @import '../components/tab-list/tab-list.css';
@@ -144,6 +144,7 @@
 @import '../components/table-row/table-row.css';
 @import '../components/tabs/tabs.css';
 @import '../components/textarea/textarea.css';
+@import '../components/time-field/time-field.css';
 @import '../components/timeline/timeline.css';
 @import '../components/toast-region/toast-region.css';
 @import '../components/transfer-list/transfer-list.css';

package/src/styles/index.css

@@ -32,6 +32,7 @@
 @import './_base-marker.css' layer(cinder.tokens);
 @import './foundation.css' layer(cinder.foundation);
 @import './components/_dismiss-button.css';
+@import './components/_field-label.css';
 @import './components/_floating-surface.css';
 @import './components/_control-item.css';
 @import './components/_input-frame.css';

package/src/styles/tokens-base.css

@@ -70,6 +70,9 @@
   --cinder-shadow-lg:
     0 10px 15px -3px light-dark(oklch(0% 0 0 / 0.14), oklch(100% 0 0 / 0.11)),
     0 4px 6px -4px light-dark(oklch(0% 0 0 / 0.12), oklch(100% 0 0 / 0.07));
+  --cinder-shadow-overlay:
+    0 10px 15px -3px light-dark(oklch(0% 0 0 / 0.14), oklch(0% 0 0 / 0.45)),
+    0 4px 6px -4px light-dark(oklch(0% 0 0 / 0.12), oklch(0% 0 0 / 0.32));
 
   /* ========================================
    * CONTROL HEIGHTS

package/src/utilities/attachments.ts

@@ -22,8 +22,8 @@ export function createBodyScrollLock(): Attachment<HTMLElement> {
   };
 }
 
-/** Pointer/click events the outside-dismiss listener can key off. */
-export type ClickOutsideEventType = 'click' | 'pointerdown' | 'mousedown';
+/** Pointer/click/touch events the outside-dismiss listener can key off. */
+export type ClickOutsideEventType = 'click' | 'pointerdown' | 'mousedown' | 'touchstart';
 
 export type ClickOutsideOptions = {
   /** Callback when an outside interaction occurs */
@@ -50,12 +50,17 @@ export type ClickOutsideOptions = {
   ignoreRefs?: Array<() => Element | null>;
 };
 
+function isInsideEventPath(event: Event, element: Element): boolean {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element.contains(entry));
+}
+
 /**
  * Creates an outside-interaction attachment that calls a handler when a `click`, `pointerdown`,
- * or `mousedown` lands outside the attached element (and outside any `ignoreRefs`). This is the
- * single canonical mechanism for overlay light-dismiss — dropdowns, menus, popovers — so each
- * overlay does not hand-roll its own `document` listener and inside/trigger exclusion (see
- * `OVERLAY-POLICY.md` § Outside-click).
+ * `mousedown`, or `touchstart` lands outside the attached element (and outside any `ignoreRefs`).
+ * This is the single canonical mechanism for overlay light-dismiss — dropdowns, menus, popovers —
+ * so each overlay does not hand-roll its own `document` listener and inside/trigger exclusion
+ * (see `OVERLAY-POLICY.md` § Outside-click).
  *
  * @example
  * ```svelte
@@ -78,23 +83,21 @@ export function createClickOutside(options: ClickOutsideOptions): Attachment<HTM
   const { handler, enabled = true, eventType = 'click', capture = true, ignoreRefs } = options;
 
   return (node: HTMLElement) => {
-    // All three event types (click, pointerdown, mousedown) produce MouseEvent or its
-    // subtype PointerEvent — typing as MouseEvent is accurate and preserves mouse properties
-    // should the handler or future callers need them.
-    function handleEvent(event: MouseEvent) {
+    function handleEvent(event: MouseEvent | PointerEvent | TouchEvent) {
       const isEnabled = typeof enabled === 'function' ? enabled() : enabled;
       if (!isEnabled) return;
+      if (event.type === 'touchstart' && !event.cancelable) return;
       const target = event.target;
       // A non-Node (or null) target is treated as outside the node.
       if (!(target instanceof Node)) {
         handler();
         return;
       }
-      if (node.contains(target)) return;
+      if (isInsideEventPath(event, node)) return;
       if (ignoreRefs) {
         for (const ref of ignoreRefs) {
           const element = ref();
-          if (element && element.contains(target)) return;
+          if (element && isInsideEventPath(event, element)) return;
         }
       }
       handler();

package/src/utilities/value-change.ts

@@ -0,0 +1,11 @@
+export type ValueChangeHandler<T> = (next: T) => T | void;
+
+export function commitValue<T>(
+  proposed: T,
+  onValueChange: ValueChangeHandler<T> | undefined,
+  setValue: (next: T) => void,
+): T {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}

package/dist/components/connection-indicator/connection-indicator.css

@@ -1,63 +0,0 @@
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-@layer cinder.components {
-  /* ========================================
- * CONNECTION INDICATOR
- * Live-status pill with semantic dot + label.
- * ======================================== */
-
-  .cinder-connection-indicator {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--cinder-space-1-5);
-    padding: var(--cinder-space-0-5) var(--cinder-space-2);
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    border-radius: var(--cinder-radius-full);
-    background: var(--cinder-surface-inset);
-    color: var(--cinder-text);
-  }
-
-  .cinder-connection-indicator__dot {
-    display: inline-block;
-    width: 0.5rem;
-    height: 0.5rem;
-    border-radius: var(--cinder-radius-full);
-    background: currentColor;
-  }
-
-  .cinder-connection-indicator[data-cinder-state='connected'] {
-    color: var(--cinder-success);
-  }
-
-  .cinder-connection-indicator[data-cinder-state='connecting'] {
-    color: var(--cinder-warning);
-  }
-
-  .cinder-connection-indicator[data-cinder-state='connecting'] .cinder-connection-indicator__dot {
-    animation: cinder-connection-pulse 1.4s ease-in-out infinite;
-  }
-
-  @keyframes cinder-connection-pulse {
-    0%,
-    100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.3;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-connection-indicator[data-cinder-state='connecting'] .cinder-connection-indicator__dot {
-      animation: none;
-    }
-  }
-
-  .cinder-connection-indicator[data-cinder-state='disconnected'] {
-    color: var(--cinder-text-muted);
-  }
-
-  .cinder-connection-indicator[data-cinder-state='error'] {
-    color: var(--cinder-danger);
-  }
-}

package/dist/components/connection-indicator/connection-indicator.svelte.d.ts

@@ -1,18 +0,0 @@
-/**
- * @cinder
- * @category feedback
- * @status stable
- * @purpose Live-status pill pairing a semantic dot with a label to communicate real-time WebSocket, SSE, or polling connection state.
- * @tag connection
- * @tag status
- * @tag realtime
- * @useWhen Surfacing whether a realtime channel is connected, connecting, disconnected, or errored on a dashboard or app chrome.
- * @useWhen Giving operators an at-a-glance health signal for a long-lived transport.
- * @avoidWhen Communicating generic semantic state with no realtime connection backing it — status-dot is the lower-level primitive.
- * @related status-dot, spinner
- */
-export type { ConnectionIndicatorProps, ConnectionState } from './connection-indicator.types.ts';
-import type { ConnectionIndicatorProps } from './connection-indicator.types.ts';
-declare const ConnectionIndicator: import("svelte").Component<ConnectionIndicatorProps, {}, "">;
-type ConnectionIndicator = ReturnType<typeof ConnectionIndicator>;
-export default ConnectionIndicator;

package/dist/components/connection-indicator/connection-indicator.types.d.ts

@@ -1,14 +0,0 @@
-import type { HTMLAttributes } from 'svelte/elements';
-/**
- * Live-status pill with a semantic dot and label. Use to show real-time
- * connection state (WebSocket, SSE, polling) on dashboards.
- */
-export type ConnectionState = 'connected' | 'connecting' | 'disconnected' | 'error';
-export type ConnectionIndicatorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'class' | 'role'> & {
-    /** Current connection state. */
-    state: ConnectionState;
-    /** Optional override for the visible label. Defaults derived from `state`. */
-    label?: string;
-    /** Additional class names merged with `.cinder-connection-indicator`. */
-    class?: string;
-};

package/dist/components/connection-indicator/index.d.ts

@@ -1,5 +0,0 @@
-import './connection-indicator.css';
-import ConnectionIndicator from './connection-indicator.svelte';
-export default ConnectionIndicator;
-export type { ConnectionIndicatorProps, ConnectionState } from './connection-indicator.types.ts';
-export { ConnectionIndicator };

package/dist/components/connection-indicator/index.js

@@ -1,75 +0,0 @@
-var __defProp = Object.defineProperty;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/components/connection-indicator/index.ts
-import"@lostgradient/cinder/connection-indicator/styles";
-
-// src/components/connection-indicator/connection-indicator.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/connection-indicator/connection-indicator.svelte
-var root = $.from_html(`<span><span class="cinder-connection-indicator__dot" aria-hidden="true"></span> <span class="cinder-connection-indicator__label"> </span></span>`);
-function Connection_indicator($$anchor, $$props) {
-  $.push($$props, true);
-  let rest = $.rest_props($$props, ["$$slots", "$$events", "$$legacy", "state", "label", "class"]);
-  const defaultLabels = {
-    connected: "Connected",
-    connecting: "Connecting",
-    disconnected: "Disconnected",
-    error: "Error"
-  };
-  const visibleLabel = $.derived(() => $$props.label ?? defaultLabels[$$props.state]);
-  var span = root();
-  $.attribute_effect(span, ($0) => ({
-    ...rest,
-    class: $0,
-    "data-cinder-state": $$props.state,
-    role: "status",
-    "aria-live": "polite",
-    "aria-atomic": "true"
-  }), [
-    () => classNames("cinder-connection-indicator", $$props.class)
-  ]);
-  var span_1 = $.sibling($.child(span), 2);
-  var text = $.child(span_1, true);
-  $.reset(span_1);
-  $.reset(span);
-  $.template_effect(() => $.set_text(text, $.get(visibleLabel)));
-  $.append($$anchor, span);
-  $.pop();
-}
-
-// src/components/connection-indicator/index.ts
-var connection_indicator_default = Connection_indicator;
-export {
-  connection_indicator_default as default,
-  Connection_indicator as ConnectionIndicator
-};
-
-//# debugId=CF43873441D919E564756E2164756E21

package/dist/components/experimental/connection-indicator/index.d.ts

@@ -1,2 +0,0 @@
-export { ConnectionIndicator, default } from '../../connection-indicator/index.ts';
-export type { ConnectionIndicatorProps, ConnectionState, } from '../../connection-indicator/index.ts';