@hzblj/kara-components 0.12.0 → 0.13.0

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

@@ -1,6 +1,6 @@
 import {Image} from '@expo/ui/swift-ui'
 import {accessibilityHidden, frame, accessibilityLabel as labelModifier, resizable} from '@expo/ui/swift-ui/modifiers'
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 import {spacing, useAppTheme} from '@hzblj/kara-theme'
 import {useMemo} from 'react'
 

package/src/atoms/icon/icon.types.ts

@@ -1,22 +1,13 @@
+import type {NativeIconName} from '@hzblj/expo-native-icons'
 import type {ColorToken, SpaceSize} from '@hzblj/kara-theme'
 import type {ReactNode} from 'react'
 
-declare global {
-  /**
-   * The app's icon names, one key per SVG in its icon folder. Written by the config plugin
-   * (`plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]`) into `kara-icons.d.ts`, or by
-   * `npx kara-icons`. Empty until then. Global, so the declaration reaches it without resolving any kara package.
-   */
-  interface KaraIcons {}
-}
-
-type DeclaredIconName = keyof KaraIcons & string
-
 /**
- * One of the app's icons. Once the plugin has written `kara-icons.d.ts` only those names type-check: an icon removed
- * from the folder fails at every call site. Before that, any string, so a project can adopt icons gradually.
+ * One of the app's icons: a key of the global `NativeIcons`, which the config plugin writes into `native-icons.d.ts`
+ * (`plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]`) or `npx kara-icons` does. Once it exists only
+ * those names type-check, so an icon removed from the folder fails at every call site; before that, any string.
  */
-export type IconName = [DeclaredIconName] extends [never] ? string : DeclaredIconName
+export type IconName = NativeIconName
 
 /**
  * One of the app's icons, in a host: SwiftUI `Image` from the asset catalog on iOS, Material's `Icon` with the vector
@@ -27,7 +18,7 @@ export type IconProps = {
   accessibilityLabel?: string
   /** The icon's tint. `content.primary` by default. */
   color?: ColorToken
-  /** Which of the app's icons, a key of `KaraIcons`. */
+  /** Which of the app's icons: a key of `NativeIcons`, one per SVG in the icon folder. */
   name: IconName
   /** Its width and height, a spacing token. `s24` by default. */
   size?: SpaceSize

package/src/atoms/pressable/pressable.tsx

@@ -1,3 +1,4 @@
+import {haptics} from '@hzblj/expo-rich-haptics'
 import {
   type AnimatableKey,
   accessibilityProps,
@@ -13,7 +14,6 @@ import {useCallback, useMemo} from 'react'
 import {Platform, Pressable as RNPressable, type ViewStyle} from 'react-native'
 import Animated, {useAnimatedStyle, useSharedValue, withSpring, withTiming} from 'react-native-reanimated'
 
-import {haptics} from '../../haptics'
 import {splitForRipple} from '../../ripple-clip'
 import type {PressableComponent, PressableProps} from './pressable.types'
 

package/src/atoms/pressable/pressable.types.ts

@@ -1,9 +1,8 @@
+import type {Haptic} from '@hzblj/expo-rich-haptics'
 import type {AccessibilityProps, MotionProps, ResponsiveViewSx} from '@hzblj/kara-sx'
 import type {OpacitySize} from '@hzblj/kara-theme'
 import type {ReactNode} from 'react'
 
-import type {Haptic} from '../../haptics'
-
 /** How the content answers a press: it eases down, it dims, or it stays still. */
 export type PressEffect = 'none' | 'opacity' | 'scale'
 

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

@@ -0,0 +1,28 @@
+import {NativeIcon} from '@hzblj/expo-native-icons'
+import {spacing, useAppTheme} from '@hzblj/kara-theme'
+
+import type {RnIconComponent, RnIconProps} from './rn-icon.types'
+
+/**
+ * `@hzblj/expo-native-icons`' `NativeIcon`: a `UIImageView` over the app's asset-catalog icon on iOS, one view drawing
+ * its vector drawable on Android. What a list row wants, rather than a SwiftUI or Compose host per row.
+ */
+export const RnIcon: RnIconComponent = ({
+  accessibilityLabel,
+  color = 'content.primary',
+  name,
+  size = 's24',
+  testID,
+}: RnIconProps) => {
+  const theme = useAppTheme()
+
+  return (
+    <NativeIcon
+      accessibilityLabel={accessibilityLabel}
+      color={theme.color(color)}
+      name={name}
+      size={spacing[size]}
+      testID={testID}
+    />
+  )
+}

package/src/atoms/segmented-control/segmented-control.android.tsx

@@ -1,9 +1,9 @@
 import {Host, SegmentedButton, SingleChoiceSegmentedButtonRow, Text} from '@expo/ui/jetpack-compose'
 import {fillMaxWidth, testID as testIdModifier, weight} from '@expo/ui/jetpack-compose/modifiers'
+import {haptics} from '@hzblj/expo-rich-haptics'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useMemo} from 'react'
 
-import {haptics} from '../../haptics'
 import type {SegmentedControlComponent, SegmentedControlProps} from './segmented-control.types'
 
 const MATCH_HEIGHT_ONLY = {horizontal: false, vertical: true}

package/src/atoms/slider/slider.android.tsx

@@ -1,8 +1,8 @@
 import {Slider as ComposeSlider} from '@expo/ui/jetpack-compose'
+import {haptics} from '@hzblj/expo-rich-haptics'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useEffect, useRef} from 'react'
 
-import {haptics} from '../../haptics'
 import {useHostGuard} from '../../host-context'
 import type {SliderComponent, SliderProps} from './slider.types'
 

package/src/atoms/switch/switch.android.tsx

@@ -1,9 +1,9 @@
 import {Switch as ComposeSwitch, Row, Text} from '@expo/ui/jetpack-compose'
 import {clickable, fillMaxWidth} from '@expo/ui/jetpack-compose/modifiers'
+import {haptics} from '@hzblj/expo-rich-haptics'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useMemo} from 'react'
 
-import {haptics} from '../../haptics'
 import {useHostGuard} from '../../host-context'
 import type {SwitchComponent, SwitchProps} from './switch.types'
 

package/src/glyph/rn-glyph.android.tsx

@@ -1,14 +1,25 @@
+import {NativeIconView} from '@hzblj/expo-native-icons'
 import {GLYPHS} 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 {GlyphComponent, GlyphProps} from './glyph.types'
 
-/** The Material Symbol drawable in an `ImageView` — the React Native tier. */
+/**
+ * The Material Symbol drawable, drawn by `@hzblj/expo-native-icons`' `NativeIconView` (any drawable by name, not only
+ * the app's icons): the React Native tier.
+ */
 export const RnGlyph: GlyphComponent = ({color = 'content.primary', name, size = 's24'}: GlyphProps) => {
   const theme = useAppTheme()
   const style = useMemo(() => ({height: spacing[size], width: spacing[size]}), [size])
 
-  return <IconView iconColor={theme.color(color)} resourceName={GLYPHS[name].android} style={style} />
+  return (
+    <NativeIconView
+      accessibilityElementsHidden
+      iconColor={theme.color(color)}
+      importantForAccessibility="no-hide-descendants"
+      resourceName={GLYPHS[name].android}
+      style={style}
+    />
+  )
 }

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from './atoms'
-export * from './haptics'
 export * from './molecules'
 export * from './organisms'
 export * from './templates'

package/src/molecules/navigation-bar/navigation-bar.android.tsx

@@ -1,4 +1,4 @@
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 import {TopAppBar, type TopAppBarItem} from '@hzblj/kara-native/jetpack-compose'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useMemo} from 'react'

package/src/molecules/navigation-bar/navigation-bar.ios.tsx

@@ -1,4 +1,4 @@
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 import {
   NavigationBar as NativeNavigationBar,
   type NavigationBarItem as NativeNavigationBarItem,

package/src/organisms/context-menu/context-menu.android.tsx

@@ -1,10 +1,10 @@
 import {Text as ComposeText, DropdownMenu, DropdownMenuItem, Host} from '@expo/ui/jetpack-compose'
+import {haptics} from '@hzblj/expo-rich-haptics'
 import {useSx} from '@hzblj/kara-sx'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useMemo, useRef, useState} from 'react'
 import {type GestureResponderEvent, Pressable, StyleSheet, View} from 'react-native'
 import {Icon} from '../../atoms/icon'
-import {haptics} from '../../haptics'
 import {HostBoundary} from '../../host-context'
 import {splitForRipple} from '../../ripple-clip'
 import type {MenuAction} from '../menu'

package/src/organisms/context-menu/context-menu.ios.tsx

@@ -1,4 +1,4 @@
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 import {
   type ContextMenuItem,
   ContextMenu as NativeContextMenu,

package/src/organisms/fab-menu/fab-menu.ios.tsx

@@ -1,5 +1,5 @@
 import {Button, Image, Label, Menu} from '@expo/ui/swift-ui'
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 
 import {Icon} from '../../atoms/icon'
 import {VStack} from '../../atoms/v-stack'

package/src/organisms/swipe-actions/swipe-actions.ios.tsx

@@ -1,6 +1,6 @@
 import {Button, Image, Label, SwipeActions as SwiftUISwipeActions} from '@expo/ui/swift-ui'
 import {tint} from '@expo/ui/swift-ui/modifiers'
-import {iconResourceName} from '@hzblj/kara-native'
+import {iconResourceName} from '@hzblj/expo-native-icons'
 import {useAppTheme} from '@hzblj/kara-theme'
 
 import {useHostGuard} from '../../host-context'

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

@@ -1,29 +0,0 @@
-"use strict";
-
-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 { jsx as _jsx } from "react/jsx-runtime";
-/** An `ImageView` over the app's vector drawable — what a list row wants, rather than a Compose 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,
-    iconColor: theme.color(color),
-    resourceName: iconResourceName(name),
-    style: style,
-    testID: testID
-  });
-};
-//# sourceMappingURL=rn-icon.android.js.map

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/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/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'