@korsolutions/ui 0.0.75 → 0.0.76

package/dist/module/components/index.js

@@ -24,6 +24,7 @@ export * from "./progress/index.js";
 export * from "./scroll-bar/index.js";
 export * from "./select/index.js";
 export * from "./separator/index.js";
+export * from "./spinner/index.js";
 export * from "./tabs/index.js";
 export * from "./textarea/index.js";
 export * from "./toast/index.js";

package/dist/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}

package/dist/module/components/spinner/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Spinner } from "./spinner.js";
+//# sourceMappingURL=index.js.map

package/dist/module/components/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spinner"],"sourceRoot":"../../../../src","sources":["components/spinner/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAA2B,cAAW","ignoreList":[]}

package/dist/module/components/spinner/spinner.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import React from "react";
+import { ActivityIndicator } from "react-native";
+import { SpinnerVariants } from "./variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Spinner(props) {
+  const {
+    size,
+    variant = "default",
+    color,
+    style
+  } = props;
+  const styles = SpinnerVariants[variant]();
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: size ?? styles.size,
+    color: color ?? styles.color,
+    style: [styles, style]
+  });
+}
+//# sourceMappingURL=spinner.js.map

package/dist/module/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","SpinnerVariants","jsx","_jsx","Spinner","props","size","variant","color","style","styles"],"sourceRoot":"../../../../src","sources":["components/spinner/spinner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,QAIZ,cAAc;AACrB,SAASC,eAAe,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,OAAO,SAASC,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,IAAI;IAAEC,OAAO,GAAG,SAAS;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACzD,MAAMK,MAAM,GAAGT,eAAe,CAACM,OAAO,CAAC,CAAC,CAAC;EAEzC,oBACEJ,IAAA,CAACH,iBAAiB;IAChBM,IAAI,EAAEA,IAAI,IAAII,MAAM,CAACJ,IAAK;IAC1BE,KAAK,EAAEA,KAAK,IAAIE,MAAM,CAACF,KAAM;IAC7BC,KAAK,EAAE,CAACC,MAAM,EAAED,KAAK;EAAE,CACxB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/spinner/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spinner/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/spinner/variants/default.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useSpinnerVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    fontSize
+  }) => ({
+    color: colors.primary,
+    size: fontSize * 1.5
+  }));
+};
+//# sourceMappingURL=default.js.map

package/dist/module/components/spinner/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useSpinnerVariantDefault","colors","fontSize","color","primary","size"],"sourceRoot":"../../../../../src","sources":["components/spinner/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAqB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAS,CAAC,MAAqB;IACxCC,KAAK,EAAEF,MAAM,CAACG,OAAO;IACrBC,IAAI,EAAEH,QAAQ,GAAG;EACnB,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/spinner/variants/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import { useSpinnerVariantDefault } from "./default.js";
+export const SpinnerVariants = {
+  default: useSpinnerVariantDefault
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/spinner/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSpinnerVariantDefault","SpinnerVariants","default"],"sourceRoot":"../../../../../src","sources":["components/spinner/variants/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,cAAW;AAEpD,OAAO,MAAMC,eAAe,GAAG;EAC7BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}

package/dist/typescript/src/components/index.d.ts

@@ -22,6 +22,7 @@ export * from "./progress";
 export * from "./scroll-bar";
 export * from "./select";
 export * from "./separator";
+export * from "./spinner";
 export * from "./tabs";
 export * from "./textarea";
 export * from "./toast";

package/dist/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/typescript/src/components/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner, type SpinnerProps } from "./spinner";
+export type { SpinnerStyles } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/components/spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
+import { SpinnerVariants } from "./variants";
+export interface SpinnerProps {
+    size?: number;
+    color?: ColorValue;
+    variant?: keyof typeof SpinnerVariants;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Spinner(props: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/typescript/src/components/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAW1C"}

package/dist/typescript/src/components/spinner/types.d.ts

@@ -0,0 +1,3 @@
+import type { ActivityIndicatorProps } from "react-native";
+export type SpinnerStyles = ActivityIndicatorProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/components/spinner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC"}

package/dist/typescript/src/components/spinner/variants/default.d.ts

@@ -0,0 +1,3 @@
+import type { SpinnerStyles } from "../types";
+export declare const useSpinnerVariantDefault: () => SpinnerStyles;
+//# sourceMappingURL=default.d.ts.map

package/dist/typescript/src/components/spinner/variants/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/spinner/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,wBAAwB,QAAO,aAO3C,CAAC"}

package/dist/typescript/src/components/spinner/variants/index.d.ts

@@ -0,0 +1,4 @@
+export declare const SpinnerVariants: {
+    default: () => import("..").SpinnerStyles;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/spinner/variants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/spinner/variants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;CAE3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/index.ts

@@ -22,6 +22,7 @@ export * from "./progress";
 export * from "./scroll-bar";
 export * from "./select";
 export * from "./separator";
+export * from "./spinner";
 export * from "./tabs";
 export * from "./textarea";
 export * from "./toast";

package/src/components/spinner/index.ts

@@ -0,0 +1,2 @@
+export { Spinner, type SpinnerProps } from "./spinner";
+export type { SpinnerStyles } from "./types";

package/src/components/spinner/spinner.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import {
+  ActivityIndicator,
+  type ColorValue,
+  type StyleProp,
+  type ViewStyle,
+} from "react-native";
+import { SpinnerVariants } from "./variants";
+
+export interface SpinnerProps {
+  size?: number;
+  color?: ColorValue;
+  variant?: keyof typeof SpinnerVariants;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function Spinner(props: SpinnerProps) {
+  const { size, variant = "default", color, style } = props;
+  const styles = SpinnerVariants[variant]();
+
+  return (
+    <ActivityIndicator
+      size={size ?? styles.size}
+      color={color ?? styles.color}
+      style={[styles, style]}
+    />
+  );
+}

package/src/components/spinner/types.ts

@@ -0,0 +1,3 @@
+import type { ActivityIndicatorProps } from "react-native";
+
+export type SpinnerStyles = ActivityIndicatorProps;

package/src/components/spinner/variants/default.tsx

@@ -0,0 +1,11 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { SpinnerStyles } from "../types";
+
+export const useSpinnerVariantDefault = (): SpinnerStyles => {
+  return useThemedStyles(
+    ({ colors, fontSize }): SpinnerStyles => ({
+      color: colors.primary,
+      size: fontSize * 1.5,
+    }),
+  );
+};

package/src/components/spinner/variants/index.ts

@@ -0,0 +1,5 @@
+import { useSpinnerVariantDefault } from "./default";
+
+export const SpinnerVariants = {
+  default: useSpinnerVariantDefault,
+};