@cgi-learning-hub/ui 1.0.0-dev.1721824898 → 1.0.0-dev.1721901545

package/dist/{InputBase-Dqfior4W.js → InputBase-DYf00QVg.js}

@@ -1,12 +1,12 @@
-import { J as ke, P as e, s as ye, _ as d, T as Be, m as Pe, k as Me, t as pe, n as Q, K as He } from "./identifier-wKuu0zOr.js";
+import { K as ke, P as e, _ as ye, m as d, T as Be, v as Pe, w as Me, x as pe, q as Q, L as He } from "./identifier-C_DzvlWx.js";
 import * as l from "react";
-import { d as De, s as be, u as We, c as Ve } from "./styled-CFCmdTd8.js";
+import { d as De, s as be, u as We, c as Ve } from "./styled-DCjqF2JO.js";
 import { jsx as N, jsxs as X } from "react/jsx-runtime";
 import { a as ge, u as ee } from "./useForkRef-DwN_Iz9R.js";
-import { a as fe, d as _e } from "./ownerWindow-C7EH1lr6.js";
+import { a as fe, d as Le } from "./ownerWindow-C7EH1lr6.js";
 import { i as me } from "./isHostComponent-kiaBvYVo.js";
-import { e as Le, r as je } from "./refType-Bqz8QGtc.js";
-import { u as Ue } from "./useTheme-D5vjhuQC.js";
+import { e as _e, r as je } from "./refType-KXZNSMpq.js";
+import { u as Ue } from "./useTheme-D2TR379g.js";
 function we({
   styles: o,
   themeId: n,
@@ -57,7 +57,7 @@ function Ge({
   return n.reduce((s, i) => (s[i] = o[i], t && typeof o[i] > "u" && (s[i] = t[i]), s), {});
 }
 const qe = ["onChange", "maxRows", "minRows", "style", "value"];
-function _(o) {
+function L(o) {
   return parseInt(o, 10) || 0;
 }
 const Ye = {
@@ -75,7 +75,7 @@ const Ye = {
     transform: "translateZ(0)"
   }
 };
-function Je(o) {
+function Ze(o) {
   return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
 }
 const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
@@ -97,7 +97,7 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
     const m = T.current;
     m.style.width = f.width, m.value = c.value || n.placeholder || "x", m.value.slice(-1) === `
 ` && (m.value += " ");
-    const E = f.boxSizing, O = _(f.paddingBottom) + _(f.paddingTop), x = _(f.borderBottomWidth) + _(f.borderTopWidth), S = m.scrollHeight;
+    const E = f.boxSizing, O = L(f.paddingBottom) + L(f.paddingTop), x = L(f.borderBottomWidth) + L(f.borderTopWidth), S = m.scrollHeight;
     m.value = "x";
     const F = m.scrollHeight;
     let y = S;
@@ -109,7 +109,7 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
     };
   }, [i, p, n.placeholder]), C = l.useCallback(() => {
     const c = v();
-    if (Je(c))
+    if (Ze(c))
       return;
     const u = c.outerHeightStyle, f = b.current;
     g.current !== u && (g.current = u, f.style.height = `${u}px`), f.style.overflow = c.overflowing ? "hidden" : "";
@@ -123,7 +123,7 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
       cancelAnimationFrame(u), u = requestAnimationFrame(() => {
         c();
       });
-    }, m = _e(c), E = b.current, O = fe(E);
+    }, m = Le(c), E = b.current, O = fe(E);
     O.addEventListener("resize", m);
     let x;
     return typeof ResizeObserver < "u" && (x = new ResizeObserver(process.env.NODE_ENV === "test" ? f : c), x.observe(E)), () => {
@@ -132,13 +132,13 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
   }, [v, C]), ee(() => {
     C();
   });
-  const L = (c) => {
+  const _ = (c) => {
     R || C(), s && s(c);
   };
   return /* @__PURE__ */ X(l.Fragment, {
     children: [/* @__PURE__ */ N("textarea", d({
       value: A,
-      onChange: L,
+      onChange: _,
       ref: I,
       rows: p,
       style: z
@@ -206,7 +206,7 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
    */
   styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
 });
-function Ze(o) {
+function Je(o) {
   return Me("MuiInputBase", o);
 }
 const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), Qe = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], Xe = (o, n) => {
@@ -239,7 +239,7 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     root: ["root", `color${Q(t)}`, s && "disabled", i && "error", B && "fullWidth", z && "focused", A && "formControl", g && g !== "medium" && `size${Q(g)}`, b && "multiline", T && "adornedStart", p && "adornedEnd", R && "hiddenLabel", I && "readOnly"],
     input: ["input", s && "disabled", v === "search" && "inputTypeSearch", b && "inputMultiline", g === "small" && "inputSizeSmall", R && "inputHiddenLabel", T && "inputAdornedStart", p && "inputAdornedEnd", I && "readOnly"]
   };
-  return Ve(C, Ze, n);
+  return Ve(C, Je, n);
 }, no = be("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -398,7 +398,7 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     disableInjectingGlobalStyles: T,
     endAdornment: v,
     fullWidth: C = !1,
-    id: L,
+    id: _,
     inputComponent: c = "input",
     inputProps: u = {},
     inputRef: f,
@@ -472,8 +472,8 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   const Ie = (r) => {
     k.current && r.currentTarget === r.target && k.current.focus(), y && y(r);
   };
-  let J = c, w = u;
-  O && J === "input" && (D ? (process.env.NODE_ENV !== "production" && (E || m) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), w = d({
+  let Z = c, w = u;
+  O && Z === "input" && (D ? (process.env.NODE_ENV !== "production" && (E || m) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), w = d({
     type: void 0,
     minRows: D,
     maxRows: D
@@ -481,7 +481,7 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     type: void 0,
     maxRows: m,
     minRows: E
-  }, w), J = ve);
+  }, w), Z = ve);
   const Fe = (r) => {
     M(r.animationName === "mui-auto-fill-cancel" ? k.current : {
       value: "x"
@@ -503,15 +503,15 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     size: h.size,
     startAdornment: P,
     type: ae
-  }), se = oo(V), le = ie.root || R.Root || no, Z = re.root || b.root || {}, ue = ie.input || R.Input || to;
+  }), se = oo(V), le = ie.root || R.Root || no, J = re.root || b.root || {}, ue = ie.input || R.Input || to;
   return w = d({}, w, (s = re.input) != null ? s : b.input), /* @__PURE__ */ X(l.Fragment, {
-    children: [!T && ro, /* @__PURE__ */ X(le, d({}, Z, !me(le) && {
-      ownerState: d({}, V, Z.ownerState)
+    children: [!T && ro, /* @__PURE__ */ X(le, d({}, J, !me(le) && {
+      ownerState: d({}, V, J.ownerState)
     }, {
       ref: t,
       onClick: Ie
     }, Te, {
-      className: pe(se.root, Z.className, B, U && "MuiInputBase-readOnly"),
+      className: pe(se.root, J.className, B, U && "MuiInputBase-readOnly"),
       children: [P, /* @__PURE__ */ N(ne.Provider, {
         value: null,
         children: /* @__PURE__ */ N(ue, d({
@@ -522,7 +522,7 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           autoFocus: A,
           defaultValue: I,
           disabled: h.disabled,
-          id: L,
+          id: _,
           onAnimationStart: Fe,
           name: x,
           placeholder: Se,
@@ -534,7 +534,7 @@ const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           onKeyUp: xe,
           type: ae
         }, w, !me(ue) && {
-          as: J,
+          as: Z,
           ownerState: d({}, V, w.ownerState)
         }, {
           ref: Oe,
@@ -646,7 +646,7 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Le,
+  inputComponent: _e,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}

package/dist/Stack-D1lCED40.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-J0ZxxQLU.cjs"),T=require("./styled-C04Dz9vm.cjs"),S=require("react"),V=require("./createStyled-CcHh6cyo.cjs"),D=require("react/jsx-runtime"),C=require("./useThemeProps-CEfrd8SJ.cjs");function N(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=N(S),R=V.createStyled(),_=["component","direction","spacing","divider","children","className","useFlexGap"],B=e.createTheme$1(),q=R("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return C.useThemeProps({props:o,name:"MuiStack",defaultTheme:B})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(f.cloneElement(r,{key:`separator-${p}`})),n),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),n=>({flexDirection:n})));if(o.spacing){const n=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((t,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(t[c]=!0),t),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),a=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((t,c,u)=>{if(!p[t]){const d=c>0?p[u[c-1]]:"column";p[t]=d}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(c?p[c]:o.direction)}`]:e.getValue(n,t)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},a,l))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function w(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return T.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(M),a=f.forwardRef(function(t,c){const u=s(t),y=e.extendSxProp(u),{component:d="div",direction:g="column",spacing:O=0,divider:P,children:m,className:b,useFlexGap:k=!1}=y,h=e._objectWithoutPropertiesLoose(y,_),j={direction:g,spacing:O,useFlexGap:k},x=i();return D.jsx(p,e._extends({as:d,ownerState:j,ref:c,className:e.clsx(x.root,b)},h,{children:P?E(m,P):m}))});return process.env.NODE_ENV!=="production"&&(a.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),a}const v=w({createStyledComponent:T.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>T.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(v.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const G=v;exports.Stack=G;

package/dist/Stack-DIH86N4F.js

@@ -0,0 +1,172 @@
+import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, x as G, w as _, H as b } from "./identifier-C_DzvlWx.js";
+import { c as w, s as M, u as $ } from "./styled-DCjqF2JO.js";
+import * as f from "react";
+import { c as U } from "./createStyled-CXNF_m2b.js";
+import { jsx as A } from "react/jsx-runtime";
+import { u as L } from "./useThemeProps-fXKB99fl.js";
+const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+});
+function q(o) {
+  return L({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: I
+  });
+}
+function J(o, r) {
+  const c = f.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(r, {
+    key: `separator-${n}`
+  })), a), []);
+}
+const K = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], Q = ({
+  ownerState: o,
+  theme: r
+}) => {
+  let c = T({
+    display: "flex",
+    flexDirection: "column"
+  }, g({
+    theme: r
+  }, m({
+    values: o.direction,
+    breakpoints: r.breakpoints.values
+  }), (a) => ({
+    flexDirection: a
+  })));
+  if (o.spacing) {
+    const a = F(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = m({
+      values: o.direction,
+      base: i
+    }), l = m({
+      values: o.spacing,
+      base: i
+    });
+    typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
+      if (!n[s]) {
+        const d = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = d;
+      }
+    }), c = N(c, g({
+      theme: r
+    }, l, (s, t) => o.useFlexGap ? {
+      gap: b(a, s)
+    } : {
+      // 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${K(t ? n[t] : o.direction)}`]: b(a, s)
+      }
+    }));
+  }
+  return c = R(r.breakpoints, c), c;
+};
+function X(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = W,
+    useThemeProps: c = q,
+    componentName: a = "MuiStack"
+  } = o, i = () => w({
+    root: ["root"]
+  }, (s) => _(a, s), {}), n = r(Q), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
+    const p = c(s), u = E(p), {
+      component: d = "div",
+      direction: j = "column",
+      spacing: k = 0,
+      divider: v,
+      children: O,
+      className: x,
+      useFlexGap: P = !1
+    } = u, S = B(u, H), V = {
+      direction: j,
+      spacing: k,
+      useFlexGap: P
+    }, C = i();
+    return /* @__PURE__ */ A(n, T({
+      as: d,
+      ownerState: V,
+      ref: t,
+      className: G(C.root, x)
+    }, S, {
+      children: v ? J(O, v) : 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 h = X({
+  createStyledComponent: M("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, r) => r.root
+  }),
+  useThemeProps: (o) => $({
+    props: o,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm 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 se = h;
+export {
+  se as S
+};