@cgi-learning-hub/ui 0.0.1-dev.1706552824 → 0.0.1-dev.1706708255

package/dist/assets/index.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#root :is(.rounded){border-radius:.25rem}#root :is(.border-2){border-width:2px}#root :is(.border-8){border-width:8px}#root :is(.bg-blue-500){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}#root :is(.px-4){padding-left:1rem;padding-right:1rem}#root :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}#root :is(.font-bold){font-weight:700}#root :is(.text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#root :is(.hover\:bg-blue-700:hover){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}

package/dist/components/AnotherComponent/AnotherComponent.d.ts

@@ -0,0 +1,2 @@
+declare const AnotherComponent: () => import("react/jsx-runtime").JSX.Element;
+export default AnotherComponent;

package/dist/components/AnotherComponent/AnotherComponent.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ e("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", children: "Click me from AnotherComponent" });
+export {
+  t as default
+};

package/dist/components/AnotherComponent/AnotherComponent.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn, Meta } from '@storybook/react';
+declare const stories: Meta<StoryFn<any>>;
+export declare const Primary: any;
+export declare const Secondary: any;
+export default stories;

package/dist/components/AnotherComponent/AnotherComponent.stories.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "./AnotherComponent.js";
+const p = {
+  title: "Components/AnotherComponent",
+  component: o,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, t = (n) => /* @__PURE__ */ e(o, { ...n }), r = t.bind({});
+r.args = {
+  label: "Primary Button"
+};
+const a = t.bind({});
+a.args = {
+  label: "Secondary Button",
+  secondary: !0
+};
+export {
+  r as Primary,
+  a as Secondary,
+  p as default
+};

package/dist/components/AnotherComponent/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AnotherComponent } from "./AnotherComponent";
+export * from "./AnotherComponent";

package/dist/components/AnotherComponent/index.js

@@ -0,0 +1,4 @@
+import { default as t } from "./AnotherComponent.js";
+export {
+  t as AnotherComponent
+};

package/dist/components/BasicButtons/BasicButtons.js

@@ -1,14 +1,198 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Stack from '../../node_modules/.pnpm/@mui_material@5.15.0_@emotion_react@11.11.1_@emotion_styled@11.11.0_@types_react@18.2.48_react-dom@18.2.0_react@18.2.0/node_modules/@mui/material/Stack/Stack.js';
-import Button from '../../node_modules/.pnpm/@mui_material@5.15.0_@emotion_react@11.11.1_@emotion_styled@11.11.0_@types_react@18.2.48_react-dom@18.2.0_react@18.2.0/node_modules/@mui/material/Button/Button.js';
-
-const BasicButtons = () => {
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, direction: "row", children: [
-    /* @__PURE__ */ jsx(Button, { variant: "text", children: "Text" }),
-    /* @__PURE__ */ jsx(Button, { variant: "contained", children: "Contained" }),
-    /* @__PURE__ */ jsx(Button, { variant: "outlined", children: "Outlined" })
-  ] });
+import { jsx as p, jsxs as B } from "react/jsx-runtime";
+import { _ as j, a as d, d as R, i as D, b as E, P as e, e as F, h as x, r as v, f as M, g as w, m as G, j as A, u as U, k as L, l as I, n as T, s as W, o as q, M as h } from "../../Button-t2XOOBeu.js";
+import * as g from "react";
+const z = ["sx"], H = (o) => {
+  var s, t;
+  const n = {
+    systemProps: {},
+    otherProps: {}
+  }, a = (s = o == null || (t = o.theme) == null ? void 0 : t.unstable_sxConfig) != null ? s : R;
+  return Object.keys(o).forEach((r) => {
+    a[r] ? n.systemProps[r] = o[r] : n.otherProps[r] = o[r];
+  }), n;
+};
+function J(o) {
+  const {
+    sx: s
+  } = o, t = j(o, z), {
+    systemProps: n,
+    otherProps: a
+  } = H(t);
+  let r;
+  return Array.isArray(s) ? r = [n, ...s] : typeof s == "function" ? r = (...l) => {
+    const u = s(...l);
+    return D(u) ? d({}, n, u) : n;
+  } : r = d({}, n, s), d({}, a, {
+    sx: r
+  });
+}
+const K = E(), Q = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], X = F(), Y = K("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, s) => s.root
+});
+function Z(o) {
+  return U({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: X
+  });
+}
+function ee(o, s) {
+  const t = g.Children.toArray(o).filter(Boolean);
+  return t.reduce((n, a, r) => (n.push(a), r < t.length - 1 && n.push(/* @__PURE__ */ g.cloneElement(s, {
+    key: `separator-${r}`
+  })), n), []);
+}
+const oe = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], se = ({
+  ownerState: o,
+  theme: s
+}) => {
+  let t = d({
+    display: "flex",
+    flexDirection: "column"
+  }, x({
+    theme: s
+  }, v({
+    values: o.direction,
+    breakpoints: s.breakpoints.values
+  }), (n) => ({
+    flexDirection: n
+  })));
+  if (o.spacing) {
+    const n = M(s), a = Object.keys(s.breakpoints.values).reduce((c, i) => ((typeof o.spacing == "object" && o.spacing[i] != null || typeof o.direction == "object" && o.direction[i] != null) && (c[i] = !0), c), {}), r = v({
+      values: o.direction,
+      base: a
+    }), l = v({
+      values: o.spacing,
+      base: a
+    });
+    typeof r == "object" && Object.keys(r).forEach((c, i, f) => {
+      if (!r[c]) {
+        const y = i > 0 ? r[f[i - 1]] : "column";
+        r[c] = y;
+      }
+    }), t = w(t, x({
+      theme: s
+    }, l, (c, i) => o.useFlexGap ? {
+      gap: T(n, c)
+    } : {
+      // The useFlexGap={false} implement relies on each child to give up control of the margin.
+      // We need to reset the margin to avoid double spacing.
+      "& > :not(style):not(style)": {
+        margin: 0
+      },
+      "& > :not(style) ~ :not(style)": {
+        [`margin${oe(i ? r[i] : o.direction)}`]: T(n, c)
+      }
+    }));
+  }
+  return t = G(s.breakpoints, t), t;
+};
+function re(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: s = Y,
+    useThemeProps: t = Z,
+    componentName: n = "MuiStack"
+  } = o, a = () => L({
+    root: ["root"]
+  }, (c) => I(n, c), {}), r = s(se), l = /* @__PURE__ */ g.forwardRef(function(c, i) {
+    const f = t(c), m = J(f), {
+      component: y = "div",
+      direction: k = "column",
+      spacing: S = 0,
+      divider: b,
+      children: O,
+      className: C,
+      useFlexGap: V = !1
+    } = m, _ = j(m, Q), N = {
+      direction: k,
+      spacing: S,
+      useFlexGap: V
+    }, $ = a();
+    return /* @__PURE__ */ p(r, d({
+      as: y,
+      ownerState: N,
+      ref: i,
+      className: A($.root, C)
+    }, _, {
+      children: b ? ee(O, b) : O
+    }));
+  });
+  return process.env.NODE_ENV !== "production" && (l.propTypes = {
+    children: e.node,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    divider: e.node,
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  }), l;
+}
+const P = re({
+  createStyledComponent: W("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, s) => s.root
+  }),
+  useThemeProps: (o) => q({
+    props: o,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (P.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: e.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: e.bool
+});
+const ne = P, ie = () => /* @__PURE__ */ B(ne, { spacing: 2, direction: "row", children: [
+  /* @__PURE__ */ p(h, { variant: "text", children: "Text" }),
+  /* @__PURE__ */ p(h, { variant: "contained", children: "Contained" }),
+  /* @__PURE__ */ p(h, { variant: "outlined", className: "border-2", children: "Outlined" })
+] });
+export {
+  ie as default
 };
-const BasicButtons$1 = BasicButtons;
-
-export { BasicButtons$1 as default };

package/dist/components/BasicButtons/BasicButtons.stories.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "./BasicButtons.js";
+const i = {
+  title: "Components/BasicButtons",
+  component: t,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, o = (n) => /* @__PURE__ */ r(t, { ...n }), s = o.bind({});
+s.args = {
+  label: "Primary Button"
+};
+const a = o.bind({});
+a.args = {
+  label: "Secondary Button",
+  secondary: !0
+};
+export {
+  s as Primary,
+  a as Secondary,
+  i as default
+};

package/dist/components/BasicButtons/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./BasicButtons.js";
+export {
+  o as BasicButtons
+};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Button as MuiButton } from '@mui/material';
+export type ButtonProps = typeof MuiButton & {
+    text: string;
+    icon?: ReactNode;
+};
+declare const Button: {
+    ({ text, icon }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Button;

package/dist/components/Button/Button.js

@@ -0,0 +1,35 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { C as s, c as a, P as i, M as d } from "../../Button-t2XOOBeu.js";
+let r;
+typeof document == "object" && (r = a({
+  key: "css",
+  prepend: !0
+}));
+function c(o) {
+  const {
+    injectFirst: e,
+    children: n
+  } = o;
+  return e && r ? /* @__PURE__ */ t(s, {
+    value: r,
+    children: n
+  }) : n;
+}
+process.env.NODE_ENV !== "production" && (c.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: i.node,
+  /**
+   * By default, the styles are injected last in the <head> element of the page.
+   * As a result, they gain more specificity than any other style sheet.
+   * If you want to override MUI's styles, set this prop.
+   */
+  injectFirst: i.bool
+});
+const p = ({ text: o, icon: e }) => /* @__PURE__ */ t(c, { injectFirst: !0, children: /* @__PURE__ */ t(d, { variant: "outlined", startIcon: e, className: "border-8", children: "Bonjourr" }) });
+p.displayName = "Button";
+export {
+  p as default
+};

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Base: Story;

package/dist/components/Button/Button.stories.js

@@ -0,0 +1,21 @@
+import t from "./Button.js";
+const e = {
+  title: "Components/Buttons/Button",
+  component: t,
+  argTypes: {
+    text: {
+      description: "Button text value",
+      control: {
+        type: "string"
+      }
+    }
+  }
+}, n = {
+  args: {
+    text: "Base button"
+  }
+};
+export {
+  n as Base,
+  e as default
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export * from './Button';

package/dist/components/Button/index.js

@@ -0,0 +1,4 @@
+import { default as a } from "./Button.js";
+export {
+  a as Button
+};

package/dist/components/index.d.ts

@@ -1 +1,3 @@
 export * from "./BasicButtons";
+export * from "./AnotherComponent";
+export * from "./Button";

package/dist/components/index.js

@@ -0,0 +1,8 @@
+import { default as e } from "./BasicButtons/BasicButtons.js";
+import { default as r } from "./AnotherComponent/AnotherComponent.js";
+import { default as n } from "./Button/Button.js";
+export {
+  r as AnotherComponent,
+  e as BasicButtons,
+  n as Button
+};

package/dist/index.js

@@ -1 +1,9 @@
-export { default as BasicButtons } from './components/BasicButtons/BasicButtons.js';
+import "./assets/index.css";
+import { default as r } from "./components/BasicButtons/BasicButtons.js";
+import { default as f } from "./components/AnotherComponent/AnotherComponent.js";
+import { default as n } from "./components/Button/Button.js";
+export {
+  f as AnotherComponent,
+  r as BasicButtons,
+  n as Button
+};

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1706552824",
+  "version": "0.0.1-dev.1706708255",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -28,10 +28,14 @@
   "files": [
     "dist"
   ],
-  "dependencies": {
+  "devDependencies": {
     "@mui/material": "5.15.0",
+    "@mui/styles": "5.15.0",
     "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0"
+    "@emotion/styled": "11.11.0",
+    "autoprefixer": "10.4.17",
+    "postcss": "8.4.33",
+    "tailwindcss": "3.4.1"
   },
   "peerDependencies": {
     "@types/react": "18.2.48",

package/dist/_virtual/_commonjsHelpers.js

@@ -1,5 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { getDefaultExportFromCjs };

package/dist/_virtual/index.js

@@ -1,3 +0,0 @@
-var propTypes = {exports: {}};
-
-export { propTypes as __module };

package/dist/_virtual/index2.js

@@ -1,3 +0,0 @@
-var reactIs = {exports: {}};
-
-export { reactIs as __module };

package/dist/_virtual/index3.js

@@ -1,3 +0,0 @@
-var reactIs = {exports: {}};
-
-export { reactIs as __module };

package/dist/_virtual/react-is.development.js

@@ -1,3 +0,0 @@
-var reactIs_development = {};
-
-export { reactIs_development as __exports };

package/dist/_virtual/react-is.development2.js

@@ -1,3 +0,0 @@
-var reactIs_development = {};
-
-export { reactIs_development as __exports };

package/dist/_virtual/react-is.production.min.js

@@ -1,3 +0,0 @@
-var reactIs_production_min = {};
-
-export { reactIs_production_min as __exports };

package/dist/_virtual/react-is.production.min2.js

@@ -1,3 +0,0 @@
-var reactIs_production_min = {};
-
-export { reactIs_production_min as __exports };

package/dist/node_modules/.pnpm/@babel_runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js

@@ -1,8 +0,0 @@
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-
-export { _assertThisInitialized as default };

package/dist/node_modules/.pnpm/@babel_runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -1,16 +0,0 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-export { _extends as default };

package/dist/node_modules/.pnpm/@babel_runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js

@@ -1,9 +0,0 @@
-import _setPrototypeOf from './setPrototypeOf.js';
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
-export { _inheritsLoose as default };

package/dist/node_modules/.pnpm/@babel_runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -1,14 +0,0 @@
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-export { _objectWithoutPropertiesLoose as default };

package/dist/node_modules/.pnpm/@babel_runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js

@@ -1,9 +0,0 @@
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-export { _setPrototypeOf as default };