@alveole/components 0.11.2

package/README.md

@@ -0,0 +1,13 @@
+# @alveole/components
+
+Librairie de composants UI partagés pour les applications Alveole.
+
+Le package contient les composants de base réutilisables, s'appuie sur le package `@alveole/theme` pour les tokens.
+
+## Installation
+
+```bash
+npm i @alveole/components
+```
+
+Peer deps requis : `react`, `react-native`, `@tamagui/core`, `@alveole/theme`.

package/dist/core/Box/Box.d.ts

@@ -0,0 +1,13 @@
+import { RNTamaguiViewNonStyleProps, TamaguiElement, ViewProps as TamaguiViewProps } from '@tamagui/core';
+import React, { CSSProperties } from 'react';
+import { BoxStyle } from './Box.types';
+export type BoxProps = Pick<TamaguiViewProps, 'exitStyle' | 'focusStyle' | 'pressStyle' | 'disabledStyle'> & RNTamaguiViewNonStyleProps & BoxStyle & {
+    hoverStyle?: CSSProperties;
+};
+export type BoxElement = TamaguiElement;
+export declare const Box: React.ForwardRefExoticComponent<Pick<import("@tamagui/web").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & RNTamaguiViewNonStyleProps & Pick<import("@tamagui/web").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {
+    justify?: TamaguiViewProps["justifyContent"];
+} & import("./Box.types").BoxAdvancedStyle & {
+    hoverStyle?: CSSProperties;
+} & React.RefAttributes<TamaguiElement>>;
+//# sourceMappingURL=Box.d.ts.map

package/dist/core/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,0BAA0B,EAE1B,cAAc,EAEd,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,GACxG,0BAA0B,GAC1B,QAAQ,GAAG;IACT,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAGJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,GAAG;;;iBANC,aAAa;wCAgD5B,CAAC"}

package/dist/core/Box/Box.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isSpacingKey, Spacings } from '@alveole/theme';
+import { styled, View as TamaguiView, } from '@tamagui/core';
+import React from 'react';
+const StyledView = styled(TamaguiView, { name: 'Box' });
+export const Box = React.forwardRef(function Box(props, ref) {
+    const { tag, style, borderRadius, hoverStyle, mt, mb, mr, ml, m, pt, pb, pl, pr, p, gap, ...viewProps } = props;
+    const radius = {
+        borderBottomRightRadius: borderRadius,
+        borderTopRightRadius: borderRadius,
+        borderBottomLeftRadius: borderRadius,
+        borderTopLeftRadius: borderRadius,
+    };
+    const margins = {
+        mt: isSpacingKey(mt) ? Spacings[mt] : mt,
+        mb: isSpacingKey(mb) ? Spacings[mb] : mb,
+        ml: isSpacingKey(ml) ? Spacings[ml] : ml,
+        mr: isSpacingKey(mr) ? Spacings[mr] : mr,
+        m: isSpacingKey(m) ? Spacings[m] : m,
+    };
+    const paddings = {
+        pt: isSpacingKey(pt) ? Spacings[pt] : pt,
+        pb: isSpacingKey(pb) ? Spacings[pb] : pb,
+        pl: isSpacingKey(pl) ? Spacings[pl] : pl,
+        pr: isSpacingKey(pr) ? Spacings[pr] : pr,
+        p: isSpacingKey(p) ? Spacings[p] : p,
+    };
+    const spacings = {
+        gap: isSpacingKey(gap) ? Spacings[gap] : gap,
+    };
+    return (_jsx(StyledView, { ref: ref, tag: tag ?? 'box', style: style, ...radius, hoverStyle: hoverStyle, ...viewProps, ...margins, ...paddings, ...spacings }));
+});

package/dist/core/Box/Box.types.d.ts

@@ -0,0 +1,30 @@
+import { SpacingKey } from '@alveole/theme';
+import { ViewProps } from '@tamagui/core';
+export type BoxBaseStyle = Pick<ViewProps, 'display' | 'flex' | 'flexWrap' | 'flexDirection' | 'opacity' | 'overflow'> & {
+    justify?: ViewProps['justifyContent'];
+};
+export type BoxAdvancedStyle = {
+    p?: number | SpacingKey;
+    pl?: number | SpacingKey;
+    pr?: number | SpacingKey;
+    pt?: number | SpacingKey;
+    pb?: number | SpacingKey;
+    m?: number | `${string}%` | SpacingKey | 'auto';
+    ml?: number | `${string}%` | SpacingKey | 'auto';
+    mr?: number | `${string}%` | SpacingKey | 'auto';
+    mt?: number | `${string}%` | SpacingKey | 'auto';
+    mb?: number | `${string}%` | SpacingKey | 'auto';
+    backgroundColor?: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    borderColor?: any;
+    gap?: number | SpacingKey;
+    width?: number | `${string}%`;
+    height?: number | `${string}%`;
+    minW?: number | `${string}%`;
+    maxW?: number | `${string}%`;
+    minH?: number | `${string}%`;
+    maxH?: number | `${string}%`;
+};
+export type BoxStyle = BoxBaseStyle & BoxAdvancedStyle;
+//# sourceMappingURL=Box.types.d.ts.map

package/dist/core/Box/Box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,EACT,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,CAC3E,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAEzB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAEjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,gBAAgB,CAAC"}

package/dist/core/Box/Box.types.js

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

package/dist/core/Box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Box';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/core/Box/index.js

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

package/dist/core/Typography/Typography.d.ts

@@ -0,0 +1,13 @@
+import { RNTamaguiTextNonStyleProps, TamaguiTextElement, TextProps as TamaguiTextProps } from '@tamagui/core';
+import React, { CSSProperties } from 'react';
+import type { TypographyStyle } from './Typography.types';
+export type TypographyProps = Pick<TamaguiTextProps, 'exitStyle' | 'focusStyle' | 'pressStyle' | 'disabledStyle'> & Omit<RNTamaguiTextNonStyleProps, 'children'> & TypographyStyle & {
+    children: React.ReactNode;
+    hoverStyle?: CSSProperties;
+};
+export type TypographyElement = TamaguiTextElement;
+export declare const Typography: React.ForwardRefExoticComponent<Pick<TamaguiTextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("./Typography.types").TypographyAdvancedStyle & {
+    children: React.ReactNode;
+    hoverStyle?: CSSProperties;
+} & React.RefAttributes<TamaguiTextElement>>;
+//# sourceMappingURL=Typography.d.ts.map

package/dist/core/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAG1B,kBAAkB,EAClB,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,GAC/G,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAGJ,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD,eAAO,MAAM,UAAU;cAPT,KAAK,CAAC,SAAS;iBACZ,aAAa;4CAkB5B,CAAC"}

package/dist/core/Typography/Typography.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, Text as TamaguiText, } from '@tamagui/core';
+import React from 'react';
+const StyledTypography = styled(TamaguiText, { name: 'Typography' });
+export const Typography = React.forwardRef(function Typography(props, ref) {
+    const { tag, style, textAlign, hoverStyle, ...textProps } = props;
+    return (_jsx(StyledTypography, { ref: ref, hoverStyle: hoverStyle, tag: tag ?? 'typography', style: style, textAlign: textAlign, ...textProps }));
+});

package/dist/core/Typography/Typography.types.d.ts

@@ -0,0 +1,24 @@
+import { TextProps } from '@tamagui/core';
+export type TypographyBaseStyle = Pick<TextProps, 'textTransform' | 'fontSize' | 'fontStyle' | 'lineHeight' | 'textDecorationLine' | 'color'>;
+export type TypographyAdvancedStyle = {
+    p?: number;
+    pl?: number;
+    pr?: number;
+    pt?: number;
+    pb?: number;
+    m?: number | `${string}%` | 'auto';
+    ml?: number | `${string}%` | 'auto';
+    mr?: number | `${string}%` | 'auto';
+    mt?: number | `${string}%` | 'auto';
+    mb?: number | `${string}%` | 'auto';
+    background?: string;
+    width?: number | `${string}%`;
+    height?: number | `${string}%`;
+    minW?: number | `${string}%`;
+    maxW?: number | `${string}%`;
+    minH?: number | `${string}%`;
+    maxH?: number | `${string}%`;
+    textAlign?: TextProps['textAlign'];
+};
+export type TypographyStyle = TypographyBaseStyle & TypographyAdvancedStyle;
+//# sourceMappingURL=Typography.types.d.ts.map

package/dist/core/Typography/Typography.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,SAAS,EACT,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,oBAAoB,GAAG,OAAO,CAC3F,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IAEpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,uBAAuB,CAAC"}

package/dist/core/Typography/Typography.types.js

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

package/dist/core/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Typography/index.d.ts.map

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

package/dist/core/Typography/index.js

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

package/dist/core/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Box';
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,2 @@
+export * from './Box';
+export * from './Typography';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@alveole/components",
+  "version": "0.11.2",
+  "description": "Shared UI components.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "lint": "eslint .",
+    "typecheck": "tsc -p tsconfig.typecheck.json --noEmit"
+  },
+  "devDependencies": {
+    "@alveole/eslint-config": "file:../eslint-config",
+    "eslint": "^9.39.2"
+  },
+  "peerDependencies": {
+    "@alveole/theme": "*",
+    "@tamagui/core": "*",
+    "react": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}