@eventuras/ratio-ui-native 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,382 @@
+Ratio UI for React Native — the design system's components for React Native and Expo
+Copyright (c) 2026 Losol AS.
+
+@eventuras/ratio-ui-native is licensed under the Mozilla Public License, Version 2.0 (MPL-2.0).
+The full license text is reproduced below and is also available at
+https://mozilla.org/MPL/2.0/.
+
+--------------------------------------------------------------------------------
+
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.

package/README.md

@@ -1,3 +1,97 @@
-# Temporary Holding Version
+# @eventuras/ratio-ui-native
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Ratio UI for React Native and Expo: the design system's components, drawn
+from the theme data in [`@eventuras/ratio-ui-core`](../ratio-ui-core). An app
+looks like its web sibling — Bureau's paper and navy, the hard shadows, the
+pixel display face — without installing the web renderer.
+
+**Beta.** Built for Expo SDK 57 (React Native 0.86, React 19.2). The
+components are `Text`, `Heading`, `Button`, `Card` and `ChatLog`; more
+follow as apps need them. Every component and prop may still change.
+
+## Installation
+
+```bash
+npx expo install @eventuras/ratio-ui-native
+```
+
+`react` and `react-native` are peer dependencies. `@eventuras/ratio-ui-core`
+comes with the package.
+
+## Usage
+
+```tsx
+import { RatioProvider, Heading, Text, Button, Card } from '@eventuras/ratio-ui-native';
+
+export default function App() {
+  return (
+    <RatioProvider>
+      <Card>
+        <Heading level={3}>Knowledge-sharing summit</Heading>
+        <Text tone="muted">Three days of talks and workshops.</Text>
+        <Button onPress={register}>Register</Button>
+      </Card>
+    </RatioProvider>
+  );
+}
+```
+
+`RatioProvider` takes a `theme` (Bureau by default) and a `colorScheme`
+(the device's light or dark setting by default). Without a provider the
+components use Bureau in the device's mode. `useTheme()` gives a component
+of your own the same values: `colors`, `radius`, `space`, `fontSize`,
+`font`, `components`, and `shadow(key)` as a `boxShadow` string.
+
+## Chat
+
+`ChatLog` takes the same `ChatLogMessage[]` as the web's `Chat.Log`, and
+reads links and mentions with the same rules from
+`@eventuras/ratio-ui-core/chat`, so a message looks alike in the app and on
+the web:
+
+```tsx
+<ChatLog
+  messages={messages}
+  me="tor"
+  onToggleReaction={(id, emoji) => toggle(id, emoji)}
+  onOpenLink={url => router.push(url)} // default: Linking.openURL
+/>
+```
+
+Each row puts the nick and time above the text, as a narrow web log does,
+with a mention band, link previews and reactions. It is a `FlatList` and
+does not scroll itself; the ref is the list, so the app decides when to
+follow new messages. Not yet in native: the reaction picker, a highlighted
+message and message links.
+
+## Fonts
+
+The theme names its families; the app loads the files. For Bureau:
+
+```tsx
+import { useFonts } from 'expo-font';
+
+const [loaded] = useFonts({
+  'Fira Sans': require('./assets/fonts/FiraSans-Regular.ttf'),
+  'Space Mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
+});
+```
+
+The keys must match `theme.font` — `'Fira Sans'` (display and body) and
+`'Space Mono'`. Both are on Google Fonts under the SIL OFL.
+
+## Shadows
+
+The hard offset shadow is a `boxShadow` style, which React Native has had
+since 0.76 on the New Architecture (Expo's default). It renders the same on
+iOS, Android and the web.
+
+## Development
+
+The components are shown through react-native-web in the repo's
+Storybook, under **Native**. That covers layout, colour, type and press
+behaviour; fonts and shadows should still be checked on a device.
+
+Like `ratio-ui-core`, the package has a rule in eslint and in the build:
+it imports React Native and `@eventuras/ratio-ui-core`, never `react-dom`,
+`react-native-web` or a web package of the family.

package/dist/Button.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+/** @beta Prop shape may change before release. */
+export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** The label. A string is set in the button's text style. */
+    children: React.ReactNode;
+    /** @default 'primary' */
+    variant?: ButtonVariant;
+    /** @default 'md' */
+    size?: ButtonSize;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A button in the theme's shape: its radius and resting shadow, and its
+ * press — Bureau moves the button into its hard shadow, so it sinks into
+ * the page. The text variant stays flat.
+ *
+ * @beta This component is experimental — prop shape may change before release.
+ */
+export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,kDAAkD;AAClD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAwBD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoDxC,CAAC"}

package/dist/Button.js

@@ -0,0 +1,98 @@
+import { useTheme } from "./RatioProvider.js";
+import { Text as Text$1 } from "./Text.js";
+import "react";
+import { Pressable } from "react-native";
+import { jsx } from "react/jsx-runtime";
+//#region src/Button.tsx
+var SIZE = {
+	sm: {
+		px: 12,
+		py: 4,
+		text: "xs"
+	},
+	md: {
+		px: 16,
+		py: 8,
+		text: "sm"
+	},
+	lg: {
+		px: 24,
+		py: 12,
+		text: "base"
+	}
+};
+var surface = (variant, { colors }) => {
+	switch (variant) {
+		case "primary": return {
+			bg: colors.primary,
+			fg: colors.textOnPrimary,
+			border: "transparent"
+		};
+		case "secondary": return {
+			bg: colors.card,
+			fg: colors.text,
+			border: colors.border1
+		};
+		case "outline": return {
+			bg: "transparent",
+			fg: colors.text,
+			border: colors.border2
+		};
+		case "text": return {
+			bg: "transparent",
+			fg: colors.text,
+			border: "transparent"
+		};
+		case "danger": return {
+			bg: colors.errorSolid,
+			fg: colors.errorOnSolid,
+			border: "transparent"
+		};
+	}
+};
+/**
+* A button in the theme's shape: its radius and resting shadow, and its
+* press — Bureau moves the button into its hard shadow, so it sinks into
+* the page. The text variant stays flat.
+*
+* @beta This component is experimental — prop shape may change before release.
+*/
+var Button = ({ children, variant = "primary", size = "md", disabled, style, ...rest }) => {
+	const theme = useTheme();
+	const { button } = theme.components;
+	const { bg, fg, border } = surface(variant, theme);
+	const { px, py, text } = SIZE[size];
+	const flat = variant === "text";
+	return /* @__PURE__ */ jsx(Pressable, {
+		role: "button",
+		"aria-disabled": disabled || void 0,
+		disabled,
+		...rest,
+		style: ({ pressed }) => [{
+			alignSelf: "flex-start",
+			flexDirection: "row",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 8,
+			paddingHorizontal: px,
+			paddingVertical: py,
+			borderWidth: 1,
+			borderColor: border,
+			borderRadius: theme.radius[button.radius],
+			backgroundColor: bg,
+			opacity: disabled ? .5 : 1,
+			boxShadow: flat ? void 0 : theme.shadow(pressed ? button.pressedShadow : button.shadow),
+			transform: pressed && !disabled ? [{ translateX: button.pressedOffset.x }, { translateY: button.pressedOffset.y }] : []
+		}, style],
+		children: typeof children === "string" ? /* @__PURE__ */ jsx(Text$1, {
+			size: text,
+			weight: "medium",
+			style: { color: fg },
+			children
+		}) : children
+	});
+};
+//#endregion
+export { Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../src/Button.tsx"],"sourcesContent":["// ratio-ui · design system for knowledge sharing\n// SPDX-FileCopyrightText: 2026 Losol AS\n// SPDX-License-Identifier: MPL-2.0\n\nimport React from 'react';\nimport {\n  Pressable,\n  type PressableProps,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\nimport type { FontSizeStep } from '@eventuras/ratio-ui-core';\nimport { useTheme, type RatioTheme } from './RatioProvider';\nimport { Text } from './Text';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n/** @beta Prop shape may change before release. */\nexport interface ButtonProps extends Omit<PressableProps, 'children' | 'style'> {\n  /** The label. A string is set in the button's text style. */\n  children: React.ReactNode;\n  /** @default 'primary' */\n  variant?: ButtonVariant;\n  /** @default 'md' */\n  size?: ButtonSize;\n  style?: StyleProp<ViewStyle>;\n}\n\n// Padding as on the web: px-3 py-1, px-4 py-2, px-6 py-3; text xs, sm, base.\nconst SIZE: Record<ButtonSize, { px: number; py: number; text: FontSizeStep }> = {\n  sm: { px: 12, py: 4, text: 'xs' },\n  md: { px: 16, py: 8, text: 'sm' },\n  lg: { px: 24, py: 12, text: 'base' },\n};\n\nconst surface = (variant: ButtonVariant, { colors }: RatioTheme) => {\n  switch (variant) {\n    case 'primary':\n      return { bg: colors.primary, fg: colors.textOnPrimary, border: 'transparent' };\n    case 'secondary':\n      return { bg: colors.card, fg: colors.text, border: colors.border1 };\n    case 'outline':\n      return { bg: 'transparent', fg: colors.text, border: colors.border2 };\n    case 'text':\n      return { bg: 'transparent', fg: colors.text, border: 'transparent' };\n    case 'danger':\n      return { bg: colors.errorSolid, fg: colors.errorOnSolid, border: 'transparent' };\n  }\n};\n\n/**\n * A button in the theme's shape: its radius and resting shadow, and its\n * press — Bureau moves the button into its hard shadow, so it sinks into\n * the page. The text variant stays flat.\n *\n * @beta This component is experimental — prop shape may change before release.\n */\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'md',\n  disabled,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme();\n  const { button } = theme.components;\n  const { bg, fg, border } = surface(variant, theme);\n  const { px, py, text } = SIZE[size];\n  const flat = variant === 'text';\n\n  return (\n    <Pressable\n      role=\"button\"\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      {...rest}\n      style={({ pressed }) => [\n        {\n          alignSelf: 'flex-start',\n          flexDirection: 'row',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 8,\n          paddingHorizontal: px,\n          paddingVertical: py,\n          borderWidth: 1,\n          borderColor: border,\n          borderRadius: theme.radius[button.radius],\n          backgroundColor: bg,\n          opacity: disabled ? 0.5 : 1,\n          boxShadow: flat ? undefined : theme.shadow(pressed ? button.pressedShadow : button.shadow),\n          transform:\n            pressed && !disabled\n              ? [{ translateX: button.pressedOffset.x }, { translateY: button.pressedOffset.y }]\n              : [],\n        },\n        style,\n      ]}\n    >\n      {typeof children === 'string' ? (\n        <Text size={text} weight=\"medium\" style={{ color: fg }}>\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </Pressable>\n  );\n};\n"],"mappings":";;;;;;AA8BA,IAAM,OAA2E;CAC/E,IAAI;EAAE,IAAI;EAAI,IAAI;EAAG,MAAM;CAAK;CAChC,IAAI;EAAE,IAAI;EAAI,IAAI;EAAG,MAAM;CAAK;CAChC,IAAI;EAAE,IAAI;EAAI,IAAI;EAAI,MAAM;CAAO;AACrC;AAEA,IAAM,WAAW,SAAwB,EAAE,aAAyB;CAClE,QAAQ,SAAR;EACE,KAAK,WACH,OAAO;GAAE,IAAI,OAAO;GAAS,IAAI,OAAO;GAAe,QAAQ;EAAc;EAC/E,KAAK,aACH,OAAO;GAAE,IAAI,OAAO;GAAM,IAAI,OAAO;GAAM,QAAQ,OAAO;EAAQ;EACpE,KAAK,WACH,OAAO;GAAE,IAAI;GAAe,IAAI,OAAO;GAAM,QAAQ,OAAO;EAAQ;EACtE,KAAK,QACH,OAAO;GAAE,IAAI;GAAe,IAAI,OAAO;GAAM,QAAQ;EAAc;EACrE,KAAK,UACH,OAAO;GAAE,IAAI,OAAO;GAAY,IAAI,OAAO;GAAc,QAAQ;EAAc;CACnF;AACF;;;;;;;;AASA,IAAa,UAAiC,EAC5C,UACA,UAAU,WACV,OAAO,MACP,UACA,OACA,GAAG,WACC;CACJ,MAAM,QAAQ,SAAS;CACvB,MAAM,EAAE,WAAW,MAAM;CACzB,MAAM,EAAE,IAAI,IAAI,WAAW,QAAQ,SAAS,KAAK;CACjD,MAAM,EAAE,IAAI,IAAI,SAAS,KAAK;CAC9B,MAAM,OAAO,YAAY;CAEzB,OACE,oBAAC,WAAD;EACE,MAAK;EACL,iBAAe,YAAY,KAAA;EACjB;EACV,GAAI;EACJ,QAAQ,EAAE,cAAc,CACtB;GACE,WAAW;GACX,eAAe;GACf,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,mBAAmB;GACnB,iBAAiB;GACjB,aAAa;GACb,aAAa;GACb,cAAc,MAAM,OAAO,OAAO;GAClC,iBAAiB;GACjB,SAAS,WAAW,KAAM;GAC1B,WAAW,OAAO,KAAA,IAAY,MAAM,OAAO,UAAU,OAAO,gBAAgB,OAAO,MAAM;GACzF,WACE,WAAW,CAAC,WACR,CAAC,EAAE,YAAY,OAAO,cAAc,EAAE,GAAG,EAAE,YAAY,OAAO,cAAc,EAAE,CAAC,IAC/E,CAAC;EACT,GACA,KACF;EAEC,UAAA,OAAO,aAAa,WACnB,oBAAC,QAAD;GAAM,MAAM;GAAM,QAAO;GAAS,OAAO,EAAE,OAAO,GAAG;GAClD;EACG,CAAA,IAEN;CAEO,CAAA;AAEf"}

package/dist/Card.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { PressableProps, StyleProp, ViewProps, ViewStyle } from 'react-native';
+import { SpaceStep } from '@eventuras/ratio-ui-core';
+export type CardElevation = 'none' | 'xs' | 'sm' | 'md';
+interface CardOwnProps {
+    children?: React.ReactNode;
+    /** The resting shadow's tier; `none` is flat. @default 'xs' */
+    elevation?: CardElevation;
+    /** A step of the space scale. @default 'm' */
+    padding?: SpaceStep;
+    style?: StyleProp<ViewStyle>;
+}
+/** @beta Prop shape may change before release. */
+export type CardProps = CardOwnProps & (({
+    onPress?: undefined;
+} & Omit<ViewProps, 'style' | 'children'>) | ({
+    onPress: PressableProps['onPress'];
+} & Omit<PressableProps, 'style' | 'children'>));
+/**
+ * A card on the theme's card surface, with its border, corner and shadow.
+ * With `onPress` it is one pressable target and lifts while pressed — the
+ * web card's hover lift, where touch has no hover.
+ *
+ * @beta This component is experimental — prop shape may change before release.
+ */
+export declare const Card: React.FC<CardProps>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,kDAAkD;AAClD,MAAM,MAAM,SAAS,GAAG,YAAY,GAClC,CACI,CAAC;IAAE,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,GACjE,CAAC;IAAE,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,CACxF,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4CpC,CAAC"}