@tonyarbor/components 0.1.0 → 0.2.0

package/dist/NumericInput.js

@@ -0,0 +1,319 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/NumericInput/index.ts
+var NumericInput_exports = {};
+__export(NumericInput_exports, {
+  NumericInput: () => NumericInput
+});
+module.exports = __toCommonJS(NumericInput_exports);
+
+// src/NumericInput/NumericInput.tsx
+var React = __toESM(require("react"));
+var import_clsx = require("clsx");
+var import_jsx_runtime = require("react/jsx-runtime");
+var labelStyles = {
+  display: "block",
+  fontSize: "13px",
+  fontWeight: "600",
+  color: "#2f2f2f",
+  marginBottom: "4px",
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+};
+var helperTextStyles = {
+  fontSize: "13px",
+  margin: "0",
+  marginTop: "2px",
+  color: "#595959",
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  lineHeight: "1.4"
+};
+var errorTextStyles = {
+  ...helperTextStyles,
+  color: "#a62323",
+  // destructive-600
+  display: "flex",
+  alignItems: "center",
+  gap: "4px"
+};
+var containerStyles = {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    height: "46px",
+    fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    backgroundColor: "#ffffff",
+    borderRadius: "8px",
+    transition: "all 0.2s ease-in-out",
+    overflow: "hidden"
+  },
+  states: {
+    default: {
+      border: "1px solid #d1d1d1"
+      // grey-300
+    },
+    defaultFocus: {
+      borderColor: "#3cad51",
+      // brand-500
+      outline: "3px solid rgba(60, 173, 81, 0.2)"
+    },
+    error: {
+      border: "1px solid #c93232"
+      // destructive-500
+    },
+    errorFocus: {
+      borderColor: "#c93232",
+      outline: "3px solid rgba(201, 50, 50, 0.2)"
+    },
+    success: {
+      border: "1px solid #16a33d"
+      // success-500
+    },
+    successFocus: {
+      borderColor: "#16a33d",
+      outline: "3px solid rgba(22, 163, 61, 0.2)"
+    },
+    disabled: {
+      backgroundColor: "#f8f8f8",
+      // grey-050
+      borderColor: "#efefef",
+      // grey-100
+      cursor: "not-allowed"
+    }
+  }
+};
+var buttonStyles = {
+  width: "46px",
+  height: "100%",
+  border: "none",
+  background: "transparent",
+  cursor: "pointer",
+  fontSize: "16px",
+  color: "#2f2f2f",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  transition: "background-color 0.2s",
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  userSelect: "none"
+};
+var inputStyles = {
+  flex: 1,
+  border: "none",
+  outline: "none",
+  background: "transparent",
+  textAlign: "center",
+  fontSize: "13px",
+  color: "#2f2f2f",
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  padding: "0 8px",
+  appearance: "textfield"
+};
+var NumericInput = React.forwardRef(
+  ({
+    label,
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    state = "default",
+    error,
+    helperText,
+    disabled = false,
+    className,
+    style,
+    "data-testid": dataTestId
+  }, ref) => {
+    const [isFocused, setIsFocused] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const inputId = React.useId();
+    const helperTextId = React.useId();
+    const errorId = React.useId();
+    const clampValue = (val) => {
+      let clamped = val;
+      if (min !== void 0 && clamped < min) clamped = min;
+      if (max !== void 0 && clamped > max) clamped = max;
+      return clamped;
+    };
+    const handleIncrement = () => {
+      if (disabled) return;
+      const currentValue = value ?? 0;
+      const newValue = currentValue + step;
+      const clampedValue = clampValue(newValue);
+      if (clampedValue !== currentValue) {
+        onChange?.(clampedValue);
+      }
+    };
+    const handleDecrement = () => {
+      if (disabled) return;
+      const currentValue = value ?? 0;
+      const newValue = currentValue - step;
+      const clampedValue = clampValue(newValue);
+      if (clampedValue !== currentValue) {
+        onChange?.(clampedValue);
+      }
+    };
+    const handleInputChange = (e) => {
+      const inputValue = e.target.value;
+      if (inputValue === "" || inputValue === "-") {
+        onChange?.(void 0);
+        return;
+      }
+      const numValue = parseFloat(inputValue);
+      if (!isNaN(numValue)) {
+        const clampedValue = clampValue(numValue);
+        onChange?.(clampedValue);
+      }
+    };
+    const handleKeyDown = (e) => {
+      const allowedKeys = ["Backspace", "Delete", "Tab", "Escape", "Enter", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "-", "."];
+      if (allowedKeys.includes(e.key)) {
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          handleIncrement();
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          handleDecrement();
+        }
+        return;
+      }
+      if (!/^[0-9]$/.test(e.key)) {
+        e.preventDefault();
+      }
+    };
+    const currentState = error ? "error" : state;
+    const stateStyles = containerStyles.states[currentState];
+    const focusStyles = currentState === "error" ? containerStyles.states.errorFocus : currentState === "success" ? containerStyles.states.successFocus : containerStyles.states.defaultFocus;
+    const containerStyle = {
+      ...containerStyles.base,
+      ...stateStyles,
+      ...isFocused && !disabled && focusStyles,
+      ...disabled && containerStyles.states.disabled
+    };
+    const isDecrementDisabled = disabled || min !== void 0 && value !== void 0 && value <= min;
+    const isIncrementDisabled = disabled || max !== void 0 && value !== void 0 && value >= max;
+    const getButtonStyle = (isDisabled) => {
+      const baseStyle = {
+        ...buttonStyles,
+        cursor: isDisabled ? "not-allowed" : "pointer",
+        color: isDisabled ? "#7e7e7e" : "#2f2f2f"
+      };
+      if (currentState === "success" && !isDisabled) {
+        return {
+          ...baseStyle,
+          color: "#16a33d",
+          // success-500
+          border: "2px solid #16a33d",
+          borderRadius: "50%",
+          width: "32px",
+          height: "32px"
+        };
+      }
+      return baseStyle;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.clsx)("arbor-numeric-input-wrapper", className), style, ref, "data-testid": dataTestId, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: inputId, style: labelStyles, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: containerStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: handleDecrement,
+            disabled: isDecrementDisabled,
+            style: getButtonStyle(isDecrementDisabled),
+            onMouseEnter: (e) => {
+              if (!isDecrementDisabled) {
+                e.currentTarget.style.backgroundColor = "#f8f8f8";
+                e.currentTarget.style.borderRadius = "99px";
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "transparent";
+              e.currentTarget.style.borderRadius = currentState === "success" ? "50%" : "0";
+            },
+            "aria-label": "Decrement",
+            children: "\u2212"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            ref: inputRef,
+            id: inputId,
+            type: "text",
+            inputMode: "numeric",
+            value: value !== void 0 ? value : "",
+            onChange: handleInputChange,
+            onKeyDown: handleKeyDown,
+            onFocus: () => setIsFocused(true),
+            onBlur: () => setIsFocused(false),
+            disabled,
+            "aria-invalid": error ? "true" : "false",
+            "aria-describedby": error ? errorId : helperText ? helperTextId : void 0,
+            style: {
+              ...inputStyles,
+              color: disabled ? "#7e7e7e" : "#2f2f2f",
+              cursor: disabled ? "not-allowed" : "text"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: handleIncrement,
+            disabled: isIncrementDisabled,
+            style: getButtonStyle(isIncrementDisabled),
+            onMouseEnter: (e) => {
+              if (!isIncrementDisabled) {
+                e.currentTarget.style.backgroundColor = "#f8f8f8";
+                e.currentTarget.style.borderRadius = "99px";
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "transparent";
+              e.currentTarget.style.borderRadius = currentState === "success" ? "50%" : "0";
+            },
+            "aria-label": "Increment",
+            children: "+"
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: errorId, style: errorTextStyles, children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: helperTextId, style: helperTextStyles, children: helperText })
+    ] });
+  }
+);
+NumericInput.displayName = "NumericInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NumericInput
+});
+//# sourceMappingURL=NumericInput.js.map

package/dist/NumericInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NumericInput/index.ts","../src/NumericInput/NumericInput.tsx"],"sourcesContent":["export { NumericInput } from './NumericInput';\nexport type { NumericInputProps, NumericInputState } from './NumericInput';\n","import * as React from 'react';\nimport { clsx } from 'clsx';\n\nexport type NumericInputState = 'default' | 'error' | 'success';\n\nexport interface NumericInputProps {\n  /**\n   * The label for the numeric input\n   */\n  label?: string;\n  /**\n   * The current value\n   */\n  value?: number;\n  /**\n   * Callback when value changes\n   */\n  onChange?: (value: number | undefined) => void;\n  /**\n   * Minimum allowed value\n   */\n  min?: number;\n  /**\n   * Maximum allowed value\n   */\n  max?: number;\n  /**\n   * Step increment/decrement value\n   * @default 1\n   */\n  step?: number;\n  /**\n   * The validation state\n   * @default 'default'\n   */\n  state?: NumericInputState;\n  /**\n   * Optional error message\n   */\n  error?: string;\n  /**\n   * Optional helper text\n   */\n  helperText?: string;\n  /**\n   * Whether the input is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Custom className\n   */\n  className?: string;\n  /**\n   * Custom style\n   */\n  style?: React.CSSProperties;\n  /**\n   * Test ID for testing\n   */\n  'data-testid'?: string;\n}\n\nconst labelStyles: React.CSSProperties = {\n  display: 'block',\n  fontSize: '13px',\n  fontWeight: '600',\n  color: '#2f2f2f',\n  marginBottom: '4px',\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n};\n\nconst helperTextStyles: React.CSSProperties = {\n  fontSize: '13px',\n  margin: '0',\n  marginTop: '2px',\n  color: '#595959',\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n  lineHeight: '1.4',\n};\n\nconst errorTextStyles: React.CSSProperties = {\n  ...helperTextStyles,\n  color: '#a62323', // destructive-600\n  display: 'flex',\n  alignItems: 'center',\n  gap: '4px',\n};\n\nconst containerStyles = {\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '46px',\n    fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n    backgroundColor: '#ffffff',\n    borderRadius: '8px',\n    transition: 'all 0.2s ease-in-out',\n    overflow: 'hidden',\n  },\n  states: {\n    default: {\n      border: '1px solid #d1d1d1', // grey-300\n    },\n    defaultFocus: {\n      borderColor: '#3cad51', // brand-500\n      outline: '3px solid rgba(60, 173, 81, 0.2)',\n    },\n    error: {\n      border: '1px solid #c93232', // destructive-500\n    },\n    errorFocus: {\n      borderColor: '#c93232',\n      outline: '3px solid rgba(201, 50, 50, 0.2)',\n    },\n    success: {\n      border: '1px solid #16a33d', // success-500\n    },\n    successFocus: {\n      borderColor: '#16a33d',\n      outline: '3px solid rgba(22, 163, 61, 0.2)',\n    },\n    disabled: {\n      backgroundColor: '#f8f8f8', // grey-050\n      borderColor: '#efefef', // grey-100\n      cursor: 'not-allowed',\n    },\n  },\n};\n\nconst buttonStyles: React.CSSProperties = {\n  width: '46px',\n  height: '100%',\n  border: 'none',\n  background: 'transparent',\n  cursor: 'pointer',\n  fontSize: '16px',\n  color: '#2f2f2f',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'background-color 0.2s',\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n  userSelect: 'none' as const,\n};\n\nconst inputStyles: React.CSSProperties = {\n  flex: 1,\n  border: 'none',\n  outline: 'none',\n  background: 'transparent',\n  textAlign: 'center',\n  fontSize: '13px',\n  color: '#2f2f2f',\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n  padding: '0 8px',\n  appearance: 'textfield' as any,\n};\n\n/**\n * NumericInput component - Arbor Design System\n *\n * A number input with increment/decrement buttons.\n * Enforces numeric rules (min, max, step) and prevents non-numeric input.\n */\nexport const NumericInput = React.forwardRef<HTMLDivElement, NumericInputProps>(\n  (\n    {\n      label,\n      value,\n      onChange,\n      min,\n      max,\n      step = 1,\n      state = 'default',\n      error,\n      helperText,\n      disabled = false,\n      className,\n      style,\n      'data-testid': dataTestId,\n    },\n    ref\n  ) => {\n    const [isFocused, setIsFocused] = React.useState(false);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const inputId = React.useId();\n    const helperTextId = React.useId();\n    const errorId = React.useId();\n\n    const clampValue = (val: number): number => {\n      let clamped = val;\n      if (min !== undefined && clamped < min) clamped = min;\n      if (max !== undefined && clamped > max) clamped = max;\n      return clamped;\n    };\n\n    const handleIncrement = () => {\n      if (disabled) return;\n      const currentValue = value ?? 0;\n      const newValue = currentValue + step;\n      const clampedValue = clampValue(newValue);\n      if (clampedValue !== currentValue) {\n        onChange?.(clampedValue);\n      }\n    };\n\n    const handleDecrement = () => {\n      if (disabled) return;\n      const currentValue = value ?? 0;\n      const newValue = currentValue - step;\n      const clampedValue = clampValue(newValue);\n      if (clampedValue !== currentValue) {\n        onChange?.(clampedValue);\n      }\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value;\n\n      // Allow empty input\n      if (inputValue === '' || inputValue === '-') {\n        onChange?.(undefined);\n        return;\n      }\n\n      // Parse as number\n      const numValue = parseFloat(inputValue);\n\n      // Only update if it's a valid number\n      if (!isNaN(numValue)) {\n        const clampedValue = clampValue(numValue);\n        onChange?.(clampedValue);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      // Allow: backspace, delete, tab, escape, enter, minus sign, decimal point\n      const allowedKeys = ['Backspace', 'Delete', 'Tab', 'Escape', 'Enter', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', '-', '.'];\n\n      if (allowedKeys.includes(e.key)) {\n        // Handle arrow keys for increment/decrement\n        if (e.key === 'ArrowUp') {\n          e.preventDefault();\n          handleIncrement();\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault();\n          handleDecrement();\n        }\n        return;\n      }\n\n      // Only allow numbers\n      if (!/^[0-9]$/.test(e.key)) {\n        e.preventDefault();\n      }\n    };\n\n    const currentState = error ? 'error' : state;\n    const stateStyles = containerStyles.states[currentState];\n    const focusStyles =\n      currentState === 'error'\n        ? containerStyles.states.errorFocus\n        : currentState === 'success'\n        ? containerStyles.states.successFocus\n        : containerStyles.states.defaultFocus;\n\n    const containerStyle: React.CSSProperties = {\n      ...containerStyles.base,\n      ...stateStyles,\n      ...(isFocused && !disabled && focusStyles),\n      ...(disabled && containerStyles.states.disabled),\n    };\n\n    const isDecrementDisabled = disabled || (min !== undefined && value !== undefined && value <= min);\n    const isIncrementDisabled = disabled || (max !== undefined && value !== undefined && value >= max);\n\n    // Button styles for success state (green outlined circles)\n    const getButtonStyle = (isDisabled: boolean) => {\n      const baseStyle: React.CSSProperties = {\n        ...buttonStyles,\n        cursor: isDisabled ? 'not-allowed' : 'pointer',\n        color: isDisabled ? '#7e7e7e' : '#2f2f2f',\n      };\n\n      // Add green circle border for success state\n      if (currentState === 'success' && !isDisabled) {\n        return {\n          ...baseStyle,\n          color: '#16a33d', // success-500\n          border: '2px solid #16a33d',\n          borderRadius: '50%',\n          width: '32px',\n          height: '32px',\n        };\n      }\n\n      return baseStyle;\n    };\n\n    return (\n      <div className={clsx('arbor-numeric-input-wrapper', className)} style={style} ref={ref} data-testid={dataTestId}>\n        {label && (\n          <label htmlFor={inputId} style={labelStyles}>\n            {label}\n          </label>\n        )}\n\n        <div style={containerStyle}>\n          <button\n            type=\"button\"\n            onClick={handleDecrement}\n            disabled={isDecrementDisabled}\n            style={getButtonStyle(isDecrementDisabled)}\n            onMouseEnter={(e) => {\n              if (!isDecrementDisabled) {\n                e.currentTarget.style.backgroundColor = '#f8f8f8';\n                e.currentTarget.style.borderRadius = '99px';\n              }\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent';\n              e.currentTarget.style.borderRadius = currentState === 'success' ? '50%' : '0';\n            }}\n            aria-label=\"Decrement\"\n          >\n            −\n          </button>\n\n          <input\n            ref={inputRef}\n            id={inputId}\n            type=\"text\"\n            inputMode=\"numeric\"\n            value={value !== undefined ? value : ''}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            disabled={disabled}\n            aria-invalid={error ? 'true' : 'false'}\n            aria-describedby={error ? errorId : helperText ? helperTextId : undefined}\n            style={{\n              ...inputStyles,\n              color: disabled ? '#7e7e7e' : '#2f2f2f',\n              cursor: disabled ? 'not-allowed' : 'text',\n            }}\n          />\n\n          <button\n            type=\"button\"\n            onClick={handleIncrement}\n            disabled={isIncrementDisabled}\n            style={getButtonStyle(isIncrementDisabled)}\n            onMouseEnter={(e) => {\n              if (!isIncrementDisabled) {\n                e.currentTarget.style.backgroundColor = '#f8f8f8';\n                e.currentTarget.style.borderRadius = '99px';\n              }\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent';\n              e.currentTarget.style.borderRadius = currentState === 'success' ? '50%' : '0';\n            }}\n            aria-label=\"Increment\"\n          >\n            +\n          </button>\n        </div>\n\n        {error && (\n          <p id={errorId} style={errorTextStyles}>\n            {error}\n          </p>\n        )}\n\n        {helperText && !error && (\n          <p id={helperTextId} style={helperTextStyles}>\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nNumericInput.displayName = 'NumericInput';\n"],"mappings":"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","names":[]}

package/dist/NumericInput.mjs

@@ -0,0 +1,7 @@
+import {
+  NumericInput
+} from "./chunk-5BUXFTPW.mjs";
+export {
+  NumericInput
+};
+//# sourceMappingURL=NumericInput.mjs.map

package/dist/NumericInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Radio.d.mts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+interface RadioProps {
+    /**
+     * The label for the radio button
+     */
+    label?: string;
+    /**
+     * Whether the radio is selected
+     */
+    checked?: boolean;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * Whether the radio is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+    /**
+     * Name attribute for form submission (groups radios together)
+     */
+    name?: string;
+    /**
+     * Value attribute for form submission
+     */
+    value?: string;
+}
+/**
+ * Radio component - Arbor Design System
+ *
+ * A radio button input with label support.
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Radio, type RadioProps };

package/dist/Radio.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+interface RadioProps {
+    /**
+     * The label for the radio button
+     */
+    label?: string;
+    /**
+     * Whether the radio is selected
+     */
+    checked?: boolean;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * Whether the radio is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+    /**
+     * Name attribute for form submission (groups radios together)
+     */
+    name?: string;
+    /**
+     * Value attribute for form submission
+     */
+    value?: string;
+}
+/**
+ * Radio component - Arbor Design System
+ *
+ * A radio button input with label support.
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Radio, type RadioProps };

package/dist/Radio.js

@@ -0,0 +1,174 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Radio/index.ts
+var Radio_exports = {};
+__export(Radio_exports, {
+  Radio: () => Radio
+});
+module.exports = __toCommonJS(Radio_exports);
+
+// src/Radio/Radio.tsx
+var React = __toESM(require("react"));
+var import_clsx = require("clsx");
+var import_jsx_runtime = require("react/jsx-runtime");
+var radioStyles = {
+  width: "20px",
+  height: "20px",
+  border: "2px solid #d1d1d1",
+  // grey-300
+  borderRadius: "50%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  transition: "all 0.2s ease-in-out",
+  flexShrink: 0,
+  backgroundColor: "#ffffff"
+};
+var checkedStyles = {
+  borderColor: "#3cad51"
+  // brand-500
+};
+var innerDotStyles = {
+  width: "10px",
+  height: "10px",
+  borderRadius: "50%",
+  backgroundColor: "#3cad51",
+  // brand-500
+  transition: "all 0.2s ease-in-out"
+};
+var labelStyles = {
+  fontSize: "13px",
+  color: "#2f2f2f",
+  cursor: "pointer",
+  userSelect: "none",
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+};
+var wrapperStyles = {
+  display: "flex",
+  alignItems: "center",
+  gap: "8px"
+};
+var Radio = React.forwardRef(
+  ({
+    label,
+    checked = false,
+    onChange,
+    disabled = false,
+    className,
+    style,
+    "data-testid": dataTestId,
+    name,
+    value
+  }, ref) => {
+    const [isFocused, setIsFocused] = React.useState(false);
+    const radioId = React.useId();
+    const handleChange = (e) => {
+      if (!disabled) {
+        onChange?.(e.target.checked);
+      }
+    };
+    const circleStyle = {
+      ...radioStyles,
+      ...checked && !disabled && checkedStyles,
+      ...disabled && !checked && { backgroundColor: "#f8f8f8", borderColor: "#efefef" },
+      ...disabled && checked && { borderColor: "#7e7e7e" },
+      ...isFocused && !disabled && { borderColor: "#3cad51", outline: "2px solid rgba(60, 173, 81, 0.2)" }
+    };
+    const dotStyle = {
+      ...innerDotStyles,
+      backgroundColor: disabled ? "#7e7e7e" : "#3cad51"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_clsx.clsx)("arbor-radio-wrapper", className),
+        style: { ...wrapperStyles, ...style },
+        "data-testid": dataTestId,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref,
+              id: radioId,
+              type: "radio",
+              checked,
+              onChange: handleChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false),
+              disabled,
+              name,
+              value,
+              style: {
+                position: "absolute",
+                opacity: 0,
+                width: 0,
+                height: 0
+              },
+              "aria-checked": checked
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "label",
+            {
+              htmlFor: radioId,
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                cursor: disabled ? "not-allowed" : "pointer"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: circleStyle, children: checked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: dotStyle }) }),
+                label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    style: {
+                      ...labelStyles,
+                      color: disabled ? "#7e7e7e" : "#2f2f2f",
+                      cursor: disabled ? "not-allowed" : "pointer"
+                    },
+                    children: label
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio
+});
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Radio/index.ts","../src/Radio/Radio.tsx"],"sourcesContent":["export { Radio } from './Radio';\nexport type { RadioProps } from './Radio';\n","import * as React from 'react';\nimport { clsx } from 'clsx';\n\nexport interface RadioProps {\n  /**\n   * The label for the radio button\n   */\n  label?: string;\n  /**\n   * Whether the radio is selected\n   */\n  checked?: boolean;\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (checked: boolean) => void;\n  /**\n   * Whether the radio is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Custom className\n   */\n  className?: string;\n  /**\n   * Custom style\n   */\n  style?: React.CSSProperties;\n  /**\n   * Test ID for testing\n   */\n  'data-testid'?: string;\n  /**\n   * Name attribute for form submission (groups radios together)\n   */\n  name?: string;\n  /**\n   * Value attribute for form submission\n   */\n  value?: string;\n}\n\nconst radioStyles: React.CSSProperties = {\n  width: '20px',\n  height: '20px',\n  border: '2px solid #d1d1d1', // grey-300\n  borderRadius: '50%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'pointer',\n  transition: 'all 0.2s ease-in-out',\n  flexShrink: 0,\n  backgroundColor: '#ffffff',\n};\n\nconst checkedStyles: React.CSSProperties = {\n  borderColor: '#3cad51', // brand-500\n};\n\nconst innerDotStyles: React.CSSProperties = {\n  width: '10px',\n  height: '10px',\n  borderRadius: '50%',\n  backgroundColor: '#3cad51', // brand-500\n  transition: 'all 0.2s ease-in-out',\n};\n\nconst labelStyles: React.CSSProperties = {\n  fontSize: '13px',\n  color: '#2f2f2f',\n  cursor: 'pointer',\n  userSelect: 'none' as const,\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n};\n\nconst wrapperStyles: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: '8px',\n};\n\n/**\n * Radio component - Arbor Design System\n *\n * A radio button input with label support.\n */\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      label,\n      checked = false,\n      onChange,\n      disabled = false,\n      className,\n      style,\n      'data-testid': dataTestId,\n      name,\n      value,\n    },\n    ref\n  ) => {\n    const [isFocused, setIsFocused] = React.useState(false);\n    const radioId = React.useId();\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!disabled) {\n        onChange?.(e.target.checked);\n      }\n    };\n\n    const circleStyle: React.CSSProperties = {\n      ...radioStyles,\n      ...(checked && !disabled && checkedStyles),\n      ...(disabled && !checked && { backgroundColor: '#f8f8f8', borderColor: '#efefef' }),\n      ...(disabled && checked && { borderColor: '#7e7e7e' }),\n      ...(isFocused && !disabled && { borderColor: '#3cad51', outline: '2px solid rgba(60, 173, 81, 0.2)' }),\n    };\n\n    const dotStyle: React.CSSProperties = {\n      ...innerDotStyles,\n      backgroundColor: disabled ? '#7e7e7e' : '#3cad51',\n    };\n\n    return (\n      <div\n        className={clsx('arbor-radio-wrapper', className)}\n        style={{ ...wrapperStyles, ...style }}\n        data-testid={dataTestId}\n      >\n        <input\n          ref={ref}\n          id={radioId}\n          type=\"radio\"\n          checked={checked}\n          onChange={handleChange}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          disabled={disabled}\n          name={name}\n          value={value}\n          style={{\n            position: 'absolute',\n            opacity: 0,\n            width: 0,\n            height: 0,\n          }}\n          aria-checked={checked}\n        />\n        <label\n          htmlFor={radioId}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '8px',\n            cursor: disabled ? 'not-allowed' : 'pointer',\n          }}\n        >\n          <div style={circleStyle}>\n            {checked && <div style={dotStyle} />}\n          </div>\n          {label && (\n            <span\n              style={{\n                ...labelStyles,\n                color: disabled ? '#7e7e7e' : '#2f2f2f',\n                cursor: disabled ? 'not-allowed' : 'pointer',\n              }}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n      </div>\n    );\n  }\n);\n\nRadio.displayName = 'Radio';\n"],"mappings":"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","names":[]}

package/dist/Radio.mjs

@@ -0,0 +1,7 @@
+import {
+  Radio
+} from "./chunk-ARBHNHO7.mjs";
+export {
+  Radio
+};
+//# sourceMappingURL=Radio.mjs.map

package/dist/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}