@companix/uikit 0.0.18 → 0.0.20

package/dist/bundle.es65.js

@@ -0,0 +1,16 @@
+import { useRef as f, useLayoutEffect as u, useEffect as s } from "react";
+const o = (t, r) => {
+  const e = f(!1);
+  u(() => {
+    e.current = !0, t();
+  }, []), s(() => {
+    if (e.current) {
+      e.current = !1;
+      return;
+    }
+    t();
+  }, r);
+};
+export {
+  o as useEffectWithLayout
+};

package/dist/bundle.es66.js

@@ -0,0 +1,5 @@
+import { __require as r } from "./bundle.es68.js";
+var o = /* @__PURE__ */ r();
+export {
+  o as f
+};

package/dist/bundle.es67.js

@@ -0,0 +1,5 @@
+import { __require as r } from "./bundle.es70.js";
+var o = /* @__PURE__ */ r();
+export {
+  o as f
+};

package/dist/bundle.es68.js

@@ -0,0 +1,22 @@
+import { __exports as e } from "./bundle.es69.js";
+var c;
+function g() {
+  return c ? e : (c = 1, (function(i) {
+    Object.defineProperty(i, "__esModule", { value: !0 });
+    var r = "fas", n = "chevron-right", h = 320, v = 512, a = [9002], t = "f054", f = "M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z";
+    i.definition = {
+      prefix: r,
+      iconName: n,
+      icon: [
+        h,
+        v,
+        a,
+        t,
+        f
+      ]
+    }, i.faChevronRight = i.definition, i.prefix = r, i.iconName = n, i.width = h, i.height = v, i.ligatures = a, i.unicode = t, i.svgPathData = f, i.aliases = a;
+  })(e), e);
+}
+export {
+  g as __require
+};

package/dist/bundle.es69.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/bundle.es70.js

@@ -0,0 +1,22 @@
+import { __exports as i } from "./bundle.es71.js";
+var c;
+function o() {
+  return c ? i : (c = 1, (function(e) {
+    Object.defineProperty(e, "__esModule", { value: !0 });
+    var n = "fas", r = "chevron-left", f = 320, v = 512, a = [9001], t = "f053", h = "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z";
+    e.definition = {
+      prefix: n,
+      iconName: r,
+      icon: [
+        f,
+        v,
+        a,
+        t,
+        h
+      ]
+    }, e.faChevronLeft = e.definition, e.prefix = n, e.iconName = r, e.width = f, e.height = v, e.ligatures = a, e.unicode = t, e.svgPathData = h, e.aliases = a;
+  })(i), i);
+}
+export {
+  o as __require
+};

package/dist/bundle.es71.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/index.d.ts

@@ -26,8 +26,10 @@ export { DateInput } from './DateInput';
 export { FileOverlay } from './File';
 export { FormGroup } from './FormGroup';
 export { TimePicker } from './TimePicker';
-export * from './__hooks/use-local-storage';
+export { useLocalStorage } from './__hooks/use-local-storage';
 export { createAlertAgent } from './DialogAlert';
 export { createToaster } from './Toaster';
 export * from './types';
 export type { Appearance } from './Button';
+export type { RadioOption } from './Radio';
+export type { NumberInputProps, ReactNumberFormatParams } from './NumberInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -37,7 +37,8 @@
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "classnames": "^2.5.1",
     "react-input-mask": "^2.0.4",
-    "react-merge-refs": "^3.0.2"
+    "react-merge-refs": "^3.0.2",
+    "react-number-format": "^5.4.4"
   },
   "devDependencies": {
     "@blueprintjs/core": "^6.2.1",

package/dist/Stepper/StepperInput.scss

@@ -1,35 +0,0 @@
-.number-input-container {
-  display: flex;
-  gap: 4px;
-}
-
-.number-stepper {
-  display: flex;
-  flex-direction: column;
-  height: 30px;
-  min-height: 30px;
-  line-height: 30px;
-  border: 1px solid var(--border-color);
-  box-shadow: 0 1px 2px rgb(0 0 0 / 47%);
-  border-radius: 4px;
-
-  &-splitter {
-    height: 1px;
-    background-color: var(--border-color);
-  }
-
-  &-slot {
-    border-radius: 0px;
-    height: 13.5px;
-
-    &[data-slot='decrement'] {
-      border-bottom-left-radius: 3px;
-      border-bottom-right-radius: 3px;
-    }
-
-    &[data-slot='increment'] {
-      border-top-left-radius: 3px;
-      border-top-right-radius: 3px;
-    }
-  }
-}

package/dist/Stepper/index.d.ts

@@ -1,8 +0,0 @@
-import { StepperInputOptions } from '../__hooks/use-stepper-input';
-interface StepperInputProps extends StepperInputOptions {
-    buttons?: boolean;
-    placeholder?: string;
-    inputStyle?: React.CSSProperties;
-}
-export declare const StepperInput: ({ inputStyle, placeholder, buttons, ...options }: StepperInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/__hooks/use-stepper-input.d.ts

@@ -1,13 +0,0 @@
-export interface StepperInputOptions {
-    value: number;
-    onChange: (value: number) => void;
-    step: number;
-    minValue?: number;
-}
-export declare const useStepperInput: ({ minValue, value, onChange, step }: StepperInputOptions) => {
-    inputRef: import('react').RefObject<HTMLInputElement>;
-    value: string;
-    increment: () => void;
-    decrement: () => void;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};