@cronocode/react-box 1.0.0 → 1.0.1

package/types.d.ts

@@ -8,7 +8,7 @@ export declare type Activated<T> = {
     [K in keyof T as K extends string ? `${K}A` : never]: T[K];
 };
 export declare const styleVariables: {
-    display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid"];
+    display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "contents"];
     boxSizing: readonly ["border-box", "content-box"];
     position: readonly ["static", "relative", "absolute", "fixed", "sticky"];
     sizeSpecialValues: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
@@ -44,40 +44,40 @@ export declare const styleVariables: {
     flexSelf: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
     outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 };
-declare type GapType = typeof styleVariables.gap[number];
-declare type BoxSizeValue = typeof styleVariables.sizeSpecialValues[number];
-declare type BorderSizeType = typeof styleVariables.borderSizes[number];
-declare type SizeType = typeof styleVariables.sizes[number];
-declare type ColorType = typeof styleVariables.baseColors[number];
-declare type BaseFontColorType = typeof styleVariables.fontColors[number];
-declare type BaseBgColorType = typeof styleVariables.bgColors[number];
-declare type BaseBorderColorType = typeof styleVariables.borderColors[number];
-declare type BaseOutlineColorType = typeof styleVariables.outlineColors[number];
-declare type BackgroundType = typeof styleVariables.backgrounds[number];
-declare type ShadowType = typeof styleVariables.shadows[number];
-declare type CursorType = typeof styleVariables.cursors[number];
-declare type OverflowType = typeof styleVariables.overflows[number];
-declare type FontSizeType = typeof styleVariables.fontSizes[number];
-declare type FontWeightType = typeof styleVariables.fontWeight[number];
-declare type ZIndexSizeType = typeof styleVariables.zIndexSizes[number];
-declare type OpacitySizeType = typeof styleVariables.opacity[number];
-declare type TextDecorationType = typeof styleVariables.textDecoration[number];
-declare type TextTransformType = typeof styleVariables.textTransform[number];
-declare type TextAlignType = typeof styleVariables.textAlign[number];
-declare type BorderAndOutlineStyleType = typeof styleVariables.borderAndOutlineStyles[number];
+declare type GapType = (typeof styleVariables.gap)[number];
+declare type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
+declare type BorderSizeType = (typeof styleVariables.borderSizes)[number];
+declare type SizeType = (typeof styleVariables.sizes)[number];
+declare type ColorType = (typeof styleVariables.baseColors)[number];
+declare type BaseFontColorType = (typeof styleVariables.fontColors)[number];
+declare type BaseBgColorType = (typeof styleVariables.bgColors)[number];
+declare type BaseBorderColorType = (typeof styleVariables.borderColors)[number];
+declare type BaseOutlineColorType = (typeof styleVariables.outlineColors)[number];
+declare type BackgroundType = (typeof styleVariables.backgrounds)[number];
+declare type ShadowType = (typeof styleVariables.shadows)[number];
+declare type CursorType = (typeof styleVariables.cursors)[number];
+declare type OverflowType = (typeof styleVariables.overflows)[number];
+declare type FontSizeType = (typeof styleVariables.fontSizes)[number];
+declare type FontWeightType = (typeof styleVariables.fontWeight)[number];
+declare type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
+declare type OpacitySizeType = (typeof styleVariables.opacity)[number];
+declare type TextDecorationType = (typeof styleVariables.textDecoration)[number];
+declare type TextTransformType = (typeof styleVariables.textTransform)[number];
+declare type TextAlignType = (typeof styleVariables.textAlign)[number];
+declare type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
 interface BoxPseudoClasses {
     hover?: boolean;
     focus?: boolean;
 }
 interface BoxDisplay {
-    display?: typeof styleVariables.display[number];
+    display?: (typeof styleVariables.display)[number];
     inline?: boolean;
 }
 interface BoxSizing {
-    boxSizing?: typeof styleVariables.boxSizing[number];
+    boxSizing?: (typeof styleVariables.boxSizing)[number];
 }
 interface BoxPosition {
-    position?: typeof styleVariables.position[number];
+    position?: (typeof styleVariables.position)[number];
     inset?: SizeType;
     top?: SizeType;
     right?: SizeType;
@@ -127,7 +127,7 @@ interface BoxPadding {
 interface BoxOutline {
     outline?: BorderSizeType;
     outlineStyle?: BorderAndOutlineStyleType;
-    outlineOffset?: typeof styleVariables.outlineOffset[number];
+    outlineOffset?: (typeof styleVariables.outlineOffset)[number];
 }
 interface BoxBorder {
     border?: BorderSizeType;
@@ -195,20 +195,20 @@ interface BoxText {
     textAlign?: TextAlignType;
 }
 interface BoxFlex {
-    flexWrap?: typeof styleVariables.flexWrap[number];
-    justifyContent?: typeof styleVariables.justifyContent[number];
-    alignItems?: typeof styleVariables.alignItems[number];
-    alignContent?: typeof styleVariables.alignContent[number];
+    flexWrap?: (typeof styleVariables.flexWrap)[number];
+    justifyContent?: (typeof styleVariables.justifyContent)[number];
+    alignItems?: (typeof styleVariables.alignItems)[number];
+    alignContent?: (typeof styleVariables.alignContent)[number];
     flex1?: boolean;
-    flexDirection?: typeof styleVariables.flexDirection[number];
+    flexDirection?: (typeof styleVariables.flexDirection)[number];
     gap?: GapType;
     rowGap?: GapType;
     columnGap?: GapType;
-    order?: typeof styleVariables.order[number];
-    flexGrow?: typeof styleVariables.flexGrow[number];
-    flexShrink?: typeof styleVariables.flexShrink[number];
-    alignSelf?: typeof styleVariables.flexSelf[number];
-    justifySelf?: typeof styleVariables.flexSelf[number];
+    order?: (typeof styleVariables.order)[number];
+    flexGrow?: (typeof styleVariables.flexGrow)[number];
+    flexShrink?: (typeof styleVariables.flexShrink)[number];
+    alignSelf?: (typeof styleVariables.flexSelf)[number];
+    justifySelf?: (typeof styleVariables.flexSelf)[number];
 }
 declare type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline;
 export declare type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;

package/utils/form/formUtils.d.ts

@@ -0,0 +1,5 @@
+declare type FormValueType = string | string[] | number | number[] | boolean;
+declare namespace FormUtils {
+    function getFormEntries(form: HTMLFormElement): Record<string, FormValueType>;
+}
+export default FormUtils;

package/utils/utils.js

@@ -1,13 +1,36 @@
-var i;
-((f) => {
-  function s(...o) {
-    return o.reduce((r, t) => typeof t == "string" ? (r.push(t), r) : Array.isArray(t) ? (r.push(...s(...t)), r) : (Object.entries(t).forEach(([p, u]) => {
-      u && r.push(p);
-    }), r), []);
+var f;
+((s) => {
+  function u(...o) {
+    return o.reduce((c, r) => typeof r == "string" ? (c.push(r), c) : Array.isArray(r) ? (c.push(...u(...r)), c) : (Object.entries(r).forEach(([t, e]) => {
+      e && c.push(t);
+    }), c), []);
   }
-  f.classNames = s;
-})(i || (i = {}));
-const h = i;
+  s.classNames = u;
+})(f || (f = {}));
+const d = f;
+var n;
+((s) => {
+  function u(o) {
+    const c = Array.from(o.elements).reduce((r, t) => {
+      const e = t.name;
+      return e && (r[e] || (r[e] = []), r[e].push(t)), r;
+    }, {});
+    return Object.entries(c).reduce((r, [t, e]) => {
+      if (e.length === 1) {
+        const i = e[0];
+        r[t] = i.type === "checkbox" || i.type === "radio" ? i.checked : i.value;
+      } else
+        r[t] = [], e.forEach((i) => {
+          var h;
+          i.type === "checkbox" ? i.checked && r[t].push(i.value) : i.type === "radio" ? r[t] = (h = e.find((p) => p.checked)) == null ? void 0 : h.value : r[t].push(i.value);
+        });
+      return r;
+    }, {});
+  }
+  s.getFormEntries = u;
+})(n || (n = {}));
+const y = n;
 export {
-  h as C
+  d as C,
+  y as F
 };