@impulse-ui-native/primitives 2.6.0 → 2.8.0

package/dist/index.d.mts

@@ -1,24 +1,34 @@
+export { Avatar } from './components/atoms/avatar.mjs';
 export { View } from './components/atoms/view.mjs';
 export { SafeAreaView } from './components/atoms/safe-area-view.mjs';
 export { Typography, TypographyComponent } from './components/atoms/typography.mjs';
 export { Button } from './components/atoms/button.mjs';
+export { Divider } from './components/atoms/divider.mjs';
 export { IconButton } from './components/atoms/icon-button.mjs';
 export { Pressable } from './components/atoms/pressable.mjs';
+export { Progress } from './components/atoms/progress.mjs';
+export { Spinner } from './components/atoms/spinner.mjs';
 export { Tag } from './components/atoms/tag.mjs';
+export { Card } from './components/card/card.mjs';
 export { Control } from './components/controls/control.mjs';
 export { useControlContext } from './components/controls/provider.mjs';
 export { createPreset } from './hocs/create-preset.hoc.mjs';
 export { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from './constants/safe-area-view.constants.mjs';
+export { AvatarImageProps, AvatarProps } from './types/avatar.types.mjs';
 export { ViewProps } from './types/view.types.mjs';
 export { SafeAreaViewProps } from './types/safe-area-view.types.mjs';
 export { TextProps } from './types/typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './types/button.types.mjs';
+export { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps } from './types/card.types.mjs';
+export { DividerInset, DividerOrientation, DividerProps } from './types/divider.types.mjs';
 export { IconButtonProps, IconButtonThemeProps } from './types/icon-button.types.mjs';
+export { ProgressProps } from './types/progress.types.mjs';
+export { SpinnerProps } from './types/spinner.types.mjs';
 export { TagProps, TagThemeProps } from './types/tag.types.mjs';
 export { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps } from './types/control-components.types.mjs';
 import 'react';
+import 'react/jsx-runtime';
 import '@impulse-ui-native/theme';
 import 'react-native';
-import 'react/jsx-runtime';
 import 'react-native-safe-area-context';
 import '@impulse-ui-native/icon/types';

package/dist/types/avatar.types.d.mts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ImageProps, StyleProp, ImageStyle, ImageSourcePropType, ViewStyle } from 'react-native';
+import { ComponentSize, AvatarStatus, ComponentVariant } from '@impulse-ui-native/theme';
+import { ViewProps } from './view.types.mjs';
+
+interface AvatarImageProps extends Omit<ImageProps, "accessible" | "source" | "style"> {
+    style?: StyleProp<ImageStyle>;
+}
+interface AvatarProps extends Omit<ViewProps, "children"> {
+    fallback?: ReactNode;
+    imageProps?: AvatarImageProps;
+    initials?: string;
+    size?: ComponentSize;
+    source?: ImageSourcePropType;
+    status?: AvatarStatus;
+    statusColor?: ViewStyle["backgroundColor"];
+    variant?: ComponentVariant;
+}
+
+export type { AvatarImageProps, AvatarProps };

package/dist/types/avatar.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=avatar.types.js.map

package/dist/types/avatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/card.types.d.mts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import { DimensionProps, SpacingProps, ShadowProps } from '@impulse-ui-native/theme';
+import { ViewProps } from './view.types.mjs';
+
+interface CardRootProps extends ViewProps {
+}
+interface CardPressableProps extends Omit<PressableProps, "children">, DimensionProps, SpacingProps, ShadowProps {
+    children?: ReactNode;
+    pressedStyle?: StyleProp<ViewStyle>;
+}
+interface CardHeaderProps extends ViewProps {
+}
+interface CardContentProps extends ViewProps {
+}
+interface CardFooterProps extends ViewProps {
+}
+interface CardMediaProps extends ViewProps {
+}
+
+export type { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps };

package/dist/types/card.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=card.types.js.map

package/dist/types/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/control-components.types.d.mts

@@ -1,7 +1,8 @@
 import { ComponentType } from 'react';
-import { ViewProps, TextProps, TextInputProps, ActivityIndicatorProps } from 'react-native';
+import { ViewProps, TextProps, TextInputProps } from 'react-native';
 import { IconProps } from '@impulse-ui-native/icon/types';
 import { ComponentSize, ComponentVariant } from '@impulse-ui-native/theme';
+import { SpinnerProps } from './spinner.types.mjs';
 import { PressableCoreProps } from './button.types.mjs';
 
 interface ControlComponentCommonProps {
@@ -39,7 +40,7 @@ interface ControlPlaceholderProps extends TextProps {
 }
 interface ControlValueProps extends TextProps {
 }
-interface ControlLoaderProps extends ActivityIndicatorProps {
+interface ControlLoaderProps extends SpinnerProps {
 }
 
 export type { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps };

package/dist/types/divider.types.d.mts

@@ -0,0 +1,14 @@
+import { ViewStyle } from 'react-native';
+import { DividerTone } from '@impulse-ui-native/theme';
+import { ViewProps } from './view.types.mjs';
+
+type DividerOrientation = "horizontal" | "vertical";
+type DividerInset = "none" | "start" | "end" | "both";
+interface DividerProps extends Omit<ViewProps, "children" | "color"> {
+    color?: ViewStyle["backgroundColor"];
+    inset?: DividerInset;
+    orientation?: DividerOrientation;
+    tone?: DividerTone;
+}
+
+export type { DividerInset, DividerOrientation, DividerProps };

package/dist/types/divider.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=divider.types.js.map

package/dist/types/divider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/index.d.mts

@@ -1,12 +1,17 @@
+export { AvatarImageProps, AvatarProps } from './avatar.types.mjs';
 export { ViewProps } from './view.types.mjs';
 export { SafeAreaViewProps } from './safe-area-view.types.mjs';
 export { TextProps } from './typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './button.types.mjs';
+export { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps } from './card.types.mjs';
+export { DividerInset, DividerOrientation, DividerProps } from './divider.types.mjs';
 export { IconButtonProps, IconButtonThemeProps } from './icon-button.types.mjs';
+export { ProgressProps } from './progress.types.mjs';
+export { SpinnerProps } from './spinner.types.mjs';
 export { TagProps, TagThemeProps } from './tag.types.mjs';
 export { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps } from './control-components.types.mjs';
+import 'react';
 import 'react-native';
 import '@impulse-ui-native/theme';
 import 'react-native-safe-area-context';
 import '@impulse-ui-native/icon/types';
-import 'react';

package/dist/types/index.js

@@ -1,9 +1,14 @@
+export * from "./avatar.types";
 export * from "./view.types";
 export * from "./safe-area-view.types";
 export * from "./typography.types";
 export * from "./typography.types";
 export * from "./button.types";
+export * from "./card.types";
+export * from "./divider.types";
 export * from "./icon-button.types";
+export * from "./progress.types";
+export * from "./spinner.types";
 export * from "./tag.types";
 export * from "./control-components.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./view.types\";\nexport * from \"./safe-area-view.types\";\nexport * from \"./typography.types\";\nexport * from \"./typography.types\";\nexport * from \"./button.types\";\nexport * from \"./icon-button.types\";\nexport * from \"./tag.types\";\nexport * from \"./control-components.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./avatar.types\";\nexport * from \"./view.types\";\nexport * from \"./safe-area-view.types\";\nexport * from \"./typography.types\";\nexport * from \"./typography.types\";\nexport * from \"./button.types\";\nexport * from \"./card.types\";\nexport * from \"./divider.types\";\nexport * from \"./icon-button.types\";\nexport * from \"./progress.types\";\nexport * from \"./spinner.types\";\nexport * from \"./tag.types\";\nexport * from \"./control-components.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/types/progress.types.d.mts

@@ -0,0 +1,15 @@
+import { ViewProps, ColorValue } from 'react-native';
+import { ComponentSize, ProgressTone, ProgressVariant } from '@impulse-ui-native/theme';
+
+interface ProgressProps extends Omit<ViewProps, "children"> {
+    color?: ColorValue;
+    max?: number;
+    min?: number;
+    size?: ComponentSize;
+    tone?: ProgressTone;
+    trackColor?: ColorValue;
+    value?: number;
+    variant?: ProgressVariant;
+}
+
+export type { ProgressProps };

package/dist/types/progress.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=progress.types.js.map

package/dist/types/progress.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/spinner.types.d.mts

@@ -0,0 +1,9 @@
+import { ActivityIndicatorProps } from 'react-native';
+import { ComponentSize, SpinnerTone } from '@impulse-ui-native/theme';
+
+interface SpinnerProps extends Omit<ActivityIndicatorProps, "size"> {
+    size?: ComponentSize;
+    tone?: SpinnerTone;
+}
+
+export type { SpinnerProps };

package/dist/types/spinner.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=spinner.types.js.map

package/dist/types/spinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/progress.utils.d.mts

@@ -0,0 +1,9 @@
+interface NormalizedProgressValue {
+    fraction: number;
+    max: number;
+    min: number;
+    value: number | undefined;
+}
+declare function normalizeProgressValue(value: number | undefined, min: number, max: number): NormalizedProgressValue;
+
+export { type NormalizedProgressValue, normalizeProgressValue };

package/dist/utils/progress.utils.js

@@ -0,0 +1,27 @@
+function normalizeProgressValue(value, min, max) {
+  const resolvedMin = Number.isFinite(min) ? min : 0;
+  const resolvedMax = Number.isFinite(max) && max > resolvedMin ? max : resolvedMin + 100;
+  if (value === void 0) {
+    return {
+      fraction: 0,
+      max: resolvedMax,
+      min: resolvedMin,
+      value: void 0
+    };
+  }
+  const finiteValue = Number.isFinite(value) ? value : resolvedMin;
+  const resolvedValue = Math.min(
+    Math.max(finiteValue, resolvedMin),
+    resolvedMax
+  );
+  return {
+    fraction: (resolvedValue - resolvedMin) / (resolvedMax - resolvedMin),
+    max: resolvedMax,
+    min: resolvedMin,
+    value: resolvedValue
+  };
+}
+export {
+  normalizeProgressValue
+};
+//# sourceMappingURL=progress.utils.js.map

package/dist/utils/progress.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/progress.utils.ts"],"sourcesContent":["export interface NormalizedProgressValue {\n  fraction: number;\n  max: number;\n  min: number;\n  value: number | undefined;\n}\n\nexport function normalizeProgressValue(\n  value: number | undefined,\n  min: number,\n  max: number,\n): NormalizedProgressValue {\n  const resolvedMin = Number.isFinite(min) ? min : 0;\n  const resolvedMax =\n    Number.isFinite(max) && max > resolvedMin ? max : resolvedMin + 100;\n\n  if (value === undefined) {\n    return {\n      fraction: 0,\n      max: resolvedMax,\n      min: resolvedMin,\n      value: undefined,\n    };\n  }\n\n  const finiteValue = Number.isFinite(value) ? value : resolvedMin;\n  const resolvedValue = Math.min(\n    Math.max(finiteValue, resolvedMin),\n    resolvedMax,\n  );\n\n  return {\n    fraction: (resolvedValue - resolvedMin) / (resolvedMax - resolvedMin),\n    max: resolvedMax,\n    min: resolvedMin,\n    value: resolvedValue,\n  };\n}\n"],"mappings":"AAOO,SAAS,uBACd,OACA,KACA,KACyB;AACzB,QAAM,cAAc,OAAO,SAAS,GAAG,IAAI,MAAM;AACjD,QAAM,cACJ,OAAO,SAAS,GAAG,KAAK,MAAM,cAAc,MAAM,cAAc;AAElE,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,cAAc,OAAO,SAAS,KAAK,IAAI,QAAQ;AACrD,QAAM,gBAAgB,KAAK;AAAA,IACzB,KAAK,IAAI,aAAa,WAAW;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AAAA,IACL,WAAW,gBAAgB,gBAAgB,cAAc;AAAA,IACzD,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/primitives",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "Foundational UI primitives for building ImpulseUI Native components.",
   "keywords": [
     "react-native",
@@ -28,9 +28,9 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/icon": "2.6.0",
-    "@impulse-ui-native/core": "2.6.0",
-    "@impulse-ui-native/theme": "2.6.0"
+    "@impulse-ui-native/theme": "2.8.0",
+    "@impulse-ui-native/icon": "2.8.0",
+    "@impulse-ui-native/core": "2.8.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -39,15 +39,17 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "react-native-safe-area-context": "~5.7.0",
+    "react-native-svg": "15.15.4",
     "typescript": "~6.0.3",
-    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-native": ">=0.73",
-    "react-native-safe-area-context": ">=5.0.0"
+    "react-native-safe-area-context": ">=5.0.0",
+    "react-native-svg": ">=13.9.0"
   },
   "publishConfig": {
     "access": "public"