@conductor-by-89soone/react 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Conductor Design System contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# @conductor-by-89soone/react
+
+Accessible React primitives for the Conductor Design System. Interaction behavior is built on Radix UI and visual styling comes from `@conductor-by-89soone/css`.
+
+## Install
+
+```bash
+pnpm add @conductor-by-89soone/react @conductor-by-89soone/css lucide-react
+```
+
+React and React DOM 18 or 19 are peer dependencies.
+
+## Use
+
+Import the stylesheet once, then import components from the package root:
+
+```tsx
+import "@conductor-by-89soone/css";
+import { Button, Card } from "@conductor-by-89soone/react";
+
+export function Example() {
+  return (
+    <Card>
+      <Button variant="primary">Continue</Button>
+    </Card>
+  );
+}
+```
+
+Set `data-cdt-theme="dark"` or `data-cdt-theme="light"` on the document root. Development builds warn once when the Conductor stylesheet is missing.
+
+## Requirements
+
+Node.js 20 or newer, React 18 or 19, React DOM 18 or 19, and `lucide-react`.
+
+## License
+
+MIT

package/dist/action.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { Size } from './types.js';
+
+type ButtonVariant = "primary" | "secondary" | "ghost";
+type ButtonTone = "neutral" | "accent" | "danger";
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    readonly variant?: ButtonVariant;
+    readonly tone?: ButtonTone;
+    readonly size?: Size;
+    readonly loading?: boolean;
+    readonly blockedReason?: string;
+    readonly iconStart?: ReactNode;
+    readonly iconEnd?: ReactNode;
+    readonly children: ReactNode;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+interface IconButtonProps extends Omit<ButtonProps, "children" | "aria-label" | "iconEnd" | "iconStart"> {
+    readonly "aria-label": string;
+    readonly icon: ReactNode;
+}
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, IconButton, type IconButtonProps };

package/dist/action.js

@@ -0,0 +1,2 @@
+export { Button, IconButton } from './chunk-EA2W7T64.js';
+import './chunk-WEIMKRZV.js';

package/dist/chunk-EA2W7T64.js

@@ -0,0 +1,49 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function buttonClasses({ variant = "secondary", tone = "neutral", size = "md", blockedReason, className }) {
+  return cx(
+    "cdt-btn",
+    `cdt-btn--${variant}`,
+    `cdt-btn--tone-${tone}`,
+    size === "sm" && "cdt-btn--sm",
+    blockedReason !== void 0 && "cdt-btn--blocked",
+    className
+  );
+}
+var Button = forwardRef(function Button2({ blockedReason, className, disabled, iconEnd, iconStart, loading = false, onClick, title, variant, tone, size, children, ...props }, ref) {
+  const isBlocked = blockedReason !== void 0;
+  const isDisabled = disabled || isBlocked;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...props,
+      ref,
+      className: buttonClasses({ variant, tone, size, blockedReason, className}),
+      disabled: isDisabled,
+      "aria-busy": loading || void 0,
+      title: isBlocked ? blockedReason : title,
+      onClick: (event) => {
+        if (loading) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        onClick?.(event);
+      },
+      children: [
+        iconStart === void 0 ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: iconStart }),
+        children,
+        iconEnd === void 0 ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: iconEnd })
+      ]
+    }
+  );
+});
+Button.displayName = "Button";
+var IconButton = forwardRef(function IconButton2({ icon, size, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Button, { ...props, ref, size, className: cx("cdt-btn--icon", size === "sm" && "cdt-btn--icon-sm", props.className), children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon }) });
+});
+IconButton.displayName = "IconButton";
+
+export { Button, IconButton };

package/dist/chunk-FBQXGRI7.js

@@ -0,0 +1,97 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import * as RadixSelect from '@radix-ui/react-select';
+import * as RadixSwitch from '@radix-ui/react-switch';
+import { createContext, forwardRef, useId, cloneElement, useContext, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FieldContext = createContext(null);
+function joinDescribedBy(...ids) {
+  const result = ids.filter((id) => id !== void 0).join(" ");
+  return result === "" ? void 0 : result;
+}
+function useFieldControl(invalid, describedBy) {
+  const field = useContext(FieldContext);
+  return {
+    id: field?.id ?? "",
+    descriptionId: field?.descriptionId,
+    errorId: field?.errorId,
+    invalid: invalid ?? field?.invalid ?? false,
+    required: field?.required ?? false,
+    describedBy: joinDescribedBy(describedBy, field?.descriptionId, field?.errorId)
+  };
+}
+var Field = forwardRef(function Field2({ children, className, description, error, id: providedId, label, required = false, ...props }, ref) {
+  const generatedId = useId();
+  const id = providedId ?? generatedId;
+  const descriptionId = description === void 0 ? void 0 : `${id}-description`;
+  const errorId = error === void 0 ? void 0 : `${id}-error`;
+  const invalid = error !== void 0;
+  return /* @__PURE__ */ jsx(FieldContext.Provider, { value: { id, descriptionId, errorId, invalid, required }, children: /* @__PURE__ */ jsxs("div", { ...props, ref, className: cx("cdt-field", className), children: [
+    /* @__PURE__ */ jsxs("label", { className: "cdt-field__label", htmlFor: id, children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { className: "cdt-field__required", "aria-hidden": "true", children: "*" }) : null
+    ] }),
+    description === void 0 ? null : /* @__PURE__ */ jsx("div", { id: descriptionId, className: "cdt-field__description", children: description }),
+    required ? cloneElement(children, { required }) : children,
+    error === void 0 ? null : /* @__PURE__ */ jsx("div", { id: errorId, className: "cdt-field__error", children: error })
+  ] }) });
+});
+Field.displayName = "Field";
+function useMissingLabelWarning(name, hasField, ariaLabel, ariaLabelledBy) {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && !hasField && ariaLabel === void 0 && ariaLabelledBy === void 0) {
+      console.warn(`[conductor] ${name} requires Field, aria-label, or aria-labelledby.`);
+    }
+  }, [ariaLabel, ariaLabelledBy, hasField, name]);
+}
+var TextField = forwardRef(function TextField2({ "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, iconStart, id: ownId, invalid, required, size = "md", variant = "solid", ...props }, ref) {
+  const field = useContext(FieldContext);
+  const control = useFieldControl(invalid, ariaDescribedBy);
+  useMissingLabelWarning("TextField", field !== null, ariaLabel, ariaLabelledBy);
+  const input = /* @__PURE__ */ jsx("input", { ...props, ref, id: ownId ?? (field === null ? void 0 : control.id), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": control.describedBy, "aria-invalid": ariaInvalid ?? (control.invalid || void 0), required: required ?? control.required, className: cx("cdt-input", variant === "glass" && "cdt-input--glass", size === "sm" && "cdt-input--sm", control.invalid && "cdt-input--invalid", iconStart !== void 0 && "cdt-input--icon-start", className) });
+  return iconStart === void 0 ? input : /* @__PURE__ */ jsxs("span", { className: "cdt-input-wrap", children: [
+    /* @__PURE__ */ jsx("span", { className: "cdt-input__icon", "aria-hidden": "true", children: iconStart }),
+    input
+  ] });
+});
+TextField.displayName = "TextField";
+var TextArea = forwardRef(function TextArea2({ "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, id: ownId, invalid, required, rows = 3, variant = "solid", ...props }, ref) {
+  const field = useContext(FieldContext);
+  const control = useFieldControl(invalid, ariaDescribedBy);
+  useMissingLabelWarning("TextArea", field !== null, ariaLabel, ariaLabelledBy);
+  return /* @__PURE__ */ jsx("textarea", { ...props, ref, id: ownId ?? (field === null ? void 0 : control.id), rows, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": control.describedBy, "aria-invalid": ariaInvalid ?? (control.invalid || void 0), required: required ?? control.required, className: cx("cdt-textarea", variant === "glass" && "cdt-textarea--glass", control.invalid && "cdt-textarea--invalid", className) });
+});
+TextArea.displayName = "TextArea";
+var SelectTrigger = forwardRef(function SelectTrigger2({ "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className, id: ownId, invalid, size = "md", ...props }, ref) {
+  const field = useContext(FieldContext);
+  const control = useFieldControl(invalid, ariaDescribedBy);
+  return /* @__PURE__ */ jsx(RadixSelect.Trigger, { ...props, ref, id: ownId ?? (field === null ? void 0 : control.id), "aria-describedby": control.describedBy, "aria-invalid": ariaInvalid ?? (control.invalid || void 0), className: cx("cdt-select__trigger", size === "sm" && "cdt-select__trigger--sm", control.invalid && "cdt-select__trigger--invalid", className) });
+});
+SelectTrigger.displayName = "Select.Trigger";
+var SelectContent = forwardRef(function SelectContent2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsx(RadixSelect.Content, { ...props, ref, className: cx("cdt-select__content", className), children: /* @__PURE__ */ jsx(RadixSelect.Viewport, { children }) }) });
+});
+SelectContent.displayName = "Select.Content";
+var SelectItem = forwardRef(function SelectItem2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixSelect.Item, { ...props, ref, className: cx("cdt-select__item", className), children: [
+    /* @__PURE__ */ jsx(RadixSelect.ItemText, { children }),
+    /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { className: "cdt-select__indicator", "aria-hidden": "true", children: "\u2713" })
+  ] });
+});
+SelectItem.displayName = "Select.Item";
+var Select = { Root: RadixSelect.Root, Trigger: SelectTrigger, Value: RadixSelect.Value, Content: SelectContent, Item: SelectItem, Group: RadixSelect.Group, Label: RadixSelect.Label };
+var Switch = forwardRef(function Switch2({ className, ...props }, ref) {
+  const field = useContext(FieldContext);
+  const control = useFieldControl(void 0, props["aria-describedby"]);
+  return /* @__PURE__ */ jsx(RadixSwitch.Root, { ...props, ref, id: props.id ?? (field === null ? void 0 : control.id), "aria-describedby": control.describedBy, "aria-invalid": control.invalid || void 0, required: props.required ?? control.required, className: cx("cdt-switch", control.invalid && "cdt-switch--invalid", className), children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: "cdt-switch__thumb" }) });
+});
+Switch.displayName = "Switch";
+var Checkbox = forwardRef(function Checkbox2({ className, indicator = "\u2713", ...props }, ref) {
+  const field = useContext(FieldContext);
+  const control = useFieldControl(void 0, props["aria-describedby"]);
+  return /* @__PURE__ */ jsx(RadixCheckbox.Root, { ...props, ref, id: props.id ?? (field === null ? void 0 : control.id), "aria-describedby": control.describedBy, "aria-invalid": control.invalid || void 0, required: props.required ?? control.required, className: cx("cdt-checkbox", control.invalid && "cdt-checkbox--invalid", className), children: /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: "cdt-checkbox__indicator", "aria-hidden": "true", children: indicator }) });
+});
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox, Field, Select, Switch, TextArea, TextField };

package/dist/chunk-MR7FIZKV.js

@@ -0,0 +1,221 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DialogContent = forwardRef(
+  function DialogContent2({ children, className, size = "md", ...props }, ref) {
+    return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "cdt-overlay" }),
+      /* @__PURE__ */ jsx(
+        RadixDialog.Content,
+        {
+          ...props,
+          ref,
+          className: cx(
+            "cdt-dialog",
+            size === "sm" && "cdt-dialog--sm",
+            className
+          ),
+          children
+        }
+      )
+    ] });
+  }
+);
+DialogContent.displayName = "Dialog.Content";
+var DialogTitle = forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Title,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-dialog__title", className)
+    }
+  );
+});
+DialogTitle.displayName = "Dialog.Title";
+var DialogDescription = forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Description,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-dialog__description", className)
+    }
+  );
+});
+DialogDescription.displayName = "Dialog.Description";
+var DialogClose = forwardRef(
+  function DialogClose2({ asChild = false, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Close,
+      {
+        ...props,
+        ref,
+        asChild,
+        className: cx(
+          "cdt-dialog__close",
+          !asChild && "cdt-btn",
+          !asChild && "cdt-btn--secondary",
+          !asChild && "cdt-btn--sm",
+          className
+        )
+      }
+    );
+  }
+);
+DialogClose.displayName = "Dialog.Close";
+var Dialog = {
+  Root: RadixDialog.Root,
+  Trigger: RadixDialog.Trigger,
+  Content: DialogContent,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Close: DialogClose
+};
+var DrawerContent = forwardRef(
+  function DrawerContent2({ children, className, side = "right", ...props }, ref) {
+    return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "cdt-overlay" }),
+      /* @__PURE__ */ jsx(
+        RadixDialog.Content,
+        {
+          ...props,
+          ref,
+          className: cx("cdt-drawer", `cdt-drawer--${side}`, className),
+          children
+        }
+      )
+    ] });
+  }
+);
+DrawerContent.displayName = "Drawer.Content";
+var DrawerTitle = forwardRef(function DrawerTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Title,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-drawer__title", className)
+    }
+  );
+});
+DrawerTitle.displayName = "Drawer.Title";
+var DrawerClose = forwardRef(
+  function DrawerClose2({ asChild = false, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Close,
+      {
+        ...props,
+        ref,
+        asChild,
+        className: cx(
+          "cdt-drawer__close",
+          !asChild && "cdt-btn",
+          !asChild && "cdt-btn--secondary",
+          !asChild && "cdt-btn--sm",
+          className
+        )
+      }
+    );
+  }
+);
+DrawerClose.displayName = "Drawer.Close";
+var Drawer = {
+  Root: RadixDialog.Root,
+  Trigger: RadixDialog.Trigger,
+  Content: DrawerContent,
+  Title: DrawerTitle,
+  Description: RadixDialog.Description,
+  Close: DrawerClose
+};
+var TooltipContent = forwardRef(
+  function TooltipContent2({ children, className, showArrow = true, ...props }, ref) {
+    return /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(
+      RadixTooltip.Content,
+      {
+        ...props,
+        ref,
+        className: cx("cdt-tooltip", className),
+        children: [
+          children,
+          showArrow ? /* @__PURE__ */ jsx(RadixTooltip.Arrow, { className: "cdt-tooltip__arrow" }) : null
+        ]
+      }
+    ) });
+  }
+);
+TooltipContent.displayName = "Tooltip.Content";
+var Tooltip = {
+  Provider: RadixTooltip.Provider,
+  Root: RadixTooltip.Root,
+  Trigger: RadixTooltip.Trigger,
+  Content: TooltipContent
+};
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixDropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Content,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-menu", className)
+    }
+  ) });
+});
+DropdownMenuContent.displayName = "DropdownMenu.Content";
+var DropdownMenuItem = forwardRef(
+  function DropdownMenuItem2({ children, className, icon, tone = "neutral", ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      RadixDropdownMenu.Item,
+      {
+        ...props,
+        ref,
+        className: cx(
+          "cdt-menu__item",
+          tone === "danger" && "cdt-menu__item--danger",
+          className
+        ),
+        children: [
+          icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-menu__item-icon", "aria-hidden": "true", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+);
+DropdownMenuItem.displayName = "DropdownMenu.Item";
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Label,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-menu__label", className)
+    }
+  );
+});
+DropdownMenuLabel.displayName = "DropdownMenu.Label";
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Separator,
+    {
+      ...props,
+      ref,
+      className: cx("cdt-menu__separator", className)
+    }
+  );
+});
+DropdownMenuSeparator.displayName = "DropdownMenu.Separator";
+var DropdownMenu = {
+  Root: RadixDropdownMenu.Root,
+  Trigger: RadixDropdownMenu.Trigger,
+  Content: DropdownMenuContent,
+  Item: DropdownMenuItem,
+  Label: DropdownMenuLabel,
+  Separator: DropdownMenuSeparator
+};
+
+export { Dialog, Drawer, DropdownMenu, Tooltip };

package/dist/chunk-NF3ZHADJ.js

@@ -0,0 +1,60 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import { forwardRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Banner = forwardRef(function Banner2({ action, children, className, icon, title, tone = "info", ...props }, ref) {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && tone === "danger" && action === void 0) console.warn('[conductor] Banner tone="danger" requires a recovery action.');
+  }, [action, tone]);
+  return /* @__PURE__ */ jsxs("div", { ...props, ref, role: tone === "danger" ? "alert" : "status", className: cx("cdt-banner", `cdt-banner--${tone}`, className), children: [
+    icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-banner__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "cdt-banner__body", children: [
+      title === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-banner__title", children: title }),
+      children
+    ] }),
+    action === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-banner__action", children: action })
+  ] });
+});
+Banner.displayName = "Banner";
+var EmptyState = forwardRef(function EmptyState2({ action, className, description, icon, title, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ...props, ref, className: cx("cdt-empty-state", className), children: [
+    icon === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__title", children: title }),
+    description === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__description", children: description }),
+    action === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__action", children: action })
+  ] });
+});
+EmptyState.displayName = "EmptyState";
+var ratio = (value, min, max) => max <= min ? 0 : Math.min(1, Math.max(0, (value - min) / (max - min)));
+var Meter = forwardRef(function Meter2({ "aria-label": ariaLabel, className, exceededAt, max = 100, min = 0, style, value, valueText, warningAt, ...props }, ref) {
+  const tone = exceededAt !== void 0 && value >= exceededAt ? "exceeded" : warningAt !== void 0 && value >= warningAt ? "warning" : "normal";
+  const meterStyle = { ...style, "--cdt-meter-ratio": String(ratio(value, min, max)) };
+  return /* @__PURE__ */ jsxs("div", { ...props, ref, style: meterStyle, role: "meter", "aria-label": ariaLabel, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, "aria-valuetext": valueText, className: cx("cdt-meter", `cdt-meter--${tone}`, className), children: [
+    /* @__PURE__ */ jsx("div", { className: "cdt-meter__track", children: /* @__PURE__ */ jsx("div", { className: "cdt-meter__fill" }) }),
+    /* @__PURE__ */ jsx("span", { className: "cdt-meter__value", children: valueText })
+  ] });
+});
+Meter.displayName = "Meter";
+var ProgressRing = forwardRef(function ProgressRing2({ "aria-label": ariaLabel, className, max = 100, size = "md", style, value, valueText, ...props }, ref) {
+  const ringStyle = { ...style, "--cdt-progress-ring-ratio": String(ratio(value, 0, max)) };
+  return /* @__PURE__ */ jsxs("div", { ...props, ref, style: ringStyle, role: "progressbar", "aria-label": ariaLabel, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuetext": valueText, className: cx("cdt-progress-ring", size === "sm" && "cdt-progress-ring--sm", className), children: [
+    /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 32 32", children: [
+      /* @__PURE__ */ jsx("circle", { className: "cdt-progress-ring__track", cx: "16", cy: "16", r: "14" }),
+      /* @__PURE__ */ jsx("circle", { className: "cdt-progress-ring__indicator", cx: "16", cy: "16", r: "14" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "cdt-progress-ring__label", children: valueText })
+  ] });
+});
+ProgressRing.displayName = "ProgressRing";
+var Spinner = forwardRef(function Spinner2({ className, label, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ...props, ref, role: "status", "aria-live": "polite", className: cx("cdt-spinner", size === "sm" && "cdt-spinner--sm", className), children: [
+    /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 32 32", children: [
+      /* @__PURE__ */ jsx("circle", { className: "cdt-spinner__track", cx: "16", cy: "16", r: "14" }),
+      /* @__PURE__ */ jsx("circle", { className: "cdt-spinner__indicator", cx: "16", cy: "16", r: "14" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "cdt-spinner__label", children: label })
+  ] });
+});
+Spinner.displayName = "Spinner";
+
+export { Banner, EmptyState, Meter, ProgressRing, Spinner };

package/dist/chunk-PXSSKHWF.js

@@ -0,0 +1,31 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Badge = forwardRef(function Badge2({ children, className, icon, tone = "neutral", ...props }, ref) {
+  return /* @__PURE__ */ jsxs("span", { ...props, ref, className: cx("cdt-badge", `cdt-badge--${tone}`, className), children: [
+    icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-badge__icon", "aria-hidden": "true", children: icon }),
+    children
+  ] });
+});
+Badge.displayName = "Badge";
+var markerStatuses = ["queued", "neutralEnd"];
+var StatusBadge = forwardRef(function StatusBadge2({ className, icon, label, status, ...props }, ref) {
+  const isMarker = markerStatuses.includes(status);
+  const statusClass = status === "neutralEnd" ? "neutral-end" : status;
+  return /* @__PURE__ */ jsxs("span", { ...props, ref, className: cx("cdt-badge", "cdt-status-badge", `cdt-status-badge--${statusClass}`, className), children: [
+    isMarker ? /* @__PURE__ */ jsx("span", { className: cx("cdt-status-badge__marker", status === "neutralEnd" && "cdt-status-badge__marker--neutral-end"), "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ jsx("span", { className: "cdt-badge__icon", "aria-hidden": "true", children: icon }),
+    label
+  ] });
+});
+StatusBadge.displayName = "StatusBadge";
+var SeverityTag = forwardRef(function SeverityTag2({ className, icon, label, severity, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("span", { ...props, ref, className: cx("cdt-badge", "cdt-severity-tag", `cdt-severity-tag--${severity}`, className), children: [
+    /* @__PURE__ */ jsx("span", { className: "cdt-badge__icon", "aria-hidden": "true", children: icon }),
+    label
+  ] });
+});
+SeverityTag.displayName = "SeverityTag";
+
+export { Badge, SeverityTag, StatusBadge };

package/dist/chunk-RBD5Z2LR.js

@@ -0,0 +1,58 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import { forwardRef, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var TableHead = forwardRef(function TableHead2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("thead", { ...props, ref, className: cx("cdt-table__head", className) });
+});
+TableHead.displayName = "Table.Head";
+var TableBody = forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("tbody", { ...props, ref, className: cx("cdt-table__body", className) });
+});
+TableBody.displayName = "Table.Body";
+var TableRow = forwardRef(function TableRow2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("tr", { ...props, ref, className: cx("cdt-table__row", className) });
+});
+TableRow.displayName = "Table.Row";
+var TableHeaderCell = forwardRef(function TableHeaderCell2({ className, scope = "col", ...props }, ref) {
+  return /* @__PURE__ */ jsx("th", { ...props, ref, scope, className: cx("cdt-table__header-cell", className) });
+});
+TableHeaderCell.displayName = "Table.HeaderCell";
+var TableCell = forwardRef(function TableCell2({ className, numeric = false, ...props }, ref) {
+  return /* @__PURE__ */ jsx("td", { ...props, ref, className: cx("cdt-table__cell", numeric && "cdt-num", className) });
+});
+TableCell.displayName = "Table.Cell";
+var Table = Object.assign(forwardRef(function Table2({ "aria-label": ariaLabel, caption, children, className, scrollContainerProps, ...props }, ref) {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && caption == null && ariaLabel === void 0) {
+      console.warn("[conductor] Table requires a caption or aria-label.");
+    }
+  }, [ariaLabel, caption]);
+  return /* @__PURE__ */ jsx("div", { ...scrollContainerProps, ...props, ref, tabIndex: props.tabIndex ?? scrollContainerProps?.tabIndex ?? 0, "aria-label": ariaLabel, className: cx("cdt-table__scroll", scrollContainerProps?.className, className), children: /* @__PURE__ */ jsxs("table", { "aria-label": ariaLabel, className: "cdt-table", children: [
+    caption == null ? null : /* @__PURE__ */ jsx("caption", { children: caption }),
+    children
+  ] }) });
+}), { Head: TableHead, Body: TableBody, Row: TableRow, HeaderCell: TableHeaderCell, Cell: TableCell });
+var TimelineStep = forwardRef(function TimelineStep2({ children, className, marker, onSelect, selected = false, ...props }, ref) {
+  const stepClassName = cx("cdt-timeline__step", onSelect !== void 0 && "cdt-timeline__step--interactive", className);
+  const markerNode = /* @__PURE__ */ jsx("span", { className: "cdt-timeline__marker", "aria-hidden": "true", children: marker });
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    markerNode,
+    children
+  ] });
+  return /* @__PURE__ */ jsx("li", { ref, children: onSelect === void 0 ? /* @__PURE__ */ jsx("div", { ...props, "aria-current": selected ? "step" : void 0, className: stepClassName, children: content }) : /* @__PURE__ */ jsx("button", { ...props, type: "button", "aria-current": selected ? "step" : void 0, onClick: () => onSelect(), className: stepClassName, children: content }) });
+});
+TimelineStep.displayName = "Timeline.Step";
+var Timeline = Object.assign(forwardRef(function Timeline2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ol", { ...props, ref, className: cx("cdt-timeline", className) });
+}), { Step: TimelineStep });
+var CodeBlock = forwardRef(function CodeBlock2({ className, code, language, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...props, ref, role: "region", tabIndex: 0, "data-language": language, className: cx("cdt-code-block", className), children: /* @__PURE__ */ jsx("pre", { className: "cdt-code-block__pre", children: /* @__PURE__ */ jsx("code", { className: "cdt-code-block__code", children: code }) }) });
+});
+CodeBlock.displayName = "CodeBlock";
+var Kbd = forwardRef(function Kbd2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("kbd", { ...props, ref, className: cx("cdt-kbd", className) });
+});
+Kbd.displayName = "Kbd";
+
+export { CodeBlock, Kbd, Table, Timeline };

package/dist/chunk-TUHWL5JC.js

@@ -0,0 +1,42 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import { forwardRef, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var nestedInteractive = "a,button,input,select,textarea,[role=button]";
+var Card = forwardRef(function Card2({ as, children, className, href, onClick, size = "md", ...props }, forwardedRef) {
+  const rootRef = useRef(null);
+  const interactive = as === "a" || as === "button" || href !== void 0 || onClick !== void 0;
+  const element = as ?? (href === void 0 ? onClick === void 0 ? "div" : "button" : "a");
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && interactive && rootRef.current?.querySelector(nestedInteractive) !== null) {
+      console.warn("[conductor] Interactive Card must not contain nested interactive elements.");
+    }
+  }, [interactive]);
+  const setRef = (node) => {
+    rootRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef !== null) forwardedRef.current = node;
+  };
+  const classes = cx("cdt-card", interactive && "cdt-card--interactive", size === "sm" && "cdt-card--sm", className);
+  if (element === "a") {
+    return /* @__PURE__ */ jsx("a", { ...props, ref: setRef, href, className: classes, children });
+  }
+  if (element === "button") {
+    return /* @__PURE__ */ jsx("button", { ...props, ref: setRef, type: "button", onClick, className: classes, children });
+  }
+  return /* @__PURE__ */ jsx("div", { ...props, ref: setRef, className: classes, children });
+});
+Card.displayName = "Card";
+var CardGrid = forwardRef(function CardGrid2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...props, ref, className: cx("cdt-card-grid", className) });
+});
+CardGrid.displayName = "CardGrid";
+var Panel = forwardRef(function Panel2({ as = "div", className, size = "md", ...props }, ref) {
+  const classes = cx("cdt-panel", size === "sm" && "cdt-panel--sm", className);
+  if (as === "section") return /* @__PURE__ */ jsx("section", { ...props, ref, className: classes });
+  if (as === "aside") return /* @__PURE__ */ jsx("aside", { ...props, ref, className: classes });
+  return /* @__PURE__ */ jsx("div", { ...props, ref, className: classes });
+});
+Panel.displayName = "Panel";
+
+export { Card, CardGrid, Panel };

package/dist/chunk-VLBBY4MW.js

@@ -0,0 +1,80 @@
+import { cx } from './chunk-WEIMKRZV.js';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef, useRef, Fragment as Fragment$1 } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var AppShell = forwardRef(function AppShell2({
+  children,
+  className,
+  mainId = "cdt-main",
+  nav,
+  navOpen,
+  onNavOpenChange,
+  skipLinkLabel,
+  topBar,
+  ...props
+}, ref) {
+  const mainRef = useRef(null);
+  return /* @__PURE__ */ jsxs(RadixDialog.Root, { modal: false, open: navOpen, onOpenChange: onNavOpenChange, children: [
+    /* @__PURE__ */ jsxs("div", { ...props, ref, className: cx("cdt-app-shell", className), children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "cdt-skip-link",
+          href: `#${mainId}`,
+          onClick: (event) => {
+            event.preventDefault();
+            mainRef.current?.focus();
+          },
+          children: skipLinkLabel
+        }
+      ),
+      /* @__PURE__ */ jsx("aside", { className: "cdt-app-shell__nav", "aria-hidden": navOpen || void 0, children: navOpen ? null : nav }),
+      /* @__PURE__ */ jsxs("div", { className: "cdt-app-shell__content", children: [
+        topBar,
+        /* @__PURE__ */ jsx("main", { ref: mainRef, id: mainId, className: "cdt-app-shell__main", tabIndex: -1, children })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx("div", { className: "cdt-app-shell__overlay", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs(RadixDialog.Content, { className: "cdt-app-shell__nav", "data-mobile": "", children: [
+        /* @__PURE__ */ jsx(RadixDialog.Title, { className: "cdt-sr-only", children: "Navigation" }),
+        nav
+      ] })
+    ] })
+  ] });
+});
+AppShell.displayName = "AppShell";
+var NavList = forwardRef(function NavList2({ className, items, renderLink, ...props }, ref) {
+  let previousSection;
+  return /* @__PURE__ */ jsx("nav", { ...props, ref, className: cx("cdt-nav-list", className), children: /* @__PURE__ */ jsx("ul", { className: "cdt-nav-list__items", children: items.map((item) => {
+    const showSection = item.section !== void 0 && item.section !== previousSection;
+    previousSection = item.section;
+    const linkProps = {
+      className: cx("cdt-nav-list__item", item.active && "cdt-nav-list__item--active"),
+      "aria-current": item.active ? "page" : void 0,
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        item.icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-nav-list__icon", "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ jsx("span", { children: item.label })
+      ] })
+    };
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      showSection ? /* @__PURE__ */ jsx("li", { className: "cdt-nav-list__section-label", children: item.section }) : null,
+      /* @__PURE__ */ jsx("li", { children: renderLink(item, linkProps) })
+    ] }, item.id);
+  }) }) });
+});
+NavList.displayName = "NavList";
+var TopBar = forwardRef(function TopBar2({ actions, className, eyebrow, menuButton, title, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("header", { ...props, ref, className: cx("cdt-topbar", className), title: typeof title === "string" ? title : void 0, children: [
+    menuButton === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__menu-button", children: menuButton }),
+    eyebrow === void 0 && title === void 0 ? null : /* @__PURE__ */ jsxs("div", { className: "cdt-topbar__context", children: [
+      eyebrow === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__eyebrow", children: eyebrow }),
+      title === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__title", children: title })
+    ] }),
+    actions === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__actions", children: actions })
+  ] });
+});
+TopBar.displayName = "TopBar";
+
+export { AppShell, NavList, TopBar };

package/dist/chunk-WEIMKRZV.js

@@ -0,0 +1,23 @@
+// src/stylesheet-warning.ts
+var STYLE_MARKER = "--cdt-font-sans";
+var warningScheduled = false;
+function scheduleStylesheetWarning() {
+  if (process.env.NODE_ENV !== "development" || typeof window === "undefined" || warningScheduled) return;
+  warningScheduled = true;
+  window.setTimeout(() => {
+    const marker = window.getComputedStyle(document.documentElement).getPropertyValue(STYLE_MARKER).trim();
+    if (marker === "") {
+      console.warn('[conductor] Components are unstyled. Import "@conductor-by-89soone/css" once in your application entry point.');
+    }
+  }, 0);
+}
+
+// src/cx.ts
+function cx(...classNames) {
+  if (classNames.some((className) => typeof className === "string" && /(?:^|\s)cdt-/.test(className))) {
+    scheduleStylesheetWarning();
+  }
+  return classNames.filter((className) => typeof className === "string" && className !== "").join(" ");
+}
+
+export { cx };

package/dist/cx.d.ts

@@ -0,0 +1,4 @@
+/** Joins optional class names without introducing a runtime dependency. */
+declare function cx(...classNames: readonly (string | false | null | undefined)[]): string;
+
+export { cx };

package/dist/cx.js

@@ -0,0 +1 @@
+export { cx } from './chunk-WEIMKRZV.js';

package/dist/data.d.ts

@@ -0,0 +1,52 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, forwardRef, ThHTMLAttributes, TdHTMLAttributes } from 'react';
+
+interface TableProps extends HTMLAttributes<HTMLDivElement> {
+    readonly caption?: ReactNode;
+    readonly scrollContainerProps?: HTMLAttributes<HTMLDivElement>;
+    readonly children: ReactNode;
+}
+declare const TableHead: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    readonly scope?: "col" | "row";
+}
+declare const TableHeaderCell: react.ForwardRefExoticComponent<TableHeaderCellProps & react.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    readonly numeric?: boolean;
+}
+declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+type TableComponent = ReturnType<typeof forwardRef<HTMLDivElement, TableProps>> & {
+    readonly Head: typeof TableHead;
+    readonly Body: typeof TableBody;
+    readonly Row: typeof TableRow;
+    readonly HeaderCell: typeof TableHeaderCell;
+    readonly Cell: typeof TableCell;
+};
+declare const Table: TableComponent;
+interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
+    readonly children: ReactNode;
+}
+interface TimelineStepProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    readonly onSelect?: () => void;
+    readonly selected?: boolean;
+    readonly marker?: ReactNode;
+    readonly children: ReactNode;
+}
+declare const TimelineStep: react.ForwardRefExoticComponent<TimelineStepProps & react.RefAttributes<HTMLLIElement>>;
+type TimelineComponent = ReturnType<typeof forwardRef<HTMLOListElement, TimelineProps>> & {
+    readonly Step: typeof TimelineStep;
+};
+declare const Timeline: TimelineComponent;
+interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    readonly code: string;
+    readonly language?: string;
+}
+declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLDivElement>>;
+interface KbdProps extends HTMLAttributes<HTMLElement> {
+    readonly children: ReactNode;
+}
+declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
+
+export { CodeBlock, type CodeBlockProps, Kbd, type KbdProps, Table, type TableCellProps, type TableHeaderCellProps, type TableProps, Timeline, type TimelineProps, type TimelineStepProps };

package/dist/data.js

@@ -0,0 +1,2 @@
+export { CodeBlock, Kbd, Table, Timeline } from './chunk-RBD5Z2LR.js';
+import './chunk-WEIMKRZV.js';

package/dist/feedback.d.ts

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+type BannerTone = "info" | "warning" | "danger";
+interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    readonly tone?: BannerTone;
+    readonly icon?: ReactNode;
+    readonly title?: ReactNode;
+    readonly action?: ReactNode;
+    readonly children: ReactNode;
+}
+declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
+interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    readonly action?: ReactNode;
+    readonly icon?: ReactNode;
+}
+declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
+interface MeterProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    readonly value: number;
+    readonly min?: number;
+    readonly max?: number;
+    readonly warningAt?: number;
+    readonly exceededAt?: number;
+    readonly valueText: string;
+    readonly "aria-label": string;
+}
+declare const Meter: react.ForwardRefExoticComponent<MeterProps & react.RefAttributes<HTMLDivElement>>;
+interface ProgressRingProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    readonly value: number;
+    readonly max?: number;
+    readonly valueText: string;
+    readonly size?: "sm" | "md";
+    readonly "aria-label": string;
+}
+declare const ProgressRing: react.ForwardRefExoticComponent<ProgressRingProps & react.RefAttributes<HTMLDivElement>>;
+interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    readonly label: string;
+    readonly size?: "sm" | "md";
+}
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Banner, type BannerProps, EmptyState, type EmptyStateProps, Meter, type MeterProps, ProgressRing, type ProgressRingProps, Spinner, type SpinnerProps };

package/dist/feedback.js

@@ -0,0 +1,2 @@
+export { Banner, EmptyState, Meter, ProgressRing, Spinner } from './chunk-NF3ZHADJ.js';
+import './chunk-WEIMKRZV.js';

package/dist/form.d.ts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes, ReactElement } from 'react';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import * as RadixSelect from '@radix-ui/react-select';
+import * as RadixSwitch from '@radix-ui/react-switch';
+
+interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    readonly id?: string;
+    readonly label: string;
+    readonly description?: ReactNode;
+    readonly error?: ReactNode;
+    readonly required?: boolean;
+    readonly children: ReactElement;
+}
+declare const Field: react.ForwardRefExoticComponent<FieldProps & react.RefAttributes<HTMLDivElement>>;
+interface TextFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+    readonly variant?: "solid" | "glass";
+    readonly size?: "sm" | "md";
+    readonly invalid?: boolean;
+    readonly iconStart?: ReactNode;
+}
+declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
+interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
+    readonly variant?: "solid" | "glass";
+    readonly invalid?: boolean;
+}
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
+type SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> & {
+    readonly size?: "sm" | "md";
+    readonly invalid?: boolean;
+};
+declare const Select: {
+    readonly Root: react.FC<RadixSelect.SelectProps>;
+    readonly Trigger: react.ForwardRefExoticComponent<Omit<RadixSelect.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+        readonly size?: "sm" | "md";
+        readonly invalid?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Value: react.ForwardRefExoticComponent<RadixSelect.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<RadixSelect.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    readonly Item: react.ForwardRefExoticComponent<Omit<RadixSelect.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    readonly Group: react.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
+    readonly Label: react.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & react.RefAttributes<HTMLDivElement>>;
+};
+type SwitchProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;
+declare const Switch: react.ForwardRefExoticComponent<Omit<RadixSwitch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type CheckboxProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root> & {
+    readonly indicator?: ReactNode;
+};
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<RadixCheckbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    readonly indicator?: ReactNode;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps, Field, type FieldProps, Select, type SelectTriggerProps, Switch, type SwitchProps, TextArea, type TextAreaProps, TextField, type TextFieldProps };

package/dist/form.js

@@ -0,0 +1,2 @@
+export { Checkbox, Field, Select, Switch, TextArea, TextField } from './chunk-FBQXGRI7.js';
+import './chunk-WEIMKRZV.js';

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export { cx } from './cx.js';
+export { IconSlot, PolymorphicProps, Size, Tone } from './types.js';
+export { Button, ButtonProps, IconButton, IconButtonProps } from './action.js';
+export { Card, CardGrid, CardGridProps, CardProps, Panel, PanelProps } from './surface.js';
+export { Badge, BadgeProps, Severity, SeverityTag, SeverityTagProps, Status, StatusBadge, StatusBadgeProps } from './status.js';
+export { CodeBlock, CodeBlockProps, Kbd, KbdProps, Table, TableCellProps, TableHeaderCellProps, TableProps, Timeline, TimelineProps, TimelineStepProps } from './data.js';
+export { Dialog, DialogContentProps, Drawer, DrawerContentProps, DropdownMenu, DropdownMenuItemProps, Tooltip, TooltipContentProps } from './overlay.js';
+export { Checkbox, CheckboxProps, Field, FieldProps, Select, SelectTriggerProps, Switch, SwitchProps, TextArea, TextAreaProps, TextField, TextFieldProps } from './form.js';
+export { Banner, BannerProps, EmptyState, EmptyStateProps, Meter, MeterProps, ProgressRing, ProgressRingProps, Spinner, SpinnerProps } from './feedback.js';
+export { AppShell, AppShellProps, NavItem, NavLinkRenderProps, NavList, NavListProps, TopBar, TopBarProps } from './shell.js';
+import 'react';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-select';
+import '@radix-ui/react-switch';
+
+/** Published name of this package. */
+declare const PACKAGE_NAME: "@conductor-by-89soone/react";
+/**
+ * Internal packages this entry point resolves through their published entry
+ * points rather than through source paths (FR-DX-001 AC-4). `@conductor-by-89soone/css` is
+ * a stylesheet the consumer imports itself; it is listed here because
+ * `@conductor-by-89soone/react` depends on its class names.
+ */
+declare const CONSUMED_PACKAGES: readonly ["@conductor-by-89soone/tokens", "@conductor-by-89soone/css"];
+/** Builds a Conductor block class name, e.g. `cdt-btn` (ADR-006, FR-CSS-004 AC-2). */
+declare function blockClassName(block: string): string;
+
+export { CONSUMED_PACKAGES, PACKAGE_NAME, blockClassName };

package/dist/index.js

@@ -0,0 +1,18 @@
+export { Badge, SeverityTag, StatusBadge } from './chunk-PXSSKHWF.js';
+export { Card, CardGrid, Panel } from './chunk-TUHWL5JC.js';
+export { Button, IconButton } from './chunk-EA2W7T64.js';
+export { CodeBlock, Kbd, Table, Timeline } from './chunk-RBD5Z2LR.js';
+export { Banner, EmptyState, Meter, ProgressRing, Spinner } from './chunk-NF3ZHADJ.js';
+export { Checkbox, Field, Select, Switch, TextArea, TextField } from './chunk-FBQXGRI7.js';
+export { Dialog, Drawer, DropdownMenu, Tooltip } from './chunk-MR7FIZKV.js';
+export { AppShell, NavList, TopBar } from './chunk-VLBBY4MW.js';
+export { cx } from './chunk-WEIMKRZV.js';
+import { PACKAGE_NAME as PACKAGE_NAME$1, CDT_PREFIX } from '@conductor-by-89soone/tokens';
+
+var PACKAGE_NAME = "@conductor-by-89soone/react";
+var CONSUMED_PACKAGES = [PACKAGE_NAME$1, "@conductor-by-89soone/css"];
+function blockClassName(block) {
+  return `${CDT_PREFIX}${block}`;
+}
+
+export { CONSUMED_PACKAGES, PACKAGE_NAME, blockClassName };

package/dist/overlay.d.ts

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+
+type DialogContentProps = ComponentPropsWithoutRef<typeof RadixDialog.Content> & {
+    readonly size?: "sm" | "md";
+};
+declare const Dialog: {
+    readonly Root: react.FC<RadixDialog.DialogProps>;
+    readonly Trigger: react.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        readonly size?: "sm" | "md";
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Title: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+    readonly Description: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+    readonly Close: react.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+};
+type DrawerContentProps = ComponentPropsWithoutRef<typeof RadixDialog.Content> & {
+    readonly side?: "left" | "right";
+};
+declare const Drawer: {
+    readonly Root: react.FC<RadixDialog.DialogProps>;
+    readonly Trigger: react.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        readonly side?: "left" | "right";
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Title: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+    readonly Description: react.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+    readonly Close: react.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+};
+type TooltipContentProps = ComponentPropsWithoutRef<typeof RadixTooltip.Content> & {
+    readonly showArrow?: boolean;
+};
+declare const Tooltip: {
+    readonly Provider: react.FC<RadixTooltip.TooltipProviderProps>;
+    readonly Root: react.FC<RadixTooltip.TooltipProps>;
+    readonly Trigger: react.ForwardRefExoticComponent<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        readonly showArrow?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+type DropdownMenuItemProps = ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item> & {
+    readonly tone?: "neutral" | "danger";
+    readonly icon?: ReactNode;
+};
+declare const DropdownMenu: {
+    readonly Root: react.FC<RadixDropdownMenu.DropdownMenuProps>;
+    readonly Trigger: react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    readonly Item: react.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        readonly tone?: "neutral" | "danger";
+        readonly icon?: ReactNode;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Label: react.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    readonly Separator: react.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Dialog, type DialogContentProps, Drawer, type DrawerContentProps, DropdownMenu, type DropdownMenuItemProps, Tooltip, type TooltipContentProps };

package/dist/overlay.js

@@ -0,0 +1,2 @@
+export { Dialog, Drawer, DropdownMenu, Tooltip } from './chunk-MR7FIZKV.js';
+import './chunk-WEIMKRZV.js';

package/dist/shell.d.ts

@@ -0,0 +1,41 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface AppShellProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    readonly nav: ReactNode;
+    readonly topBar?: ReactNode;
+    readonly navOpen?: boolean;
+    readonly onNavOpenChange?: (open: boolean) => void;
+    readonly skipLinkLabel: string;
+    readonly mainId?: string;
+    readonly children: ReactNode;
+}
+declare const AppShell: react.ForwardRefExoticComponent<AppShellProps & react.RefAttributes<HTMLDivElement>>;
+interface NavItem {
+    readonly id: string;
+    readonly label: string;
+    readonly href: string;
+    readonly icon?: ReactNode;
+    readonly active?: boolean;
+    readonly section?: string;
+}
+interface NavLinkRenderProps {
+    readonly className: string;
+    readonly "aria-current": "page" | undefined;
+    readonly children: ReactNode;
+}
+interface NavListProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    readonly items: readonly NavItem[];
+    readonly renderLink: (item: NavItem, props: NavLinkRenderProps) => ReactNode;
+    readonly "aria-label": string;
+}
+declare const NavList: react.ForwardRefExoticComponent<NavListProps & react.RefAttributes<HTMLElement>>;
+interface TopBarProps extends Omit<HTMLAttributes<HTMLElement>, "children" | "title"> {
+    readonly eyebrow?: ReactNode;
+    readonly title?: ReactNode;
+    readonly actions?: ReactNode;
+    readonly menuButton?: ReactNode;
+}
+declare const TopBar: react.ForwardRefExoticComponent<TopBarProps & react.RefAttributes<HTMLElement>>;
+
+export { AppShell, type AppShellProps, type NavItem, type NavLinkRenderProps, NavList, type NavListProps, TopBar, type TopBarProps };

package/dist/shell.js

@@ -0,0 +1,2 @@
+export { AppShell, NavList, TopBar } from './chunk-VLBBY4MW.js';
+import './chunk-WEIMKRZV.js';

package/dist/status.d.ts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { Tone } from './types.js';
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    readonly tone?: Tone;
+    readonly icon?: ReactNode;
+    readonly children: ReactNode;
+}
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+type Status = "queued" | "running" | "waiting" | "success" | "partial" | "danger" | "neutralEnd";
+interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    readonly status: Status;
+    readonly icon: ReactNode;
+    readonly label: string;
+}
+declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<HTMLSpanElement>>;
+type Severity = "read" | "write" | "destructive" | "blocked";
+interface SeverityTagProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    readonly severity: Severity;
+    readonly icon: ReactNode;
+    readonly label: string;
+}
+declare const SeverityTag: react.ForwardRefExoticComponent<SeverityTagProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, type Severity, SeverityTag, type SeverityTagProps, type Status, StatusBadge, type StatusBadgeProps };

package/dist/status.js

@@ -0,0 +1,2 @@
+export { Badge, SeverityTag, StatusBadge } from './chunk-PXSSKHWF.js';
+import './chunk-WEIMKRZV.js';

package/dist/surface.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { Size } from './types.js';
+
+interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "onClick"> {
+    readonly as?: "div" | "button" | "a";
+    readonly href?: string;
+    readonly onClick?: MouseEventHandler<HTMLElement>;
+    readonly size?: Size;
+    readonly children: ReactNode;
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLElement>>;
+type CardGridProps = HTMLAttributes<HTMLDivElement>;
+declare const CardGrid: react.ForwardRefExoticComponent<CardGridProps & react.RefAttributes<HTMLDivElement>>;
+interface PanelProps extends HTMLAttributes<HTMLElement> {
+    readonly as?: "div" | "section" | "aside";
+    readonly size?: Size;
+}
+declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLElement>>;
+
+export { Card, CardGrid, type CardGridProps, type CardProps, Panel, type PanelProps };

package/dist/surface.js

@@ -0,0 +1,2 @@
+export { Card, CardGrid, Panel } from './chunk-TUHWL5JC.js';
+import './chunk-WEIMKRZV.js';

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, ElementType, ComponentPropsWithoutRef } from 'react';
+
+/** Own props take precedence when they overlap native element props (FR-CMP-001 AC-4). */
+type PolymorphicProps<E extends ElementType, Own> = Own & Omit<ComponentPropsWithoutRef<E>, keyof Own>;
+type Tone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+type Size = "sm" | "md";
+/** Icons are injected by consumers; Conductor does not bundle an icon set. */
+type IconSlot = ReactNode;
+
+export type { IconSlot, PolymorphicProps, Size, Tone };

package/dist/types.js

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@conductor-by-89soone/react",
+  "version": "0.0.0",
+  "description": "Accessible React primitives for Conductor.",
+  "license": "MIT",
+  "homepage": "https://89sooner.github.io/design-system/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/89sooner/design-system.git",
+    "directory": "packages/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "1.1.19",
+    "@radix-ui/react-checkbox": "1.3.2",
+    "@radix-ui/react-dropdown-menu": "2.1.20",
+    "@radix-ui/react-select": "2.2.5",
+    "@radix-ui/react-switch": "1.2.5",
+    "@radix-ui/react-tooltip": "1.2.12",
+    "@conductor-by-89soone/css": "0.0.0",
+    "@conductor-by-89soone/tokens": "0.0.0"
+  },
+  "peerDependencies": {
+    "lucide-react": "^0.400.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.2.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "jsdom": "^26.0.0",
+    "lucide-react": "^0.468.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  },
+  "scripts": {
+    "prebuild": "vitest run --project react src/testing/public-components.test.ts",
+    "build": "tsup",
+    "test": "vitest run --project react",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  }
+}