@ankhorage/surface 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,28 @@
+# @ankhorage/surface
+
+## 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,190 @@
 # @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.
+A cross-platform UI foundation for **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.
+Build consistent, themeable apps with:
+- layout primitives
+- design tokens & theming
+- responsive helpers
+- accessible components
+- overlay + interaction systems
 
-## Installation
+---
 
-Install Surface with its required shared contract package and React Native peers:
+## Why use this?
 
-```bash
-bun add @ankhorage/surface @ankhorage/contracts
-bun add react react-native
-```
+React Native gives you primitives.  
+Surface gives you **a system**.
 
-If you use the built-in `Icon` primitive, install the Expo icon peers in the host app too:
+- consistent spacing, typography, and colors
+- unified interaction states (hover, press, focus)
+- works across native + web
+- no design-system setup required
+- no runtime / no-code abstractions
+
+---
+
+## Quick start
 
 ```bash
-bun add @expo/vector-icons expo-font
+bun add @ankhorage/surface @ankhorage/contracts
 ```
 
-## Basic Usage
+Wrap your app:
 
 ```tsx
-import { Box, Heading, Icon, Stack, ThemeProvider } from '@ankhorage/surface';
+import { 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 default function App() {
   return (
-    <ThemeProvider initialConfig={theme}>
-      <Stack gap="m">
-        <Heading level={1}>Hello</Heading>
-        <Box p="m">
-          <Icon name="home" provider="Ionicons" />
-        </Box>
-      </Stack>
+    <ThemeProvider initialConfig={themeConfig}>
+      <Main />
     </ThemeProvider>
-  );
+  )
 }
 ```
 
-## Theming
+Use components:
 
-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.
+```tsx
+import { Stack, Text, Button, Card, TextInput } from '@ankhorage/surface'
 
-## Scope
+export function Example() {
+  return (
+    <Stack gap="m">
+      <Text variant="body">Welcome</Text>
 
-`@ankhorage/surface` includes:
+      <TextInput placeholder="Email" />
 
-- 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
+      <Button tone="primary">Sign in</Button>
+
+      <Card>
+        <Text variant="bodySmall">Content</Text>
+      </Card>
+    </Stack>
+  )
+}
+```
+
+---
+
+## What you get
+
+### Layout
+- `Box`, `Stack`, `Inline`, `Grid`, `Container`
+- `Spacer`, `Divider`, `Center`, `Surface`
+
+### Typography
+- `Text`, `Heading`
+
+### Actions
+- `Button`, `IconButton`
+
+### Data / display
+- `Card`, `Badge`, `ListItem`
+
+### Forms
+- `TextInput`, `Textarea`
+- `Field`, `Label`, `HelperText`
+- `Checkbox`, `Radio`, `Switch`
+
+### Overlays
+- `Modal`, `Drawer`
+- `Tabs`, `Toast`
+- `Tooltip`, `Menu`
+
+---
+
+## Core ideas
+
+### 1. Theme-driven
+Everything uses semantic tokens:
+
+```tsx
+<Button tone="primary" variant="solid" />
+```
+
+No hardcoded colors.
+
+---
+
+### 2. Consistent states
+
+All interactive components share:
+
+- hover (web)
+- press
+- focus-visible
+- disabled
+
+No reimplementation per component.
+
+---
+
+### 3. Composable
+
+Everything builds on primitives:
+
+```tsx
+<Field label="Email">
+  <TextInput />
+</Field>
+```
+
+---
+
+### 4. Cross-platform first
+
+- React Native
+- Expo
+- React Native Web
+
+Same API everywhere.
+
+---
+
+## What this is NOT
+
+- ❌ Not a full design system / UI kit
+- ❌ Not a form engine
+- ❌ Not a router or app framework
+- ❌ Not a low-code runtime
+
+---
+
+## When to use it
+
+Use Surface if you want:
+
+- a clean starting point for RN + Web apps
+- consistent UI without reinventing components
+- a scalable design foundation
+
+---
+
+## Status
+
+- Phase 1: primitives + base components ✅
+- Phase 2: form + control layer ✅
+- Phase 3: overlays + navigation ✅
+
+---
+
+## 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'>;
+    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,CAAC,CAAC;IAC5E,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?: Exclude<ButtonVariant, 'soft'>;
+    tone?: Extract<ComponentTone, 'primary' | 'neutral' | 'danger'>;
+    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,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;IAChE,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;AAY1B,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,qBA6Ef"}