@korsolutions/ui 0.0.44 → 0.0.45

package/dist/module/components/index.js

@@ -19,4 +19,5 @@ export * from "./calendar/calendar.js";
 export * from "./tabs/index.js";
 export * from "./checkbox/index.js";
 export * from "./alert-dialog/index.js";
+export * from "./progress/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Progress"],"sourceRoot":"../../../../src","sources":["components/progress/index.ts"],"mappings":";;AAAA,SAASA,QAAQ","ignoreList":[]}

package/dist/module/components/progress/progress.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { ProgressPrimitive } from "../../primitives/index.js";
+import React from "react";
+import { ProgressVariants } from "./variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Progress(props) {
+  const {
+    value = 0,
+    max = 100,
+    variant = "default",
+    indicatorColor
+  } = props;
+  const useVariantStyles = ProgressVariants[variant];
+  const variantStyles = useVariantStyles();
+  return /*#__PURE__*/_jsx(ProgressPrimitive.Root, {
+    value: value,
+    max: max,
+    styles: variantStyles,
+    children: /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
+      style: indicatorColor ? {
+        backgroundColor: indicatorColor
+      } : undefined
+    })
+  });
+}
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressPrimitive","React","ProgressVariants","jsx","_jsx","Progress","props","value","max","variant","indicatorColor","useVariantStyles","variantStyles","Root","styles","children","Indicator","style","backgroundColor","undefined"],"sourceRoot":"../../../../src","sources":["components/progress/progress.tsx"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAS9C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,KAAK,GAAG,CAAC;IAAEC,GAAG,GAAG,GAAG;IAAEC,OAAO,GAAG,SAAS;IAAEC;EAAe,CAAC,GAAGJ,KAAK;EAE3E,MAAMK,gBAAgB,GAAGT,gBAAgB,CAACO,OAAO,CAAC;EAClD,MAAMG,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEP,IAAA,CAACJ,iBAAiB,CAACa,IAAI;IAACN,KAAK,EAAEA,KAAM;IAACC,GAAG,EAAEA,GAAI;IAACM,MAAM,EAAEF,aAAc;IAAAG,QAAA,eACpEX,IAAA,CAACJ,iBAAiB,CAACgB,SAAS;MAACC,KAAK,EAAEP,cAAc,GAAG;QAAEQ,eAAe,EAAER;MAAe,CAAC,GAAGS;IAAU,CAAE;EAAC,CAClF,CAAC;AAE7B","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useProgressVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius
+  }) => ({
+    root: {
+      default: {
+        width: "100%",
+        height: 8,
+        backgroundColor: colors.muted,
+        borderRadius: radius,
+        overflow: "hidden"
+      }
+    },
+    indicator: {
+      default: {
+        height: "100%",
+        backgroundColor: colors.primary,
+        borderRadius: radius
+      }
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useProgressVariantDefault","colors","radius","root","default","width","height","backgroundColor","muted","borderRadius","overflow","indicator","primary"],"sourceRoot":"../../../../../src","sources":["components/progress/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAsB;EAC7D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAsB;IACvCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTC,eAAe,EAAEN,MAAM,CAACO,KAAK;QAC7BC,YAAY,EAAEP,MAAM;QACpBQ,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,SAAS,EAAE;MACTP,OAAO,EAAE;QACPE,MAAM,EAAE,MAAM;QACdC,eAAe,EAAEN,MAAM,CAACW,OAAO;QAC/BH,YAAY,EAAEP;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useProgressVariantDefault","ProgressVariants","default"],"sourceRoot":"../../../../../src","sources":["components/progress/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB;AAElC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}

package/dist/module/primitives/index.js

@@ -18,4 +18,5 @@ export * from "./calendar/index.js";
 export * from "./tabs/index.js";
 export * from "./checkbox/index.js";
 export * from "./alert-dialog/index.js";
+export * from "./progress/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/primitives/progress/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from "react";
+export const ProgressContext = /*#__PURE__*/createContext(undefined);
+export const useProgress = () => {
+  const context = useContext(ProgressContext);
+  if (!context) {
+    throw new Error("useProgress must be used within a ProgressRoot");
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

package/dist/module/primitives/progress/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ProgressContext","undefined","useProgress","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/progress/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAUjD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAA8BG,SAAS,CAAC;AAEpF,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,eAAe,CAAC;EAC3C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/primitives/progress/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { ProgressRoot } from "./progress-root.js";
+import { ProgressIndicator } from "./progress-indicator.js";
+export const ProgressPrimitive = {
+  Root: ProgressRoot,
+  Indicator: ProgressIndicator
+};
+//# sourceMappingURL=index.js.map

package/dist/module/primitives/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressRoot","ProgressIndicator","ProgressPrimitive","Root","Indicator"],"sourceRoot":"../../../../src","sources":["primitives/progress/index.ts"],"mappings":";;AAAA,SAASA,YAAY;AACrB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAEH,YAAY;EAClBI,SAAS,EAAEH;AACb,CAAC","ignoreList":[]}

package/dist/module/primitives/progress/progress-indicator.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { calculateComposedStyles } from "../../utils/calculate-styles.js";
+import React from "react";
+import { View } from "react-native";
+import { useProgress } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ProgressIndicator(props) {
+  const progress = useProgress();
+  const percentage = Math.min(Math.max(progress.value / progress.max * 100, 0), 100);
+  const composedStyle = calculateComposedStyles(progress.styles, progress.state, "indicator", props.style);
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    percentage: percentage,
+    style: [composedStyle, {
+      width: `${percentage}%`
+    }]
+  });
+}
+//# sourceMappingURL=progress-indicator.js.map

package/dist/module/primitives/progress/progress-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculateComposedStyles","React","View","useProgress","jsx","_jsx","ProgressIndicator","props","progress","percentage","Math","min","max","value","composedStyle","styles","state","style","Component","render","width"],"sourceRoot":"../../../../src","sources":["primitives/progress/progress-indicator.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,WAAW;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQxC,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAAEJ,QAAQ,CAACK,KAAK,GAAGL,QAAQ,CAACI,GAAG,GAAI,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;EAEpF,MAAME,aAAa,GAAGd,uBAAuB,CAACQ,QAAQ,CAACO,MAAM,EAAEP,QAAQ,CAACQ,KAAK,EAAE,WAAW,EAAET,KAAK,CAACU,KAAK,CAAC;EAExG,MAAMC,SAAS,GAAGX,KAAK,CAACY,MAAM,IAAIjB,IAAI;EACtC,oBAAOG,IAAA,CAACa,SAAS;IAAA,GAAKX,KAAK;IAAEE,UAAU,EAAEA,UAAW;IAACQ,KAAK,EAAE,CAACH,aAAa,EAAE;MAAEM,KAAK,EAAE,GAAGX,UAAU;IAAI,CAAC;EAAE,CAAE,CAAC;AAC9G","ignoreList":[]}

package/dist/module/primitives/progress/progress-root.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { calculateComposedStyles } from "../../utils/calculate-styles.js";
+import React from "react";
+import { View } from "react-native";
+import { ProgressContext } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ProgressRoot(props) {
+  const {
+    value = 0,
+    max = 100
+  } = props;
+  const composedStyle = calculateComposedStyles(props.styles, "default", "root", props.style);
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(ProgressContext.Provider, {
+    value: {
+      state: "default",
+      styles: props.styles,
+      value,
+      max
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      ...props,
+      style: composedStyle
+    })
+  });
+}
+//# sourceMappingURL=progress-root.js.map

package/dist/module/primitives/progress/progress-root.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculateComposedStyles","React","View","ProgressContext","jsx","_jsx","ProgressRoot","props","value","max","composedStyle","styles","style","Component","render","Provider","state","children"],"sourceRoot":"../../../../src","sources":["primitives/progress/progress-root.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAe5C,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,KAAK,GAAG,CAAC;IAAEC,GAAG,GAAG;EAAI,CAAC,GAAGF,KAAK;EACtC,MAAMG,aAAa,GAAGV,uBAAuB,CAACO,KAAK,CAACI,MAAM,EAAE,SAAS,EAAE,MAAM,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE3F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACF,eAAe,CAACY,QAAQ;IACvBP,KAAK,EAAE;MACLQ,KAAK,EAAE,SAAS;MAChBL,MAAM,EAAEJ,KAAK,CAACI,MAAM;MACpBH,KAAK;MACLC;IACF,CAAE;IAAAQ,QAAA,eAEFZ,IAAA,CAACQ,SAAS;MAAA,GAAKN,KAAK;MAAEK,KAAK,EAAEF;IAAc,CAAE;EAAC,CACtB,CAAC;AAE/B","ignoreList":[]}

package/dist/module/primitives/progress/types.js

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

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

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

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

@@ -17,4 +17,5 @@ export * from "./calendar/calendar";
 export * from "./tabs";
 export * from "./checkbox";
 export * from "./alert-dialog";
+export * from "./progress";
 //# sourceMappingURL=index.d.ts.map

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,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Progress } from "./progress";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { ProgressVariants } from "./variants";
+interface ProgressProps {
+    value?: number;
+    max?: number;
+    variant?: keyof typeof ProgressVariants;
+    indicatorColor?: string;
+}
+export declare function Progress(props: ProgressProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/progress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAW5C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/progress/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,eAAO,MAAM,yBAAyB,QAAO,cAqB5C,CAAC"}

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

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

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

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

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

@@ -16,4 +16,5 @@ export * from "./calendar";
 export * from "./tabs";
 export * from "./checkbox";
 export * from "./alert-dialog";
+export * from "./progress";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/typescript/src/primitives/progress/context.d.ts

@@ -0,0 +1,10 @@
+import type { ProgressState, ProgressStyles } from "./types";
+export interface ProgressContext {
+    state: ProgressState;
+    styles?: ProgressStyles;
+    value: number;
+    max: number;
+}
+export declare const ProgressContext: import("react").Context<ProgressContext | undefined>;
+export declare const useProgress: () => ProgressContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/primitives/progress/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/progress/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,sDAAwD,CAAC;AAErF,eAAO,MAAM,WAAW,uBAMvB,CAAC"}

package/dist/typescript/src/primitives/progress/index.d.ts

@@ -0,0 +1,10 @@
+import { ProgressRoot } from "./progress-root";
+import { ProgressIndicator } from "./progress-indicator";
+export declare const ProgressPrimitive: {
+    Root: typeof ProgressRoot;
+    Indicator: typeof ProgressIndicator;
+};
+export type { ProgressRootProps } from "./progress-root";
+export type { ProgressIndicatorProps } from "./progress-indicator";
+export type { ProgressStyles } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/primitives/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/primitives/progress/progress-indicator.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface ProgressIndicatorProps {
+    render?: (props: ProgressIndicatorProps & {
+        percentage: number;
+    }) => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ProgressIndicator(props: ProgressIndicatorProps): React.JSX.Element;
+//# sourceMappingURL=progress-indicator.d.ts.map

package/dist/typescript/src/primitives/progress/progress-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/progress/progress-indicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,GAAG;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAS9D"}

package/dist/typescript/src/primitives/progress/progress-root.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+import type { ProgressStyles } from "./types";
+export interface ProgressRootProps {
+    children?: React.ReactNode;
+    render?: (props: ProgressRootProps) => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    styles?: ProgressStyles;
+    value?: number;
+    max?: number;
+}
+export declare function ProgressRoot(props: ProgressRootProps): React.JSX.Element;
+//# sourceMappingURL=progress-root.d.ts.map

package/dist/typescript/src/primitives/progress/progress-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/progress/progress-root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAiBpD"}

package/dist/typescript/src/primitives/progress/types.d.ts

@@ -0,0 +1,8 @@
+import type { ProgressIndicatorProps } from "./progress-indicator";
+import type { ProgressRootProps } from "./progress-root";
+export type ProgressState = "default";
+export interface ProgressStyles {
+    root?: Partial<Record<ProgressState, ProgressRootProps["style"]>>;
+    indicator?: Partial<Record<ProgressState, ProgressIndicatorProps["style"]>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/primitives/progress/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC7E"}

package/package.json

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

package/src/components/index.ts

@@ -17,3 +17,4 @@ export * from "./calendar/calendar";
 export * from "./tabs";
 export * from "./checkbox";
 export * from "./alert-dialog";
+export * from "./progress";

package/src/components/progress/index.ts

@@ -0,0 +1 @@
+export { Progress } from "./progress";

package/src/components/progress/progress.tsx

@@ -0,0 +1,23 @@
+import { ProgressPrimitive } from "@/primitives";
+import React from "react";
+import { ProgressVariants } from "./variants";
+
+interface ProgressProps {
+  value?: number;
+  max?: number;
+  variant?: keyof typeof ProgressVariants;
+  indicatorColor?: string;
+}
+
+export function Progress(props: ProgressProps) {
+  const { value = 0, max = 100, variant = "default", indicatorColor } = props;
+
+  const useVariantStyles = ProgressVariants[variant];
+  const variantStyles = useVariantStyles();
+
+  return (
+    <ProgressPrimitive.Root value={value} max={max} styles={variantStyles}>
+      <ProgressPrimitive.Indicator style={indicatorColor ? { backgroundColor: indicatorColor } : undefined} />
+    </ProgressPrimitive.Root>
+  );
+}

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

@@ -0,0 +1,25 @@
+import { type ProgressStyles } from "@/primitives";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useProgressVariantDefault = (): ProgressStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): ProgressStyles => ({
+      root: {
+        default: {
+          width: "100%",
+          height: 8,
+          backgroundColor: colors.muted,
+          borderRadius: radius,
+          overflow: "hidden",
+        },
+      },
+      indicator: {
+        default: {
+          height: "100%",
+          backgroundColor: colors.primary,
+          borderRadius: radius,
+        },
+      },
+    })
+  );
+};

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

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

package/src/primitives/index.ts

@@ -16,3 +16,4 @@ export * from "./calendar";
 export * from "./tabs";
 export * from "./checkbox";
 export * from "./alert-dialog";
+export * from "./progress";

package/src/primitives/progress/context.ts

@@ -0,0 +1,19 @@
+import { createContext, useContext } from "react";
+import type { ProgressState, ProgressStyles } from "./types";
+
+export interface ProgressContext {
+  state: ProgressState;
+  styles?: ProgressStyles;
+  value: number;
+  max: number;
+}
+
+export const ProgressContext = createContext<ProgressContext | undefined>(undefined);
+
+export const useProgress = () => {
+  const context = useContext(ProgressContext);
+  if (!context) {
+    throw new Error("useProgress must be used within a ProgressRoot");
+  }
+  return context;
+};

package/src/primitives/progress/index.ts

@@ -0,0 +1,11 @@
+import { ProgressRoot } from "./progress-root";
+import { ProgressIndicator } from "./progress-indicator";
+
+export const ProgressPrimitive = {
+  Root: ProgressRoot,
+  Indicator: ProgressIndicator,
+};
+
+export type { ProgressRootProps } from "./progress-root";
+export type { ProgressIndicatorProps } from "./progress-indicator";
+export type { ProgressStyles } from "./types";

package/src/primitives/progress/progress-indicator.tsx

@@ -0,0 +1,21 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useProgress } from "./context";
+
+export interface ProgressIndicatorProps {
+  render?: (props: ProgressIndicatorProps & { percentage: number }) => React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ProgressIndicator(props: ProgressIndicatorProps) {
+  const progress = useProgress();
+
+  const percentage = Math.min(Math.max((progress.value / progress.max) * 100, 0), 100);
+
+  const composedStyle = calculateComposedStyles(progress.styles, progress.state, "indicator", props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} percentage={percentage} style={[composedStyle, { width: `${percentage}%` }]} />;
+}

package/src/primitives/progress/progress-root.tsx

@@ -0,0 +1,36 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { ProgressContext } from "./context";
+import type { ProgressStyles } from "./types";
+
+export interface ProgressRootProps {
+  children?: React.ReactNode;
+
+  render?: (props: ProgressRootProps) => React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+  styles?: ProgressStyles;
+
+  value?: number;
+  max?: number;
+}
+
+export function ProgressRoot(props: ProgressRootProps) {
+  const { value = 0, max = 100 } = props;
+  const composedStyle = calculateComposedStyles(props.styles, "default", "root", props.style);
+
+  const Component = props.render ?? View;
+  return (
+    <ProgressContext.Provider
+      value={{
+        state: "default",
+        styles: props.styles,
+        value,
+        max,
+      }}
+    >
+      <Component {...props} style={composedStyle} />
+    </ProgressContext.Provider>
+  );
+}

package/src/primitives/progress/types.ts

@@ -0,0 +1,9 @@
+import type { ProgressIndicatorProps } from "./progress-indicator";
+import type { ProgressRootProps } from "./progress-root";
+
+export type ProgressState = "default";
+
+export interface ProgressStyles {
+  root?: Partial<Record<ProgressState, ProgressRootProps["style"]>>;
+  indicator?: Partial<Record<ProgressState, ProgressIndicatorProps["style"]>>;
+}