@webority-technologies/mobile-ui 0.0.1

package/lib/typescript/module/utils/dimensions.d.ts

@@ -0,0 +1,3 @@
+export type { BreakpointKey } from './responsive.js';
+export { Breakpoints, isScreenSize, isTablet, ScreenDimensions } from './responsive.js';
+//# sourceMappingURL=dimensions.d.ts.map

package/lib/typescript/module/utils/feedback.d.ts

@@ -0,0 +1,45 @@
+import { type HapticType } from './hapticUtils.js';
+/**
+ * What the interaction MEANT, not which vibration to play.
+ *
+ * Call sites that pick a `HapticType` directly end up disagreeing with each
+ * other — one screen fires `impactMedium` on delete, the next fires
+ * `notificationWarning`, and the app stops speaking one language. Naming the
+ * intent moves that decision here, once.
+ */
+export type FeedbackIntent = 'tap' | 'select' | 'longPress' | 'created' | 'deleted' | 'restored' | 'toggledOn' | 'toggledOff' | 'succeeded' | 'warned' | 'failed';
+/**
+ * Gate every intent from one place, so an app's "haptics" setting needs no
+ * per-component plumbing.
+ */
+export declare const configureFeedback: (prefs: {
+    haptics: boolean;
+}) => void;
+export declare const isFeedbackEnabled: () => boolean;
+/** Resolve an intent to its haptic type without firing it. */
+export declare const hapticForIntent: (intent: FeedbackIntent) => HapticType;
+export declare const feedback: {
+    /** A plain press: button, row, chip. */
+    readonly tap: () => void;
+    /** Moving between options — segmented control, picker wheel, tab. */
+    readonly select: () => void;
+    /** A long-press threshold being crossed. */
+    readonly longPress: () => void;
+    /** Something now exists that did not before. */
+    readonly created: () => void;
+    /** Something was destroyed or removed. */
+    readonly deleted: () => void;
+    /** An undo landed. */
+    readonly restored: () => void;
+    /** A binary control turned on / off — switch, checkbox, favourite. */
+    readonly toggled: (on: boolean) => void;
+    /** A flow finished successfully. */
+    readonly succeeded: () => void;
+    /** A recoverable problem the user should notice. */
+    readonly warned: () => void;
+    /** A failure. */
+    readonly failed: () => void;
+    /** Escape hatch for an intent held in a variable. */
+    readonly fire: (intent: FeedbackIntent) => void;
+};
+//# sourceMappingURL=feedback.d.ts.map

package/lib/typescript/module/utils/hapticUtils.d.ts

@@ -0,0 +1,12 @@
+export type HapticType = 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationSuccess' | 'notificationWarning' | 'notificationError';
+export declare const triggerHaptic: (type?: HapticType) => void;
+export declare const setHapticImplementation: (impl: ((type: HapticType) => void) | null) => void;
+/**
+ * Resolves a component's `haptic` prop to the type that should fire, or null
+ * when haptics are off. `false` disables; a `HapticType` overrides; `undefined`
+ * falls back to the component's sensible default. Pair with `triggerHaptic`:
+ *   const h = resolveHaptic(haptic, 'selection');
+ *   if (h) triggerHaptic(h);
+ */
+export declare const resolveHaptic: (haptic: HapticType | false | undefined, fallbackType: HapticType) => HapticType | null;
+//# sourceMappingURL=hapticUtils.d.ts.map

package/lib/typescript/module/utils/index.d.ts

@@ -0,0 +1,11 @@
+export type { FeedbackIntent } from './feedback.js';
+export { configureFeedback, feedback, hapticForIntent, isFeedbackEnabled } from './feedback.js';
+export type { HapticType } from './hapticUtils.js';
+export { resolveHaptic, setHapticImplementation, triggerHaptic } from './hapticUtils.js';
+export type { BreakpointKey } from './responsive.js';
+export { Breakpoints, isScreenSize, isTablet, Responsive, ScreenDimensions } from './responsive.js';
+export { shadowStyle } from './shadows.js';
+export type { SpacingToken } from './spacing.js';
+export { Margin, Padding, Spacing } from './spacing.js';
+export { warnUnknownProps } from './warnUnknownProps.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/utils/responsive.d.ts

@@ -0,0 +1,23 @@
+export declare const ScreenDimensions: {
+    readonly width: number;
+    readonly height: number;
+    readonly pixelRatio: number;
+    readonly fontScale: number;
+};
+export declare const Breakpoints: {
+    readonly xs: 0;
+    readonly sm: 360;
+    readonly md: 414;
+    readonly lg: 768;
+    readonly xl: 1024;
+};
+export type BreakpointKey = keyof typeof Breakpoints;
+export declare const isScreenSize: (size: BreakpointKey) => boolean;
+export declare const isTablet: () => boolean;
+export declare const Responsive: {
+    readonly width: (size: number) => number;
+    readonly height: (size: number) => number;
+    readonly size: (size: number) => number;
+    readonly font: (size: number) => number;
+};
+//# sourceMappingURL=responsive.d.ts.map

package/lib/typescript/module/utils/shadows.d.ts

@@ -0,0 +1,4 @@
+import type { ViewStyle } from 'react-native';
+import type { ShadowScale } from '../theme/types.js';
+export declare const shadowStyle: (shadows: ShadowScale, level: keyof ShadowScale) => ViewStyle;
+//# sourceMappingURL=shadows.d.ts.map

package/lib/typescript/module/utils/spacing.d.ts

@@ -0,0 +1,61 @@
+import type { SpacingScale } from '../theme/types.js';
+export type SpacingToken = keyof SpacingScale;
+export declare const Spacing: {
+    readonly none: 0;
+    readonly xxs: number;
+    readonly xs: number;
+    readonly sm: number;
+    readonly md: number;
+    readonly lg: number;
+    readonly xl: number;
+    readonly '2xl': number;
+    readonly '3xl': number;
+    readonly '4xl': number;
+};
+export declare const Padding: {
+    readonly all: (token: SpacingToken) => {
+        padding: number;
+    };
+    readonly horizontal: (token: SpacingToken) => {
+        paddingHorizontal: number;
+    };
+    readonly vertical: (token: SpacingToken) => {
+        paddingVertical: number;
+    };
+    readonly top: (token: SpacingToken) => {
+        paddingTop: number;
+    };
+    readonly bottom: (token: SpacingToken) => {
+        paddingBottom: number;
+    };
+    readonly left: (token: SpacingToken) => {
+        paddingLeft: number;
+    };
+    readonly right: (token: SpacingToken) => {
+        paddingRight: number;
+    };
+};
+export declare const Margin: {
+    readonly all: (token: SpacingToken) => {
+        margin: number;
+    };
+    readonly horizontal: (token: SpacingToken) => {
+        marginHorizontal: number;
+    };
+    readonly vertical: (token: SpacingToken) => {
+        marginVertical: number;
+    };
+    readonly top: (token: SpacingToken) => {
+        marginTop: number;
+    };
+    readonly bottom: (token: SpacingToken) => {
+        marginBottom: number;
+    };
+    readonly left: (token: SpacingToken) => {
+        marginLeft: number;
+    };
+    readonly right: (token: SpacingToken) => {
+        marginRight: number;
+    };
+};
+//# sourceMappingURL=spacing.d.ts.map

package/lib/typescript/module/utils/warnUnknownProps.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Dev-time warning for props a component does not accept.
+ *
+ * This exists for a class of bug that nothing in a JS consumer's toolchain
+ * objects to. A component destructures the props it knows and ignores the rest,
+ * so a renamed or mistyped prop is simply dropped — silently, at every call
+ * site. The web library hit this three times in one day: `body` instead of
+ * `message` left nine destructive confirm dialogs with no explanatory text, and
+ * `name` instead of `icon` emptied an entire actions column across 23 call
+ * sites. Neither failed a build, a lint or a test.
+ *
+ * Our components are TypeScript, so a TS consumer is already protected at
+ * compile time. Several apps in the fleet are plain JS, and they get nothing —
+ * which is who this is for. The check therefore has to be a runtime one, and it
+ * has to run where the mistake is made: the consumer's dev server.
+ *
+ * DEV ONLY — the `__DEV__` guard means it costs a release build nothing.
+ */
+export declare const warnUnknownProps: (componentName: string, rest: Record<string, unknown> | undefined) => void;
+//# sourceMappingURL=warnUnknownProps.d.ts.map

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@webority-technologies/mobile-ui",
+  "version": "0.0.1",
+  "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
+  "keywords": [
+    "react-native",
+    "ui",
+    "components",
+    "design-system",
+    "theme",
+    "dark-mode",
+    "forms",
+    "webority"
+  ],
+  "homepage": "https://www.webority.com",
+  "license": "MIT",
+  "author": {
+    "name": "Webority Technologies",
+    "email": "contact@webority.com",
+    "url": "https://www.webority.com"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "react-native": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/index.d.ts",
+  "files": [
+    "lib",
+    "!**/__tests__",
+    "!**/*.test.*",
+    "!**/*.spec.*",
+    "!**/*.map"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "clean": "rimraf lib",
+    "lint": "biome lint ./src",
+    "lint:fix": "biome lint --write ./src",
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@webority-technologies/mobile-core": "^0.0.1"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-native": ">=0.81.0",
+    "react-native-gesture-handler": "^2.21.0 || ^3.0.0",
+    "react-native-haptic-feedback": ">=2.0.0",
+    "react-native-linear-gradient": ">=2.8.0",
+    "react-native-reanimated": "^4.0.0",
+    "react-native-safe-area-context": ">=5.4.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-haptic-feedback": {
+      "optional": true
+    },
+    "react-native-linear-gradient": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}