@goncharovv/layout 0.0.2 → 0.0.3

package/dist/components/Stacks/HStack.d.ts

@@ -0,0 +1,19 @@
+import { BaseStackProps } from './factory';
+export interface HStackProps extends BaseStackProps {
+    reverse?: boolean;
+}
+export declare const HStack: <TElementType extends import("react").ElementType = "div">(props: import("./factory").StackPropsBuilder<TElementType, HStackProps, {
+    reverse?: boolean | undefined;
+    as?: "div" | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    align?: import("csstype").Property.AlignItems | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justify?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: true | import("csstype").Property.FlexWrap | undefined;
+    gap?: number | undefined;
+    centered?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    children?: import("react").ReactNode;
+    spacing?: import("../../shared/spacings").Spacing | undefined;
+}>) => import("react").ReactNode;

package/dist/{esm/components → components}/Stacks/HStack.js

@@ -12,3 +12,4 @@ export const HStack = createStack('HStack', {
         };
     },
 });
+//# sourceMappingURL=HStack.js.map

package/dist/components/Stacks/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.js","sourceRoot":"","sources":["../../../lib/components/Stacks/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAkB,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAOxC,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAc,QAAQ,EAAE;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;QACvB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAE9C,OAAO;YACL,GAAG,IAAI;YACP,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE;gBAC/B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO;aAC3B,EAAE,SAAS,CAAC;SACd,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/Stacks/Stack.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { BaseStackProps } from './factory';
+export type StackDirection = 'vertical' | 'horizontal';
+export interface StackProps extends BaseStackProps {
+    vertical?: boolean;
+    horizontal?: boolean;
+    direction?: CSSProperties['flexDirection'];
+}
+export declare const Stack: <TElementType extends import("react").ElementType = "div">(props: import("./factory").StackPropsBuilder<TElementType, StackProps, {
+    vertical?: boolean | undefined;
+    horizontal?: boolean | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    as?: "div" | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    align?: import("csstype").Property.AlignItems | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justify?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: true | import("csstype").Property.FlexWrap | undefined;
+    gap?: number | undefined;
+    centered?: boolean | undefined;
+    style?: CSSProperties | undefined;
+    className?: string | undefined;
+    children?: import("react").ReactNode;
+    spacing?: import("../../shared/spacings").Spacing | undefined;
+}>) => import("react").ReactNode;

package/dist/{esm/components → components}/Stacks/Stack.js

@@ -16,3 +16,4 @@ export const Stack = createStack('Stack', {
         };
     },
 });
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stacks/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../lib/components/Stacks/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAkB,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAYxC,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAa,OAAO,EAAE;IACpD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAEtE,OAAO;YACL,GAAG,IAAI;YACP,SAAS,EAAE,EAAE,CACX;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU;aAChC,EACD,SAAS,CACV;YACD,MAAM,EAAE;gBACN,aAAa,EAAE,SAAS;aACzB;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/Stacks/VStack.d.ts

@@ -0,0 +1,19 @@
+import { BaseStackProps } from './factory';
+export interface VStackProps extends BaseStackProps {
+    reverse?: boolean;
+}
+export declare const VStack: <TElementType extends import("react").ElementType = "div">(props: import("./factory").StackPropsBuilder<TElementType, VStackProps, {
+    reverse?: boolean | undefined;
+    as?: "div" | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    align?: import("csstype").Property.AlignItems | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justify?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: true | import("csstype").Property.FlexWrap | undefined;
+    gap?: number | undefined;
+    centered?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    children?: import("react").ReactNode;
+    spacing?: import("../../shared/spacings").Spacing | undefined;
+}>) => import("react").ReactNode;

package/dist/{esm/components → components}/Stacks/VStack.js

@@ -12,3 +12,4 @@ export const VStack = createStack('VStack', {
         };
     },
 });
+//# sourceMappingURL=VStack.js.map

package/dist/components/Stacks/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.js","sourceRoot":"","sources":["../../../lib/components/Stacks/VStack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAkB,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAQxC,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAc,QAAQ,EAAE;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;QACvB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAE9C,OAAO;YACL,GAAG,IAAI;YACP,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC7B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO;aAC3B,EAAE,SAAS,CAAC;SACd,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/{esm/components → components}/Stacks/factory.d.ts

@@ -37,10 +37,9 @@ export interface BaseStackProps<TElementType extends ElementType = 'div'> extend
 /**
  * `_TPropsHint` is used only to show in IDE list of own Stack props
  */
-type StackPropsBuilder<TElementType extends ElementType, TProps, _TPropsHint = Prettify<TProps>> = {
+export type StackPropsBuilder<TElementType extends ElementType, TProps, _TPropsHint = Prettify<TProps>> = {
     as?: TElementType;
 } & Omit<TProps, 'as'> & Omit<React.ComponentPropsWithoutRef<TElementType>, keyof Omit<TProps, 'as'>>;
 export declare function createStack<TProps extends BaseStackProps>(name: string, options: {
     overrideProps?: (props: TProps) => BaseStackProps;
 }): <TElementType extends ElementType = "div">(props: StackPropsBuilder<TElementType, TProps>) => ReactNode;
-export {};

package/dist/{esm/components → components}/Stacks/factory.js

@@ -23,3 +23,4 @@ export function createStack(name, options) {
      */
     return Component;
 }
+//# sourceMappingURL=factory.js.map

package/dist/components/Stacks/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","sourceRoot":"","sources":["../../../lib/components/Stacks/factory.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,gBAAgB,EAAoB,MAAM,uBAAuB,CAAC;AAG3E,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAoDxC,MAAM,UAAU,WAAW,CACzB,IAAY,EACZ,OAA+D;IAE/D,MAAM,SAAS,GAAG,SAAS,YAAY,CACrC,MAAwC;QAExC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,MAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAEvF,wDAAwD;QACxD,MAAM,EACJ,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,EACH,OAAO,EACP,cAAc,EACd,OAAO,EACP,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;QAEV,OAAO,CACL,KAAC,OAAO,OACF,IAAI,EACR,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,KAAK,EACZ;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;aAC5B,EACD,SAAS,CACV,EACD,KAAK,EAAE;gBACL,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAClD,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;gBACvC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC;gBACxD,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC;gBAClE,GAAG,KAAK;aACT,YAEA,QAAQ,GACD,CACX,CAAC;IACJ,CAAC,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,OAAO,SAEO,CAAC;AACjB,CAAC"}

package/dist/{esm/components → components}/Stacks/index.js

@@ -1,3 +1,4 @@
 export * from './HStack';
 export * from './Stack';
 export * from './VStack';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/Stacks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export * from './Stacks';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/{esm/shared → shared}/spacings/config.js

@@ -28,3 +28,4 @@ export function getSpacingStyles(spacing) {
         gap: `var(--spacing-${spacing})`,
     };
 }
+//# sourceMappingURL=config.js.map

package/dist/shared/spacings/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../lib/shared/spacings/config.ts"],"names":[],"mappings":"AAGA,EAAE;AACF,4CAA4C;AAC5C,EAAE;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AA4BF,MAAM,UAAU,UAAU,CAAC,OAA4B;IACrD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAA4B;IAC3D,OAAO;QACL,GAAG,EAAE,iBAAiB,OAAO,GAAG;KACjC,CAAC;AACJ,CAAC"}

package/dist/shared/spacings/index.js

@@ -0,0 +1,2 @@
+export * from './config';
+//# sourceMappingURL=index.js.map

package/dist/shared/spacings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/shared/spacings/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/shared/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/shared/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/shared/types/index.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@goncharovv/layout",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",

package/dist/esm/components/Stacks/HStack.d.ts

@@ -1,7 +0,0 @@
-import { BaseStackProps } from './factory';
-export interface HStackProps extends BaseStackProps {
-    reverse?: boolean;
-}
-export declare const HStack: <TElementType extends import("react").ElementType = "div">(props: {
-    as?: TElementType | undefined;
-} & Omit<HStackProps, "as"> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<TElementType>>, "style" | "alignItems" | "align" | "justifyContent" | "justify" | "wrap" | "gap" | "centered" | "className" | "children" | "spacing" | "reverse">) => import("react").ReactNode;

package/dist/esm/components/Stacks/Stack.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'react';
-import { BaseStackProps } from './factory';
-export type StackDirection = 'vertical' | 'horizontal';
-export interface StackProps extends BaseStackProps {
-    vertical?: boolean;
-    horizontal?: boolean;
-    direction?: CSSProperties['flexDirection'];
-}
-export declare const Stack: <TElementType extends import("react").ElementType = "div">(props: {
-    as?: TElementType | undefined;
-} & Omit<StackProps, "as"> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<TElementType>>, "style" | "alignItems" | "align" | "justifyContent" | "justify" | "wrap" | "gap" | "centered" | "className" | "children" | "spacing" | "horizontal" | "vertical" | "direction">) => import("react").ReactNode;

package/dist/esm/components/Stacks/Stack.module.css

@@ -1,22 +0,0 @@
-.stack {
-    display: flex;
-}
-
-.vertical {
-    flex-direction: column;
-}
-.vertical.reversed {
-    flex-direction: column-reverse;;
-}
-
-.horizontal {
-    flex-direction: row;
-}
-.horizontal.reversed {
-    flex-direction: row-reverse;
-}
-
-.centered {
-    align-items: center;
-    justify-content: center;
-}

package/dist/esm/components/Stacks/VStack.d.ts

@@ -1,7 +0,0 @@
-import { BaseStackProps } from './factory';
-export interface VStackProps extends BaseStackProps {
-    reverse?: boolean;
-}
-export declare const VStack: <TElementType extends import("react").ElementType = "div">(props: {
-    as?: TElementType | undefined;
-} & Omit<VStackProps, "as"> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<TElementType>>, "style" | "alignItems" | "align" | "justifyContent" | "justify" | "wrap" | "gap" | "centered" | "className" | "children" | "spacing" | "reverse">) => import("react").ReactNode;

package/dist/esm/components/index.js

@@ -1 +0,0 @@
-export * from './Stacks';

package/dist/esm/index.js

@@ -1 +0,0 @@
-export * from './components';

package/dist/esm/shared/spacings/index.js

@@ -1 +0,0 @@
-export * from './config';

package/dist/esm/shared/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/styles/index.css

@@ -1 +0,0 @@
-@import './spacings.css';

package/dist/styles/spacings.css

@@ -1,20 +0,0 @@
-/*
- * MUST keep in sync with the `shared/spacings/config.ts`
- */
-
-:root {
-    --spacing-small-xxs: 0px;
-    --spacing-small-xs: 2px;
-    --spacing-small-s: 4px;
-    --spacing-small-m: 6px;
-    --spacing-small-l: 8px;
-    --spacing-medium-xs: 12px;
-    --spacing-medium-s: 16px;
-    --spacing-medium-m: 20px;
-    --spacing-medium-l: 24px;
-    --spacing-large-xxs: 32px;
-    --spacing-large-xs: 40px;
-    --spacing-large-s: 48px;
-    --spacing-large-m: 64px;
-    --spacing-large-l: 80px;
-}