@astryxdesign/lab 0.0.0-bootstrap.0 → 0.1.2-canary.04e71b2

package/dist/ChatReasoning/ChatReasoning.js

@@ -0,0 +1,236 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file ChatReasoning.tsx
+ * @input Uses React, StyleX, theme tokens
+ * @output Exports ChatReasoning component
+ * @position Chat component — compact collapsible reasoning/thinking display
+ *
+ * Renders model reasoning/thinking content as a compact single-line
+ * collapsed element. Expanding reveals the full reasoning text.
+ *
+ * Design: extremely compact by default. One line with ellipsis overflow.
+ * Expandable on click.
+ */
+import { useState, useCallback } from 'react';
+import * as stylex from '@stylexjs/stylex';
+import '@astryxdesign/core/theme/tokens.stylex';
+import { colorVars, spacingVars, typeScaleVars, typographyVars, fontWeightVars, durationVars, easeVars } from '@astryxdesign/core/theme/tokens.stylex';
+import { mergeProps } from '@astryxdesign/core/utils';
+import { themeProps } from '@astryxdesign/core/utils';
+
+// =============================================================================
+// Types
+// =============================================================================
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// =============================================================================
+// Animations
+// =============================================================================
+
+const shimmerKeyframes = "x1ofn8cw-B";
+
+// =============================================================================
+// Styles
+// =============================================================================
+
+const styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    keoZOQ: "xtbrsbv",
+    $$css: true
+  }
+};
+
+// =============================================================================
+// Icons
+// =============================================================================
+
+function ThinkingIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    children: [/*#__PURE__*/_jsx("circle", {
+      cx: "7",
+      cy: "7",
+      r: "5.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeDasharray: "3 2"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "5.5",
+      cy: "7",
+      r: "0.75",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "8.5",
+      cy: "7",
+      r: "0.75",
+      fill: "currentColor"
+    })]
+  });
+}
+function ChevronDownIcon() {
+  return /*#__PURE__*/_jsx("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M3 4.5L6 7.5L9 4.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+
+// =============================================================================
+// Component
+// =============================================================================
+
+/**
+ * Compact collapsible display for model reasoning/thinking content.
+ *
+ * Renders as a single line: icon + label + duration + ellipsized preview.
+ * Expands to show full reasoning on click.
+ *
+ * @example
+ * ```
+ * <ChatMessage sender="assistant">
+ *   <ChatReasoning duration="12s">
+ *     Let me work through the constraints on adjacent fields...
+ *   </ChatReasoning>
+ *   <Markdown>{response}</Markdown>
+ * </ChatMessage>
+ * ```
+ */
+export function ChatReasoning(props) {
+  const {
+    children,
+    label = 'Thinking',
+    duration,
+    isStreaming = false,
+    isExpanded: controlledExpanded,
+    defaultIsExpanded = false,
+    onExpandedChange,
+    xstyle,
+    className,
+    style,
+    ...rest
+  } = props;
+  const [internalExpanded, setInternalExpanded] = useState(defaultIsExpanded);
+  const isControlled = controlledExpanded !== undefined;
+  const isExpanded = isControlled ? controlledExpanded : internalExpanded;
+  const toggle = useCallback(() => {
+    const next = !isExpanded;
+    if (!isControlled) {
+      setInternalExpanded(next);
+    }
+    onExpandedChange?.(next);
+  }, [isExpanded, isControlled, onExpandedChange]);
+  const previewText = typeof children === 'string' ? children : null;
+  return /*#__PURE__*/_jsxs("div", {
+    ...mergeProps(themeProps('chat-reasoning', {
+      expanded: isExpanded ? 'expanded' : null,
+      streaming: isStreaming ? 'streaming' : null
+    }), stylex.props(styles.root, xstyle), className, style),
+    ...rest,
+    children: [/*#__PURE__*/_jsxs("div", {
+      role: "button",
+      tabIndex: 0,
+      "aria-expanded": isExpanded,
+      onClick: toggle,
+      onKeyDown: e => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          toggle();
+        }
+      },
+      ...{
+        className: "x78zum5 x6s0dn4 x1s4dlld x1ypdohk x87ps6o xjwf9q1 x13f7esw"
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        ...{
+          className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x1kky2od xlup9mm xv1l7n4"
+        },
+        children: /*#__PURE__*/_jsx(ThinkingIcon, {})
+      }), /*#__PURE__*/_jsxs("div", {
+        ...{
+          className: "x78zum5 x6s0dn4 xzye2dw xeuugli xb3r6kr"
+        },
+        children: [/*#__PURE__*/_jsx("span", {
+          ...{
+            0: {
+              className: "x141an7d x1ltkj2j x9ynric x1e4wzip xv1l7n4 xuxw1ft x2lah0s"
+            },
+            1: {
+              className: "x141an7d x1ltkj2j x9ynric x1e4wzip xuxw1ft x2lah0s xct3ic7 xakli9p x1ta4xzc x19co3pv x3mlza6 xeaay5l x1esw782 xa4qsjk"
+            }
+          }[!!isStreaming << 0],
+          children: label
+        }), duration != null && !isStreaming && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("span", {
+            ...{
+              className: "x141an7d xnbbluu x2lah0s"
+            },
+            children: "\xB7"
+          }), /*#__PURE__*/_jsx("span", {
+            ...{
+              className: "x141an7d x1ltkj2j x9ynric xnbbluu xuxw1ft x2lah0s"
+            },
+            children: duration
+          })]
+        }), !isExpanded && previewText && !isStreaming && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("span", {
+            ...{
+              className: "x141an7d xnbbluu x2lah0s"
+            },
+            children: "\u2014"
+          }), /*#__PURE__*/_jsx("span", {
+            ...{
+              className: "x141an7d x1ltkj2j x9ynric xnbbluu xuxw1ft xb3r6kr xlyipyv xeuugli"
+            },
+            children: previewText
+          })]
+        })]
+      }), /*#__PURE__*/_jsx("span", {
+        ...{
+          0: {
+            className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd"
+          },
+          1: {
+            className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x19jd1h0"
+          }
+        }[!!isExpanded << 0],
+        children: /*#__PURE__*/_jsx(ChevronDownIcon, {})
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      ...{
+        0: {
+          className: "xrvj5dj xihq33y xb0j27v"
+        },
+        1: {
+          className: "xrvj5dj xb0j27v x1tu4anv"
+        }
+      }[!!isExpanded << 0],
+      children: /*#__PURE__*/_jsx("div", {
+        ...{
+          className: "xb3r6kr x2lwn1j"
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          ...{
+            className: "x1xye8es x1f43n9v x141an7d x1ltkj2j x9ynric xv1l7n4"
+          },
+          children: children
+        })
+      })
+    })]
+  });
+}
+ChatReasoning.displayName = 'ChatReasoning';

package/dist/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @file CircularProgress.tsx
+ * @input Uses React, useId, stylex, SVG, color/spacing/duration/ease tokens
+ * @output Exports CircularProgress component, CircularProgressProps, CircularProgressSize, CircularProgressVariant types
+ * @position Core implementation; consumed by index.ts
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/core/src/CircularProgress/CircularProgress.doc.mjs (props table, features, implementation notes)
+ * - /packages/core/src/CircularProgress/CircularProgress.test.tsx (tests for new/changed behavior)
+ * - /packages/core/src/CircularProgress/index.ts (exports if types change)
+ * - /apps/storybook/stories/CircularProgress.stories.tsx (storybook stories)
+ * - /packages/cli/templates/blocks/components/CircularProgress/ (showcase blocks)
+ */
+import { type ReactNode } from 'react';
+import type { BaseProps } from '@astryxdesign/core';
+/**
+ * Extensible variant map for CircularProgress.
+ *
+ * Theme packages can add custom variants via TypeScript module augmentation:
+ * @example
+ * ```
+ * declare module '@astryxdesign/core/CircularProgress' {
+ *   interface CircularProgressVariantMap {
+ *     'brand': true;
+ *   }
+ * }
+ * ```
+ */
+export interface CircularProgressVariantMap {
+    accent: true;
+    success: true;
+    warning: true;
+    error: true;
+    neutral: true;
+}
+export type CircularProgressVariant = keyof CircularProgressVariantMap;
+export type CircularProgressSize = 'sm' | 'md' | 'lg';
+export interface CircularProgressProps extends BaseProps<HTMLDivElement> {
+    /** Ref forwarded to the root element */
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Current value of the circular progress.
+     * When omitted, the component renders an indeterminate spinning animation.
+     */
+    value?: number;
+    /**
+     * Maximum value.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Accessible label for the progress indicator. Required for a11y.
+     */
+    label: string;
+    /**
+     * When true, the label is visually hidden but remains accessible to screen readers.
+     * @default true
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Content displayed in the center of the ring.
+     * Typically a percentage string, icon, or custom content.
+     */
+    children?: ReactNode;
+    /**
+     * Diameter of the circular progress.
+     * - 'sm': 32px
+     * - 'md': 48px
+     * - 'lg': 64px
+     * @default 'md'
+     */
+    size?: CircularProgressSize;
+    /**
+     * Visual style variant mapped to semantic color tokens.
+     * @default 'accent'
+     */
+    variant?: CircularProgressVariant;
+    /**
+     * Test ID for testing utilities.
+     */
+    'data-testid'?: string;
+}
+/**
+ * A circular/radial progress indicator that shows completion as a ring.
+ *
+ * In determinate mode, displays a known value as an arc fill.
+ * In indeterminate mode, shows an animated spinning indicator.
+ * Supports center content via children for labels, percentages, or icons.
+ *
+ * @example
+ * ```
+ * <CircularProgress value={75} label="Upload progress" />
+ * <CircularProgress value={75} label="Progress" max={100}>75%</CircularProgress>
+ * <CircularProgress label="Loading..." />
+ * ```
+ */
+export declare function CircularProgress({ value, max, label, isLabelHidden, children, size, variant, xstyle, className, style, 'data-testid': dataTestId, ref, ...rest }: CircularProgressProps): import("react").JSX.Element;
+export declare namespace CircularProgress {
+    var displayName: string;
+}
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/CircularProgress/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../src/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAQ,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAY5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAGlD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,0BAA0B,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAQtD,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACtE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAiJD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,GAAS,EACT,KAAK,EACL,aAAoB,EACpB,QAAQ,EACR,IAAW,EACX,OAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAyFvB;yBAvGe,gBAAgB"}

package/dist/CircularProgress/CircularProgress.js

@@ -0,0 +1,263 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file CircularProgress.tsx
+ * @input Uses React, useId, stylex, SVG, color/spacing/duration/ease tokens
+ * @output Exports CircularProgress component, CircularProgressProps, CircularProgressSize, CircularProgressVariant types
+ * @position Core implementation; consumed by index.ts
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/core/src/CircularProgress/CircularProgress.doc.mjs (props table, features, implementation notes)
+ * - /packages/core/src/CircularProgress/CircularProgress.test.tsx (tests for new/changed behavior)
+ * - /packages/core/src/CircularProgress/index.ts (exports if types change)
+ * - /apps/storybook/stories/CircularProgress.stories.tsx (storybook stories)
+ * - /packages/cli/templates/blocks/components/CircularProgress/ (showcase blocks)
+ */
+import { useId } from 'react';
+import * as stylex from '@stylexjs/stylex';
+import '@astryxdesign/core/theme/tokens.stylex';
+import { colorVars, durationVars, easeVars, fontWeightVars, spacingVars, typeScaleVars } from '@astryxdesign/core/theme/tokens.stylex';
+import { mergeProps } from '@astryxdesign/core/utils';
+import { themeProps } from '@astryxdesign/core/utils';
+
+/**
+ * Extensible variant map for CircularProgress.
+ *
+ * Theme packages can add custom variants via TypeScript module augmentation:
+ * @example
+ * ```
+ * declare module '@astryxdesign/core/CircularProgress' {
+ *   interface CircularProgressVariantMap {
+ *     'brand': true;
+ *   }
+ * }
+ * ```
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZE_CONFIG = {
+  sm: {
+    diameter: 32,
+    strokeWidth: 3
+  },
+  md: {
+    diameter: 48,
+    strokeWidth: 4
+  },
+  lg: {
+    diameter: 64,
+    strokeWidth: 5
+  }
+};
+// =============================================================================
+// Indeterminate animation
+// =============================================================================
+
+const indeterminateRotation = "xqng64z-B";
+const indeterminateDash = "xr5kuex-B";
+
+// =============================================================================
+// Styles
+// =============================================================================
+
+const styles = {
+  root: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kVAEAm: "x1n2onr6",
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
+  rootWithLabel: {
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xzye2dw",
+    $$css: true
+  },
+  track: {
+    kDwRjp: "xbh8q5q",
+    kjVXCG: "xpi25hw",
+    $$css: true
+  },
+  fill: {
+    kDwRjp: "xbh8q5q",
+    kU5bRw: "x1owpc8m",
+    k1ekBW: "xxnu56j",
+    kIyJzY: "x80gvsz",
+    kAMwcw: "xlr8y92",
+    $$css: true
+  },
+  fillIndeterminate: {
+    kDwRjp: "xbh8q5q",
+    kU5bRw: "x1owpc8m",
+    kKVMdj: "x1mla6dk",
+    k44tkh: "xmg6eyc xnh0sag",
+    kyAemX: "x4hg4is",
+    ko0y90: "xa4qsjk",
+    $$css: true
+  }
+};
+const variantStyles = {
+  accent: {
+    kjVXCG: "xjsr54c",
+    $$css: true
+  },
+  success: {
+    kjVXCG: "x8y33gb",
+    $$css: true
+  },
+  warning: {
+    kjVXCG: "x9ezeq1",
+    $$css: true
+  },
+  error: {
+    kjVXCG: "x1vco6zm",
+    $$css: true
+  },
+  neutral: {
+    kjVXCG: "xuxf9kk",
+    $$css: true
+  }
+};
+const trackVariantStyles = {
+  accent: {
+    kjVXCG: "ximx5ud",
+    $$css: true
+  },
+  success: {
+    kjVXCG: "x1uro670",
+    $$css: true
+  },
+  warning: {
+    kjVXCG: "x1wjzxuj",
+    $$css: true
+  },
+  error: {
+    kjVXCG: "xjswp7v",
+    $$css: true
+  },
+  neutral: {
+    kjVXCG: "xpi25hw",
+    $$css: true
+  }
+};
+
+/**
+ * A circular/radial progress indicator that shows completion as a ring.
+ *
+ * In determinate mode, displays a known value as an arc fill.
+ * In indeterminate mode, shows an animated spinning indicator.
+ * Supports center content via children for labels, percentages, or icons.
+ *
+ * @example
+ * ```
+ * <CircularProgress value={75} label="Upload progress" />
+ * <CircularProgress value={75} label="Progress" max={100}>75%</CircularProgress>
+ * <CircularProgress label="Loading..." />
+ * ```
+ */
+export function CircularProgress({
+  value,
+  max = 100,
+  label,
+  isLabelHidden = true,
+  children,
+  size = 'md',
+  variant = 'accent',
+  xstyle,
+  className,
+  style,
+  'data-testid': dataTestId,
+  ref,
+  ...rest
+}) {
+  const labelId = useId();
+  const isIndeterminate = value == null;
+  const {
+    diameter,
+    strokeWidth
+  } = SIZE_CONFIG[size];
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const resolvedValue = value ?? 0;
+  const clampedValue = Math.min(Math.max(0, resolvedValue), max);
+  const percentage = max > 0 ? clampedValue / max : 0;
+  const dashoffset = circumference * (1 - percentage);
+  const center = diameter / 2;
+  const showLabel = !isLabelHidden;
+  return /*#__PURE__*/_jsxs("div", {
+    ref: ref,
+    ...mergeProps(themeProps('circular-progress', {
+      variant,
+      size
+    }), stylex.props(styles.root, showLabel && styles.rootWithLabel, xstyle), className, style),
+    "data-testid": dataTestId,
+    ...rest,
+    children: [/*#__PURE__*/_jsx("span", {
+      id: labelId,
+      ...{
+        0: {
+          className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
+        },
+        1: {
+          className: "x141an7d x1ltkj2j x1e4wzip xv1l7n4"
+        }
+      }[!!showLabel << 0],
+      children: label
+    }), /*#__PURE__*/_jsxs("div", {
+      ...{
+        className: "x1n2onr6 x3nfvp2"
+      },
+      children: [/*#__PURE__*/_jsxs("svg", {
+        role: isIndeterminate ? 'progressbar' : 'meter',
+        "aria-labelledby": labelId,
+        "aria-valuenow": isIndeterminate ? undefined : clampedValue,
+        "aria-valuemin": isIndeterminate ? undefined : 0,
+        "aria-valuemax": isIndeterminate ? undefined : max,
+        width: diameter,
+        height: diameter,
+        viewBox: `0 0 ${diameter} ${diameter}`,
+        ...{
+          0: {
+            className: "x1lliihq x9tu13d"
+          },
+          1: {
+            className: "x1lliihq x1ka1v4i x1c74tu6 xy02sl2 x1esw782 xa4qsjk"
+          }
+        }[!!isIndeterminate << 0],
+        children: [/*#__PURE__*/_jsx("circle", {
+          ...mergeProps(themeProps('circular-progress-track'), stylex.props(styles.track, trackVariantStyles[variant])),
+          cx: center,
+          cy: center,
+          r: radius,
+          strokeWidth: strokeWidth
+        }), isIndeterminate ? /*#__PURE__*/_jsx("circle", {
+          ...mergeProps(themeProps('circular-progress-fill', {
+            variant
+          }), stylex.props(styles.fillIndeterminate, variantStyles[variant])),
+          cx: center,
+          cy: center,
+          r: radius,
+          strokeWidth: strokeWidth
+        }) : /*#__PURE__*/_jsx("circle", {
+          ...mergeProps(themeProps('circular-progress-fill', {
+            variant
+          }), stylex.props(styles.fill, variantStyles[variant])),
+          cx: center,
+          cy: center,
+          r: radius,
+          strokeWidth: strokeWidth,
+          strokeDasharray: circumference,
+          strokeDashoffset: dashoffset
+        })]
+      }), children != null && /*#__PURE__*/_jsx("div", {
+        ...{
+          className: "x10l6tqk x10a8y8t x78zum5 x6s0dn4 xl56j7k x47corl"
+        },
+        children: children
+      })]
+    })]
+  });
+}
+CircularProgress.displayName = 'CircularProgress';

package/dist/CircularProgress/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file CircularProgress component barrel export
+ */
+export { CircularProgress } from './CircularProgress';
+export type { CircularProgressProps, CircularProgressSize, CircularProgressVariant, CircularProgressVariantMap, } from './CircularProgress';
+//# sourceMappingURL=index.d.ts.map

package/dist/CircularProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CircularProgress/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC"}

package/dist/CircularProgress/index.js

@@ -0,0 +1,8 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file CircularProgress component barrel export
+ */
+export { CircularProgress } from "./CircularProgress.js";

package/dist/CodeBlock/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @file CodeBlock component barrel export
+ * @deprecated Import from '@astryxdesign/core/CodeBlock' instead.
+ * This re-export exists for backwards compatibility.
+ */
+export { CodeBlock } from '@astryxdesign/core/CodeBlock';
+export type { CodeBlockProps } from '@astryxdesign/core/CodeBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/CodeBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/index.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,YAAY,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC"}

package/dist/CodeBlock/index.js

@@ -0,0 +1,9 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file CodeBlock component barrel export
+ * @deprecated Import from '@astryxdesign/core/CodeBlock' instead.
+ * This re-export exists for backwards compatibility.
+ */
+
+export { CodeBlock } from '@astryxdesign/core/CodeBlock';

package/dist/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,46 @@
+import type { BaseProps } from '@astryxdesign/core';
+import type { TokenLine } from '@astryxdesign/core/CodeBlock';
+export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChange'> {
+    /** Ref forwarded to the root element */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Controlled value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Language for highlighting. @default "plaintext" */
+    language?: string;
+    /** Show line numbers. @default false */
+    hasLineNumbers?: boolean;
+    /** Read-only mode. @default false */
+    isReadOnly?: boolean;
+    /** Placeholder when empty */
+    placeholder?: string;
+    /** Max height before scrolling */
+    maxHeight?: number | string;
+    /** Text size. @default "md" */
+    size?: 'sm' | 'md';
+    /** Custom tokenizer */
+    tokenizer?: (code: string, language: string) => TokenLine[];
+}
+/**
+ * An editable code input using contentEditable="plaintext-only".
+ *
+ * Uses CSS Custom Highlight API for syntax coloring. Supports
+ * auto-indent, tab insertion, and bracket auto-closing.
+ *
+ * @example
+ * ```tsx
+ * const [code, setCode] = useState('');
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="typescript"
+ *   hasLineNumbers
+ * />
+ * ```
+ */
+export declare function CodeEditor({ value, onChange, language, hasLineNumbers, isReadOnly, placeholder, maxHeight, size, tokenizer: customTokenizer, xstyle, className, style, ref, ...props }: CodeEditorProps): import("react").JSX.Element;
+export declare namespace CodeEditor {
+    var displayName: string;
+}
+//# sourceMappingURL=CodeEditor.d.ts.map