@ankhorage/zora 7.0.0 → 9.0.0

package/dist/components/progress/meta.js

@@ -1,142 +0,0 @@
-import { ZORA_COLORS } from '../../internal/colorModel';
-export const progressMeta = {
-    name: 'Progress',
-    category: 'component',
-    directManifestNode: true,
-    allowedChildren: [],
-    blueprint: {
-        label: 'Progress',
-        defaultProps: {
-            value: 50,
-            max: 100,
-            color: 'primary',
-            size: 'm',
-        },
-    },
-    props: {
-        value: {
-            type: 'number',
-            category: 'State',
-            label: 'Value',
-            default: 50,
-        },
-        max: {
-            type: 'number',
-            category: 'State',
-            label: 'Max',
-            default: 100,
-        },
-        color: {
-            type: 'enum',
-            category: 'Style',
-            label: 'Color',
-            enum: [...ZORA_COLORS],
-            default: 'primary',
-        },
-        size: {
-            type: 'enum',
-            category: 'Style',
-            label: 'Size',
-            enum: ['s', 'm', 'l'],
-            default: 'm',
-        },
-    },
-};
-const instanceAuthoring = { authority: 'instance' };
-export const progressRingMeta = {
-    name: 'ProgressRing',
-    category: 'component',
-    description: 'Displays circular determinate progress with optional center value and label text.',
-    directManifestNode: true,
-    allowedChildren: [],
-    blueprint: {
-        label: 'Progress ring',
-        defaultProps: {
-            value: 68,
-            max: 100,
-            color: 'primary',
-            trackColor: 'neutral',
-            size: 120,
-            thickness: 10,
-            centerValue: '68%',
-            centerLabel: 'Complete',
-            accessibilityLabel: 'Progress',
-            accessibilityValueText: '68% complete',
-        },
-    },
-    props: {
-        value: {
-            type: 'number',
-            category: 'State',
-            label: 'Value',
-            default: 68,
-            authoring: instanceAuthoring,
-        },
-        max: {
-            type: 'number',
-            category: 'State',
-            label: 'Maximum',
-            default: 100,
-            authoring: instanceAuthoring,
-        },
-        centerValue: {
-            type: 'string',
-            category: 'Content',
-            label: 'Center value',
-            default: '68%',
-            authoring: instanceAuthoring,
-        },
-        centerLabel: {
-            type: 'string',
-            category: 'Content',
-            label: 'Center label',
-            default: 'Complete',
-            authoring: instanceAuthoring,
-        },
-        accessibilityLabel: {
-            type: 'string',
-            category: 'Accessibility',
-            label: 'Accessibility label',
-            default: 'Progress',
-            authoring: instanceAuthoring,
-        },
-        accessibilityValueText: {
-            type: 'string',
-            category: 'Accessibility',
-            label: 'Accessibility value text',
-            default: '68% complete',
-            authoring: instanceAuthoring,
-        },
-        color: {
-            type: 'enum',
-            category: 'Style',
-            label: 'Progress color',
-            enum: [...ZORA_COLORS],
-            default: 'primary',
-            authoring: instanceAuthoring,
-        },
-        trackColor: {
-            type: 'enum',
-            category: 'Style',
-            label: 'Track color',
-            enum: [...ZORA_COLORS],
-            default: 'neutral',
-            authoring: instanceAuthoring,
-        },
-        size: {
-            type: 'number',
-            category: 'Layout',
-            label: 'Diameter',
-            default: 120,
-            authoring: instanceAuthoring,
-        },
-        thickness: {
-            type: 'number',
-            category: 'Style',
-            label: 'Thickness',
-            default: 10,
-            authoring: instanceAuthoring,
-        },
-    },
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/progress/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/progress/meta.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZORA_COLORS } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nexport const progressMeta = {\n  name: 'Progress',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Progress',\n    defaultProps: {\n      value: 50,\n      max: 100,\n      color: 'primary',\n      size: 'm',\n    },\n  },\n  props: {\n    value: {\n      type: 'number',\n      category: 'State',\n      label: 'Value',\n      default: 50,\n    },\n    max: {\n      type: 'number',\n      category: 'State',\n      label: 'Max',\n      default: 100,\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Color',\n      enum: [...ZORA_COLORS],\n      default: 'primary',\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Size',\n      enum: ['s', 'm', 'l'],\n      default: 'm',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n\nconst instanceAuthoring = { authority: 'instance' } as const;\n\nexport const progressRingMeta = {\n  name: 'ProgressRing',\n  category: 'component',\n  description: 'Displays circular determinate progress with optional center value and label text.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Progress ring',\n    defaultProps: {\n      value: 68,\n      max: 100,\n      color: 'primary',\n      trackColor: 'neutral',\n      size: 120,\n      thickness: 10,\n      centerValue: '68%',\n      centerLabel: 'Complete',\n      accessibilityLabel: 'Progress',\n      accessibilityValueText: '68% complete',\n    },\n  },\n  props: {\n    value: {\n      type: 'number',\n      category: 'State',\n      label: 'Value',\n      default: 68,\n      authoring: instanceAuthoring,\n    },\n    max: {\n      type: 'number',\n      category: 'State',\n      label: 'Maximum',\n      default: 100,\n      authoring: instanceAuthoring,\n    },\n    centerValue: {\n      type: 'string',\n      category: 'Content',\n      label: 'Center value',\n      default: '68%',\n      authoring: instanceAuthoring,\n    },\n    centerLabel: {\n      type: 'string',\n      category: 'Content',\n      label: 'Center label',\n      default: 'Complete',\n      authoring: instanceAuthoring,\n    },\n    accessibilityLabel: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Accessibility label',\n      default: 'Progress',\n      authoring: instanceAuthoring,\n    },\n    accessibilityValueText: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Accessibility value text',\n      default: '68% complete',\n      authoring: instanceAuthoring,\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Progress color',\n      enum: [...ZORA_COLORS],\n      default: 'primary',\n      authoring: instanceAuthoring,\n    },\n    trackColor: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Track color',\n      enum: [...ZORA_COLORS],\n      default: 'neutral',\n      authoring: instanceAuthoring,\n    },\n    size: {\n      type: 'number',\n      category: 'Layout',\n      label: 'Diameter',\n      default: 120,\n      authoring: instanceAuthoring,\n    },\n    thickness: {\n      type: 'number',\n      category: 'Style',\n      label: 'Thickness',\n      default: 10,\n      authoring: instanceAuthoring,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/progress/resolveProgressFraction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveProgressFraction.d.ts","sourceRoot":"","sources":["../../../src/components/progress/resolveProgressFraction.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAgB9F"}

package/dist/components/progress/resolveProgressFraction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveProgressFraction.js","sourceRoot":"","sources":["../../../src/components/progress/resolveProgressFraction.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAkC;IACpF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;QACjE,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC;IAE7B,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;QAClB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;QAClB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["export function resolveProgressFraction({ value, max }: { value: number; max: number }): number {\n  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) {\n    return 0;\n  }\n\n  const fraction = value / max;\n\n  if (fraction <= 0) {\n    return 0;\n  }\n\n  if (fraction >= 1) {\n    return 1;\n  }\n\n  return fraction;\n}\n"]}

package/dist/components/progress/resolveProgressRingGeometry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveProgressRingGeometry.d.ts","sourceRoot":"","sources":["../../../src/components/progress/resolveProgressRingGeometry.ts"],"names":[],"mappings":"AAAA,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;;;;;;EAoBA"}

package/dist/components/progress/resolveProgressRingGeometry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveProgressRingGeometry.js","sourceRoot":"","sources":["../../../src/components/progress/resolveProgressRingGeometry.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,2BAA2B,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,SAAS,GAKV;IACC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,uBAAuB,CAAC,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,EACxE,QAAQ,GAAG,CAAC,CACb,CAAC;IACF,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAC3B,qBAAqB,EACrB,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,gBAAgB,CAAC,CAAC,CACxE,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9F,OAAO;QACL,QAAQ;QACR,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,YAAY,CAAC;QACjE,YAAY;QACZ,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,gBAAgB,CAAC,GAAG,YAAY,GAAG,GAAG,CAAC;QAChF,WAAW;KACZ,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,SAAS,uBAAuB,CAAC,KAAa,EAAE,QAAgB,EAAE,OAAe;IAC/E,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QAC1C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC","sourcesContent":["export function resolveProgressRingGeometry({\n  fraction,\n  size,\n  thickness,\n}: {\n  fraction: number;\n  size: number;\n  thickness: number;\n}) {\n  const diameter = normalizePositiveNumber(size, DEFAULT_SIZE, MINIMUM_SIZE);\n  const strokeWidth = Math.min(\n    normalizePositiveNumber(thickness, DEFAULT_THICKNESS, MINIMUM_THICKNESS),\n    diameter / 2,\n  );\n  const centerlineRadius = (diameter - strokeWidth) / 2;\n  const segmentCount = Math.max(\n    MINIMUM_SEGMENT_COUNT,\n    Math.min(MAXIMUM_SEGMENT_COUNT, Math.round(Math.PI * centerlineRadius)),\n  );\n  const normalizedFraction = Math.min(Math.max(Number.isFinite(fraction) ? fraction : 0, 0), 1);\n\n  return {\n    diameter,\n    filledSegmentCount: Math.round(normalizedFraction * segmentCount),\n    segmentCount,\n    segmentWidth: Math.max(1, (2 * Math.PI * centerlineRadius) / segmentCount + 0.5),\n    strokeWidth,\n  };\n}\n\nconst DEFAULT_SIZE = 120;\nconst DEFAULT_THICKNESS = 10;\nconst MAXIMUM_SEGMENT_COUNT = 120;\nconst MINIMUM_SEGMENT_COUNT = 32;\nconst MINIMUM_SIZE = 24;\nconst MINIMUM_THICKNESS = 1;\n\nfunction normalizePositiveNumber(value: number, fallback: number, minimum: number): number {\n  if (!Number.isFinite(value) || value <= 0) {\n    return fallback;\n  }\n\n  return Math.max(value, minimum);\n}\n"]}

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

@@ -1,23 +0,0 @@
-import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
-import type { ZoraColor, ZoraControlSize } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface ProgressProps extends ZoraBaseProps {
-    value: number;
-    max?: number;
-    color?: ZoraColor;
-    size?: ZoraControlSize;
-}
-export interface ProgressRingProps extends ZoraBaseProps {
-    value: number;
-    max?: number;
-    color?: ZoraColor;
-    trackColor?: ZoraColor;
-    size?: number;
-    thickness?: number;
-    centerValue?: string;
-    centerLabel?: string;
-    accessibilityLabel?: string;
-    accessibilityValueText?: string;
-}
-export declare function resolveProgressRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics;
-//# sourceMappingURL=types.d.ts.map

package/dist/components/progress/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,aAAa,CAwBxF"}

package/dist/components/progress/types.js

@@ -1,26 +0,0 @@
-export function resolveProgressRole(theme, color) {
-    switch (color) {
-        case 'secondary':
-            return theme.semantics.secondary;
-        case 'tertiary':
-            return theme.semantics.accent;
-        case 'quaternary':
-            return theme.semantics.highlight;
-        case 'error':
-            return theme.semantics.error;
-        case 'info':
-            return theme.semantics.info;
-        case 'primary':
-            return theme.semantics.action.primary;
-        case 'danger':
-            return theme.semantics.action.danger;
-        case 'success':
-            return theme.semantics.success;
-        case 'warning':
-            return theme.semantics.warning;
-        case 'neutral':
-        default:
-            return theme.semantics.action.neutral;
-    }
-}
-//# sourceMappingURL=types.js.map

package/dist/components/progress/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/progress/types.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,mBAAmB,CAAC,KAAmB,EAAE,KAAgB;IACvE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,WAAW;YACd,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;QAChC,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;QAC9B,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\n\nimport type { ZoraColor, ZoraControlSize } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ProgressProps extends ZoraBaseProps {\n  value: number;\n  max?: number;\n  color?: ZoraColor;\n  size?: ZoraControlSize;\n}\n\nexport interface ProgressRingProps extends ZoraBaseProps {\n  value: number;\n  max?: number;\n  color?: ZoraColor;\n  trackColor?: ZoraColor;\n  size?: number;\n  thickness?: number;\n  centerValue?: string;\n  centerLabel?: string;\n  accessibilityLabel?: string;\n  accessibilityValueText?: string;\n}\n\nexport function resolveProgressRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n"]}

package/dist/components/radio/Radio.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RadioProps } from './types';
-/***
- * Single-choice selection control used within a radio group.
- */
-export declare const Radio: (props: RadioProps) => React.ReactElement | null;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAM1C;;GAEG;AACH,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/components/radio/Radio.js

@@ -1,11 +0,0 @@
-import { Radio as SurfaceRadio } from '@ankhorage/surface';
-import React from 'react';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function RadioInner({ themeId: _themeId, mode: _mode, interactionPolicy, ...props }) {
-    return <SurfaceRadio {...props} interactionPolicy={interactionPolicy}/>;
-}
-/***
- * Single-choice selection control used within a radio group.
- */
-export const Radio = withZoraThemeScope(RadioInner);
-//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAc;IAC7F,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EAAG,CAAC;AAC3E,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Radio as SurfaceRadio } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { RadioProps } from './types';\n\nfunction RadioInner({ themeId: _themeId, mode: _mode, interactionPolicy, ...props }: RadioProps) {\n  return <SurfaceRadio {...props} interactionPolicy={interactionPolicy} />;\n}\n\n/***\n * Single-choice selection control used within a radio group.\n */\nexport const Radio = withZoraThemeScope(RadioInner);\n"]}

package/dist/components/radio/RadioGroup.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { RadioGroupProps } from './types';
-/*** Present one controlled single-choice group as inline radios or icon radio options. */
-export declare const RadioGroup: <TValue extends string>(props: RadioGroupProps<TValue>) => React.ReactElement | null;
-//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio/RadioGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,0FAA0F;AAC1F,eAAO,MAAM,UAAU,GAGE,MAAM,SAAS,MAAM,8DAHe,CAAC"}

package/dist/components/radio/RadioGroup.js

@@ -1,70 +0,0 @@
-import { Radio } from '@ankhorage/surface';
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Stack } from '../../foundation';
-import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
-import { RadioOptionControl } from './RadioOptionControl';
-import { resolveRadioGroupThemeRecipe } from './resolveRadioGroupThemeRecipe';
-/*** Present one controlled single-choice group as inline radios or icon radio options. */
-export const RadioGroup = withZoraThemeScope(RadioGroupInner);
-/*** Resolve shared presentation once and preserve a single interaction boundary per option. */
-function RadioGroupInner({ themeId: _themeId, mode: _mode, ...props }) {
-    const [localValue, setLocalValue] = React.useState(props.defaultValue);
-    const onValueChange = (next) => {
-        if (props.value === undefined)
-            setLocalValue(next);
-        props.onValueChange?.(next);
-    };
-    const selectedProps = { ...props, value: props.value ?? localValue, onValueChange };
-    const themeFields = useZoraThemeRecipe('RadioGroup');
-    const recipe = resolveRadioGroupThemeRecipe({ ...props, themeFields });
-    if (props.presentation !== 'card')
-        return <RadioGroupInline {...selectedProps} {...recipe}/>;
-    const columns = props.columns ?? (props.orientation === 'horizontal' ? Math.max(1, props.options.length) : 1);
-    const rows = Array.from({ length: Math.ceil(props.options.length / columns) }, (_, index) => props.options.slice(index * columns, (index + 1) * columns));
-    return (<View testID={props.testID} accessibilityRole="radiogroup">
-      <Stack gap={recipe.gap}>
-        {rows.map((options, index) => (<Stack key={index} direction="row" gap={recipe.gap}>
-            {options.map((option) => (<View key={option.value} style={styles.option}>
-                <RadioGroupItem {...selectedProps} {...recipe} option={option}/>
-              </View>))}
-            {Array.from({ length: columns - options.length }, (_, slot) => (<View key={`empty-${slot}`} style={styles.option}/>))}
-          </Stack>))}
-      </Stack>
-    </View>);
-}
-/*** Preserve ordinary radio wrapping independently of the icon-option grid. */
-function RadioGroupInline(props) {
-    return (<View testID={props.testID} accessibilityRole="radiogroup">
-      <Stack direction={props.orientation === 'horizontal' ? 'row' : 'column'} gap={props.gap} wrap="wrap">
-        {props.options.map((option) => (<RadioGroupItem key={option.value} {...props} option={option}/>))}
-      </Stack>
-    </View>);
-}
-/*** Delegate icon options to their composed radio boundary and ordinary options to Surface Radio. */
-function RadioGroupItem(props) {
-    const { option, value, onValueChange, interactionPolicy, color, size } = props;
-    const checked = value === option.value;
-    const inactive = props.disabled === true || option.disabled === true;
-    const readOnly = props.readOnly === true;
-    const invalid = props.invalid === true;
-    const onSelect = () => {
-        if (!inactive && !readOnly && interactionPolicy !== 'passive' && !checked)
-            onValueChange?.(option.value);
-    };
-    if (props.presentation === 'card') {
-        return (<RadioOptionControl {...props} checked={checked} disabled={inactive} readOnly={readOnly} invalid={invalid} layout={props.contentOrientation ?? 'horizontal'} onSelect={onSelect}/>);
-    }
-    return (<Radio checked={checked} disabled={inactive} readOnly={readOnly} invalid={invalid} interactionPolicy={interactionPolicy} color={color} size={size} testID={option.testID} onCheckedChange={onSelect}>
-      <Stack gap="xs">
-        <Text>{option.label}</Text>
-        {option.description ? (<Text emphasis="muted" variant="caption">
-            {option.description}
-          </Text>) : null}
-      </Stack>
-    </Radio>);
-}
-const styles = StyleSheet.create({ option: { flex: 1, minWidth: 0 } });
-//# sourceMappingURL=RadioGroup.js.map

package/dist/components/radio/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Radio } from '@ankhorage/surface';\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Stack } from '../../foundation';\nimport { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Text } from '../text';\nimport { RadioOptionControl } from './RadioOptionControl';\nimport { resolveRadioGroupThemeRecipe } from './resolveRadioGroupThemeRecipe';\nimport type { RadioGroupProps } from './types';\n\n/*** Present one controlled single-choice group as inline radios or icon radio options. */\nexport const RadioGroup = withZoraThemeScope(RadioGroupInner);\n\n/*** Resolve shared presentation once and preserve a single interaction boundary per option. */\nfunction RadioGroupInner<TValue extends string>({\n  themeId: _themeId,\n  mode: _mode,\n  ...props\n}: RadioGroupProps<TValue>) {\n  const [localValue, setLocalValue] = React.useState(props.defaultValue);\n  const onValueChange = (next: TValue) => {\n    if (props.value === undefined) setLocalValue(next);\n    props.onValueChange?.(next);\n  };\n  const selectedProps = { ...props, value: props.value ?? localValue, onValueChange };\n  const themeFields = useZoraThemeRecipe('RadioGroup');\n  const recipe = resolveRadioGroupThemeRecipe({ ...props, themeFields });\n  if (props.presentation !== 'card') return <RadioGroupInline {...selectedProps} {...recipe} />;\n  const columns =\n    props.columns ?? (props.orientation === 'horizontal' ? Math.max(1, props.options.length) : 1);\n  const rows = Array.from({ length: Math.ceil(props.options.length / columns) }, (_, index) =>\n    props.options.slice(index * columns, (index + 1) * columns),\n  );\n  return (\n    <View testID={props.testID} accessibilityRole=\"radiogroup\">\n      <Stack gap={recipe.gap}>\n        {rows.map((options, index) => (\n          <Stack key={index} direction=\"row\" gap={recipe.gap}>\n            {options.map((option) => (\n              <View key={option.value} style={styles.option}>\n                <RadioGroupItem {...selectedProps} {...recipe} option={option} />\n              </View>\n            ))}\n            {Array.from({ length: columns - options.length }, (_, slot) => (\n              <View key={`empty-${slot}`} style={styles.option} />\n            ))}\n          </Stack>\n        ))}\n      </Stack>\n    </View>\n  );\n}\n\n/*** Preserve ordinary radio wrapping independently of the icon-option grid. */\nfunction RadioGroupInline<TValue extends string>(props: RadioGroupProps<TValue>) {\n  return (\n    <View testID={props.testID} accessibilityRole=\"radiogroup\">\n      <Stack\n        direction={props.orientation === 'horizontal' ? 'row' : 'column'}\n        gap={props.gap}\n        wrap=\"wrap\"\n      >\n        {props.options.map((option) => (\n          <RadioGroupItem key={option.value} {...props} option={option} />\n        ))}\n      </Stack>\n    </View>\n  );\n}\n\n/*** Delegate icon options to their composed radio boundary and ordinary options to Surface Radio. */\nfunction RadioGroupItem<TValue extends string>(\n  props: RadioGroupProps<TValue> & {\n    option: RadioGroupProps<TValue>['options'][number];\n  },\n) {\n  const { option, value, onValueChange, interactionPolicy, color, size } = props;\n  const checked = value === option.value;\n  const inactive = props.disabled === true || option.disabled === true;\n  const readOnly = props.readOnly === true;\n  const invalid = props.invalid === true;\n  const onSelect = () => {\n    if (!inactive && !readOnly && interactionPolicy !== 'passive' && !checked)\n      onValueChange?.(option.value);\n  };\n  if (props.presentation === 'card') {\n    return (\n      <RadioOptionControl\n        {...props}\n        checked={checked}\n        disabled={inactive}\n        readOnly={readOnly}\n        invalid={invalid}\n        layout={props.contentOrientation ?? 'horizontal'}\n        onSelect={onSelect}\n      />\n    );\n  }\n  return (\n    <Radio\n      checked={checked}\n      disabled={inactive}\n      readOnly={readOnly}\n      invalid={invalid}\n      interactionPolicy={interactionPolicy}\n      color={color}\n      size={size}\n      testID={option.testID}\n      onCheckedChange={onSelect}\n    >\n      <Stack gap=\"xs\">\n        <Text>{option.label}</Text>\n        {option.description ? (\n          <Text emphasis=\"muted\" variant=\"caption\">\n            {option.description}\n          </Text>\n        ) : null}\n      </Stack>\n    </Radio>\n  );\n}\n\nconst styles = StyleSheet.create({ option: { flex: 1, minWidth: 0 } });\n"]}

package/dist/components/radio/RadioOptionControl.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { RadioGroupProps } from './types';
-/*** Render a selectable icon radio option with one accessible radio target and a trailing check. */
-export declare function RadioOptionControl<TValue extends string>(props: RadioOptionControlProps<TValue>): React.JSX.Element;
-interface RadioOptionControlProps<TValue extends string> extends Pick<RadioGroupProps<TValue>, 'color' | 'size' | 'interactionPolicy'> {
-    option: RadioGroupProps<TValue>['options'][number];
-    checked: boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    invalid: boolean;
-    layout: 'horizontal' | 'vertical';
-    onSelect: () => void;
-}
-export {};
-//# sourceMappingURL=RadioOptionControl.d.ts.map

package/dist/components/radio/RadioOptionControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioOptionControl.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioOptionControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,oGAAoG;AACpG,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,qBAuC/F;AAqCD,UAAU,uBAAuB,CAAC,MAAM,SAAS,MAAM,CAAE,SAAQ,IAAI,CACnE,eAAe,CAAC,MAAM,CAAC,EACvB,OAAO,GAAG,MAAM,GAAG,mBAAmB,CACvC;IACC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/radio/RadioOptionControl.js

@@ -1,105 +0,0 @@
-import { useTheme } from '@ankhorage/surface';
-import React from 'react';
-import { Platform, Pressable, StyleSheet, View } from 'react-native';
-import { Icon } from '../icon';
-import { Text } from '../text';
-import { handleRadioOptionKeyDown, } from './handleRadioOptionKeyDown';
-import { resolveRadioOptionColors } from './resolveRadioOptionColors';
-/*** Render a selectable icon radio option with one accessible radio target and a trailing check. */
-export function RadioOptionControl(props) {
-    const { theme } = useTheme();
-    const { option, checked, disabled, readOnly, interactionPolicy, onSelect } = props;
-    const colors = resolveRadioOptionColors(theme, props);
-    const [focused, setFocused] = React.useState(false);
-    const keyboardProps = Platform.OS === 'web' && !readOnly && !disabled && interactionPolicy !== 'passive'
-        ? {
-            onKeyDown: (event) => handleRadioOptionKeyDown(event, onSelect),
-        }
-        : {};
-    const controlStyle = {
-        flex: 1,
-        width: '100%',
-        minHeight: props.size === 'l' ? 84 : 44,
-        borderWidth: checked || focused ? 2 : 1,
-        borderColor: focused ? theme.semantics.border.focus : checked ? colors.accent : colors.border,
-        borderRadius: theme.radii.l,
-        backgroundColor: colors.surface,
-    };
-    return (<Pressable {...keyboardProps} accessibilityRole="radio" accessibilityState={{ checked, disabled }} aria-checked={checked} aria-disabled={disabled} aria-readonly={readOnly} disabled={disabled} onPress={readOnly || interactionPolicy === 'passive' ? undefined : onSelect} onFocus={() => setFocused(true)} onBlur={() => setFocused(false)} testID={option.testID} style={controlStyle}>
-      {(state) => <RadioOptionControlBody {...props} pressed={state.pressed}/>}
-    </Pressable>);
-}
-/*** Arrange the icon, label and passive indicator within the native radio press target. */
-function RadioOptionControlBody(props) {
-    const { theme } = useTheme();
-    const colors = resolveRadioOptionColors(theme, props);
-    const contentStyle = {
-        padding: props.size === 's' ? theme.spacing.s : props.size === 'm' ? 12 : theme.spacing.m,
-        gap: props.layout === 'vertical' || !props.option.iconSource ? theme.spacing.s : theme.spacing.m,
-        ...(!props.option.iconSource ? { flexDirection: 'row-reverse' } : {}),
-        opacity: props.disabled ? 0.5 : props.pressed ? 0.7 : 1,
-    };
-    return (<View style={[
-            styles.content,
-            props.layout === 'vertical' ? styles.vertical : styles.horizontal,
-            contentStyle,
-        ]}>
-      <RadioOptionControlContent {...props}/>
-      {props.option.iconSource || props.checked ? (<View style={props.layout === 'vertical' ? styles.corner : undefined}>
-          <RadioOptionControlIndicator checked={props.checked} accent={colors.accent} onAccent={colors.onAccent}/>
-        </View>) : null}
-    </View>);
-}
-/*** Keep decoration passive while allowing labels to wrap at narrow widths and large text sizes. */
-function RadioOptionControlContent({ option, layout, size, color, invalid, disabled, }) {
-    const { theme } = useTheme();
-    const colors = resolveRadioOptionColors(theme, { color, invalid, disabled });
-    return (<>
-      {option.iconSource ? (<View accessibilityElementsHidden importantForAccessibility="no-hide-descendants">
-          <Icon source={option.iconSource} size={size === 'l' ? 36 : 28} color={colors.accent}/>
-        </View>) : null}
-      <View style={layout === 'horizontal' ? styles.label : styles.centerLabel}>
-        <Text variant={size === 'l' ? 'body' : 'bodySmall'} weight="semiBold" align={layout === 'vertical' || !option.iconSource ? 'center' : 'left'}>
-          {option.label}
-        </Text>
-        {option.description ? (<Text emphasis="muted" variant="bodySmall" align={layout === 'vertical' || !option.iconSource ? 'center' : 'left'}>
-            {option.description}
-          </Text>) : null}
-      </View>
-    </>);
-}
-/*** Draw a passive check using themed geometry without requiring an application media asset. */
-function RadioOptionControlIndicator({ checked, accent, onAccent, }) {
-    const indicatorStyle = { backgroundColor: checked ? accent : 'transparent' };
-    return (<View accessibilityElementsHidden importantForAccessibility="no-hide-descendants" style={[styles.indicator, indicatorStyle]}>
-      {checked ? <View style={[styles.check, { borderColor: onAccent }]}/> : null}
-    </View>);
-}
-const styles = StyleSheet.create({
-    content: { gap: 16, flex: 1, minWidth: 0 },
-    horizontal: { flexDirection: 'row', alignItems: 'center' },
-    vertical: {
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingTop: 24,
-    },
-    label: { flex: 1, minWidth: 0, gap: 4 },
-    centerLabel: { alignSelf: 'stretch', gap: 4 },
-    corner: { position: 'absolute', right: 8, top: 8 },
-    indicator: {
-        width: 24,
-        height: 24,
-        borderRadius: 12,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    check: {
-        width: 7,
-        height: 12,
-        borderRightWidth: 2.5,
-        borderBottomWidth: 2.5,
-        transform: [{ rotate: '45deg' }, { translateY: -2 }],
-    },
-});
-//# sourceMappingURL=RadioOptionControl.js.map

package/dist/components/radio/RadioOptionControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioOptionControl.js","sourceRoot":"","sources":["../../../src/components/radio/RadioOptionControl.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTheme } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Pressable, StyleSheet, View } from 'react-native';\n\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport {\n  handleRadioOptionKeyDown,\n  type RadioOptionKeyboardTarget,\n} from './handleRadioOptionKeyDown';\nimport { resolveRadioOptionColors } from './resolveRadioOptionColors';\nimport type { RadioGroupProps } from './types';\n\n/*** Render a selectable icon radio option with one accessible radio target and a trailing check. */\nexport function RadioOptionControl<TValue extends string>(props: RadioOptionControlProps<TValue>) {\n  const { theme } = useTheme();\n  const { option, checked, disabled, readOnly, interactionPolicy, onSelect } = props;\n  const colors = resolveRadioOptionColors(theme, props);\n  const [focused, setFocused] = React.useState(false);\n  const keyboardProps =\n    Platform.OS === 'web' && !readOnly && !disabled && interactionPolicy !== 'passive'\n      ? {\n          onKeyDown: (event: React.KeyboardEvent<RadioOptionKeyboardTarget>) =>\n            handleRadioOptionKeyDown(event, onSelect),\n        }\n      : {};\n  const controlStyle = {\n    flex: 1,\n    width: '100%' as const,\n    minHeight: props.size === 'l' ? 84 : 44,\n    borderWidth: checked || focused ? 2 : 1,\n    borderColor: focused ? theme.semantics.border.focus : checked ? colors.accent : colors.border,\n    borderRadius: theme.radii.l,\n    backgroundColor: colors.surface,\n  };\n  return (\n    <Pressable\n      {...keyboardProps}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ checked, disabled }}\n      aria-checked={checked}\n      aria-disabled={disabled}\n      aria-readonly={readOnly}\n      disabled={disabled}\n      onPress={readOnly || interactionPolicy === 'passive' ? undefined : onSelect}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      testID={option.testID}\n      style={controlStyle}\n    >\n      {(state) => <RadioOptionControlBody {...props} pressed={state.pressed} />}\n    </Pressable>\n  );\n}\n\n/*** Arrange the icon, label and passive indicator within the native radio press target. */\nfunction RadioOptionControlBody<TValue extends string>(\n  props: RadioOptionControlProps<TValue> & { pressed: boolean },\n) {\n  const { theme } = useTheme();\n  const colors = resolveRadioOptionColors(theme, props);\n  const contentStyle = {\n    padding: props.size === 's' ? theme.spacing.s : props.size === 'm' ? 12 : theme.spacing.m,\n    gap:\n      props.layout === 'vertical' || !props.option.iconSource ? theme.spacing.s : theme.spacing.m,\n    ...(!props.option.iconSource ? { flexDirection: 'row-reverse' as const } : {}),\n    opacity: props.disabled ? 0.5 : props.pressed ? 0.7 : 1,\n  };\n  return (\n    <View\n      style={[\n        styles.content,\n        props.layout === 'vertical' ? styles.vertical : styles.horizontal,\n        contentStyle,\n      ]}\n    >\n      <RadioOptionControlContent {...props} />\n      {props.option.iconSource || props.checked ? (\n        <View style={props.layout === 'vertical' ? styles.corner : undefined}>\n          <RadioOptionControlIndicator\n            checked={props.checked}\n            accent={colors.accent}\n            onAccent={colors.onAccent}\n          />\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\ninterface RadioOptionControlProps<TValue extends string> extends Pick<\n  RadioGroupProps<TValue>,\n  'color' | 'size' | 'interactionPolicy'\n> {\n  option: RadioGroupProps<TValue>['options'][number];\n  checked: boolean;\n  disabled: boolean;\n  readOnly: boolean;\n  invalid: boolean;\n  layout: 'horizontal' | 'vertical';\n  onSelect: () => void;\n}\n\n/*** Keep decoration passive while allowing labels to wrap at narrow widths and large text sizes. */\nfunction RadioOptionControlContent<TValue extends string>({\n  option,\n  layout,\n  size,\n  color,\n  invalid,\n  disabled,\n}: RadioOptionControlProps<TValue>) {\n  const { theme } = useTheme();\n  const colors = resolveRadioOptionColors(theme, { color, invalid, disabled });\n  return (\n    <>\n      {option.iconSource ? (\n        <View accessibilityElementsHidden importantForAccessibility=\"no-hide-descendants\">\n          <Icon source={option.iconSource} size={size === 'l' ? 36 : 28} color={colors.accent} />\n        </View>\n      ) : null}\n      <View style={layout === 'horizontal' ? styles.label : styles.centerLabel}>\n        <Text\n          variant={size === 'l' ? 'body' : 'bodySmall'}\n          weight=\"semiBold\"\n          align={layout === 'vertical' || !option.iconSource ? 'center' : 'left'}\n        >\n          {option.label}\n        </Text>\n        {option.description ? (\n          <Text\n            emphasis=\"muted\"\n            variant=\"bodySmall\"\n            align={layout === 'vertical' || !option.iconSource ? 'center' : 'left'}\n          >\n            {option.description}\n          </Text>\n        ) : null}\n      </View>\n    </>\n  );\n}\n\n/*** Draw a passive check using themed geometry without requiring an application media asset. */\nfunction RadioOptionControlIndicator({\n  checked,\n  accent,\n  onAccent,\n}: {\n  checked: boolean;\n  accent: string;\n  onAccent: string;\n}) {\n  const indicatorStyle = { backgroundColor: checked ? accent : 'transparent' };\n  return (\n    <View\n      accessibilityElementsHidden\n      importantForAccessibility=\"no-hide-descendants\"\n      style={[styles.indicator, indicatorStyle]}\n    >\n      {checked ? <View style={[styles.check, { borderColor: onAccent }]} /> : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  content: { gap: 16, flex: 1, minWidth: 0 },\n  horizontal: { flexDirection: 'row', alignItems: 'center' },\n  vertical: {\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingTop: 24,\n  },\n  label: { flex: 1, minWidth: 0, gap: 4 },\n  centerLabel: { alignSelf: 'stretch', gap: 4 },\n  corner: { position: 'absolute', right: 8, top: 8 },\n  indicator: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  check: {\n    width: 7,\n    height: 12,\n    borderRightWidth: 2.5,\n    borderBottomWidth: 2.5,\n    transform: [{ rotate: '45deg' }, { translateY: -2 }],\n  },\n});\n"]}

package/dist/components/radio/handleRadioOptionKeyDown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleRadioOptionKeyDown.d.ts","sourceRoot":"","sources":["../../../src/components/radio/handleRadioOptionKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,wGAAwG;AACxG,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,yBAAyB,CAAC,EAC/C,MAAM,EAAE,MAAM,IAAI,GACjB,IAAI,CAkBN;AAED,+FAA+F;AAC/F,MAAM,WAAW,yBAAyB;IACxC,OAAO,CACL,QAAQ,EAAE,MAAM,GACf;QAAE,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,yBAAyB,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACvF,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC1C,KAAK,IAAI,IAAI,CAAC;IACd,KAAK,IAAI,IAAI,CAAC;CACf"}

package/dist/components/radio/handleRadioOptionKeyDown.js

@@ -1,22 +0,0 @@
-import { DIRECTION_MODIFIERS } from '../../constants/keyboard';
-/*** Support Space and directional navigation for web radio options without affecting native presses. */
-export function handleRadioOptionKeyDown(event, select) {
-    if (event.key === ' ') {
-        event.preventDefault();
-        select();
-        return;
-    }
-    const direction = DIRECTION_MODIFIERS.get(event.key);
-    if (direction === undefined)
-        return;
-    const group = event.currentTarget.closest('[role="radiogroup"]');
-    const options = Array.from(group?.querySelectorAll('[role="radio"]') ?? []).filter((option) => option.getAttribute('aria-disabled') !== 'true');
-    const index = options.indexOf(event.currentTarget);
-    if (index < 0 || options.length === 0)
-        return;
-    event.preventDefault();
-    const next = options.at((index + direction + options.length) % options.length);
-    next?.focus();
-    next?.click();
-}
-//# sourceMappingURL=handleRadioOptionKeyDown.js.map

package/dist/components/radio/handleRadioOptionKeyDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleRadioOptionKeyDown.js","sourceRoot":"","sources":["../../../src/components/radio/handleRadioOptionKeyDown.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,wGAAwG;AACxG,MAAM,UAAU,wBAAwB,CACtC,KAA+C,EAC/C,MAAkB;IAElB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,CAAC;QACT,OAAO;IACT,CAAC;IACD,MAAM,SAAS,GAAG,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrD,IAAI,SAAS,KAAK,SAAS;QAAE,OAAO;IACpC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAChF,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAC5D,CAAC;IACF,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO;IAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/E,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,IAAI,EAAE,KAAK,EAAE,CAAC;AAChB,CAAC","sourcesContent":["import type { KeyboardEvent } from 'react';\n\nimport { DIRECTION_MODIFIERS } from '../../constants/keyboard';\n\n/*** Support Space and directional navigation for web radio options without affecting native presses. */\nexport function handleRadioOptionKeyDown(\n  event: KeyboardEvent<RadioOptionKeyboardTarget>,\n  select: () => void,\n): void {\n  if (event.key === ' ') {\n    event.preventDefault();\n    select();\n    return;\n  }\n  const direction = DIRECTION_MODIFIERS.get(event.key);\n  if (direction === undefined) return;\n  const group = event.currentTarget.closest('[role=\"radiogroup\"]');\n  const options = Array.from(group?.querySelectorAll('[role=\"radio\"]') ?? []).filter(\n    (option) => option.getAttribute('aria-disabled') !== 'true',\n  );\n  const index = options.indexOf(event.currentTarget);\n  if (index < 0 || options.length === 0) return;\n  event.preventDefault();\n  const next = options.at((index + direction + options.length) % options.length);\n  next?.focus();\n  next?.click();\n}\n\n/** Minimal web target contract keeps the native build independent of DOM ambient libraries. */\nexport interface RadioOptionKeyboardTarget {\n  closest(\n    selector: string,\n  ): { querySelectorAll(selector: string): ArrayLike<RadioOptionKeyboardTarget> } | null;\n  getAttribute(name: string): string | null;\n  focus(): void;\n  click(): void;\n}\n"]}

package/dist/components/radio/index.d.ts

@@ -1,4 +0,0 @@
-export { Radio } from './Radio';
-export { RadioGroup } from './RadioGroup';
-export type { RadioGroupOption, RadioGroupProps, RadioProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/radio/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/radio/index.js

@@ -1,3 +0,0 @@
-export { Radio } from './Radio';
-export { RadioGroup } from './RadioGroup';
-//# sourceMappingURL=index.js.map

package/dist/components/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { Radio } from './Radio';\nexport { RadioGroup } from './RadioGroup';\nexport type { RadioGroupOption, RadioGroupProps, RadioProps } from './types';\n"]}