@vitus-labs/coolgrid 0.65.0 → 0.67.0

package/lib/index.d.ts

@@ -1,15 +1,28 @@
-import { extendCss } from '@vitus-labs/unistyle';
-export { Provider } from '@vitus-labs/unistyle';
-import { FC, ReactNode, ComponentType } from 'react';
-import { BreakpointKeys } from '@vitus-labs/core';
-
-declare type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
-declare type Value = string | number;
-declare type Css = Parameters<typeof extendCss>[0];
-declare type ExtraStyles = CreateValueType<Css>;
-declare type ValueType = CreateValueType<number>;
-declare type ContainerWidth = CreateValueType<Value>;
-declare type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
+import { BreakpointKeys } from '@vitus-labs/core';
+import { ComponentType } from 'react';
+import { extendCss } from '@vitus-labs/unistyle';
+import { FC } from 'react';
+import { Provider } from '@vitus-labs/unistyle';
+import { ReactNode } from 'react';
+
+export declare const Col: ElementType<[
+'containerWidth',
+'width',
+'rowComponent',
+'rowCss',
+'colCss',
+'colComponent',
+'columns',
+'gap',
+'gutter',
+'contentAlignX'
+]>;
+
+declare type ComponentProps = ConfigurationProps & Partial<{
+    component: ComponentType;
+    css: ExtraStyles;
+}>;
+
 declare type ConfigurationProps = Partial<{
     size: ValueType;
     padding: ValueType;
@@ -24,40 +37,36 @@ declare type ConfigurationProps = Partial<{
     containerWidth: ContainerWidth;
     width: ContainerWidth | ((widths: Record<string, Value>) => Record<string, Value>);
 }>;
-declare type ComponentProps = ConfigurationProps & Partial<{
-    component: ComponentType;
-    css: ExtraStyles;
-}>;
+
+export declare const Container: ElementType<['containerWidth']>;
+
+declare type ContainerWidth = CreateValueType<Value>;
+
+declare type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
+
+declare type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
+
+declare type Css = Parameters<typeof extendCss>[0];
+
 declare type ElementType<O extends Array<string>> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
     children?: ReactNode;
 }> & {
     pkgName: string;
     VITUS_LABS__COMPONENT: string;
-};
-
-declare const Component$2: ElementType<['containerWidth']>;
-
-declare const Component$1: ElementType<[
-    'containerWidth',
-    'width',
-    'rowComponent',
-    'rowCss'
-]>;
-
-declare const Component: ElementType<[
-    'containerWidth',
-    'width',
-    'rowComponent',
-    'rowCss',
-    'colCss',
-    'colComponent',
-    'columns',
-    'gap',
-    'gutter',
-    'contentAlignX'
-]>;
-
-declare const _default: {
+};
+
+declare type ExtraStyles = CreateValueType<Css>;
+
+export { Provider }
+
+export declare const Row: ElementType<[
+'containerWidth',
+'width',
+'rowComponent',
+'rowCss'
+]>;
+
+export declare const theme: {
     readonly rootSize: 16;
     readonly breakpoints: {
         readonly xs: 0;
@@ -76,6 +85,10 @@ declare const _default: {
             readonly xl: 1140;
         };
     };
-};
-
-export { Component as Col, Component$2 as Container, Component$1 as Row, _default as theme };
+};
+
+declare type Value = string | number;
+
+declare type ValueType = CreateValueType<number>;
+
+export { }

package/lib/types/Col/component.d.ts

@@ -12,3 +12,4 @@ declare const Component: ElementType<[
     'contentAlignX'
 ]>;
 export default Component;
+//# sourceMappingURL=component.d.ts.map

package/lib/types/Col/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/Col/component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAe;AAG1C,QAAA,MAAM,SAAS,EAAE,WAAW,CAC1B;IACE,gBAAgB;IAChB,OAAO;IACP,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,cAAc;IACd,SAAS;IACT,KAAK;IACL,QAAQ;IACR,eAAe;CAChB,CAuBF,CAAA;AAQD,eAAe,SAAS,CAAA"}

package/lib/types/Col/index.d.ts

@@ -1,2 +1,3 @@
 import component from './component';
 export default component;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/Col/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Col/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/lib/types/Col/styled.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
 export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/lib/types/Col/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Col/styled.ts"],"names":[],"mappings":";AAiGA,wBAqBC"}

package/lib/types/Container/component.d.ts

@@ -1,3 +1,4 @@
 import type { ElementType } from "../types";
 declare const Component: ElementType<['containerWidth']>;
 export default Component;
+//# sourceMappingURL=component.d.ts.map

package/lib/types/Container/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/Container/component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAe;AAG1C,QAAA,MAAM,SAAS,EAAE,WAAW,CAAC,CAAC,gBAAgB,CAAC,CA4B9C,CAAA;AAQD,eAAe,SAAS,CAAA"}

package/lib/types/Container/index.d.ts

@@ -1,2 +1,3 @@
 import component from './component';
 export default component;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/Container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/lib/types/Container/styled.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
 export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/lib/types/Container/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Container/styled.ts"],"names":[],"mappings":";AAgBA,wBAoBC"}

package/lib/types/Container/utils.d.ts

@@ -1,3 +1,5 @@
-declare type GetContainerWidth = (props?: Record<string, unknown> | unknown, theme?: Record<string, unknown> | unknown) => Record<string, unknown>;
+import { get } from '@vitus-labs/core';
+type GetContainerWidth = (props?: Record<string, unknown> | unknown, theme?: Record<string, unknown> | unknown) => ReturnType<typeof get>;
 export declare const getContainerWidth: GetContainerWidth;
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/types/Container/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/Container/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAKtC,KAAK,iBAAiB,GAAG,CACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EACzC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,KACtC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;AAE3B,eAAO,MAAM,iBAAiB,EAAE,iBAGE,CAAA"}

package/lib/types/Row/component.d.ts

@@ -6,3 +6,4 @@ declare const Component: ElementType<[
     'rowCss'
 ]>;
 export default Component;
+//# sourceMappingURL=component.d.ts.map

package/lib/types/Row/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/Row/component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAe;AAG1C,QAAA,MAAM,SAAS,EAAE,WAAW,CAC1B;IAAC,gBAAgB;IAAE,OAAO;IAAE,cAAc;IAAE,QAAQ;CAAC,CA4BtD,CAAA;AAQD,eAAe,SAAS,CAAA"}

package/lib/types/Row/index.d.ts

@@ -1,2 +1,3 @@
 import component from './component';
 export default component;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Row/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/lib/types/Row/styled.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
 export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/lib/types/Row/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Row/styled.ts"],"names":[],"mappings":";AAkDA,wBAmBC"}

package/lib/types/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const PKG_NAME = "@vitus-labs/coolgrid";
 export declare const CONTEXT_KEYS: string[];
+//# sourceMappingURL=constants.d.ts.map

package/lib/types/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,yBAAyB,CAAA;AAG9C,eAAO,MAAM,YAAY,UAaxB,CAAA"}

package/lib/types/context/ContainerContext.d.ts

@@ -13,3 +13,4 @@ declare const _default: import("react").Context<Partial<Partial<{
     width: import("../types").ContainerWidth | ((widths: Record<string, import("../types").Value>) => Record<string, import("../types").Value>);
 }>>>;
 export default _default;
+//# sourceMappingURL=ContainerContext.d.ts.map

package/lib/types/context/ContainerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerContext.d.ts","sourceRoot":"","sources":["../../../src/context/ContainerContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,wBAAyC"}

package/lib/types/context/RowContext.d.ts

@@ -13,3 +13,4 @@ declare const _default: import("react").Context<Partial<Partial<{
     width: import("../types").ContainerWidth | ((widths: Record<string, import("../types").Value>) => Record<string, import("../types").Value>);
 }>>>;
 export default _default;
+//# sourceMappingURL=RowContext.d.ts.map

package/lib/types/context/RowContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.d.ts","sourceRoot":"","sources":["../../../src/context/RowContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,wBAAyC"}

package/lib/types/context/index.d.ts

@@ -1,3 +1,4 @@
 import ContainerContext from './ContainerContext';
 import RowContext from './RowContext';
 export { ContainerContext, RowContext };
+//# sourceMappingURL=index.d.ts.map

package/lib/types/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAA"}

package/lib/types/index.d.ts

@@ -4,3 +4,4 @@ import Row from './Row';
 import Col from './Col';
 import theme from './theme';
 export { Container, Row, Col, Provider, theme };
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA"}

package/lib/types/theme.d.ts

@@ -19,3 +19,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/lib/types/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,wBAmBU"}

package/lib/types/types.d.ts

@@ -1,16 +1,16 @@
 import { FC, ReactNode, ComponentType } from 'react';
 import { config, BreakpointKeys } from '@vitus-labs/core';
 import { extendCss, AlignContentAlignXKeys } from '@vitus-labs/unistyle';
-declare type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
-export declare type Obj = Record<string, unknown>;
-export declare type Value = string | number;
-export declare type Css = Parameters<typeof extendCss>[0];
-export declare type ExtraStyles = CreateValueType<Css>;
-export declare type CssOutput = ReturnType<typeof config.css> | string | any;
-export declare type ValueType = CreateValueType<number>;
-export declare type ContainerWidth = CreateValueType<Value>;
-export declare type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
-export declare type ConfigurationProps = Partial<{
+type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
+export type Obj = Record<string, unknown>;
+export type Value = string | number;
+export type Css = Parameters<typeof extendCss>[0];
+export type ExtraStyles = CreateValueType<Css>;
+export type CssOutput = ReturnType<typeof config.css> | string | any;
+export type ValueType = CreateValueType<number>;
+export type ContainerWidth = CreateValueType<Value>;
+export type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
+export type ConfigurationProps = Partial<{
     size: ValueType;
     padding: ValueType;
     gap: ValueType;
@@ -24,11 +24,11 @@ export declare type ConfigurationProps = Partial<{
     containerWidth: ContainerWidth;
     width: ContainerWidth | ((widths: Record<string, Value>) => Record<string, Value>);
 }>;
-export declare type ComponentProps = ConfigurationProps & Partial<{
+export type ComponentProps = ConfigurationProps & Partial<{
     component: ComponentType;
     css: ExtraStyles;
 }>;
-export declare type StyledTypes = Partial<{
+export type StyledTypes = Partial<{
     size: number;
     padding: number;
     gap: number;
@@ -39,11 +39,12 @@ export declare type StyledTypes = Partial<{
     contentAlignX: AlignContentAlignXKeys;
     width: Value;
 }>;
-export declare type ElementType<O extends Array<string>> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
+export type ElementType<O extends Array<string>> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
     children?: ReactNode;
 }> & {
     pkgName: string;
     VITUS_LABS__COMPONENT: string;
 };
-export declare type Context = Partial<ConfigurationProps>;
+export type Context = Partial<ConfigurationProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAExE,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;AAE3E,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACzC,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AACnC,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;AACjD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,GAAG,CAAA;AAEpE,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;AAC/C,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;AAEnD,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,GAAG,EAAE,SAAS,CAAA;IACd,MAAM,EAAE,SAAS,CAAA;IACjB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,YAAY,EAAE,aAAa,CAAA;IAC3B,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,EACD,cAAc,GACd,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;CAC/D,CAAC,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,OAAO,CAAC;IACN,SAAS,EAAE,aAAa,CAAA;IACxB,GAAG,EAAE,WAAW,CAAA;CACjB,CAAC,CAAA;AAEJ,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,GAAG,CAAA;IAChB,aAAa,EAAE,GAAG,CAAA;IAClB,aAAa,EAAE,sBAAsB,CAAA;IACrC,KAAK,EAAE,KAAK,CAAA;CACb,CAAC,CAAA;AAQF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CACnD,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CACrD,GAAG;IACF,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA"}

package/lib/types/useContext.d.ts

@@ -1,11 +1,12 @@
 import { pick } from '@vitus-labs/core';
 import { Obj, ValueType, Context } from "./types";
-export declare type PickThemeProps = <T extends Record<string, unknown>>(props: T, keywords: Array<keyof T>) => ReturnType<typeof pick>;
-declare type GetGridContext = (props: Obj, theme: Obj) => {
+export type PickThemeProps = <T extends Record<string, unknown>>(props: T, keywords: Array<keyof T>) => ReturnType<typeof pick>;
+type GetGridContext = (props: Obj, theme: Obj) => {
     columns?: ValueType;
     containerWidth?: Record<string, number>;
 };
 export declare const getGridContext: GetGridContext;
-declare type UseGridContext = (props: Obj) => Context;
+type UseGridContext = (props: Obj) => Context;
 declare const useGridContext: UseGridContext;
 export default useGridContext;
+//# sourceMappingURL=useContext.d.ts.map

package/lib/types/useContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../src/useContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAG5C,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAe;AAKjD,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,KACrB,UAAU,CAAC,OAAO,IAAI,CAAC,CAAA;AAO5B,KAAK,cAAc,GAAG,CACpB,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,GAAG,KACP;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,cAO3B,CAAA;AAEF,KAAK,cAAc,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;AAC7C,QAAA,MAAM,cAAc,EAAE,cAMrB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/types/utils.d.ts

@@ -1,10 +1,11 @@
 import { omit } from '@vitus-labs/core';
-declare type BoolFunc = (value: any) => boolean;
+type BoolFunc = (value: any) => boolean;
 export declare const isNumber: BoolFunc;
 export declare const hasValue: BoolFunc;
 export declare const isVisible: BoolFunc;
-declare type HasWidth = (size: any, columns: any) => boolean;
+type HasWidth = (size: any, columns: any) => boolean;
 export declare const hasWidth: HasWidth;
-declare type OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>;
+type OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>;
 export declare const omitCtxKeys: OmitCtxKeys;
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAA4C,CAAA;AACnE,eAAO,MAAM,QAAQ,EAAE,QAAkD,CAAA;AACzE,eAAO,MAAM,SAAS,EAAE,QACiC,CAAA;AAEzD,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,CAAA;AACpD,eAAO,MAAM,QAAQ,EAAE,QACkB,CAAA;AAEzC,KAAK,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,UAAU,CAAC,OAAO,IAAI,CAAC,CAAA;AAC3E,eAAO,MAAM,WAAW,EAAE,WAAkD,CAAA"}

package/lib/vitus-labs-coolgrid.js

@@ -1,15 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var unistyle = require('@vitus-labs/unistyle');
 var React = require('react');
 var core = require('@vitus-labs/core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const PKG_NAME = '@vitus-labs/coolgrid';
 /* eslint-disable import/prefer-default-export */
 const CONTEXT_KEYS = [
@@ -81,11 +75,11 @@ const Component$2 = ({ children, component, css, width, ...props }) => {
         // @ts-ignore
         finalWidth = typeof width === 'function' ? width(containerWidth) : width;
     }
-    return (React__default["default"].createElement(Styled$2, { ...omitCtxKeys(props), as: component, "$coolgrid": {
+    return (React.createElement(Styled$2, { ...omitCtxKeys(props), as: component, "$coolgrid": {
             width: finalWidth,
             extraStyles: css,
         } },
-        React__default["default"].createElement(ContainerContext.Provider, { value: ctx }, children)));
+        React.createElement(ContainerContext.Provider, { value: ctx }, children)));
 };
 const name$2 = `${PKG_NAME}/Container`;
 Component$2.displayName = name$2;
@@ -153,8 +147,8 @@ const Component$1 = ({ children, component, css, contentAlignX: rowAlignX, ...pr
             extraStyles: css || rowCss,
         },
     };
-    return (React__default["default"].createElement(Styled$1, { ...finalProps },
-        React__default["default"].createElement(RowContext.Provider, { value: context }, children)));
+    return (React.createElement(Styled$1, { ...finalProps },
+        React.createElement(RowContext.Provider, { value: context }, children)));
 };
 const name$1 = `${PKG_NAME}/Row`;
 Component$1.displayName = name$1;
@@ -184,7 +178,7 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
     `;
 };
 const spacingStyles = (type, param, rootSize) => {
-    if (!param || !isNumber(param)) {
+    if (!isNumber(param)) {
         return '';
     }
     const finalStyle = `${type}: ${unistyle.value(param / 2, rootSize)}`;
@@ -238,7 +232,7 @@ const Component = ({ children, component, css, ...props }) => {
         ...parentCtx,
         ...props,
     });
-    return (React__default["default"].createElement(Styled, { ...omitCtxKeys(props), as: component || colComponent, "$coolgrid": {
+    return (React.createElement(Styled, { ...omitCtxKeys(props), as: component || colComponent, "$coolgrid": {
             columns,
             gap,
             size,

package/lib/vitus-labs-coolgrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"vitus-labs-coolgrid.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n  // 'breakpoints',\n  // 'rootSize',\n  'columns',\n  'size',\n  'gap',\n  'padding',\n  'gutter',\n  'colCss',\n  'colComponent',\n  'rowCss',\n  'rowComponent',\n  'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n  (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n  !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n  props: T,\n  keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n  pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n  props: Obj,\n  theme: Obj\n) => {\n  columns?: ValueType\n  containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n  columns: (get(props, 'columns') ||\n    get(theme, 'grid.columns') ||\n    get(theme, 'coolgrid.columns')) as ValueType,\n  containerWidth: (get(props, 'width') ||\n    get(theme, 'grid.container') ||\n    get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n  const { theme } = useContext(context)\n  const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n  const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n  return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n  max-width: ${value(t.width, rootSize)};\n  ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-right: auto;\n  margin-left: auto;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n  children,\n  component,\n  css,\n  width,\n  ...props\n}) => {\n  const { containerWidth = {}, ...ctx } = useGridContext(props)\n\n  let finalWidth = containerWidth\n  if (width) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    finalWidth = typeof width === 'function' ? width(containerWidth) : width\n  }\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component}\n      $coolgrid={{\n        width: finalWidth,\n        extraStyles: css,\n      }}\n    >\n      <Context.Provider value={ctx}>{children}</Context.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  ALIGN_CONTENT_MAP_X,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n  props: Pick<StyledTypes, 'gap' | 'gutter'>,\n  { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n  if (!isNumber(gap)) return ''\n\n  const getValue = (param) => value(param, rootSize)\n\n  const spacingX = (gap! / 2) * -1\n  const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n  return config.css`\n    margin: ${getValue(spacingY)} ${getValue(spacingX)};\n  `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n  if (!align) return ''\n\n  return config.css`\n    justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n  `\n}\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n  const { gap, gutter, contentAlignX, extraStyles } = theme\n\n  return css`\n    ${spacingStyles({ gap, gutter }, { rootSize })};\n    ${contentAlign(contentAlignX)};\n    ${extendCss(extraStyles)};\n  `\n}\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  flex-wrap: wrap;\n  align-self: stretch;\n  flex-direction: row;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n  const parentCtx = useContext(ContainerContext)\n  const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n    useGridContext({ ...parentCtx, ...props })\n\n  const context = useMemo(\n    () => ({ ...ctx, columns, gap, gutter }),\n    [ctx, columns, gap, gutter]\n  )\n\n  const finalProps = {\n    ...omitCtxKeys(props),\n    as: component || rowComponent,\n    $coolgrid: {\n      contentAlignX: rowAlignX || contentAlignX,\n      columns,\n      gap,\n      gutter,\n      extraStyles: css || rowCss,\n    },\n  }\n\n  return (\n    <Styled {...finalProps}>\n      <RowContext.Provider value={context}>{children}</RowContext.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n  hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n  props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n  defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n  { size, columns, gap, RNparentWidth },\n  { rootSize }\n) => {\n  if (!hasWidth(size, columns)) {\n    return ''\n  }\n\n  // calculate % of width\n  const width = __WEB__\n    ? (size! / columns!) * 100\n    : (RNparentWidth / columns!) * size!\n\n  const hasGap = hasValue(gap)\n\n  // eslint-disable-next-line no-nested-ternary\n  const val = __WEB__\n    ? hasGap\n      ? `calc(${width}% - ${gap}px)`\n      : `${width}%`\n    : hasGap\n    ? width - gap!\n    : width\n\n  return config.css`\n      flex-grow: 0;\n      flex-shrink: 0;\n      max-width: ${value(val, rootSize)};\n      flex-basis: ${value(val, rootSize)};\n    `\n}\n\ntype SpacingStyles = (\n  type: 'margin' | 'padding',\n  param?: number,\n  rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n  if (!param || !isNumber(param)) {\n    return ''\n  }\n\n  const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n  return config.css`\n      ${finalStyle};\n    `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n  theme,\n  css,\n  rootSize,\n}) => {\n  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n  const renderStyles = isVisible(size)\n\n  if (renderStyles) {\n    return css`\n      left: initial;\n      position: relative;\n      ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n      ${spacingStyles('padding', padding, rootSize)};\n      ${spacingStyles('margin', gap, rootSize)};\n      ${extendCss(extraStyles)};\n    `\n  }\n\n  return css`\n    left: -9999px;\n    position: fixed;\n    margin: 0;\n    padding: 0;\n  `\n}\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  position: relative;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: stretch;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  [\n    'containerWidth',\n    'width',\n    'rowComponent',\n    'rowCss',\n    'colCss',\n    'colComponent',\n    'columns',\n    'gap',\n    'gutter',\n    'contentAlignX'\n  ]\n> = ({ children, component, css, ...props }) => {\n  const parentCtx = useContext(RowContext)\n  const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n    ...parentCtx,\n    ...props,\n  })\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component || colComponent}\n      $coolgrid={{\n        columns,\n        gap,\n        size,\n        padding,\n        extraStyles: css || colCss,\n      }}\n    >\n      {children}\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n  rootSize: 16,\n  breakpoints: {\n    xs: 0,\n    sm: 576,\n    md: 768,\n    lg: 992,\n    xl: 1200,\n  },\n  grid: {\n    columns: 12,\n    container: {\n      xs: '100%',\n      sm: 540,\n      md: 720,\n      lg: 960,\n      xl: 1140,\n    },\n  },\n} as const\n"],"names":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}
+{"version":3,"file":"vitus-labs-coolgrid.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n  // 'breakpoints',\n  // 'rootSize',\n  'columns',\n  'size',\n  'gap',\n  'padding',\n  'gutter',\n  'colCss',\n  'colComponent',\n  'rowCss',\n  'rowComponent',\n  'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n  (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n  !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n  props: T,\n  keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n  pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n  props: Obj,\n  theme: Obj\n) => {\n  columns?: ValueType\n  containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n  columns: (get(props, 'columns') ||\n    get(theme, 'grid.columns') ||\n    get(theme, 'coolgrid.columns')) as ValueType,\n  containerWidth: (get(props, 'width') ||\n    get(theme, 'grid.container') ||\n    get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n  const { theme } = useContext(context)\n  const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n  const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n  return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n  max-width: ${value(t.width, rootSize)};\n  ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-right: auto;\n  margin-left: auto;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n  children,\n  component,\n  css,\n  width,\n  ...props\n}) => {\n  const { containerWidth = {}, ...ctx } = useGridContext(props)\n\n  let finalWidth = containerWidth\n  if (width) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    finalWidth = typeof width === 'function' ? width(containerWidth) : width\n  }\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component}\n      $coolgrid={{\n        width: finalWidth,\n        extraStyles: css,\n      }}\n    >\n      <Context.Provider value={ctx}>{children}</Context.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  ALIGN_CONTENT_MAP_X,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n  props: Pick<StyledTypes, 'gap' | 'gutter'>,\n  { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n  if (!isNumber(gap)) return ''\n\n  const getValue = (param) => value(param, rootSize)\n\n  const spacingX = (gap! / 2) * -1\n  const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n  return config.css`\n    margin: ${getValue(spacingY)} ${getValue(spacingX)};\n  `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n  if (!align) return ''\n\n  return config.css`\n    justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n  `\n}\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n  const { gap, gutter, contentAlignX, extraStyles } = theme\n\n  return css`\n    ${spacingStyles({ gap, gutter }, { rootSize })};\n    ${contentAlign(contentAlignX)};\n    ${extendCss(extraStyles)};\n  `\n}\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  flex-wrap: wrap;\n  align-self: stretch;\n  flex-direction: row;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n  const parentCtx = useContext(ContainerContext)\n  const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n    useGridContext({ ...parentCtx, ...props })\n\n  const context = useMemo(\n    () => ({ ...ctx, columns, gap, gutter }),\n    [ctx, columns, gap, gutter]\n  )\n\n  const finalProps = {\n    ...omitCtxKeys(props),\n    as: component || rowComponent,\n    $coolgrid: {\n      contentAlignX: rowAlignX || contentAlignX,\n      columns,\n      gap,\n      gutter,\n      extraStyles: css || rowCss,\n    },\n  }\n\n  return (\n    <Styled {...finalProps}>\n      <RowContext.Provider value={context}>{children}</RowContext.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n  hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n  props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n  defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n  { size, columns, gap, RNparentWidth },\n  { rootSize }\n) => {\n  if (!hasWidth(size, columns)) {\n    return ''\n  }\n\n  // calculate % of width\n  const width = __WEB__\n    ? (size! / columns!) * 100\n    : (RNparentWidth / columns!) * size!\n\n  const hasGap = hasValue(gap)\n\n  // eslint-disable-next-line no-nested-ternary\n  const val = __WEB__\n    ? hasGap\n      ? `calc(${width}% - ${gap}px)`\n      : `${width}%`\n    : hasGap\n    ? width - gap!\n    : width\n\n  return config.css`\n      flex-grow: 0;\n      flex-shrink: 0;\n      max-width: ${value(val, rootSize)};\n      flex-basis: ${value(val, rootSize)};\n    `\n}\n\ntype SpacingStyles = (\n  type: 'margin' | 'padding',\n  param?: number,\n  rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n  if (!isNumber(param)) {\n    return ''\n  }\n\n  const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n  return config.css`\n      ${finalStyle};\n    `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n  theme,\n  css,\n  rootSize,\n}) => {\n  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n  const renderStyles = isVisible(size)\n\n  if (renderStyles) {\n    return css`\n      left: initial;\n      position: relative;\n      ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n      ${spacingStyles('padding', padding, rootSize)};\n      ${spacingStyles('margin', gap, rootSize)};\n      ${extendCss(extraStyles)};\n    `\n  }\n\n  return css`\n    left: -9999px;\n    position: fixed;\n    margin: 0;\n    padding: 0;\n  `\n}\n\nexport default config.styled<any>(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  position: relative;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: stretch;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  [\n    'containerWidth',\n    'width',\n    'rowComponent',\n    'rowCss',\n    'colCss',\n    'colComponent',\n    'columns',\n    'gap',\n    'gutter',\n    'contentAlignX'\n  ]\n> = ({ children, component, css, ...props }) => {\n  const parentCtx = useContext(RowContext)\n  const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n    ...parentCtx,\n    ...props,\n  })\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component || colComponent}\n      $coolgrid={{\n        columns,\n        gap,\n        size,\n        padding,\n        extraStyles: css || colCss,\n      }}\n    >\n      {children}\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n  rootSize: 16,\n  breakpoints: {\n    xs: 0,\n    sm: 576,\n    md: 768,\n    lg: 992,\n    xl: 1200,\n  },\n  grid: {\n    columns: 12,\n    container: {\n      xs: '100%',\n      sm: 540,\n      md: 720,\n      lg: 960,\n      xl: 1140,\n    },\n  },\n} as const\n"],"names":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}

package/lib/vitus-labs-coolgrid.module.js

@@ -177,7 +177,7 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
     `;
 };
 const spacingStyles = (type, param, rootSize) => {
-    if (!param || !isNumber(param)) {
+    if (!isNumber(param)) {
         return '';
     }
     const finalStyle = `${type}: ${value(param / 2, rootSize)}`;