@cgi-learning-hub/ui 0.0.1-dev.1708941839 → 0.0.1-dev.1708959157

package/dist/components/lists/FileList/FileList.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime");require("react");const o=require("./FileListItem.cjs.js"),c=require("../../../createSvgIcon-B7HVs3ZC.cjs"),n=({files:i=[],...s})=>r.jsx(c.Box,{sx:{display:"flex",flexDirection:"column",rowGap:"0.5rem"},children:i.map((t,e)=>r.jsx(o,{file:t,uploading:e%2===0,...s},e))});module.exports=n;

package/dist/components/lists/FileList/FileList.d.ts

@@ -0,0 +1,7 @@
+import { type File } from "./FileListItem";
+export interface FileListProps<T extends File> {
+    files: T[];
+    onDelete?: (file: T) => void;
+}
+declare const FileList: <T extends File>({ files, ...otherProps }: FileListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FileList;

package/dist/components/lists/FileList/FileList.es.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import e from "./FileListItem.es.js";
+import { B as l } from "../../../createSvgIcon-D3HDfwCm.js";
+const n = ({
+  files: i = [],
+  ...t
+}) => /* @__PURE__ */ r(l, { sx: { display: "flex", flexDirection: "column", rowGap: "0.5rem" }, children: i.map((m, o) => /* @__PURE__ */ r(
+  e,
+  {
+    file: m,
+    uploading: o % 2 === 0,
+    ...t
+  },
+  o
+)) });
+export {
+  n as default
+};

package/dist/components/lists/FileList/FileListItem.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../createSvgIcon-B7HVs3ZC.cjs"),v=require("react"),p=require("../../../DefaultButton-BD9W4fvr.cjs"),x=require("../../buttons/IconButton/IconButton.cjs.js"),c=require("../../../Typography-CO64FVmw.cjs");var o={},_=t.interopRequireDefaultExports;Object.defineProperty(o,"__esModule",{value:!0});var n=o.default=void 0,f=_(t.requireCreateSvgIcon()),m=e;n=o.default=(0,f.default)((0,m.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var a={},h=t.interopRequireDefaultExports;Object.defineProperty(a,"__esModule",{value:!0});var u=a.default=void 0,j=h(t.requireCreateSvgIcon()),q=e;u=a.default=(0,j.default)((0,q.jsx)("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile");const I=({file:r,uploading:i,onDelete:s})=>{const l=`${r.size} octets`,d=()=>s==null?void 0:s(r);return e.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",columnGap:"1rem"},children:[e.jsx(u,{color:"primary"}),e.jsxs("div",{className:"text-start w-full",children:[e.jsx(c.Typography,{children:r.name}),e.jsx(c.Typography,{fontSize:"0.875rem",color:"grey",children:l})]}),e.jsx(x,{onClick:d,disabled:i,children:i?e.jsx(p.CircularProgress,{size:24}):e.jsx(n,{})})]})},y=v.memo(I);module.exports=y;

package/dist/components/lists/FileList/FileListItem.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface File {
+    name: string;
+    size: number;
+    uploading?: boolean;
+}
+export interface FileListItemProps<T extends File> {
+    file: T;
+    uploading?: boolean;
+    onDelete?: (file: T) => void;
+}
+declare const _default: React.MemoExoticComponent<(<T extends File>({ file, uploading, onDelete, }: FileListItemProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+export default _default;

package/dist/components/lists/FileList/FileListItem.es.js

@@ -0,0 +1,40 @@
+import c, { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { r as u, i as d, B as p } from "../../../createSvgIcon-D3HDfwCm.js";
+import _ from "react";
+import { C as h } from "../../../DefaultButton-BlGFPRC7.js";
+import x from "../../buttons/IconButton/IconButton.es.js";
+import { T as s } from "../../../Typography-Di0hlj32.js";
+var a = {}, I = d;
+Object.defineProperty(a, "__esModule", {
+  value: !0
+});
+var m = a.default = void 0, j = I(u()), z = c;
+m = a.default = (0, j.default)(/* @__PURE__ */ (0, z.jsx)("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete");
+var i = {}, $ = d;
+Object.defineProperty(i, "__esModule", {
+  value: !0
+});
+var n = i.default = void 0, y = $(u()), g = c;
+n = i.default = (0, y.default)(/* @__PURE__ */ (0, g.jsx)("path", {
+  d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
+}), "InsertDriveFile");
+const R = ({
+  file: r,
+  uploading: o,
+  onDelete: t
+}) => {
+  const f = `${r.size} octets`, v = () => t == null ? void 0 : t(r);
+  return /* @__PURE__ */ l(p, { sx: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
+    /* @__PURE__ */ e(n, { color: "primary" }),
+    /* @__PURE__ */ l("div", { className: "text-start w-full", children: [
+      /* @__PURE__ */ e(s, { children: r.name }),
+      /* @__PURE__ */ e(s, { fontSize: "0.875rem", color: "grey", children: f })
+    ] }),
+    /* @__PURE__ */ e(x, { onClick: v, disabled: o, children: o ? /* @__PURE__ */ e(h, { size: 24 }) : /* @__PURE__ */ e(m, {}) })
+  ] });
+}, b = _.memo(R);
+export {
+  b as default
+};

package/dist/components/lists/FileList/index.cjs.js

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

package/dist/components/lists/FileList/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./FileList";
+export { default as FileList } from "./FileList";
+export * from "./FileListItem";
+export { default as FileListItem } from "./FileListItem";

package/dist/components/lists/FileList/index.es.js

@@ -0,0 +1,6 @@
+import { default as a } from "./FileList.es.js";
+import { default as i } from "./FileListItem.es.js";
+export {
+  a as FileList,
+  i as FileListItem
+};

package/dist/components/lists/index.cjs.js

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

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

@@ -0,0 +1 @@
+export * from "./FileList";

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

@@ -0,0 +1,6 @@
+import { default as a } from "./FileList/FileList.es.js";
+import { default as i } from "./FileList/FileListItem.es.js";
+export {
+  a as FileList,
+  i as FileListItem
+};

package/dist/createSvgIcon-B7HVs3ZC.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),E=require("react"),N=require("react/jsx-runtime"),C=require("./extendSxProp-D5gpnasP.cjs"),q=require("./createSvgIcon-BivvPRyr.cjs"),y=require("./useControlled-jN3fqFfv.cjs"),h=require("./ownerWindow-Dk_4aaak.cjs"),x=require("./useForkRef-CGd3Nhyb.cjs"),S=require("./useId-Cw0TtD-8.cjs"),I=require("./useTimeout-qjxkiZZn.cjs"),O=require("./useIsFocusVisible-BF0lT08B.cjs");function $(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const w=$(E);function R(t,o){return process.env.NODE_ENV==="production"?()=>null:(r,n,s,u,a)=>{const c=s||"<<anonymous>>",i=a||n;return typeof r[n]<"u"?new Error(`The ${u} \`${i}\` of \`${c}\` is deprecated. ${o}`):null}}function D(t,o){if(process.env.NODE_ENV==="production")return()=>null;const r=o?e._extends({},o.propTypes):null;return s=>(u,a,c,i,d,...l)=>{const p=d||a,f=r==null?void 0:r[p];if(f){const m=f(u,a,c,i,d,...l);if(m)return m}return typeof u[a]<"u"&&!u[s]?new Error(`The prop \`${p}\` of \`${t}\` can only be used together with the \`${s}\` prop.`):null}}function _(t,o,r,n,s){if(process.env.NODE_ENV==="production")return null;const u=s||o;return typeof t[o]<"u"?new Error(`The prop \`${u}\` is not supported. Please remove it.`):null}const F=["className","component"];function M(t={}){const{themeId:o,defaultTheme:r,defaultClassName:n="MuiBox-root",generateClassName:s}=t,u=e.styled$1("div",{shouldForwardProp:c=>c!=="theme"&&c!=="sx"&&c!=="as"})(e.styleFunctionSx);return w.forwardRef(function(i,d){const l=e.useTheme(r),p=C.extendSxProp(i),{className:f,component:m="div"}=p,P=e._objectWithoutPropertiesLoose(p,F);return N.jsx(u,e._extends({as:m,ref:d,className:e.clsx(f,s?s(n):n),theme:o&&l[o]||l},P))})}const j=e.generateUtilityClasses("MuiBox",["root"]),B=j,k=e.createTheme$1(),g=M({themeId:e.THEME_ID,defaultTheme:k,defaultClassName:B.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(g.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,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])});const V=g;var b={exports:{}};(function(t){function o(r){return r&&r.__esModule?r:{default:r}}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports})(b);var G=b.exports,T={};const z={configure:t=>{process.env.NODE_ENV!=="production"&&console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.","","You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead","","The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401","","The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)),e.ClassNameGenerator.configure(t)}},W=Object.freeze(Object.defineProperty({__proto__:null,capitalize:e.capitalize,createChainedFunction:y.createChainedFunction,createSvgIcon:q.createSvgIcon,debounce:h.debounce,deprecatedPropType:R,isMuiElement:y.isMuiElement,ownerDocument:h.ownerDocument,ownerWindow:h.ownerWindow,requirePropFactory:D,setRef:x.setRef,unstable_ClassNameGenerator:z,unstable_useEnhancedEffect:x.useEnhancedEffect,unstable_useId:S.useId,unsupportedProp:_,useControlled:y.useControlled,useEventCallback:I.useEventCallback,useForkRef:x.useForkRef,useIsFocusVisible:O.useIsFocusVisible},Symbol.toStringTag,{value:"Module"})),U=e.getAugmentedNamespace(W);var v;function A(){return v||(v=1,function(t){"use client";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o.createSvgIcon}});var o=U}(T)),T}exports.Box=V;exports.interopRequireDefaultExports=G;exports.requireCreateSvgIcon=A;exports.unsupportedProp=_;

package/dist/{createSvgIcon-jvI3LIfI.cjs → createSvgIcon-BivvPRyr.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./useThemeProps-CDriK9TK.cjs"),x=require("react"),v=require("react/jsx-runtime");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const g=_(x);function $(o){return e.generateUtilityClass("MuiSvgIcon",o)}e.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const z=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],b=o=>{const{color:t,fontSize:n,classes:i}=o,r={root:["root",t!=="inherit"&&`color${e.capitalize(t)}`,`fontSize${e.capitalize(n)}`]};return e.composeClasses(r,$,i)},I=e.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.color!=="inherit"&&t[`color${e.capitalize(n.color)}`],t[`fontSize${e.capitalize(n.fontSize)}`]]}})(({theme:o,ownerState:t})=>{var n,i,r,u,f,a,m,d,y,l,c,p,s;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:t.hasSvgAsChild?void 0:"currentColor",flexShrink:0,transition:(n=o.transitions)==null||(i=n.create)==null?void 0:i.call(n,"fill",{duration:(r=o.transitions)==null||(r=r.duration)==null?void 0:r.shorter}),fontSize:{inherit:"inherit",small:((u=o.typography)==null||(f=u.pxToRem)==null?void 0:f.call(u,20))||"1.25rem",medium:((a=o.typography)==null||(m=a.pxToRem)==null?void 0:m.call(a,24))||"1.5rem",large:((d=o.typography)==null||(y=d.pxToRem)==null?void 0:y.call(d,35))||"2.1875rem"}[t.fontSize],color:(l=(c=(o.vars||o).palette)==null||(c=c[t.color])==null?void 0:c.main)!=null?l:{action:(p=(o.vars||o).palette)==null||(p=p.action)==null?void 0:p.active,disabled:(s=(o.vars||o).palette)==null||(s=s.action)==null?void 0:s.disabled,inherit:void 0}[t.color]}}),h=g.forwardRef(function(t,n){const i=e.useThemeProps({props:t,name:"MuiSvgIcon"}),{children:r,className:u,color:f="inherit",component:a="svg",fontSize:m="medium",htmlColor:d,inheritViewBox:y=!1,titleAccess:l,viewBox:c="0 0 24 24"}=i,p=e._objectWithoutPropertiesLoose(i,z),s=g.isValidElement(r)&&r.type==="svg",T=e._extends({},i,{color:f,component:a,fontSize:m,instanceFontSize:t.fontSize,inheritViewBox:y,viewBox:c,hasSvgAsChild:s}),S={};y||(S.viewBox=c);const P=b(T);return v.jsxs(I,e._extends({as:a,className:e.clsx(P.root,u),focusable:"false",color:d,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:n},S,p,s&&r.props,{ownerState:T,children:[s?r.props.children:r,l?v.jsx("title",{children:l}):null]}))});process.env.NODE_ENV!=="production"&&(h.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,fontSize:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","large","medium","small"]),e.PropTypes.string]),htmlColor:e.PropTypes.string,inheritViewBox:e.PropTypes.bool,shapeRendering: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]),titleAccess:e.PropTypes.string,viewBox:e.PropTypes.string});h.muiName="SvgIcon";function O(o,t){function n(i,r){return v.jsx(h,e._extends({"data-testid":`${t}Icon`,ref:r},i,{children:o}))}return process.env.NODE_ENV!=="production"&&(n.displayName=`${t}Icon`),n.muiName=h.muiName,g.memo(g.forwardRef(n))}exports.createSvgIcon=O;
+"use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),x=require("react"),v=require("react/jsx-runtime");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const g=_(x);function $(o){return e.generateUtilityClass("MuiSvgIcon",o)}e.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const z=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],b=o=>{const{color:t,fontSize:r,classes:i}=o,n={root:["root",t!=="inherit"&&`color${e.capitalize(t)}`,`fontSize${e.capitalize(r)}`]};return e.composeClasses(n,$,i)},I=e.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.color!=="inherit"&&t[`color${e.capitalize(r.color)}`],t[`fontSize${e.capitalize(r.fontSize)}`]]}})(({theme:o,ownerState:t})=>{var r,i,n,u,f,a,m,d,y,l,c,p,s;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:t.hasSvgAsChild?void 0:"currentColor",flexShrink:0,transition:(r=o.transitions)==null||(i=r.create)==null?void 0:i.call(r,"fill",{duration:(n=o.transitions)==null||(n=n.duration)==null?void 0:n.shorter}),fontSize:{inherit:"inherit",small:((u=o.typography)==null||(f=u.pxToRem)==null?void 0:f.call(u,20))||"1.25rem",medium:((a=o.typography)==null||(m=a.pxToRem)==null?void 0:m.call(a,24))||"1.5rem",large:((d=o.typography)==null||(y=d.pxToRem)==null?void 0:y.call(d,35))||"2.1875rem"}[t.fontSize],color:(l=(c=(o.vars||o).palette)==null||(c=c[t.color])==null?void 0:c.main)!=null?l:{action:(p=(o.vars||o).palette)==null||(p=p.action)==null?void 0:p.active,disabled:(s=(o.vars||o).palette)==null||(s=s.action)==null?void 0:s.disabled,inherit:void 0}[t.color]}}),h=g.forwardRef(function(t,r){const i=e.useThemeProps({props:t,name:"MuiSvgIcon"}),{children:n,className:u,color:f="inherit",component:a="svg",fontSize:m="medium",htmlColor:d,inheritViewBox:y=!1,titleAccess:l,viewBox:c="0 0 24 24"}=i,p=e._objectWithoutPropertiesLoose(i,z),s=g.isValidElement(n)&&n.type==="svg",T=e._extends({},i,{color:f,component:a,fontSize:m,instanceFontSize:t.fontSize,inheritViewBox:y,viewBox:c,hasSvgAsChild:s}),S={};y||(S.viewBox=c);const P=b(T);return v.jsxs(I,e._extends({as:a,className:e.clsx(P.root,u),focusable:"false",color:d,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:r},S,p,s&&n.props,{ownerState:T,children:[s?n.props.children:n,l?v.jsx("title",{children:l}):null]}))});process.env.NODE_ENV!=="production"&&(h.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,fontSize:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","large","medium","small"]),e.PropTypes.string]),htmlColor:e.PropTypes.string,inheritViewBox:e.PropTypes.bool,shapeRendering: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]),titleAccess:e.PropTypes.string,viewBox:e.PropTypes.string});h.muiName="SvgIcon";function O(o,t){function r(i,n){return v.jsx(h,e._extends({"data-testid":`${t}Icon`,ref:n},i,{children:o}))}return process.env.NODE_ENV!=="production"&&(r.displayName=`${t}Icon`),r.muiName=h.muiName,g.memo(g.forwardRef(r))}exports.createSvgIcon=O;

package/dist/createSvgIcon-D3HDfwCm.js

@@ -0,0 +1,143 @@
+import { a as _, z as E, A as T, u as b, _ as C, h as P, g as S, B as I, T as $, C as v, P as r, e as O, D as B } from "./useThemeProps-CHytz5pp.js";
+import * as D from "react";
+import { jsx as w } from "react/jsx-runtime";
+import { e as R } from "./extendSxProp-DCdWqtQk.js";
+import { c as M } from "./createSvgIcon-D4Mxh_r9.js";
+import { c as q, i as F, u as j } from "./useControlled-BsLcOmhe.js";
+import { d as V, a as k, o as G } from "./ownerWindow-BoRkeomM.js";
+import { s as z, u as A, a as U } from "./useForkRef-DwN_Iz9R.js";
+import { u as W } from "./useId-BW-oWmul.js";
+import { a as H } from "./useTimeout-KN97abZR.js";
+import { u as L } from "./useIsFocusVisible-D8ksiuhS.js";
+function Y(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : (o, u, s, n, i) => {
+    const a = s || "<<anonymous>>", c = i || u;
+    return typeof o[u] < "u" ? new Error(`The ${n} \`${c}\` of \`${a}\` is deprecated. ${t}`) : null;
+  };
+}
+function J(e, t) {
+  if (process.env.NODE_ENV === "production")
+    return () => null;
+  const o = t ? _({}, t.propTypes) : null;
+  return (s) => (n, i, a, c, p, ...l) => {
+    const f = p || i, m = o == null ? void 0 : o[f];
+    if (m) {
+      const d = m(n, i, a, c, p, ...l);
+      if (d)
+        return d;
+    }
+    return typeof n[i] < "u" && !n[s] ? new Error(`The prop \`${f}\` of \`${e}\` can only be used together with the \`${s}\` prop.`) : null;
+  };
+}
+function K(e, t, o, u, s) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const n = s || t;
+  return typeof e[t] < "u" ? new Error(`The prop \`${n}\` is not supported. Please remove it.`) : null;
+}
+const Q = ["className", "component"];
+function X(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: o,
+    defaultClassName: u = "MuiBox-root",
+    generateClassName: s
+  } = e, n = E("div", {
+    shouldForwardProp: (a) => a !== "theme" && a !== "sx" && a !== "as"
+  })(T);
+  return /* @__PURE__ */ D.forwardRef(function(c, p) {
+    const l = b(o), f = R(c), {
+      className: m,
+      component: d = "div"
+    } = f, N = C(f, Q);
+    return /* @__PURE__ */ w(n, _({
+      as: d,
+      ref: p,
+      className: P(m, s ? s(u) : u),
+      theme: t && l[t] || l
+    }, N));
+  });
+}
+const Z = S("MuiBox", ["root"]), ee = Z, te = I(), y = X({
+  themeId: $,
+  defaultTheme: te,
+  defaultClassName: ee.root,
+  generateClassName: v.generate
+});
+process.env.NODE_ENV !== "production" && (y.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: r.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+const he = y;
+var g = { exports: {} };
+(function(e) {
+  function t(o) {
+    return o && o.__esModule ? o : {
+      default: o
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(g);
+var xe = g.exports, h = {};
+const oe = {
+  configure: (e) => {
+    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)), v.configure(e);
+  }
+}, re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: O,
+  createChainedFunction: q,
+  createSvgIcon: M,
+  debounce: V,
+  deprecatedPropType: Y,
+  isMuiElement: F,
+  ownerDocument: k,
+  ownerWindow: G,
+  requirePropFactory: J,
+  setRef: z,
+  unstable_ClassNameGenerator: oe,
+  unstable_useEnhancedEffect: A,
+  unstable_useId: W,
+  unsupportedProp: K,
+  useControlled: j,
+  useEventCallback: H,
+  useForkRef: U,
+  useIsFocusVisible: L
+}, Symbol.toStringTag, { value: "Module" })), se = /* @__PURE__ */ B(re);
+var x;
+function _e() {
+  return x || (x = 1, function(e) {
+    "use client";
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = se;
+  }(h)), h;
+}
+export {
+  he as B,
+  xe as i,
+  _e as r,
+  K as u
+};

package/dist/{createSvgIcon-qXNZi4k1.js → createSvgIcon-D4Mxh_r9.js}

@@ -1,11 +1,11 @@
-import { b, g as I, s as w, f as g, u as C, _ as T, a as S, h as N, P as o, e as R } from "./useThemeProps-B6yTTpAe.js";
+import { c as I, g as b, s as w, e as g, f as C, _ as T, a as S, h as N, P as o, j as R } from "./useThemeProps-CHytz5pp.js";
 import * as v from "react";
 import { jsxs as O, jsx as _ } from "react/jsx-runtime";
-function B(e) {
-  return b("MuiSvgIcon", e);
+function j(e) {
+  return I("MuiSvgIcon", e);
 }
-I("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const j = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], A = (e) => {
+b("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], A = (e) => {
   const {
     color: n,
     fontSize: t,
@@ -13,7 +13,7 @@ const j = ["children", "className", "color", "component", "fontSize", "htmlColor
   } = e, i = {
     root: ["root", n !== "inherit" && `color${g(n)}`, `fontSize${g(t)}`]
   };
-  return R(i, B, r);
+  return R(i, j, r);
 }, E = w("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -27,7 +27,7 @@ const j = ["children", "className", "color", "component", "fontSize", "htmlColor
   theme: e,
   ownerState: n
 }) => {
-  var t, r, i, u, f, c, h, d, m, s, a, p, l;
+  var t, r, i, d, f, c, h, u, m, s, a, p, l;
   return {
     userSelect: "none",
     width: "1em",
@@ -42,9 +42,9 @@ const j = ["children", "className", "color", "component", "fontSize", "htmlColor
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((u = e.typography) == null || (f = u.pxToRem) == null ? void 0 : f.call(u, 20)) || "1.25rem",
+      small: ((d = e.typography) == null || (f = d.pxToRem) == null ? void 0 : f.call(d, 20)) || "1.25rem",
       medium: ((c = e.typography) == null || (h = c.pxToRem) == null ? void 0 : h.call(c, 24)) || "1.5rem",
-      large: ((d = e.typography) == null || (m = d.pxToRem) == null ? void 0 : m.call(d, 35)) || "2.1875rem"
+      large: ((u = e.typography) == null || (m = u.pxToRem) == null ? void 0 : m.call(u, 35)) || "2.1875rem"
     }[n.fontSize],
     // TODO v5 deprecate, v6 remove for sx
     color: (s = (a = (e.vars || e).palette) == null || (a = a[n.color]) == null ? void 0 : a.main) != null ? s : {
@@ -59,15 +59,15 @@ const j = ["children", "className", "color", "component", "fontSize", "htmlColor
     name: "MuiSvgIcon"
   }), {
     children: i,
-    className: u,
+    className: d,
     color: f = "inherit",
     component: c = "svg",
     fontSize: h = "medium",
-    htmlColor: d,
+    htmlColor: u,
     inheritViewBox: m = !1,
     titleAccess: s,
     viewBox: a = "0 0 24 24"
-  } = r, p = T(r, j), l = /* @__PURE__ */ v.isValidElement(i) && i.type === "svg", x = S({}, r, {
+  } = r, p = T(r, B), l = /* @__PURE__ */ v.isValidElement(i) && i.type === "svg", x = S({}, r, {
     color: f,
     component: c,
     fontSize: h,
@@ -80,9 +80,9 @@ const j = ["children", "className", "color", "component", "fontSize", "htmlColor
   const z = A(x);
   return /* @__PURE__ */ O(E, S({
     as: c,
-    className: N(z.root, u),
+    className: N(z.root, d),
     focusable: "false",
-    color: d,
+    color: u,
     "aria-hidden": s ? void 0 : !0,
     role: s ? "img" : void 0,
     ref: t

package/dist/{extendSxProp-CvhhU9Vb.cjs → extendSxProp-D5gpnasP.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./useThemeProps-CDriK9TK.cjs"),c=["sx"],x=t=>{var s,r;const n={systemProps:{},otherProps:{}},i=(s=t==null||(r=t.theme)==null?void 0:r.unstable_sxConfig)!=null?s:o.defaultSxConfig;return Object.keys(t).forEach(e=>{i[e]?n.systemProps[e]=t[e]:n.otherProps[e]=t[e]}),n};function f(t){const{sx:s}=t,r=o._objectWithoutPropertiesLoose(t,c),{systemProps:n,otherProps:i}=x(r);let e;return Array.isArray(s)?e=[n,...s]:typeof s=="function"?e=(...u)=>{const l=s(...u);return o.isPlainObject(l)?o._extends({},n,l):n}:e=o._extends({},n,s),o._extends({},i,{sx:e})}exports.extendSxProp=f;
+"use strict";const o=require("./useThemeProps-C6ClLEqN.cjs"),c=["sx"],x=t=>{var s,r;const n={systemProps:{},otherProps:{}},i=(s=t==null||(r=t.theme)==null?void 0:r.unstable_sxConfig)!=null?s:o.defaultSxConfig;return Object.keys(t).forEach(e=>{i[e]?n.systemProps[e]=t[e]:n.otherProps[e]=t[e]}),n};function f(t){const{sx:s}=t,r=o._objectWithoutPropertiesLoose(t,c),{systemProps:n,otherProps:i}=x(r);let e;return Array.isArray(s)?e=[n,...s]:typeof s=="function"?e=(...u)=>{const l=s(...u);return o.isPlainObject(l)?o._extends({},n,l):n}:e=o._extends({},n,s),o._extends({},i,{sx:e})}exports.extendSxProp=f;

package/dist/{extendSxProp-BRHiEwyk.js → extendSxProp-DCdWqtQk.js}

@@ -1,4 +1,4 @@
-import { _ as a, a as i, d as c, i as f } from "./useThemeProps-B6yTTpAe.js";
+import { _ as a, a as i, d as c, i as f } from "./useThemeProps-CHytz5pp.js";
 const x = ["sx"], P = (t) => {
   var s, o;
   const n = {

package/dist/index.cjs.js

@@ -1 +1 @@
-var c=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/AnotherComponent/AnotherComponent.cjs.js"),n=require("./components/BasicButtons/BasicButtons.cjs.js"),o=require("./components/buttons/DefaultButton/DefaultButton.cjs.js"),e=require("./components/buttons/PrimaryButton/PrimaryButton.cjs.js"),u=require("./components/buttons/SecondaryButton/SecondaryButton.cjs.js"),r=require("./components/inputs/SearchInput/SearchInput.cjs.js"),s=require("./components/inputs/TextInput/TextInput.cjs.js");exports.AnotherComponent=t;exports.BasicButtons=n;exports.DefaultButton=o;exports.PrimaryButton=e;exports.SecondaryButton=u;exports.SearchInput=r;exports.TextInput=s;
+var m=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/AnotherComponent/AnotherComponent.cjs.js"),n=require("./components/BasicButtons/BasicButtons.cjs.js"),o=require("./components/Dropzone/Dropzone.cjs.js"),e=require("./DefaultButton-BD9W4fvr.cjs"),r=require("./components/buttons/IconButton/IconButton.cjs.js"),s=require("./components/buttons/PrimaryButton/PrimaryButton.cjs.js"),u=require("./components/buttons/SecondaryButton/SecondaryButton.cjs.js"),i=require("./components/inputs/SearchInput/SearchInput.cjs.js"),c=require("./components/inputs/TextInput/TextInput.cjs.js"),_=require("./components/lists/FileList/FileList.cjs.js"),p=require("./components/lists/FileList/FileListItem.cjs.js"),a=require("./Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=o;exports.DefaultButton=e.DefaultButton;exports.IconButton=r;exports.PrimaryButton=s;exports.SecondaryButton=u;exports.SearchInput=i;exports.TextInput=c;exports.FileList=_;exports.FileListItem=p;exports.Tab=a.Tab;

package/dist/index.es.js

@@ -1,17 +1,27 @@
 import "./assets/index.css";
 import { default as r } from "./components/AnotherComponent/AnotherComponent.es.js";
 import { default as f } from "./components/BasicButtons/BasicButtons.es.js";
-import { default as p } from "./components/buttons/DefaultButton/DefaultButton.es.js";
-import { default as n } from "./components/buttons/PrimaryButton/PrimaryButton.es.js";
-import { default as d } from "./components/buttons/SecondaryButton/SecondaryButton.es.js";
-import { default as x } from "./components/inputs/SearchInput/SearchInput.es.js";
-import { default as c } from "./components/inputs/TextInput/TextInput.es.js";
+import { default as p } from "./components/Dropzone/Dropzone.es.js";
+import { D as s } from "./DefaultButton-BlGFPRC7.js";
+import { default as n } from "./components/buttons/IconButton/IconButton.es.js";
+import { default as d } from "./components/buttons/PrimaryButton/PrimaryButton.es.js";
+import { default as B } from "./components/buttons/SecondaryButton/SecondaryButton.es.js";
+import { default as I } from "./components/inputs/SearchInput/SearchInput.es.js";
+import { default as T } from "./components/inputs/TextInput/TextInput.es.js";
+import { default as y } from "./components/lists/FileList/FileList.es.js";
+import { default as L } from "./components/lists/FileList/FileListItem.es.js";
+import { T as b } from "./Tab-Dgd9jYEq.js";
 export {
   r as AnotherComponent,
   f as BasicButtons,
-  p as DefaultButton,
-  n as PrimaryButton,
-  x as SearchInput,
-  d as SecondaryButton,
-  c as TextInput
+  s as DefaultButton,
+  p as Dropzone,
+  y as FileList,
+  L as FileListItem,
+  n as IconButton,
+  d as PrimaryButton,
+  I as SearchInput,
+  B as SecondaryButton,
+  b as Tab,
+  T as TextInput
 };

package/dist/ownerWindow-BoRkeomM.js

@@ -0,0 +1,23 @@
+function i(e, t = 166) {
+  let o;
+  function n(...u) {
+    const c = () => {
+      e.apply(this, u);
+    };
+    clearTimeout(o), o = setTimeout(c, t);
+  }
+  return n.clear = () => {
+    clearTimeout(o);
+  }, n;
+}
+function r(e) {
+  return e && e.ownerDocument || document;
+}
+function a(e) {
+  return r(e).defaultView || window;
+}
+export {
+  r as a,
+  i as d,
+  a as o
+};

package/dist/ownerWindow-Dk_4aaak.cjs

@@ -0,0 +1 @@
+"use strict";function i(e,o=166){let n;function t(...c){const r=()=>{e.apply(this,c)};clearTimeout(n),n=setTimeout(r,o)}return t.clear=()=>{clearTimeout(n)},t}function u(e){return e&&e.ownerDocument||document}function d(e){return u(e).defaultView||window}exports.debounce=i;exports.ownerDocument=u;exports.ownerWindow=d;

package/dist/refType-dllUCpD8.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./useThemeProps-C6ClLEqN.cjs");function c(n,e){return process.env.NODE_ENV==="production"?()=>null:function(...t){return n(...t)||e(...t)}}function f(n){const{prototype:e={}}=n;return!!e.isReactComponent}function l(n,e,i,t,u){const p=n[e],s=u||e;if(p==null||typeof window>"u")return null;let r;return typeof p=="function"&&!f(p)&&(r="Did you accidentally provide a plain function component instead?"),r!==void 0?new Error(`Invalid ${t} \`${s}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${r} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const a=c(o.PropTypes.elementType,l),y=o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object]),d=y;exports.chainPropTypes=c;exports.elementTypeAcceptingRef=a;exports.refType=d;

package/dist/refType-hKctx4k0.js

@@ -0,0 +1,29 @@
+import { P as o } from "./useThemeProps-CHytz5pp.js";
+function a(n, e) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...t) {
+    return n(...t) || e(...t);
+  };
+}
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function l(n, e, p, t, c) {
+  const r = n[e], u = c || e;
+  if (r == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let i;
+  return typeof r == "function" && !f(r) && (i = "Did you accidentally provide a plain function component instead?"), i !== void 0 ? new Error(`Invalid ${t} \`${u}\` supplied to \`${p}\`. Expected an element type that can hold a ref. ${i} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const y = a(o.elementType, l), s = o.oneOfType([o.func, o.object]), m = s;
+export {
+  a as c,
+  y as e,
+  m as r
+};

package/dist/useControlled-BsLcOmhe.js

@@ -0,0 +1,48 @@
+import * as u from "react";
+function d(...t) {
+  return t.reduce((o, e) => e == null ? o : function(...i) {
+    o.apply(this, i), e.apply(this, i);
+  }, () => {
+  });
+}
+function f(t, o) {
+  var e, n;
+  return /* @__PURE__ */ u.isValidElement(t) && o.indexOf(
+    // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    (e = t.type.muiName) != null ? e : (n = t.type) == null || (n = n._payload) == null || (n = n.value) == null ? void 0 : n.muiName
+  ) !== -1;
+}
+function h({
+  controlled: t,
+  default: o,
+  name: e,
+  state: n = "value"
+}) {
+  const {
+    current: i
+  } = u.useRef(t !== void 0), [r, s] = u.useState(o), c = i ? t : r;
+  if (process.env.NODE_ENV !== "production") {
+    u.useEffect(() => {
+      i !== (t !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${n} state of ${e} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${e} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [n, e, t]);
+    const {
+      current: l
+    } = u.useRef(o);
+    u.useEffect(() => {
+      !i && l !== o && console.error([`MUI: A component is changing the default ${n} state of an uncontrolled ${e} after being initialized. To suppress this warning opt to use a controlled ${e}.`].join(`
+`));
+    }, [JSON.stringify(o)]);
+  }
+  const a = u.useCallback((l) => {
+    i || s(l);
+  }, []);
+  return [c, a];
+}
+export {
+  d as c,
+  f as i,
+  h as u
+};

package/dist/useControlled-jN3fqFfv.cjs

@@ -0,0 +1,3 @@
+"use strict";const f=require("react");function d(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const r=d(f);function p(...e){return e.reduce((o,t)=>t==null?o:function(...i){o.apply(this,i),t.apply(this,i)},()=>{})}function h(e,o){var t,n;return r.isValidElement(e)&&o.indexOf((t=e.type.muiName)!=null?t:(n=e.type)==null||(n=n._payload)==null||(n=n.value)==null?void 0:n.muiName)!==-1}function m({controlled:e,default:o,name:t,state:n="value"}){const{current:i}=r.useRef(e!==void 0),[l,c]=r.useState(o),s=i?e:l;if(process.env.NODE_ENV!=="production"){r.useEffect(()=>{i!==(e!==void 0)&&console.error([`MUI: A component is changing the ${i?"":"un"}controlled ${n} state of ${t} to be ${i?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"].join(`
+`))},[n,t,e]);const{current:u}=r.useRef(o);r.useEffect(()=>{!i&&u!==o&&console.error([`MUI: A component is changing the default ${n} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`))},[JSON.stringify(o)])}const a=r.useCallback(u=>{i||c(u)},[]);return[s,a]}exports.createChainedFunction=p;exports.isMuiElement=h;exports.useControlled=m;

package/dist/useForkRef-CGd3Nhyb.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=r(o);function f(e,t){typeof e=="function"?e(t):e&&(e.current=t)}const s=typeof window<"u"?c.useLayoutEffect:c.useEffect;function i(...e){return c.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{f(n,t)})},e)}exports.setRef=f;exports.useEnhancedEffect=s;exports.useForkRef=i;

package/dist/useForkRef-DwN_Iz9R.js

@@ -0,0 +1,17 @@
+import * as t from "react";
+function f(e, n) {
+  typeof e == "function" ? e(n) : e && (e.current = n);
+}
+const o = typeof window < "u" ? t.useLayoutEffect : t.useEffect;
+function c(...e) {
+  return t.useMemo(() => e.every((n) => n == null) ? null : (n) => {
+    e.forEach((u) => {
+      f(u, n);
+    });
+  }, e);
+}
+export {
+  c as a,
+  f as s,
+  o as u
+};

package/dist/useIsFocusVisible-BF0lT08B.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react"),c=require("./useTimeout-qjxkiZZn.cjs");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=f(o);let i=!0,a=!1;const d=new c.Timeout,b={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function y(e){const{type:t,tagName:r}=e;return!!(r==="INPUT"&&b[t]&&!e.readOnly||r==="TEXTAREA"&&!e.readOnly||e.isContentEditable)}function h(e){e.metaKey||e.altKey||e.ctrlKey||(i=!0)}function s(){i=!1}function m(){this.visibilityState==="hidden"&&a&&(i=!0)}function p(e){e.addEventListener("keydown",h,!0),e.addEventListener("mousedown",s,!0),e.addEventListener("pointerdown",s,!0),e.addEventListener("touchstart",s,!0),e.addEventListener("visibilitychange",m,!0)}function g(e){const{target:t}=e;try{return t.matches(":focus-visible")}catch{}return i||y(t)}function w(){const e=l.useCallback(u=>{u!=null&&p(u.ownerDocument)},[]),t=l.useRef(!1);function r(){return t.current?(a=!0,d.start(100,()=>{a=!1}),t.current=!1,!0):!1}function n(u){return g(u)?(t.current=!0,!0):!1}return{isFocusVisibleRef:t,onFocus:n,onBlur:r,ref:e}}exports.useIsFocusVisible=w;