@hzblj/kara-components 0.11.0 → 0.13.0

package/lib/module/atoms/rn-icon/rn-icon.android.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconResourceName","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnIcon","accessibilityLabel","color","name","size","testID","theme","style","height","width","iconColor","resourceName"],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/rn-icon.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,QAAQ,QAAO,oCAAoC;AAC3D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7B;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,IAAI,GAAG,KAAK;EACZC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,KAAK,GAAGV,OAAO,CAAC,OAAO;IAACW,MAAM,EAAEb,OAAO,CAACS,IAAI,CAAC;IAAEK,KAAK,EAAEd,OAAO,CAACS,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEL,IAAA,CAACL,QAAQ;IACPO,kBAAkB,EAAEA,kBAAmB;IACvCS,SAAS,EAAEJ,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAC9BS,YAAY,EAAElB,gBAAgB,CAACU,IAAI,CAAE;IACrCI,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-icon/rn-icon.ios.js

@@ -1,29 +0,0 @@
-"use strict";
-
-import { iconResourceName } from '@hzblj/kara-native';
-import { IconView } from '@hzblj/kara-native/swift-ui';
-import { spacing, useAppTheme } from '@hzblj/kara-theme';
-import { useMemo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-/** A `UIImageView` over the app's asset-catalog icon — what a list row wants, rather than a SwiftUI host per row. */
-export const RnIcon = ({
-  accessibilityLabel,
-  color = 'content.primary',
-  name,
-  size = 's24',
-  testID
-}) => {
-  const theme = useAppTheme();
-  const style = useMemo(() => ({
-    height: spacing[size],
-    width: spacing[size]
-  }), [size]);
-  return /*#__PURE__*/_jsx(IconView, {
-    accessibilityLabel: accessibilityLabel,
-    assetName: iconResourceName(name),
-    iconColor: theme.color(color),
-    style: style,
-    testID: testID
-  });
-};
-//# sourceMappingURL=rn-icon.ios.js.map

package/lib/module/atoms/rn-icon/rn-icon.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconResourceName","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnIcon","accessibilityLabel","color","name","size","testID","theme","style","height","width","assetName","iconColor"],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/rn-icon.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7B;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,IAAI,GAAG,KAAK;EACZC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,KAAK,GAAGV,OAAO,CAAC,OAAO;IAACW,MAAM,EAAEb,OAAO,CAACS,IAAI,CAAC;IAAEK,KAAK,EAAEd,OAAO,CAACS,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEL,IAAA,CAACL,QAAQ;IACPO,kBAAkB,EAAEA,kBAAmB;IACvCS,SAAS,EAAEjB,gBAAgB,CAACU,IAAI,CAAE;IAClCQ,SAAS,EAAEL,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAC9BK,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/haptics/haptics.js

@@ -1,56 +0,0 @@
-"use strict";
-
-import { HAPTICS, playHaptic, prepareHaptic } from '@hzblj/kara-native';
-let enabled = true;
-const play = (haptic, options) => {
-  if (enabled) {
-    playHaptic(haptic, options?.intensity);
-  }
-};
-const prepare = haptic => {
-  if (enabled) {
-    prepareHaptic(haptic);
-  }
-};
-const shorthands = Object.fromEntries(HAPTICS.map(haptic => [haptic, options => play(haptic, options)]));
-
-/**
- * The platform's own haptic feedback, named for what happened: UIKit's feedback generators on iOS, the system's
- * `HapticFeedbackConstants` on Android — never a raw vibration. Both follow the user's system haptics setting, and
- * every call is synchronous, with nothing to await.
- *
- * ```ts
- * haptics.success()                    // a name you know: one function per haptic
- * haptics.play(haptic)                 // a name that arrives as data
- * haptics.light({intensity: 0.6})      // impacts scale on iOS
- * haptics.prepare('selection')         // iOS: warm the Taptic Engine as a gesture begins
- * haptics.setEnabled(userPreference)   // silences every kara haptic, the components' own too
- * ```
- *
- * - `selection` — a choice changed: a segment, a chip, a picker row.
- * - `tick` — one step of a continuous gesture: a slider detent, a scrubbed value.
- * - `toggleOn` / `toggleOff` — a switch flipped.
- * - `success` / `warning` / `error` — how a task ended. Android has no warning of its own; it plays a rejection.
- * - `longPress` / `dragStart` — a long press was recognised; an item lifted to be dragged.
- * - `thresholdActivate` / `thresholdDeactivate` — a gesture crossed its commit point, or went back over it.
- * - `keyPress` — a key of the app's own keypad.
- * - `soft`, `light`, `medium`, `rigid`, `heavy` — a collision none of the names above describes.
- *
- * On Android the names that came with Android 14's constants fall back to the nearest older feedback, so every name
- * plays on every version. Haptics are silent in a build without kara's native module.
- */
-export const haptics = {
-  ...shorthands,
-  /** Whether kara plays haptics — `true` until `setEnabled(false)`. */
-  isEnabled: () => enabled,
-  play,
-  prepare,
-  /**
-   * Switches every kara haptic on or off, the ones its components play included — for an app's own "Haptics" setting.
-   * Not persisted: call it at start-up with the stored preference. The system setting applies either way.
-   */
-  setEnabled: value => {
-    enabled = value;
-  }
-};
-//# sourceMappingURL=haptics.js.map

package/lib/module/haptics/haptics.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["HAPTICS","playHaptic","prepareHaptic","enabled","play","haptic","options","intensity","prepare","shorthands","Object","fromEntries","map","haptics","isEnabled","setEnabled","value"],"sourceRoot":"../../../src","sources":["haptics/haptics.ts"],"mappings":";;AAAA,SAAQA,OAAO,EAAeC,UAAU,EAAEC,aAAa,QAAO,oBAAoB;AAWlF,IAAIC,OAAO,GAAG,IAAI;AAElB,MAAMC,IAAI,GAAGA,CAACC,MAAc,EAAEC,OAAuB,KAAW;EAC9D,IAAIH,OAAO,EAAE;IACXF,UAAU,CAACI,MAAM,EAAEC,OAAO,EAAEC,SAAS,CAAC;EACxC;AACF,CAAC;AAED,MAAMC,OAAO,GAAIH,MAAc,IAAW;EACxC,IAAIF,OAAO,EAAE;IACXD,aAAa,CAACG,MAAM,CAAC;EACvB;AACF,CAAC;AAED,MAAMI,UAAU,GAAGC,MAAM,CAACC,WAAW,CACnCX,OAAO,CAACY,GAAG,CAACP,MAAM,IAAI,CAACA,MAAM,EAAGC,OAAuB,IAAKF,IAAI,CAACC,MAAM,EAAEC,OAAO,CAAC,CAAC,CACpF,CAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,OAAO,GAAG;EACrB,GAAGJ,UAAU;EACb;EACAK,SAAS,EAAEA,CAAA,KAAeX,OAAO;EACjCC,IAAI;EACJI,OAAO;EACP;AACF;AACA;AACA;EACEO,UAAU,EAAGC,KAAc,IAAW;IACpCb,OAAO,GAAGa,KAAK;EACjB;AACF,CAAC","ignoreList":[]}

package/lib/module/haptics/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-export { haptics } from "./haptics.js";
-export { useHapticFeedback } from "./use-haptic-feedback.js";
-//# sourceMappingURL=index.js.map

package/lib/module/haptics/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["haptics","useHapticFeedback"],"sourceRoot":"../../../src","sources":["haptics/index.ts"],"mappings":";;AAAA,SAAyCA,OAAO,QAAO,cAAW;AAClE,SAA6BC,iBAAiB,QAAO,0BAAuB","ignoreList":[]}

package/lib/module/haptics/use-haptic-feedback.js

@@ -1,33 +0,0 @@
-"use strict";
-
-import { useEffect, useRef } from 'react';
-import { haptics } from "./haptics.js";
-
-/** Picks the haptic for one change of a trigger — or none, to stay silent for that change. */
-
-/**
- * Plays a haptic whenever `trigger` changes — never on mount — like SwiftUI's `sensoryFeedback(_:trigger:)`. Give it
- * a haptic, or a function of the previous and next value that picks one per change. Changes are compared with
- * `Object.is`, so a trigger is a primitive or a stable reference.
- *
- * ```ts
- * useHapticFeedback(tab, 'selection')
- * useHapticFeedback(quantity, (before, after) => (after > before ? 'tick' : 'soft'))
- * useHapticFeedback(payment.status, (_, status) => status === 'paid' ? 'success' : status === 'failed' && 'error')
- * ```
- */
-export const useHapticFeedback = (trigger, feedback) => {
-  const previous = useRef(trigger);
-  useEffect(() => {
-    const before = previous.current;
-    if (Object.is(before, trigger)) {
-      return;
-    }
-    previous.current = trigger;
-    const haptic = typeof feedback === 'function' ? feedback(before, trigger) : feedback;
-    if (haptic) {
-      haptics.play(haptic);
-    }
-  }, [feedback, trigger]);
-};
-//# sourceMappingURL=use-haptic-feedback.js.map

package/lib/module/haptics/use-haptic-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useRef","haptics","useHapticFeedback","trigger","feedback","previous","before","current","Object","is","haptic","play"],"sourceRoot":"../../../src","sources":["haptics/use-haptic-feedback.ts"],"mappings":";;AAAA,SAAQA,SAAS,EAAEC,MAAM,QAAO,OAAO;AAEvC,SAAqBC,OAAO,QAAO,cAAW;;AAE9C;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAIC,OAAU,EAAEC,QAAoC,KAAW;EAC9F,MAAMC,QAAQ,GAAGL,MAAM,CAACG,OAAO,CAAC;EAEhCJ,SAAS,CAAC,MAAM;IACd,MAAMO,MAAM,GAAGD,QAAQ,CAACE,OAAO;IAE/B,IAAIC,MAAM,CAACC,EAAE,CAACH,MAAM,EAAEH,OAAO,CAAC,EAAE;MAC9B;IACF;IAEAE,QAAQ,CAACE,OAAO,GAAGJ,OAAO;IAC1B,MAAMO,MAAM,GAAG,OAAON,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAACE,MAAM,EAAEH,OAAO,CAAC,GAAGC,QAAQ;IAEpF,IAAIM,MAAM,EAAE;MACVT,OAAO,CAACU,IAAI,CAACD,MAAM,CAAC;IACtB;EACF,CAAC,EAAE,CAACN,QAAQ,EAAED,OAAO,CAAC,CAAC;AACzB,CAAC","ignoreList":[]}

package/lib/module/motion.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { duration, easing } from '@hzblj/kara-theme';
-import { Easing, ReduceMotion } from 'react-native-reanimated';
-
-/**
- * A Reanimated timing from the motion tokens, `smoothOut` unless told otherwise. `ReduceMotion.Never`, because a
- * component has applied `useReducedMotion` before it animates: what is left (a fade, a dim) is meant to run, and
- * Reanimated's own check reads the setting once at launch and never hears of `KaraProvider reduceMotion`.
- */
-export const timing = (size, curve = 'smoothOut') => {
-  const [x1, y1, x2, y2] = easing[curve];
-  return {
-    duration: duration[size],
-    easing: Easing.bezier(x1, y1, x2, y2),
-    reduceMotion: ReduceMotion.Never
-  };
-};
-//# sourceMappingURL=motion.js.map

package/lib/module/motion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["duration","easing","Easing","ReduceMotion","timing","size","curve","x1","y1","x2","y2","bezier","reduceMotion","Never"],"sourceRoot":"../../src","sources":["motion.ts"],"mappings":";;AAAA,SAA2BA,QAAQ,EAAmBC,MAAM,QAAO,mBAAmB;AACtF,SAAQC,MAAM,EAAEC,YAAY,QAA8B,yBAAyB;;AAEnF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAACC,IAAkB,EAAEC,KAAiB,GAAG,WAAW,KAAuB;EAC/F,MAAM,CAACC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC,GAAGT,MAAM,CAACK,KAAK,CAAC;EAEtC,OAAO;IAACN,QAAQ,EAAEA,QAAQ,CAACK,IAAI,CAAC;IAAEJ,MAAM,EAAEC,MAAM,CAACS,MAAM,CAACJ,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;IAAEE,YAAY,EAAET,YAAY,CAACU;EAAK,CAAC;AAC5G,CAAC","ignoreList":[]}

package/lib/typescript/atoms/box/a-box.d.ts

@@ -1,49 +0,0 @@
-export declare const ABox: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<Omit<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>, "align" | "alignContent" | "alignSelf" | "aspectRatio" | "basis" | "bg" | "blur" | "borderColor" | "borderRadius" | "borderWidth" | "bottom" | "columnGap" | "display" | "flex" | "flexDirection" | "gap" | "grow" | "h" | "inset" | "justify" | "left" | "m" | "maxH" | "maxW" | "mb" | "minH" | "minW" | "ml" | "mr" | "mt" | "mx" | "my" | "offsetX" | "offsetY" | "opacity" | "overflow" | "p" | "pb" | "pl" | "position" | "pr" | "pt" | "px" | "py" | "right" | "rotate" | "rowGap" | "scale" | "shadow" | "shrink" | "style" | "tall" | "top" | "w" | "wide" | "wrap" | "zIndex" | keyof {
-    borderBottomWidth?: number;
-    borderLeftWidth?: number;
-    borderRightWidth?: number;
-    borderStyle?: import("react-native").ViewStyle['borderStyle'];
-    borderTopWidth?: number;
-} | keyof import("@hzblj/kara-sx").ViewRadiiSx> & Omit<import("@hzblj/kara-sx").ViewSx, "align" | "alignContent" | "alignSelf" | "basis" | "columnGap" | "display" | "flex" | "flexDirection" | "gap" | "grow" | "h" | "justify" | "m" | "maxH" | "maxW" | "mb" | "minH" | "minW" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "rowGap" | "shrink" | "tall" | "w" | "wide" | "wrap"> & {
-    p?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    pb?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    pl?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    pr?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    pt?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    px?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    py?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    tall?: import("@hzblj/kara-sx").Responsive<NonNullable<boolean | undefined>> | undefined;
-    wide?: import("@hzblj/kara-sx").Responsive<NonNullable<boolean | undefined>> | undefined;
-    h?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    minH?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    minW?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    w?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    maxH?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    maxW?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    align?: import("@hzblj/kara-sx").Responsive<NonNullable<import("react-native").FlexAlignType | undefined>> | undefined;
-    alignContent?: import("@hzblj/kara-sx").Responsive<NonNullable<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined>> | undefined;
-    alignSelf?: import("@hzblj/kara-sx").Responsive<NonNullable<"auto" | import("react-native").FlexAlignType | undefined>> | undefined;
-    basis?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
-    columnGap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    flex?: import("@hzblj/kara-sx").Responsive<number> | undefined;
-    flexDirection?: import("@hzblj/kara-sx").Responsive<NonNullable<"column" | "column-reverse" | "row" | "row-reverse" | undefined>> | undefined;
-    gap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    grow?: import("@hzblj/kara-sx").Responsive<number> | undefined;
-    justify?: import("@hzblj/kara-sx").Responsive<NonNullable<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined>> | undefined;
-    rowGap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    shrink?: import("@hzblj/kara-sx").Responsive<number> | undefined;
-    wrap?: import("@hzblj/kara-sx").Responsive<NonNullable<"nowrap" | "wrap" | "wrap-reverse" | undefined>> | undefined;
-    m?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    mb?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    ml?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    mr?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    mt?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    mx?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    my?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
-    display?: import("@hzblj/kara-sx").Responsive<NonNullable<"contents" | "flex" | "none" | undefined>> | undefined;
-} & {
-    style?: import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").ViewStyle | import("react-native").Falsy> | import("react-native").TextStyle | import("react-native").ViewStyle | import("react-native").Falsy;
-}>, import("react").MemoExoticComponent<{
-    ({ style, ...props }: import("@hzblj/kara-sx").SxProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>): import("react").JSX.Element;
-    displayName: string;
-}>>;

package/lib/typescript/atoms/rn-icon/rn-icon.ios.d.ts

@@ -1,3 +0,0 @@
-import type { RnIconComponent } from './rn-icon.types';
-/** A `UIImageView` over the app's asset-catalog icon — what a list row wants, rather than a SwiftUI host per row. */
-export declare const RnIcon: RnIconComponent;

package/lib/typescript/haptics/haptics.d.ts

@@ -1,61 +0,0 @@
-import { type Haptic } from '@hzblj/kara-native';
-export type { Haptic };
-export type HapticOptions = {
-    /** iOS: scales an impact — `soft`, `light`, `medium`, `rigid`, `heavy` — from 0 to 1. Everything else ignores it. */
-    intensity?: number;
-};
-declare const play: (haptic: Haptic, options?: HapticOptions) => void;
-declare const prepare: (haptic: Haptic) => void;
-/**
- * The platform's own haptic feedback, named for what happened: UIKit's feedback generators on iOS, the system's
- * `HapticFeedbackConstants` on Android — never a raw vibration. Both follow the user's system haptics setting, and
- * every call is synchronous, with nothing to await.
- *
- * ```ts
- * haptics.success()                    // a name you know: one function per haptic
- * haptics.play(haptic)                 // a name that arrives as data
- * haptics.light({intensity: 0.6})      // impacts scale on iOS
- * haptics.prepare('selection')         // iOS: warm the Taptic Engine as a gesture begins
- * haptics.setEnabled(userPreference)   // silences every kara haptic, the components' own too
- * ```
- *
- * - `selection` — a choice changed: a segment, a chip, a picker row.
- * - `tick` — one step of a continuous gesture: a slider detent, a scrubbed value.
- * - `toggleOn` / `toggleOff` — a switch flipped.
- * - `success` / `warning` / `error` — how a task ended. Android has no warning of its own; it plays a rejection.
- * - `longPress` / `dragStart` — a long press was recognised; an item lifted to be dragged.
- * - `thresholdActivate` / `thresholdDeactivate` — a gesture crossed its commit point, or went back over it.
- * - `keyPress` — a key of the app's own keypad.
- * - `soft`, `light`, `medium`, `rigid`, `heavy` — a collision none of the names above describes.
- *
- * On Android the names that came with Android 14's constants fall back to the nearest older feedback, so every name
- * plays on every version. Haptics are silent in a build without kara's native module.
- */
-export declare const haptics: {
-    /** Whether kara plays haptics — `true` until `setEnabled(false)`. */
-    isEnabled: () => boolean;
-    play: typeof play;
-    prepare: typeof prepare;
-    /**
-     * Switches every kara haptic on or off, the ones its components play included — for an app's own "Haptics" setting.
-     * Not persisted: call it at start-up with the stored preference. The system setting applies either way.
-     */
-    setEnabled: (value: boolean) => void;
-    dragStart: (options?: HapticOptions) => void;
-    error: (options?: HapticOptions) => void;
-    heavy: (options?: HapticOptions) => void;
-    keyPress: (options?: HapticOptions) => void;
-    light: (options?: HapticOptions) => void;
-    longPress: (options?: HapticOptions) => void;
-    medium: (options?: HapticOptions) => void;
-    rigid: (options?: HapticOptions) => void;
-    selection: (options?: HapticOptions) => void;
-    soft: (options?: HapticOptions) => void;
-    success: (options?: HapticOptions) => void;
-    thresholdActivate: (options?: HapticOptions) => void;
-    thresholdDeactivate: (options?: HapticOptions) => void;
-    tick: (options?: HapticOptions) => void;
-    toggleOff: (options?: HapticOptions) => void;
-    toggleOn: (options?: HapticOptions) => void;
-    warning: (options?: HapticOptions) => void;
-};

package/lib/typescript/haptics/index.d.ts

@@ -1,2 +0,0 @@
-export { type Haptic, type HapticOptions, haptics } from './haptics';
-export { type HapticResolver, useHapticFeedback } from './use-haptic-feedback';

package/lib/typescript/haptics/use-haptic-feedback.d.ts

@@ -1,15 +0,0 @@
-import { type Haptic } from './haptics';
-/** Picks the haptic for one change of a trigger — or none, to stay silent for that change. */
-export type HapticResolver<T> = (previous: T, next: T) => Haptic | false | null | undefined;
-/**
- * Plays a haptic whenever `trigger` changes — never on mount — like SwiftUI's `sensoryFeedback(_:trigger:)`. Give it
- * a haptic, or a function of the previous and next value that picks one per change. Changes are compared with
- * `Object.is`, so a trigger is a primitive or a stable reference.
- *
- * ```ts
- * useHapticFeedback(tab, 'selection')
- * useHapticFeedback(quantity, (before, after) => (after > before ? 'tick' : 'soft'))
- * useHapticFeedback(payment.status, (_, status) => status === 'paid' ? 'success' : status === 'failed' && 'error')
- * ```
- */
-export declare const useHapticFeedback: <T>(trigger: T, feedback: Haptic | HapticResolver<T>) => void;

package/lib/typescript/motion.d.ts

@@ -1,8 +0,0 @@
-import { type DurationSize, type EasingName } from '@hzblj/kara-theme';
-import { type WithTimingConfig } from 'react-native-reanimated';
-/**
- * A Reanimated timing from the motion tokens, `smoothOut` unless told otherwise. `ReduceMotion.Never`, because a
- * component has applied `useReducedMotion` before it animates: what is left (a fade, a dim) is meant to run, and
- * Reanimated's own check reads the setting once at launch and never hears of `KaraProvider reduceMotion`.
- */
-export declare const timing: (size: DurationSize, curve?: EasingName) => WithTimingConfig;

package/src/atoms/box/a-box.ts

@@ -1,5 +0,0 @@
-import Animated from 'react-native-reanimated'
-
-import {Box} from './box'
-
-export const ABox = Animated.createAnimatedComponent(Box)

package/src/atoms/rn-icon/rn-icon.android.tsx

@@ -1,28 +0,0 @@
-import {iconResourceName} from '@hzblj/kara-native'
-import {IconView} from '@hzblj/kara-native/jetpack-compose'
-import {spacing, useAppTheme} from '@hzblj/kara-theme'
-import {useMemo} from 'react'
-
-import type {RnIconComponent, RnIconProps} from './rn-icon.types'
-
-/** An `ImageView` over the app's vector drawable — what a list row wants, rather than a Compose host per row. */
-export const RnIcon: RnIconComponent = ({
-  accessibilityLabel,
-  color = 'content.primary',
-  name,
-  size = 's24',
-  testID,
-}: RnIconProps) => {
-  const theme = useAppTheme()
-  const style = useMemo(() => ({height: spacing[size], width: spacing[size]}), [size])
-
-  return (
-    <IconView
-      accessibilityLabel={accessibilityLabel}
-      iconColor={theme.color(color)}
-      resourceName={iconResourceName(name)}
-      style={style}
-      testID={testID}
-    />
-  )
-}

package/src/atoms/rn-icon/rn-icon.ios.tsx

@@ -1,28 +0,0 @@
-import {iconResourceName} from '@hzblj/kara-native'
-import {IconView} from '@hzblj/kara-native/swift-ui'
-import {spacing, useAppTheme} from '@hzblj/kara-theme'
-import {useMemo} from 'react'
-
-import type {RnIconComponent, RnIconProps} from './rn-icon.types'
-
-/** A `UIImageView` over the app's asset-catalog icon — what a list row wants, rather than a SwiftUI host per row. */
-export const RnIcon: RnIconComponent = ({
-  accessibilityLabel,
-  color = 'content.primary',
-  name,
-  size = 's24',
-  testID,
-}: RnIconProps) => {
-  const theme = useAppTheme()
-  const style = useMemo(() => ({height: spacing[size], width: spacing[size]}), [size])
-
-  return (
-    <IconView
-      accessibilityLabel={accessibilityLabel}
-      assetName={iconResourceName(name)}
-      iconColor={theme.color(color)}
-      style={style}
-      testID={testID}
-    />
-  )
-}

package/src/haptics/haptics.ts

@@ -1,68 +0,0 @@
-import {HAPTICS, type Haptic, playHaptic, prepareHaptic} from '@hzblj/kara-native'
-
-export type {Haptic}
-
-export type HapticOptions = {
-  /** iOS: scales an impact — `soft`, `light`, `medium`, `rigid`, `heavy` — from 0 to 1. Everything else ignores it. */
-  intensity?: number
-}
-
-type HapticShorthands = {readonly [K in Haptic]: (options?: HapticOptions) => void}
-
-let enabled = true
-
-const play = (haptic: Haptic, options?: HapticOptions): void => {
-  if (enabled) {
-    playHaptic(haptic, options?.intensity)
-  }
-}
-
-const prepare = (haptic: Haptic): void => {
-  if (enabled) {
-    prepareHaptic(haptic)
-  }
-}
-
-const shorthands = Object.fromEntries(
-  HAPTICS.map(haptic => [haptic, (options?: HapticOptions) => play(haptic, options)])
-) as HapticShorthands
-
-/**
- * The platform's own haptic feedback, named for what happened: UIKit's feedback generators on iOS, the system's
- * `HapticFeedbackConstants` on Android — never a raw vibration. Both follow the user's system haptics setting, and
- * every call is synchronous, with nothing to await.
- *
- * ```ts
- * haptics.success()                    // a name you know: one function per haptic
- * haptics.play(haptic)                 // a name that arrives as data
- * haptics.light({intensity: 0.6})      // impacts scale on iOS
- * haptics.prepare('selection')         // iOS: warm the Taptic Engine as a gesture begins
- * haptics.setEnabled(userPreference)   // silences every kara haptic, the components' own too
- * ```
- *
- * - `selection` — a choice changed: a segment, a chip, a picker row.
- * - `tick` — one step of a continuous gesture: a slider detent, a scrubbed value.
- * - `toggleOn` / `toggleOff` — a switch flipped.
- * - `success` / `warning` / `error` — how a task ended. Android has no warning of its own; it plays a rejection.
- * - `longPress` / `dragStart` — a long press was recognised; an item lifted to be dragged.
- * - `thresholdActivate` / `thresholdDeactivate` — a gesture crossed its commit point, or went back over it.
- * - `keyPress` — a key of the app's own keypad.
- * - `soft`, `light`, `medium`, `rigid`, `heavy` — a collision none of the names above describes.
- *
- * On Android the names that came with Android 14's constants fall back to the nearest older feedback, so every name
- * plays on every version. Haptics are silent in a build without kara's native module.
- */
-export const haptics = {
-  ...shorthands,
-  /** Whether kara plays haptics — `true` until `setEnabled(false)`. */
-  isEnabled: (): boolean => enabled,
-  play,
-  prepare,
-  /**
-   * Switches every kara haptic on or off, the ones its components play included — for an app's own "Haptics" setting.
-   * Not persisted: call it at start-up with the stored preference. The system setting applies either way.
-   */
-  setEnabled: (value: boolean): void => {
-    enabled = value
-  },
-}

package/src/haptics/index.ts

@@ -1,2 +0,0 @@
-export {type Haptic, type HapticOptions, haptics} from './haptics'
-export {type HapticResolver, useHapticFeedback} from './use-haptic-feedback'

package/src/haptics/use-haptic-feedback.ts

@@ -1,36 +0,0 @@
-import {useEffect, useRef} from 'react'
-
-import {type Haptic, haptics} from './haptics'
-
-/** Picks the haptic for one change of a trigger — or none, to stay silent for that change. */
-export type HapticResolver<T> = (previous: T, next: T) => Haptic | false | null | undefined
-
-/**
- * Plays a haptic whenever `trigger` changes — never on mount — like SwiftUI's `sensoryFeedback(_:trigger:)`. Give it
- * a haptic, or a function of the previous and next value that picks one per change. Changes are compared with
- * `Object.is`, so a trigger is a primitive or a stable reference.
- *
- * ```ts
- * useHapticFeedback(tab, 'selection')
- * useHapticFeedback(quantity, (before, after) => (after > before ? 'tick' : 'soft'))
- * useHapticFeedback(payment.status, (_, status) => status === 'paid' ? 'success' : status === 'failed' && 'error')
- * ```
- */
-export const useHapticFeedback = <T>(trigger: T, feedback: Haptic | HapticResolver<T>): void => {
-  const previous = useRef(trigger)
-
-  useEffect(() => {
-    const before = previous.current
-
-    if (Object.is(before, trigger)) {
-      return
-    }
-
-    previous.current = trigger
-    const haptic = typeof feedback === 'function' ? feedback(before, trigger) : feedback
-
-    if (haptic) {
-      haptics.play(haptic)
-    }
-  }, [feedback, trigger])
-}

package/src/motion.ts

@@ -1,13 +0,0 @@
-import {type DurationSize, duration, type EasingName, easing} from '@hzblj/kara-theme'
-import {Easing, ReduceMotion, type WithTimingConfig} from 'react-native-reanimated'
-
-/**
- * A Reanimated timing from the motion tokens, `smoothOut` unless told otherwise. `ReduceMotion.Never`, because a
- * component has applied `useReducedMotion` before it animates: what is left (a fade, a dim) is meant to run, and
- * Reanimated's own check reads the setting once at launch and never hears of `KaraProvider reduceMotion`.
- */
-export const timing = (size: DurationSize, curve: EasingName = 'smoothOut'): WithTimingConfig => {
-  const [x1, y1, x2, y2] = easing[curve]
-
-  return {duration: duration[size], easing: Easing.bezier(x1, y1, x2, y2), reduceMotion: ReduceMotion.Never}
-}