@ankhorage/surface 0.0.2 → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,34 @@
+# @ankhorage/surface
+
+## 0.1.1
+
+### Patch Changes
+
+- 5aea65c: Stabilize the public package surface for Phase 4 by rewriting the adoption docs, broadening shared tone and variant coverage, tightening read-only control semantics, hardening menu and tab accessibility behavior, and adding regression tests for exports and state contracts.
+
+## 0.1.0
+
+### Minor Changes
+
+- Add Phase-1 design-system primitives and components, including shared semantic theme aliases,
+  internal UI resolvers, the `Text` and `ButtonBase` primitives, new layout helpers, and the
+  first reusable component wave: `Button`, `IconButton`, `Card`, `Badge`, `ListItem`, and
+  `TextInput`.
+- Add the Phase-2 form and control layer, including unified field-state and selection-control
+  resolvers, form composition primitives (`Field`, `Label`, `HelperText`), `Textarea`, and the
+  selection controls `Checkbox`, `Radio`, and `Switch`.
+- Add the Phase-3 overlay and navigation layer, including portal and overlay-stack
+  infrastructure, centralized focus management, and the new components `Modal`, `Drawer`,
+  `Tabs`, `Toast`, `Tooltip`, and `Menu`.
+- Refine the Phase-3 overlay and navigation layer by fixing disabled-item keyboard navigation
+  in `Menu`, stabilizing tab registration in `Tabs`, recomputing overlay stack ordering after
+  removals, and correcting toast timer and dismiss behavior.
+- Adopt Changesets-based release tracking for the package, align release access with the
+  public npm publish config, add GitHub Actions CI for lint, test, build, and changeset
+  validation, and add release automation for npm publishing.
+
+## 0.0.2
+
+### Patch Changes
+
+- b556c63: Replace ESLint and Prettier with @ankhorage/devtools

package/README.md

@@ -1,76 +1,196 @@
 # @ankhorage/surface
 
-`@ankhorage/surface` is the render-foundation package extracted from Ankhorage.
-It owns layout primitives, responsive helpers, theming, typography, generic font and
-translation bridges, and built-in Expo-backed icon rendering.
+Stable UI foundation for React Native and React Native Web.
 
-It does not own manifest rendering, action execution, Studio authoring, plugin orchestration,
-or CLI generation. Those concerns stay in the Ankhorage monorepo.
+Surface gives application packages a consistent layer for layout, typography, theming, forms, and overlays without turning the foundation into a full product UI kit. It is intended to be the reusable base beneath ZORA and other RN/RN-web packages.
 
-## Installation
+## Why Surface?
 
-Install Surface with its required shared contract package and React Native peers:
+- Cross-platform primitives and components with one API for React Native and React Native Web.
+- Semantic theming instead of ad hoc component colors.
+- Shared interaction, field-state, and overlay patterns.
+- Small but complete foundation layer: enough to build on, not a product-pattern kit.
+
+## Install
 
 ```bash
 bun add @ankhorage/surface @ankhorage/contracts
-bun add react react-native
 ```
 
-If you use the built-in `Icon` primitive, install the Expo icon peers in the host app too:
+Peer dependencies:
 
-```bash
-bun add @expo/vector-icons expo-font
-```
+- `react`
+- `react-native`
+- `@expo/vector-icons` for icon rendering
+- `expo-font` when using runtime font registration
 
-## Basic Usage
+## Quick Start
 
 ```tsx
-import { Box, Heading, Icon, Stack, ThemeProvider } from '@ankhorage/surface';
+import React from 'react';
+import { Button, Stack, Text, ThemeProvider } from '@ankhorage/surface';
 
-const theme = {
+const themeConfig = {
   id: 'app',
   name: 'App',
-  mode: 'light',
-  colors: {
-    primary: '#2563eb',
+  light: {
+    primaryColor: '#2563eb',
+    harmony: 'monochromatic',
+    systemTone: 'neutral',
+  },
+  dark: {
+    primaryColor: '#2563eb',
+    harmony: 'monochromatic',
+    systemTone: 'neutral',
   },
 };
 
-export function Example() {
+export function App() {
   return (
-    <ThemeProvider initialConfig={theme}>
-      <Stack gap="m">
-        <Heading level={1}>Hello</Heading>
-        <Box p="m">
-          <Icon name="home" provider="Ionicons" />
-        </Box>
+    <ThemeProvider initialConfig={themeConfig}>
+      <Stack gap="m" p="l">
+        <Text variant="body">Surface is ready.</Text>
+        <Button>Continue</Button>
       </Stack>
     </ThemeProvider>
   );
 }
 ```
 
-## Theming
+## Real-World Example
+
+```tsx
+import React from 'react';
+import {
+  Button,
+  Field,
+  HelperText,
+  Modal,
+  Stack,
+  Text,
+  TextInput,
+  ThemeProvider,
+} from '@ankhorage/surface';
+
+export function SignInCard() {
+  return (
+    <ThemeProvider initialConfig={themeConfig}>
+      <Stack gap="m" p="l">
+        <Field helperText="We only use this for sign-in." label="Email">
+          <TextInput autoCapitalize="none" keyboardType="email-address" />
+        </Field>
+
+        <Field errorText="Password is required." invalid label="Password">
+          <TextInput secureTextEntry />
+        </Field>
+
+        <Button fullWidth>Sign in</Button>
+
+        <Modal visible={false}>
+          <Text variant="body">Overlay content uses the same theme + spacing system.</Text>
+        </Modal>
+
+        <HelperText tone="muted">
+          Forms, controls, and overlays are meant to compose without extra glue code.
+        </HelperText>
+      </Stack>
+    </ThemeProvider>
+  );
+}
+```
+
+## Included APIs
+
+### Providers and theme
+
+- `ThemeProvider`, `useTheme`, `useThemeConfig`, `useThemeMode`
+- `FontProvider`, `useFontContext`
+- `TranslationProvider`, `useTranslationContext`
+- `createTheme`, `resolveToken`
+
+### Responsive helpers
+
+- `ResponsiveProvider`, `useResponsiveRuntime`, `useBreakpoint`
+- `BREAKPOINTS`, `BREAKPOINT_ORDER`, `getBreakpointFromWidth`, `resolveResponsive`
+
+### Layout
+
+- `Box`, `Surface`
+- `Stack`, `Inline`, `Grid`, `Template`
+- `Container`, `Center`, `Divider`, `Spacer`, `Show`
 
-Serialized theme configuration types are imported from `@ankhorage/contracts`.
-Surface owns theme creation, resolved runtime theme objects, token lookup, and component
-consumption of those tokens.
+### Typography and primitives
 
-## Scope
+- `Text`, `Heading`, `Icon`, `ButtonBase`
 
-`@ankhorage/surface` includes:
+### Actions and display
+
+- `Button`, `IconButton`
+- `Card`, `Badge`, `ListItem`
+
+### Forms and controls
+
+- `Field`, `Label`, `HelperText`
+- `TextInput`, `Textarea`
+- `Checkbox`, `Radio`, `Switch`
+
+### Overlays and navigation
+
+- `Modal`, `Drawer`, `Tooltip`, `Menu`
+- `Tabs`, `TabList`, `Tab`, `TabPanel`
+- `ToastProvider`, `Toast`, `useToast`
+
+### Utilities
+
+- `deepMerge`, `isDeepEqual`
+
+## Docs-Lite Examples
+
+Small usage references live in
+[docs/examples.md](https://github.com/ankhorage/surface/blob/main/docs/examples.md):
+
+- provider shell
+- form composition
+- modal and drawer composition
+- tabs and menu usage
+- checkbox, radio, and switch usage
+- theme override example
+
+## Scope Boundary
+
+Surface is for reusable foundation concerns:
 
 - layout primitives
-- heading and icon primitives
-- theme creation and theme context
-- responsive utilities
-- generic font and translation bridges
-- render-only utilities
-
-`@ankhorage/surface` does not include:
-
-- manifest rendering
-- runtime action execution
-- Studio panels or authoring metadata
-- CLI or project scaffolding logic
-- low-code configuration workflows
+- text and icon primitives
+- semantic tokens and theming
+- responsive helpers
+- interaction primitives
+- form controls
+- overlays and navigation primitives
+
+Surface is not for ready-made product patterns:
+
+- auth flows
+- app shells and dashboards
+- data tables and charts
+- settings panels
+- product-specific dialogs and layouts
+
+Those belong in ZORA.
+
+## Status
+
+Surface is in the stabilization phase: the goal is to keep the public API deliberate, typed, and dependency-ready for downstream packages.
+
+- Foundation work stays in Surface when it is broadly reusable across RN and RN Web.
+- Product-like patterns should move to ZORA instead of expanding Surface into a UI kit.
+- Release and freeze expectations are tracked in
+  [docs/release-checklist.md](https://github.com/ankhorage/surface/blob/main/docs/release-checklist.md).
+
+## Changelog
+
+Version history is maintained in [CHANGELOG.md](./CHANGELOG.md). New release notes should flow through Changesets so the published changelog matches the package surface.
+
+## License
+
+MIT

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BadgeProps } from './types';
+export declare function Badge({ content, variant, tone, size, testID, }: BadgeProps): React.JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAgB,EAChB,IAAgB,EAChB,IAAU,EACV,MAAM,GACP,EAAE,UAAU,qBAgCZ"}

package/dist/components/badge/Badge.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { resolveButtonColors, resolveControlSize } from '../../internal/resolvers';
+import { Box } from '../../layout';
+import { Text } from '../../primitives/text';
+import { useTheme } from '../../theme/ThemeContext';
+export function Badge({ content, variant = 'soft', tone = 'primary', size = 's', testID, }) {
+    const { theme } = useTheme();
+    const controlSize = resolveControlSize(theme, size);
+    const colors = resolveButtonColors(theme, {
+        variant,
+        tone,
+        state: {
+            disabled: false,
+            focused: false,
+            hovered: false,
+            pressed: false,
+        },
+    });
+    return (<Box px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)} py={Math.max(4, controlSize.paddingVertical - 2)} radius={controlSize.borderRadius} style={{
+            alignSelf: 'flex-start',
+            backgroundColor: colors.backgroundColor,
+            borderColor: colors.borderColor,
+            borderWidth: variant === 'solid' ? 0 : 1,
+        }} testID={testID}>
+      <Text color={colors.contentColor} variant="bodySmall" weight="medium">
+        {content}
+      </Text>
+    </Box>);
+}
+//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,GAAG,EACV,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE;QACxC,OAAO;QACP,IAAI;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;SACf;KACF,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAClE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CACjD,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC;YACL,SAAS,EAAE,YAAY;YACvB,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CACnE;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/badge/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
+import type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';
+import type { ComponentTone } from '../../internal/resolvers/resolveTone';
+export interface BadgeProps {
+    content?: React.ReactNode;
+    variant?: Extract<ButtonVariant, 'solid' | 'soft' | 'outline'>;
+    tone?: Extract<ComponentTone, 'primary' | 'neutral' | 'danger' | 'success' | 'warning'>;
+    size?: ControlSize;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IACxF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/badge/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/badge/types.ts"],"names":[],"mappings":""}

package/dist/components/button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './types';
+export declare function Button({ children, variant, tone, size, disabled, loading, leadingIcon, trailingIcon, fullWidth, onPress, testID, ...props }: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAiB,EACjB,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAiB,EACjB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBA+Eb"}

package/dist/components/button/Button.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { resolveButtonColors, resolveControlSize, resolveIconSize } from '../../internal/resolvers';
+import { Box } from '../../layout';
+import { ButtonBase } from '../../primitives/button-base';
+import { Icon } from '../../primitives/icon';
+import { Text } from '../../primitives/text';
+import { useTheme } from '../../theme/ThemeContext';
+export function Button({ children, variant = 'solid', tone = 'primary', size = 'm', disabled = false, loading = false, leadingIcon, trailingIcon, fullWidth = false, onPress, testID, ...props }) {
+    const { theme } = useTheme();
+    const controlSize = resolveControlSize(theme, size);
+    return (<ButtonBase {...props} disabled={disabled || loading} onPress={onPress} style={[
+            {
+                alignSelf: fullWidth ? 'stretch' : 'flex-start',
+            },
+        ]} testID={testID}>
+      {(state) => {
+            const colors = resolveButtonColors(theme, {
+                variant,
+                tone,
+                state,
+            });
+            const iconSize = resolveIconSize(theme, size);
+            return (<Box px={controlSize.paddingHorizontal} py={controlSize.paddingVertical} radius={controlSize.borderRadius} style={{
+                    minHeight: controlSize.minHeight,
+                    width: fullWidth ? '100%' : undefined,
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    backgroundColor: colors.backgroundColor,
+                    borderColor: colors.borderColor,
+                    borderWidth: variant === 'solid' ? 0 : 1,
+                    opacity: colors.opacity,
+                }}>
+            {loading ? (<ActivityIndicator color={colors.contentColor} size="small"/>) : (<>
+                {leadingIcon ? (<View style={{ marginRight: theme.spacing.s }}>
+                    <Icon color={colors.contentColor} name={leadingIcon.name} provider={leadingIcon.provider} size={iconSize}/>
+                  </View>) : null}
+                <Text color={colors.contentColor} variant={controlSize.textVariant} weight="semiBold">
+                  {children}
+                </Text>
+                {trailingIcon ? (<View style={{ marginLeft: theme.spacing.s }}>
+                    <Icon color={colors.contentColor} name={trailingIcon.name} provider={trailingIcon.provider} size={iconSize}/>
+                  </View>) : null}
+              </>)}
+          </Box>);
+        }}
+    </ButtonBase>);
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonIconSpec, ButtonProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/button/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,21 @@
+import type React from 'react';
+import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
+import type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';
+import type { ComponentTone } from '../../internal/resolvers/resolveTone';
+import type { ButtonBaseProps } from '../../primitives/button-base';
+import type { IconProps } from '../../primitives/icon';
+export interface ButtonIconSpec {
+    name: IconProps['name'];
+    provider?: IconProps['provider'];
+}
+export interface ButtonProps extends Omit<ButtonBaseProps, 'accessibilityLabel' | 'children' | 'style'> {
+    children?: React.ReactNode;
+    variant?: ButtonVariant;
+    tone?: ComponentTone;
+    size?: ControlSize;
+    loading?: boolean;
+    leadingIcon?: ButtonIconSpec;
+    trailingIcon?: ButtonIconSpec;
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,eAAe,EACf,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAC5C;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":""}

package/dist/components/card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CardProps } from './types';
+export declare function Card({ children, variant, onPress, disabled, testID, style, ...props }: CardProps): React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgCzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,qBAmCX"}

package/dist/components/card/Card.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Surface } from '../../layout';
+import { ButtonBase } from '../../primitives/button-base';
+import { useTheme } from '../../theme/ThemeContext';
+function resolveCardStateBackground(variant, pressed, hovered, themeBackgrounds) {
+    if (variant === 'outline') {
+        return pressed ? themeBackgrounds.active : hovered ? themeBackgrounds.hover : 'transparent';
+    }
+    if (variant === 'subtle') {
+        return pressed
+            ? themeBackgrounds.active
+            : hovered
+                ? themeBackgrounds.hover
+                : themeBackgrounds.subtle;
+    }
+    return pressed
+        ? themeBackgrounds.active
+        : hovered
+            ? themeBackgrounds.hover
+            : themeBackgrounds.base;
+}
+export function Card({ children, variant = 'default', onPress, disabled = false, testID, style, ...props }) {
+    const { theme } = useTheme();
+    if (!onPress) {
+        return (<Surface {...props} style={style} testID={testID} variant={variant}>
+        {children}
+      </Surface>);
+    }
+    return (<ButtonBase accessibilityRole="button" disabled={disabled} onPress={onPress} testID={testID}>
+      {(state) => (<Surface {...props} style={[
+                {
+                    backgroundColor: resolveCardStateBackground(variant, state.pressed, state.hovered, {
+                        active: theme.semantics.neutral.surfaceActive,
+                        base: theme.semantics.surface.default,
+                        hover: theme.semantics.neutral.surfaceHover,
+                        subtle: theme.semantics.surface.subtle,
+                    }),
+                    opacity: state.disabled ? 0.72 : 1,
+                },
+                style,
+            ]} variant={variant}>
+          {children}
+        </Surface>)}
+    </ButtonBase>);
+}
+//# sourceMappingURL=Card.js.map

package/dist/components/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,SAAS,0BAA0B,CACjC,OAA0C,EAC1C,OAAgB,EAChB,OAAgB,EAChB,gBAKC;IAED,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAC9F,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,OAAO;YACZ,CAAC,CAAC,gBAAgB,CAAC,MAAM;YACzB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,gBAAgB,CAAC,KAAK;gBACxB,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC;IAChC,CAAC;IAED,OAAO,OAAO;QACZ,CAAC,CAAC,gBAAgB,CAAC,MAAM;QACzB,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,gBAAgB,CAAC,KAAK;YACxB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACE;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,OAAO,CAAC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC1F;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,CAAC,OAAO,CACN,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;gBACL;oBACE,eAAe,EAAE,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;wBACjF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa;wBAC7C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;wBACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY;wBAC3C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;qBACvC,CAAC;oBACF,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACnC;gBACD,KAAK;aACN,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,OAAO,CAAC,CACX,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export type { CardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/card/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { SurfaceProps, SurfaceVariant } from '../../layout';
+export interface CardProps extends Omit<SurfaceProps, 'children' | 'variant'> {
+    children?: React.ReactNode;
+    variant?: SurfaceVariant;
+    onPress?: (() => void) | undefined;
+    disabled?: boolean;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/card/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":""}

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CheckboxProps } from './types';
+export declare function Checkbox({ children, checked, defaultChecked, onCheckedChange, tone, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,qBAkFf"}