@cgi-learning-hub/ui 0.0.1-dev.1708959744 → 0.0.1-dev.1708964890

package/dist/Input-Dk-cN0Fb.js

@@ -1,322 +0,0 @@
-import { a, g as j, c as B, s as g, r as U, f as _, _ as w, k as M, P as o, j as S } from "./useThemeProps-kb_vU-1P.js";
-import * as W from "react";
-import { i as E, I as F, r as N, a as X, b as k, c as A } from "./InputBase-BbXy6VDy.js";
-import { jsx as L } from "react/jsx-runtime";
-import { r as V } from "./refType-CMQbzE37.js";
-function q(t) {
-  return B("MuiInput", t);
-}
-const D = a({}, E, j("MuiInput", ["root", "underline", "input"])), r = D, z = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], G = (t) => {
-  const {
-    classes: e,
-    disableUnderline: s
-  } = t, i = S({
-    root: ["root", !s && "underline"],
-    input: ["input"]
-  }, q, e);
-  return a({}, e, i);
-}, H = g(F, {
-  shouldForwardProp: (t) => U(t) || t === "classes",
-  name: "MuiInput",
-  slot: "Root",
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: s
-    } = t;
-    return [...N(t, e), !s.disableUnderline && e.underline];
-  }
-})(({
-  theme: t,
-  ownerState: e
-}) => {
-  let n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
-  return t.vars && (n = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), a({
-    position: "relative"
-  }, e.formControl && {
-    "label + &": {
-      marginTop: 16
-    }
-  }, !e.disableUnderline && {
-    "&::after": {
-      borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '""',
-      position: "absolute",
-      right: 0,
-      transform: "scaleX(0)",
-      transition: t.transitions.create("transform", {
-        duration: t.transitions.duration.shorter,
-        easing: t.transitions.easing.easeOut
-      }),
-      pointerEvents: "none"
-      // Transparent to the hover style.
-    },
-    [`&.${r.focused}:after`]: {
-      // translateX(0) is a workaround for Safari transform scale bug
-      // See https://github.com/mui/material-ui/issues/31766
-      transform: "scaleX(1) translateX(0)"
-    },
-    [`&.${r.error}`]: {
-      "&::before, &::after": {
-        borderBottomColor: (t.vars || t).palette.error.main
-      }
-    },
-    "&::before": {
-      borderBottom: `1px solid ${n}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '"\\00a0"',
-      position: "absolute",
-      right: 0,
-      transition: t.transitions.create("border-bottom-color", {
-        duration: t.transitions.duration.shorter
-      }),
-      pointerEvents: "none"
-      // Transparent to the hover style.
-    },
-    [`&:hover:not(.${r.disabled}, .${r.error}):before`]: {
-      borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        borderBottom: `1px solid ${n}`
-      }
-    },
-    [`&.${r.disabled}:before`]: {
-      borderBottomStyle: "dotted"
-    }
-  });
-}), J = g(X, {
-  name: "MuiInput",
-  slot: "Input",
-  overridesResolver: k
-})({}), u = /* @__PURE__ */ W.forwardRef(function(e, s) {
-  var n, i, d, c;
-  const p = _({
-    props: e,
-    name: "MuiInput"
-  }), {
-    disableUnderline: v,
-    components: m = {},
-    componentsProps: b,
-    fullWidth: I = !1,
-    inputComponent: C = "input",
-    multiline: P = !1,
-    slotProps: l,
-    slots: f = {},
-    type: T = "text"
-  } = p, R = w(p, z), $ = G(p), y = {
-    root: {
-      ownerState: {
-        disableUnderline: v
-      }
-    }
-  }, O = l ?? b ? M(l ?? b, y) : y, x = (n = (i = f.root) != null ? i : m.Root) != null ? n : H, h = (d = (c = f.input) != null ? c : m.Input) != null ? d : J;
-  return /* @__PURE__ */ L(A, a({
-    slots: {
-      root: x,
-      input: h
-    },
-    slotProps: O,
-    fullWidth: I,
-    inputComponent: C,
-    multiline: P,
-    ref: s,
-    type: T
-  }, R, {
-    classes: $
-  }));
-});
-process.env.NODE_ENV !== "production" && (u.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * This prop helps users to fill forms faster, especially on mobile devices.
-   * The name can be confusing, as it's more like an autofill.
-   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
-   */
-  autoComplete: o.string,
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: o.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
-   */
-  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: o.shape({
-    Input: o.elementType,
-    Root: o.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: o.shape({
-    input: o.object,
-    root: o.object
-  }),
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: o.any,
-  /**
-   * If `true`, the component is disabled.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the `input` will not have an underline.
-   */
-  disableUnderline: o.bool,
-  /**
-   * End `InputAdornment` for this component.
-   */
-  endAdornment: o.node,
-  /**
-   * If `true`, the `input` will indicate an error.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  error: o.bool,
-  /**
-   * If `true`, the `input` will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: o.bool,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * The component used for the `input` element.
-   * Either a string to use a HTML element or a component.
-   * @default 'input'
-   */
-  inputComponent: o.elementType,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @default {}
-   */
-  inputProps: o.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: V,
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
-   */
-  margin: o.oneOf(["dense", "none"]),
-  /**
-   * Maximum number of rows to display when multiline option is set to true.
-   */
-  maxRows: o.oneOfType([o.number, o.string]),
-  /**
-   * Minimum number of rows to display when multiline option is set to true.
-   */
-  minRows: o.oneOfType([o.number, o.string]),
-  /**
-   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
-   * @default false
-   */
-  multiline: o.bool,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: o.string,
-  /**
-   * Callback fired when the value is changed.
-   *
-   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: o.func,
-  /**
-   * The short hint displayed in the `input` before the user enters a value.
-   */
-  placeholder: o.string,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: o.bool,
-  /**
-   * If `true`, the `input` element is required.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  required: o.bool,
-  /**
-   * Number of rows to display when multiline option is set to true.
-   */
-  rows: o.oneOfType([o.number, o.string]),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slotProps: o.shape({
-    input: o.object,
-    root: o.object
-  }),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slots: o.shape({
-    input: o.elementType,
-    root: o.elementType
-  }),
-  /**
-   * Start `InputAdornment` for this component.
-   */
-  startAdornment: o.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
-   * @default 'text'
-   */
-  type: o.string,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: o.any
-});
-u.muiName = "Input";
-const to = u;
-export {
-  to as I
-};

package/dist/InputBase-WBNJQn8V.cjs

@@ -1,4 +0,0 @@
-"use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),De=require("react"),P=require("react/jsx-runtime"),D=require("./useForkRef-CGd3Nhyb.cjs"),He=require("react-dom"),oe=require("./ownerWindow-Dk_4aaak.cjs"),fe=require("./refType-dllUCpD8.cjs"),We=require("@emotion/react");function he(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const p=he(De),Ve=he(He);function Le(o){return o==null||Object.keys(o).length===0}function Te(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Le(s)?t:s):n;return P.jsx(We.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(Te.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function be({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(Te,{styles:s})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function ne(o){return typeof o=="string"}const $e=["onChange","maxRows","minRows","style","value"];function $(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function ye(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const Pe=p.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:d=1,style:z,value:S}=n,k=e._objectWithoutPropertiesLoose(n,$e),{current:R}=p.useRef(S!=null),w=p.useRef(null),_=D.useForkRef(t,w),g=p.useRef(null),h=p.useRef(0),[O,A]=p.useState({outerHeightStyle:0}),F=p.useCallback(()=>{const u=w.current,a=oe.ownerWindow(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const c=g.current;c.style.width=a.width,c.value=u.value||n.placeholder||"x",c.value.slice(-1)===`
-`&&(c.value+=" ");const b=a.boxSizing,E=$(a.paddingBottom)+$(a.paddingTop),N=$(a.borderBottomWidth)+$(a.borderTopWidth),x=c.scrollHeight;c.value="x";const C=c.scrollHeight;let y=x;d&&(y=Math.max(Number(d)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),B=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:B}},[s,d,n.placeholder]),H=(u,T)=>{const{outerHeightStyle:a,overflow:c}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==c)?(h.current+=1,{overflow:c,outerHeightStyle:a}):(process.env.NODE_ENV!=="production"&&h.current===20&&console.error(["MUI: Too many re-renders. The layout is unstable.","TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
-`)),u)},f=p.useCallback(()=>{const u=F();ye(u)||A(T=>H(T,u))},[F]);D.useEnhancedEffect(()=>{const u=()=>{const C=F();ye(C)||Ve.flushSync(()=>{A(y=>H(y,C))})},T=()=>{h.current=0,u()};let a;const c=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=oe.debounce(T),E=w.current,N=oe.ownerWindow(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?c:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[F]),D.useEnhancedEffect(()=>{f()}),p.useEffect(()=>{h.current=0},[S]);const U=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(p.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:U,ref:_,rows:d,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},z)},k)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,z,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(Pe.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ge({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}const xe=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(xe.displayName="FormControlContext");const te=xe;function we(){return p.useContext(te)}function ve(o){return P.jsx(be,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(ve.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function me(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Ce(o,n=!1){return o&&(me(o.value)&&o.value!==""||n&&me(o.defaultValue)&&o.defaultValue!=="")}function Ue(o){return o.startAdornment}function Ge(o){return e.generateUtilityClass("MuiInputBase",o)}const Ke=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),q=Ke,Ye=["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"],Se=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Re=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Ze=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:d,focused:z,formControl:S,fullWidth:k,hiddenLabel:R,multiline:w,readOnly:_,size:g,startAdornment:h,type:O}=o,A={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",k&&"fullWidth",z&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",d&&"adornedEnd",R&&"hiddenLabel",_&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",d&&"inputAdornedEnd",_&&"readOnly"]};return e.composeClasses(A,Ge,n)},Oe=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Se})(({theme:o,ownerState:n})=>e._extends({},o.typography.body1,{color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ee=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Re})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},d=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":d,"&:focus::-moz-placeholder":d,"&:focus:-ms-input-placeholder":d,"&:focus::-ms-input-placeholder":d},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Je=P.jsx(ve,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),Ne=p.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":d,autoComplete:z,autoFocus:S,className:k,components:R={},componentsProps:w={},defaultValue:_,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:A=!1,id:F,inputComponent:H="input",inputProps:f={},inputRef:U,maxRows:u,minRows:T,multiline:a=!1,name:c,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:B,renderSuffix:re,rows:W,slotProps:se={},slots:ie={},startAdornment:j,type:pe="text",value:ze}=s,_e=e._objectWithoutPropertiesLoose(s,Ye),V=f.value!=null?f.value:ze,{current:K}=p.useRef(V!=null),I=p.useRef(),Ae=p.useCallback(i=>{process.env.NODE_ENV!=="production"&&i&&i.nodeName!=="INPUT"&&!i.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
-`))},[]),Fe=D.useForkRef(I,U,f.ref,Ae),[Y,Z]=p.useState(!1),l=we();process.env.NODE_ENV!=="production"&&p.useEffect(()=>{if(l)return l.registerEffect()},[l]);const m=ge({props:s,muiFormControl:l,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=l?l.focused:Y,p.useEffect(()=>{!l&&g&&Y&&(Z(!1),b&&b())},[l,g,Y,b]);const J=l&&l.onFilled,Q=l&&l.onEmpty,M=p.useCallback(i=>{Ce(i)?J&&J():Q&&Q()},[J,Q]);D.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const Ie=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),l&&l.onFocus?l.onFocus(i):Z(!0)},ke=i=>{b&&b(i),f.onBlur&&f.onBlur(i),l&&l.onBlur?l.onBlur(i):Z(!1)},Be=(i,...de)=>{if(!K){const ce=i.target||I.current;if(ce==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));M({value:ce.value})}f.onChange&&f.onChange(i,...de),E&&E(i,...de)};p.useEffect(()=>{M(I.current)},[]);const je=i=>{I.current&&i.currentTarget===i.target&&I.current.focus(),N&&N(i)};let X=H,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=Pe);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?I.current:{value:"x"})};p.useEffect(()=>{l&&l.setAdornedStart(!!j)},[l,j]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:l,fullWidth:A,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:j,type:pe}),le=Ze(L),ae=ie.root||R.Root||Oe,ee=se.root||w.root||{},ue=ie.input||R.Input||Ee;return v=e._extends({},v,(r=se.input)!=null?r:w.input),P.jsxs(p.Fragment,{children:[!h&&Je,P.jsxs(ae,e._extends({},ee,!ne(ae)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:je},_e,{className:e.clsx(le.root,ee.className,k,B&&"MuiInputBase-readOnly"),children:[j,P.jsx(te.Provider,{value:null,children:P.jsx(ue,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":d,autoComplete:z,autoFocus:S,defaultValue:_,disabled:m.disabled,id:F,onAnimationStart:Me,name:c,placeholder:G,readOnly:B,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:pe},v,!ne(ue)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Fe,className:e.clsx(le.input,v.className,B&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Ie}))}),O,re?re(e._extends({},m,{startAdornment:j})):null]}))]})});process.env.NODE_ENV!=="production"&&(Ne.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});const Qe=Ne;exports.FormControlContext=te;exports.InputBase=Qe;exports.InputBaseComponent=Ee;exports.InputBaseRoot=Oe;exports.formControlState=ge;exports.inputBaseClasses=q;exports.inputOverridesResolver=Re;exports.isAdornedStart=Ue;exports.isFilled=Ce;exports.isHostComponent=ne;exports.rootOverridesResolver=Se;exports.useFormControl=we;

package/dist/Tab-C2Tmr8Sv.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("./useThemeProps-C6ClLEqN.cjs"),k=require("react"),P=require("react/jsx-runtime"),w=require("./ButtonBase-XPViWbp_.cjs"),B=require("./createSvgIcon-B7HVs3ZC.cjs");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const p=q(k);function I(e){return o.generateUtilityClass("MuiTab",e)}const M=o.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),r=M,z=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],D=e=>{const{classes:s,textColor:t,fullWidth:i,wrapped:f,icon:d,label:u,selected:T,disabled:l}=e,n={root:["root",d&&u&&"labelIcon",`textColor${o.capitalize(t)}`,i&&"fullWidth",f&&"wrapped",T&&"selected",l&&"disabled"],iconWrapper:["iconWrapper"]};return o.composeClasses(n,I,s)},E=o.styled(w.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,t.label&&t.icon&&s.labelIcon,s[`textColor${o.capitalize(t.textColor)}`],t.fullWidth&&s.fullWidth,t.wrapped&&s.wrapped]}})(({theme:e,ownerState:s})=>o._extends({},e.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},s.label&&{flexDirection:s.iconPosition==="top"||s.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},s.icon&&s.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${r.iconWrapper}`]:o._extends({},s.iconPosition==="top"&&{marginBottom:6},s.iconPosition==="bottom"&&{marginTop:6},s.iconPosition==="start"&&{marginRight:e.spacing(1)},s.iconPosition==="end"&&{marginLeft:e.spacing(1)})},s.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${r.selected}`]:{opacity:1},[`&.${r.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}},s.textColor==="primary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.textColor==="secondary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},s.wrapped&&{fontSize:e.typography.pxToRem(12)})),v=p.forwardRef(function(s,t){const i=o.useThemeProps({props:s,name:"MuiTab"}),{className:f,disabled:d=!1,disableFocusRipple:u=!1,fullWidth:T,icon:l,iconPosition:n="top",indicator:F,label:b,onChange:y,onClick:x,onFocus:g,selected:a,selectionFollowsFocus:R,textColor:$="inherit",value:C,wrapped:O=!1}=i,j=o._objectWithoutPropertiesLoose(i,z),m=o._extends({},i,{disabled:d,disableFocusRipple:u,selected:a,icon:!!l,iconPosition:n,label:!!b,fullWidth:T,textColor:$,wrapped:O}),h=D(m),W=l&&b&&p.isValidElement(l)?p.cloneElement(l,{className:o.clsx(h.iconWrapper,l.props.className)}):l,_=c=>{!a&&y&&y(c,C),x&&x(c)},N=c=>{R&&!a&&y&&y(c,C),g&&g(c)};return P.jsxs(E,o._extends({focusRipple:!u,className:o.clsx(h.root,f),ref:t,role:"tab","aria-selected":a,disabled:d,onClick:_,onFocus:N,ownerState:m,tabIndex:a?0:-1},j,{children:[n==="top"||n==="start"?P.jsxs(p.Fragment,{children:[W,b]}):P.jsxs(p.Fragment,{children:[b,W]}),F]}))});process.env.NODE_ENV!=="production"&&(v.propTypes={children:B.unsupportedProp,classes:o.PropTypes.object,className:o.PropTypes.string,disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,icon:o.PropTypes.oneOfType([o.PropTypes.element,o.PropTypes.string]),iconPosition:o.PropTypes.oneOf(["bottom","end","start","top"]),label:o.PropTypes.node,onChange:o.PropTypes.func,onClick:o.PropTypes.func,onFocus:o.PropTypes.func,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any,wrapped:o.PropTypes.bool});const U=v;exports.Tab=U;

package/dist/Typography-CO64FVmw.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./useThemeProps-C6ClLEqN.cjs"),v=require("react"),x=require("react/jsx-runtime"),O=require("./extendSxProp-D5gpnasP.cjs");function j(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const B=j(v);function W(o){return t.generateUtilityClass("MuiTypography",o)}t.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const _=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],M=o=>{const{align:e,gutterBottom:r,noWrap:a,paragraph:p,variant:n,classes:s}=o,i={root:["root",n,o.align!=="inherit"&&`align${t.capitalize(e)}`,r&&"gutterBottom",a&&"noWrap",p&&"paragraph"]};return t.composeClasses(i,W,s)},C=t.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,r.variant&&e[r.variant],r.align!=="inherit"&&e[`align${t.capitalize(r.align)}`],r.noWrap&&e.noWrap,r.gutterBottom&&e.gutterBottom,r.paragraph&&e.paragraph]}})(({theme:o,ownerState:e})=>t._extends({margin:0},e.variant==="inherit"&&{font:"inherit"},e.variant!=="inherit"&&o.typography[e.variant],e.align!=="inherit"&&{textAlign:e.align},e.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},e.gutterBottom&&{marginBottom:"0.35em"},e.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},N={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},R=o=>N[o]||o,m=B.forwardRef(function(e,r){const a=t.useThemeProps({props:e,name:"MuiTypography"}),p=R(a.color),n=O.extendSxProp(t._extends({},a,{color:p})),{align:s="inherit",className:i,component:l,gutterBottom:T=!1,noWrap:d=!1,paragraph:y=!1,variant:c="body1",variantMapping:h=u}=n,f=t._objectWithoutPropertiesLoose(n,_),g=t._extends({},n,{align:s,color:p,className:i,component:l,gutterBottom:T,noWrap:d,paragraph:y,variant:c,variantMapping:h}),b=l||(y?"p":h[c]||u[c])||"span",P=M(g);return x.jsx(C,t._extends({as:b,ref:r,ownerState:g,className:t.clsx(P.root,i)},f))});process.env.NODE_ENV!=="production"&&(m.propTypes={align:t.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,gutterBottom:t.PropTypes.bool,noWrap:t.PropTypes.bool,paragraph:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),t.PropTypes.string]),variantMapping:t.PropTypes.object});const q=m;exports.Typography=q;

package/dist/components/AnotherComponent/AnotherComponent.cjs.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("../../useTheme-C-LTLVMt.cjs"),o=require("../../ButtonBase-XPViWbp_.cjs"),r=require("../../Input-DHic6dYE.cjs"),s=()=>{const t=n.useTheme();return e.jsxs("div",{children:[e.jsx("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",children:"Click me from AnotherComponent"}),e.jsx(o.ButtonBase,{style:{backgroundColor:t.palette.primary.main},children:"AnotherComponent"}),e.jsx(r.Input,{className:"bg-blue-500"})]})};module.exports=s;

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

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

package/dist/components/AnotherComponent/AnotherComponent.es.js

@@ -1,15 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { u as r } from "../../useTheme-BSwuVDD3.js";
-import { B as n } from "../../ButtonBase-Bw43M3TO.js";
-import { I as m } from "../../Input-Dk-cN0Fb.js";
-const i = () => {
-  const o = r();
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__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" }),
-    /* @__PURE__ */ e(n, { style: { backgroundColor: o.palette.primary.main }, children: "AnotherComponent" }),
-    /* @__PURE__ */ e(m, { className: "bg-blue-500" })
-  ] });
-};
-export {
-  i as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./AnotherComponent.cjs.js"),a={title:"Components/AnotherComponent",component:e,argTypes:{}},o=r=>s.jsx(e,{...r}),t=o.bind({});t.args={label:"Primary Button"};const n=o.bind({});n.args={label:"Secondary Button",secondary:!0};exports.Primary=t;exports.Secondary=n;exports.default=a;

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

@@ -1,22 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "./AnotherComponent.es.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.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AnotherComponent.cjs.js");exports.AnotherComponent=e;

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

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

package/dist/components/AnotherComponent/index.es.js

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

package/dist/components/BasicButtons/BasicButtons.cjs.js

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-C6ClLEqN.cjs"),C=require("../../useTheme-C-LTLVMt.cjs"),V=require("../../extendSxProp-D5gpnasP.cjs"),P=require("../../Button-wMPAZpnO.cjs");function D(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=D(S),N=e.createStyled(),R=["component","direction","spacing","divider","children","className","useFlexGap"],_=e.createTheme(),q=N("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return e.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:_})}function w(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((t,i,p)=>(t.push(i),p<s.length-1&&t.push(f.cloneElement(r,{key:`separator-${p}`})),t),[])}const E=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],F=({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}),t=>({flexDirection:t})));if(o.spacing){const t=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((n,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(n[c]=!0),n),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),l=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((n,c,y)=>{if(!p[n]){const T=c>0?p[y[c-1]]:"column";p[n]=T}});const u=(n,c)=>o.useFlexGap?{gap:e.getValue(t,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${E(c?p[c]:o.direction)}`]:e.getValue(t,n)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},l,u))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function M(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:t="MuiStack"}=o,i=()=>{const u={root:["root"]};return e.composeClasses(u,n=>e.generateUtilityClass(t,n),{})},p=r(F),l=f.forwardRef(function(n,c){const y=s(n),d=V.extendSxProp(y),{component:T="div",direction:b="column",spacing:O=0,divider:m,children:v,className:h,useFlexGap:j=!1}=d,x=e._objectWithoutPropertiesLoose(d,R),k={direction:b,spacing:O,useFlexGap:j},B=i();return a.jsx(p,e._extends({as:T,ownerState:k,ref:c,className:e.clsx(B.root,h)},x,{children:m?w(v,m):v}))});return process.env.NODE_ENV!=="production"&&(l.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])}),l}const g=M({createStyledComponent:e.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>e.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(g.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=g,U=e.styled("button")(({theme:o})=>({backgroundColor:o.palette.primary.main})),A=()=>{const o=C.useTheme();return a.jsxs(G,{spacing:2,direction:"row",children:[a.jsx(U,{children:"Styled"}),a.jsx(P.Button,{variant:"text",style:{backgroundColor:o.palette.primary.main},children:"Text"}),a.jsx(P.Button,{variant:"contained",children:"Contained"}),a.jsx(P.Button,{variant:"outlined",children:"Outlined"})]})};module.exports=A;

package/dist/components/BasicButtons/BasicButtons.d.ts

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

package/dist/components/BasicButtons/BasicButtons.es.js

@@ -1,189 +0,0 @@
-import { jsx as l, jsxs as D } from "react/jsx-runtime";
-import * as v from "react";
-import { m as F, P as e, n as w, a as k, o as b, p as f, q as E, k as _, t as G, _ as M, h as $, v as U, j as A, c as L, w as T, s as j, f as q } from "../../useThemeProps-kb_vU-1P.js";
-import { u as I } from "../../useTheme-BSwuVDD3.js";
-import { e as W } from "../../extendSxProp-CVD6j4mA.js";
-import { B as y } from "../../Button-CmBnwwn3.js";
-const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J = w(), K = z("div", {
-  name: "MuiStack",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-});
-function Q(o) {
-  return U({
-    props: o,
-    name: "MuiStack",
-    defaultTheme: J
-  });
-}
-function X(o, r) {
-  const c = v.Children.toArray(o).filter(Boolean);
-  return c.reduce((a, i, t) => (a.push(i), t < c.length - 1 && a.push(/* @__PURE__ */ v.cloneElement(r, {
-    key: `separator-${t}`
-  })), a), []);
-}
-const Y = (o) => ({
-  row: "Left",
-  "row-reverse": "Right",
-  column: "Top",
-  "column-reverse": "Bottom"
-})[o], Z = ({
-  ownerState: o,
-  theme: r
-}) => {
-  let c = k({
-    display: "flex",
-    flexDirection: "column"
-  }, b({
-    theme: r
-  }, f({
-    values: o.direction,
-    breakpoints: r.breakpoints.values
-  }), (a) => ({
-    flexDirection: a
-  })));
-  if (o.spacing) {
-    const a = E(r), i = Object.keys(r.breakpoints.values).reduce((n, s) => ((typeof o.spacing == "object" && o.spacing[s] != null || typeof o.direction == "object" && o.direction[s] != null) && (n[s] = !0), n), {}), t = f({
-      values: o.direction,
-      base: i
-    }), u = f({
-      values: o.spacing,
-      base: i
-    });
-    typeof t == "object" && Object.keys(t).forEach((n, s, p) => {
-      if (!t[n]) {
-        const m = s > 0 ? t[p[s - 1]] : "column";
-        t[n] = m;
-      }
-    }), c = _(c, b({
-      theme: r
-    }, u, (n, s) => o.useFlexGap ? {
-      gap: T(a, n)
-    } : {
-      // 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${Y(s ? t[s] : o.direction)}`]: T(a, n)
-      }
-    }));
-  }
-  return c = G(r.breakpoints, c), c;
-};
-function ee(o = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = K,
-    useThemeProps: c = Q,
-    componentName: a = "MuiStack"
-  } = o, i = () => A({
-    root: ["root"]
-  }, (n) => L(a, n), {}), t = r(Z), u = /* @__PURE__ */ v.forwardRef(function(n, s) {
-    const p = c(n), d = W(p), {
-      component: m = "div",
-      direction: C = "column",
-      spacing: P = 0,
-      divider: h,
-      children: O,
-      className: S,
-      useFlexGap: B = !1
-    } = d, V = M(d, H), N = {
-      direction: C,
-      spacing: P,
-      useFlexGap: B
-    }, R = i();
-    return /* @__PURE__ */ l(t, k({
-      as: m,
-      ownerState: N,
-      ref: s,
-      className: $(R.root, S)
-    }, V, {
-      children: h ? X(O, h) : O
-    }));
-  });
-  return process.env.NODE_ENV !== "production" && (u.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])
-  }), u;
-}
-const x = ee({
-  createStyledComponent: j("div", {
-    name: "MuiStack",
-    slot: "Root",
-    overridesResolver: (o, r) => r.root
-  }),
-  useThemeProps: (o) => q({
-    props: o,
-    name: "MuiStack"
-  })
-});
-process.env.NODE_ENV !== "production" && (x.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 oe = x, re = j("button")(({ theme: o }) => ({
-  backgroundColor: o.palette.primary.main
-})), ie = () => {
-  const o = I();
-  return /* @__PURE__ */ D(oe, { spacing: 2, direction: "row", children: [
-    /* @__PURE__ */ l(re, { children: "Styled" }),
-    /* @__PURE__ */ l(
-      y,
-      {
-        variant: "text",
-        style: { backgroundColor: o.palette.primary.main },
-        children: "Text"
-      }
-    ),
-    /* @__PURE__ */ l(y, { variant: "contained", children: "Contained" }),
-    /* @__PURE__ */ l(y, { variant: "outlined", children: "Outlined" })
-  ] });
-};
-export {
-  ie as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./BasicButtons.cjs.js"),a={title:"Components/BasicButtons",component:e,argTypes:{}},t=n=>s.jsx(e,{...n}),o=t.bind({});o.args={label:"Primary Button"};const r=t.bind({});r.args={label:"Secondary Button",secondary:!0};exports.Primary=o;exports.Secondary=r;exports.default=a;