@alveole/components 0.11.2 → 0.13.0

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("@tamagui/web").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & import("@tamagui/core").RNTamaguiViewNonStyleProps & Pick<import("@tamagui/web").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {
+        justify?: import("@tamagui/web").ViewProps["justifyContent"];
+    } & import("./Box.types").BoxAdvancedStyle & {
+        hoverStyle?: import("react").CSSProperties;
+    } & import("react").RefAttributes<import("@tamagui/web").TamaguiElement>>;
+    styleFn: () => string;
+};
+export default _default;
+export declare const BoxDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const BoxPadded: () => import("react/jsx-runtime").JSX.Element;
+export declare const BoxPaddedWithBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const BoxHovered: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Box.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAInC,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC"}

package/dist/core/Box/Box.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '../Typography';
+import { Box } from './Box';
+export default {
+    title: 'Box',
+    tags: ['Kit'],
+    experimental: false,
+    description: 'La Box doit être utilisé pour tout contenir, à la manière d‘une <div>. De type View (tamagui), elle permet de définir le tag rendu en web.',
+    component: Box,
+    styleFn: () => 'Aucun style appliqué',
+};
+export const BoxDefault = () => (_jsx(Box, { tag: "box", children: _jsx(Typography, { children: "Contenu par d\u00E9faut" }) }));
+export const BoxPadded = () => (_jsx(Box, { tag: "padded", p: 16, children: _jsx(Typography, { children: "Box avec padding" }) }));
+export const BoxPaddedWithBackground = () => (_jsx(Box, { tag: "padded-with-background", backgroundColor: '#f0f0f0', p: 16, children: _jsx(Typography, { children: "Box avec fond gris clair et padding" }) }));
+export const BoxHovered = () => (_jsx(Box, { tag: "hovered", hoverStyle: { background: '#f0f0f0' }, children: _jsx(Typography, { children: "Box avec fond gris changeant au hover" }) }));

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

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("@tamagui/web").TextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<import("@tamagui/core").RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("./Typography.types").TypographyAdvancedStyle & {
+        children: React.ReactNode;
+        hoverStyle?: import("react").CSSProperties;
+    } & import("react").RefAttributes<import("@tamagui/web").TamaguiTextElement>>;
+    styleFn: () => string;
+};
+export default _default;
+export declare const TypographyDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyPaddedWithColor: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyStyleItalic: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyStyleUnderline: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyStyleLineThrough: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyTransformCapitalize: () => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyTransformUppercase: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Typography.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAGA,wBAOkB;AAElB,eAAO,MAAM,iBAAiB,+CAAoD,CAAC;AAEnF,eAAO,MAAM,yBAAyB,+CAIrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAAsE,CAAC;AAEzG,eAAO,MAAM,wBAAwB,+CAAkF,CAAC;AAExH,eAAO,MAAM,0BAA0B,+CAA+E,CAAC;AAEvH,eAAO,MAAM,6BAA6B,+CAEzC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAAwE,CAAC"}

package/dist/core/Typography/Typography.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from './Typography';
+export default {
+    title: 'Typography',
+    tags: ['Kit'],
+    experimental: false,
+    description: 'La Typography doit être utilisé pour contenir tous les textes. Composant de type Text (tamagui).',
+    component: Typography,
+    styleFn: () => 'Aucun style appliqué',
+};
+export const TypographyDefault = () => _jsx(Typography, { children: "Contenu par d\u00E9faut" });
+export const TypographyPaddedWithColor = () => (_jsx(Typography, { p: 8, color: 'blue', children: "Texte avec padding et couleur" }));
+export const TypographyStyleItalic = () => _jsx(Typography, { fontStyle: "italic", children: "Texte en italique" });
+export const TypographyStyleUnderline = () => _jsx(Typography, { textDecorationLine: "underline", children: "Texte en soulign\u00E9" });
+export const TypographyStyleLineThrough = () => _jsx(Typography, { textDecorationLine: "line-through", children: "Texte barr\u00E9" });
+export const TypographyTransformCapitalize = () => (_jsx(Typography, { textTransform: "capitalize", children: "avec une majuscule" }));
+export const TypographyTransformUppercase = () => _jsx(Typography, { textTransform: "uppercase", children: "En majuscule" });

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/stories/index.d.ts

@@ -0,0 +1,5 @@
+export * from '../core/Box/Box.stories';
+export { default as BoxStoryMeta } from '../core/Box/Box.stories';
+export * from '../core/Typography/Typography.stories';
+export { default as TypographyStoryMeta } from '../core/Typography/Typography.stories';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAElE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/stories/index.js

@@ -0,0 +1,4 @@
+export * from '../core/Box/Box.stories';
+export { default as BoxStoryMeta } from '../core/Box/Box.stories';
+export * from '../core/Typography/Typography.stories';
+export { default as TypographyStoryMeta } from '../core/Typography/Typography.stories';

package/dist/type/Story.d.ts

@@ -0,0 +1,26 @@
+import type { z } from 'zod';
+export interface Story {
+    /** Nom de la page (doit être unique) */
+    title: string;
+    /** Classification du composant */
+    tags: ['Kit'] | ['Composant'] | ['Template'];
+    /** Composant créé par le dév */
+    experimental: boolean;
+    /** Lien vers le figma */
+    figmaURL?: string;
+    /** Uniquement disponible sur mobile */
+    mobileOnly?: boolean;
+    /** Uniquement disponible sur web */
+    webOnly?: boolean;
+    /** Description */
+    description: string;
+    /** Composant */
+    component: React.FC<any>;
+    /** Configuration (Template only) */
+    config?: object;
+    /** Schema json des props */
+    props?: z.core.JSONSchema.JSONSchema;
+    /** Fonction représentant les styles */
+    styleFn: () => string | object;
+}
+//# sourceMappingURL=Story.d.ts.map

package/dist/type/Story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../src/type/Story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAE7B,MAAM,WAAW,KAAK;IACpB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7C,gCAAgC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;IACrC,uCAAuC;IACvC,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;CAChC"}

package/dist/type/Story.js

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

package/dist/type/index.d.ts

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

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

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

package/dist/type/index.js

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

package/package.json

@@ -1,9 +1,20 @@
 {
   "name": "@alveole/components",
-  "version": "0.11.2",
+  "version": "0.13.0",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./stories": {
+      "types": "./dist/stories/index.d.ts",
+      "default": "./dist/stories/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist",
     "README.md"
@@ -18,6 +29,9 @@
     "@alveole/eslint-config": "file:../eslint-config",
     "eslint": "^9.39.2"
   },
+  "dependencies": {
+    "zod": "^4.1.11"
+  },
   "peerDependencies": {
     "@alveole/theme": "*",
     "@tamagui/core": "*",