@intlayer/design-system 2.0.12 → 2.0.13

package/dist/components/IDE/FileTree.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),c=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),f=require("react"),v=require("../MaxHeightSmoother/index.cjs.js"),j=require("./createFileTree.cjs.js"),k=require("../../chevron-right-bKrhRS9t.cjs"),S=c.pt.div({display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",paddingTop:"0.25rem",paddingBottom:"0.25rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),R=c.pt.div(({$isActive:t})=>[{display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",whiteSpace:"pre",textWrap:"nowrap",paddingLeft:"0.5rem",paddingRight:"0.5rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",fontSize:"0.75rem",lineHeight:"1rem",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},t?{"--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(79, 79, 79, var(--tw-bg-opacity))"}}:{cursor:"pointer","&:hover":{"--tw-bg-opacity":"1",backgroundColor:"rgba(176, 176, 176, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{"--tw-bg-opacity":"1",backgroundColor:"rgba(61, 61, 61, var(--tw-bg-opacity))"}}]),E=c.pt.span(({$isFile:t})=>[{whiteSpace:"pre"},t&&{marginLeft:"0.5rem"}]),T=c.pt(k.ChevronRight)(({$isActive:t})=>[{transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},t&&{"--tw-rotate":"90deg",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),P=c.pt(v.MaxHeightSmoother)({overflowX:"hidden"}),g=t=>t.join("/"),q=({filesPaths:t,path:r,subPath:d,onClickFile:a,activeFile:l,prePaths:o,isFile:i})=>{const[n,h]=f.useState(!0),p=o.length+1,m=g([...o.slice(p-1,p),r]),x=g([...o,r]),w=t.map(s=>s.replace(/^\/?/,"")).filter(s=>s.startsWith(m)).map(s=>s.replace(m,"").replace(/^\/?/,"")),b=x===l,y=new Array(p).fill("  ").join("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(R,{$isActive:b,onClick:()=>{i?a==null||a(x):h(!n)},children:[e.jsxRuntimeExports.jsx(E,{$isFile:i,children:y}),!i&&e.jsxRuntimeExports.jsx(T,{size:16,$isActive:n}),r]},r),d&&e.jsxRuntimeExports.jsx(P,{isHidden:!n,children:e.jsxRuntimeExports.jsx(u,{filesPaths:w,activeFile:l,onClickFile:a,prePaths:[...o,r]})})]})},u=({filesPaths:t,activeFile:r,onClickFile:d,prePaths:a=[]})=>{const l=j.createFileTree(t);return e.jsxRuntimeExports.jsx(S,{children:l.map(({path:o,subPath:i,isFile:n})=>e.jsxRuntimeExports.jsx(q,{isFile:n,subPath:i,path:o,onClickFile:d,activeFile:r,prePaths:a,filesPaths:t},o))})};exports.FileTree=u;

package/dist/components/IDE/FileTree.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+type FileTreeProps = {
+    filesPaths: string[];
+    activeFile?: string;
+    onClickFile?: (filePath: string) => void;
+    prePaths?: string[];
+};
+export declare const FileTree: FC<FileTreeProps>;
+export {};

package/dist/components/IDE/FileTree.es.js

@@ -0,0 +1,112 @@
+"use client";
+import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as c } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { useState as y } from "react";
+import { MaxHeightSmoother as u } from "../MaxHeightSmoother/index.es.js";
+import { createFileTree as v } from "./createFileTree.es.js";
+import { C as k } from "../../chevron-right-D3LPoNy5.js";
+const j = c.div({
+  display: "flex",
+  width: "100%",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  justifyContent: "flex-start",
+  paddingTop: "0.25rem",
+  paddingBottom: "0.25rem",
+  "--tw-text-opacity": "1",
+  color: "rgba(93, 93, 93, var(--tw-text-opacity))",
+  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
+    "--tw-text-opacity": "1",
+    color: "rgba(136, 136, 136, var(--tw-text-opacity))"
+  }
+}), S = c.div(({
+  $isActive: t
+}) => [{
+  display: "flex",
+  width: "100%",
+  alignItems: "flex-start",
+  justifyContent: "flex-start",
+  whiteSpace: "pre",
+  textWrap: "nowrap",
+  paddingLeft: "0.5rem",
+  paddingRight: "0.5rem",
+  paddingTop: "0.25rem",
+  paddingBottom: "0.25rem",
+  fontSize: "0.75rem",
+  lineHeight: "1rem",
+  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+  transitionDuration: "150ms"
+}, t ? {
+  "--tw-bg-opacity": "1",
+  backgroundColor: "rgba(209, 209, 209, var(--tw-bg-opacity))",
+  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
+    "--tw-bg-opacity": "1",
+    backgroundColor: "rgba(79, 79, 79, var(--tw-bg-opacity))"
+  }
+} : {
+  cursor: "pointer",
+  "&:hover": {
+    "--tw-bg-opacity": "1",
+    backgroundColor: "rgba(176, 176, 176, var(--tw-bg-opacity))"
+  },
+  '&:where([data-theme="dark"], [data-theme="dark"] *):hover': {
+    "--tw-bg-opacity": "1",
+    backgroundColor: "rgba(61, 61, 61, var(--tw-bg-opacity))"
+  }
+}]), P = c.span(({
+  $isFile: t
+}) => [{
+  whiteSpace: "pre"
+}, t && {
+  marginLeft: "0.5rem"
+}]), T = c(k)(({
+  $isActive: t
+}) => [{
+  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+  transitionDuration: "150ms"
+}, t && {
+  "--tw-rotate": "90deg",
+  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
+}]), C = c(u)({
+  overflowX: "hidden"
+}), w = (t) => t.join("/"), z = ({
+  filesPaths: t,
+  path: r,
+  subPath: d,
+  onClickFile: a,
+  activeFile: l,
+  prePaths: o,
+  isFile: i
+}) => {
+  const [n, h] = y(!0), m = o.length + 1, p = w([...o.slice(m - 1, m), r]), g = w([...o, r]), f = t.map(
+    (s) => s.replace(/^\/?/, "")
+    // This regex matches the first slash, if it exists, at the start of the string)
+  ).filter((s) => s.startsWith(p)).map((s) => s.replace(p, "").replace(/^\/?/, "")), b = g === l, x = new Array(m).fill("  ").join("");
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(S, { $isActive: b, onClick: () => {
+      i ? a == null || a(g) : h(!n);
+    }, children: [
+      /* @__PURE__ */ e.jsx(P, { $isFile: i, children: x }),
+      !i && /* @__PURE__ */ e.jsx(T, { size: 16, $isActive: n }),
+      r
+    ] }, r),
+    d && /* @__PURE__ */ e.jsx(C, { isHidden: !n, children: /* @__PURE__ */ e.jsx(A, { filesPaths: f, activeFile: l, onClickFile: a, prePaths: [...o, r] }) })
+  ] });
+}, A = ({
+  filesPaths: t,
+  activeFile: r,
+  onClickFile: d,
+  prePaths: a = []
+}) => {
+  const l = v(t);
+  return /* @__PURE__ */ e.jsx(j, { children: l.map(({
+    path: o,
+    subPath: i,
+    isFile: n
+  }) => /* @__PURE__ */ e.jsx(z, { isFile: n, subPath: i, path: o, onClickFile: d, activeFile: r, prePaths: a, filesPaths: t }, o)) });
+};
+export {
+  A as FileTree
+};

package/dist/components/IDE/IDE.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),o=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("react"),g=require("../Container/index.cjs.js"),l=require("../../MarkDownRender-BeQGOIow.cjs"),b=o.pt(g.Container)({display:"flex",height:"100%",width:"100%",flexDirection:"column",overflow:"scroll","--tw-shadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),m=o.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-start",overflow:"scroll",borderTopLeftRadius:"1.5rem",borderTopRightRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),x=o.pt.div({marginLeft:"0.5rem",marginRight:"0.5rem",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"0.5rem",padding:"0.25rem"}),e=o.pt.div({height:"0.75rem",width:"0.75rem",borderRadius:"9999px"}),w=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(239 68 68 / var(--tw-bg-opacity))"}),u=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(234 179 8 / var(--tw-bg-opacity))"}),y=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(34 197 94 / var(--tw-bg-opacity))"}),h=o.pt.div(({$isActive:r})=>[{display:"flex",height:"2rem",minWidth:"5rem",alignItems:"center",justifyContent:"center",paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},r?{"--tw-bg-opacity":"1",backgroundColor:"rgba(231, 231, 231, var(--tw-bg-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}:{cursor:"pointer","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))","&:hover":{"--tw-bg-opacity":"1",backgroundColor:"rgba(176, 176, 176, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}]),v=o.pt.div({paddingLeft:"0.5rem",paddingTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem","@media (min-width: 768px)":{fontSize:"0.875rem",lineHeight:"1.25rem"}}),f=({tabs:r,isDarkMode:d})=>{const[a,c]=p.useState(0),{content:s}=r[a];return t.jsxRuntimeExports.jsxs(b,{roundedSize:"3xl",transparency:"none",children:[t.jsxRuntimeExports.jsxs(m,{children:[t.jsxRuntimeExports.jsxs(x,{children:[t.jsxRuntimeExports.jsx(w,{}),t.jsxRuntimeExports.jsx(u,{}),t.jsxRuntimeExports.jsx(y,{})]}),r.map(({title:i},n)=>t.jsxRuntimeExports.jsx(h,{onClick:()=>c(n),$isActive:a===n,children:i},i))]}),t.jsxRuntimeExports.jsx(v,{children:t.jsxRuntimeExports.jsx(l.MarkdownRenderer,{isDarkMode:d,children:s})})]})};exports.IDE=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),e=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),g=require("react"),j=require("../Container/index.cjs.js"),k=require("../WithResizer/index.cjs.js"),C=require("./FileTree.cjs.js"),R=require("../../MarkDownRender-7oiSvDiM.cjs"),S=e.pt(j.Container)({display:"flex",height:"100%",width:"100%",flexDirection:"column",justifyContent:"flex-start",overflow:"scroll","--tw-shadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),E=e.pt.div({position:"relative",display:"flex",height:"100%",width:"100%",flex:"1 1 0%",flexDirection:"row",justifyContent:"flex-start","--tw-shadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),T=e.pt.div({marginLeft:"0.5rem",marginRight:"0.5rem",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"0.5rem",padding:"0.25rem"}),I=e.pt.div({position:"absolute",left:"0px",top:"0px",height:"100%",width:"100%"}),p=e.pt.div({height:"0.75rem",width:"0.75rem",borderRadius:"9999px"}),D=e.pt(p)({"--tw-bg-opacity":"1",backgroundColor:"rgb(239 68 68 / var(--tw-bg-opacity))"}),_=e.pt(p)({"--tw-bg-opacity":"1",backgroundColor:"rgb(234 179 8 / var(--tw-bg-opacity))"}),z=e.pt(p)({"--tw-bg-opacity":"1",backgroundColor:"rgb(34 197 94 / var(--tw-bg-opacity))"}),q=e.pt.div({display:"flex",height:"100%",width:"100%",overflowY:"auto"}),B=e.pt.div({display:"flex",width:"auto",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"0.25rem",borderTopLeftRadius:"1.5rem",borderTopRightRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),P=e.pt.div(({$isActive:a})=>[{display:"flex",height:"2rem",minWidth:"5rem",alignItems:"center",justifyContent:"flex-start",paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},a?{"--tw-bg-opacity":"1",backgroundColor:"rgba(231, 231, 231, var(--tw-bg-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}:{cursor:"pointer","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))","&:hover":{"--tw-bg-opacity":"1",backgroundColor:"rgba(176, 176, 176, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}]),W=e.pt.div({height:"100%",width:"100%",flex:"1 1 0%",overflow:"auto",paddingTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem","@media (min-width: 768px)":{fontSize:"0.875rem",lineHeight:"1.25rem"}}),F=e.pt.div({display:"flex",height:"100%",width:"100%"}),M=({pages:a,isDarkMode:h,...w})=>{const[n,b]=g.useState(a),c=n.filter(({isOpen:o})=>o),m=c.findIndex(({isOpen:o})=>o),[l,x]=g.useState(m),{content:u,path:y}=n[l],f=a.map(({path:o})=>o),v=o=>{if(!n.find(({path:r})=>r===o))return;const i=n.map(r=>r.path===o?{...r,isOpen:!0}:r);b(i);const s=i.findIndex(({path:r})=>r===o);x(s)};return t.jsxRuntimeExports.jsxs(S,{roundedSize:"3xl",transparency:"none",...w,children:[t.jsxRuntimeExports.jsxs(B,{children:[t.jsxRuntimeExports.jsxs(T,{children:[t.jsxRuntimeExports.jsx(D,{}),t.jsxRuntimeExports.jsx(_,{}),t.jsxRuntimeExports.jsx(z,{})]}),t.jsxRuntimeExports.jsx(q,{children:c.map(({path:o},d)=>{const i=o.split("/"),s=i[i.length-1];return t.jsxRuntimeExports.jsx(P,{onClick:()=>x(d),$isActive:l===d,children:s},s)})})]}),t.jsxRuntimeExports.jsx(E,{children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsxs(F,{children:[t.jsxRuntimeExports.jsx(k.WithResizer,{initialWidth:20,children:t.jsxRuntimeExports.jsx(C.FileTree,{filesPaths:f,activeFile:y,onClickFile:v})}),t.jsxRuntimeExports.jsx(W,{children:t.jsxRuntimeExports.jsx(R.MarkdownRenderer,{isDarkMode:h,children:u})})]})})})]})};exports.IDE=M;

package/dist/components/IDE/IDE.d.ts

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import { HTMLAttributes, FC } from 'react';
 
 export type IDEProps = {
-    tabs: {
-        title: string;
+    pages: {
+        path: string;
         content: string;
+        isOpen?: boolean;
     }[];
     isDarkMode?: boolean;
-};
+} & HTMLAttributes<HTMLDivElement>;
 export declare const IDE: FC<IDEProps>;

package/dist/components/IDE/IDE.es.js

@@ -1,39 +1,33 @@
 "use client";
 import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
 import { p as o } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useState as p } from "react";
-import { Container as s } from "../Container/index.es.js";
-import { a as l } from "../../MarkDownRender-gURA8GAt.js";
-const b = o(s)({
+import { useState as h } from "react";
+import { Container as k } from "../Container/index.es.js";
+import { WithResizer as C } from "../WithResizer/index.es.js";
+import { FileTree as j } from "./FileTree.es.js";
+import { M as S } from "../../MarkDownRender-JEDIcxQT.js";
+const T = o(k)({
   display: "flex",
   height: "100%",
   width: "100%",
   flexDirection: "column",
+  justifyContent: "flex-start",
   overflow: "scroll",
   "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
   boxShadow: "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
-}), m = o.div({
+}), R = o.div({
+  position: "relative",
   display: "flex",
+  height: "100%",
   width: "100%",
-  alignItems: "center",
+  flex: "1 1 0%",
+  flexDirection: "row",
   justifyContent: "flex-start",
-  overflow: "scroll",
-  borderTopLeftRadius: "1.5rem",
-  borderTopRightRadius: "1.5rem",
-  "--tw-bg-opacity": "1",
-  backgroundColor: "rgba(209, 209, 209, var(--tw-bg-opacity))",
-  fontSize: "0.75rem",
-  lineHeight: "1rem",
-  "--tw-text-opacity": "1",
-  color: "rgba(93, 93, 93, var(--tw-text-opacity))",
-  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(48, 48, 48, var(--tw-bg-opacity))",
-    "--tw-text-opacity": "1",
-    color: "rgba(136, 136, 136, var(--tw-text-opacity))"
-  }
-}), w = o.div({
+  "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
+  boxShadow: "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
+}), z = o.div({
   marginLeft: "0.5rem",
   marginRight: "0.5rem",
   display: "flex",
@@ -41,27 +35,59 @@ const b = o(s)({
   justifyContent: "flex-start",
   gap: "0.5rem",
   padding: "0.25rem"
-}), a = o.div({
+}), I = o.div({
+  position: "absolute",
+  left: "0px",
+  top: "0px",
+  height: "100%",
+  width: "100%"
+}), c = o.div({
   height: "0.75rem",
   width: "0.75rem",
   borderRadius: "9999px"
-}), h = o(a)({
+}), B = o(c)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(239 68 68 / var(--tw-bg-opacity))"
-}), y = o(a)({
+}), D = o(c)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(234 179 8 / var(--tw-bg-opacity))"
-}), x = o(a)({
+}), P = o(c)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(34 197 94 / var(--tw-bg-opacity))"
-}), u = o.div(({
-  $isActive: r
+}), W = o.div({
+  display: "flex",
+  height: "100%",
+  width: "100%",
+  overflowY: "auto"
+}), F = o.div({
+  display: "flex",
+  width: "auto",
+  flexDirection: "row",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  gap: "0.25rem",
+  borderTopLeftRadius: "1.5rem",
+  borderTopRightRadius: "1.5rem",
+  "--tw-bg-opacity": "1",
+  backgroundColor: "rgba(209, 209, 209, var(--tw-bg-opacity))",
+  fontSize: "0.75rem",
+  lineHeight: "1rem",
+  "--tw-text-opacity": "1",
+  color: "rgba(93, 93, 93, var(--tw-text-opacity))",
+  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
+    "--tw-bg-opacity": "1",
+    backgroundColor: "rgba(48, 48, 48, var(--tw-bg-opacity))",
+    "--tw-text-opacity": "1",
+    color: "rgba(136, 136, 136, var(--tw-text-opacity))"
+  }
+}), M = o.div(({
+  $isActive: i
 }) => [{
   display: "flex",
   height: "2rem",
   minWidth: "5rem",
   alignItems: "center",
-  justifyContent: "center",
+  justifyContent: "flex-start",
   paddingLeft: "0.75rem",
   paddingRight: "0.75rem",
   paddingTop: "0.25rem",
@@ -69,7 +95,7 @@ const b = o(s)({
   transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
   transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
   transitionDuration: "150ms"
-}, r ? {
+}, i ? {
   "--tw-bg-opacity": "1",
   backgroundColor: "rgba(231, 231, 231, var(--tw-bg-opacity))",
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
@@ -92,8 +118,11 @@ const b = o(s)({
     "--tw-bg-opacity": "1",
     backgroundColor: "rgba(39, 39, 39, var(--tw-bg-opacity))"
   }
-}]), f = o.div({
-  paddingLeft: "0.5rem",
+}]), A = o.div({
+  height: "100%",
+  width: "100%",
+  flex: "1 1 0%",
+  overflow: "auto",
   paddingTop: "0.5rem",
   fontSize: "0.75rem",
   lineHeight: "1rem",
@@ -101,27 +130,58 @@ const b = o(s)({
     fontSize: "0.875rem",
     lineHeight: "1.25rem"
   }
-}), T = ({
-  tabs: r,
-  isDarkMode: d
+}), H = o.div({
+  display: "flex",
+  height: "100%",
+  width: "100%"
+}), J = ({
+  pages: i,
+  isDarkMode: w,
+  ...x
 }) => {
-  const [e, c] = p(0), {
-    content: g
-  } = r[e];
-  return /* @__PURE__ */ t.jsxs(b, { roundedSize: "3xl", transparency: "none", children: [
-    /* @__PURE__ */ t.jsxs(m, { children: [
-      /* @__PURE__ */ t.jsxs(w, { children: [
-        /* @__PURE__ */ t.jsx(h, {}),
-        /* @__PURE__ */ t.jsx(y, {}),
-        /* @__PURE__ */ t.jsx(x, {})
+  const [n, b] = h(i), l = n.filter(({
+    isOpen: e
+  }) => e), m = l.findIndex(({
+    isOpen: e
+  }) => e), [p, g] = h(m), {
+    content: f,
+    path: y
+  } = n[p], u = i.map(({
+    path: e
+  }) => e), v = (e) => {
+    if (!n.find(({
+      path: r
+    }) => r === e)) return;
+    const a = n.map((r) => r.path === e ? {
+      ...r,
+      isOpen: !0
+    } : r);
+    b(a);
+    const d = a.findIndex(({
+      path: r
+    }) => r === e);
+    g(d);
+  };
+  return /* @__PURE__ */ t.jsxs(T, { roundedSize: "3xl", transparency: "none", ...x, children: [
+    /* @__PURE__ */ t.jsxs(F, { children: [
+      /* @__PURE__ */ t.jsxs(z, { children: [
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(D, {}),
+        /* @__PURE__ */ t.jsx(P, {})
       ] }),
-      r.map(({
-        title: i
-      }, n) => /* @__PURE__ */ t.jsx(u, { onClick: () => c(n), $isActive: e === n, children: i }, i))
+      /* @__PURE__ */ t.jsx(W, { children: l.map(({
+        path: e
+      }, s) => {
+        const a = e.split("/"), d = a[a.length - 1];
+        return /* @__PURE__ */ t.jsx(M, { onClick: () => g(s), $isActive: p === s, children: d }, d);
+      }) })
     ] }),
-    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(l, { isDarkMode: d, children: g }) })
+    /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(I, { children: /* @__PURE__ */ t.jsxs(H, { children: [
+      /* @__PURE__ */ t.jsx(C, { initialWidth: 20, children: /* @__PURE__ */ t.jsx(j, { filesPaths: u, activeFile: y, onClickFile: v }) }),
+      /* @__PURE__ */ t.jsx(A, { children: /* @__PURE__ */ t.jsx(S, { isDarkMode: w, children: f }) })
+    ] }) }) })
   ] });
 };
 export {
-  T as IDE
+  J as IDE
 };

package/dist/components/IDE/MarkDownRender.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../jsx-runtime-D6agescH.cjs");const e=require("../../MarkDownRender-BeQGOIow.cjs");require("./CodeRender.cjs.js");exports.MarkdownRenderer=e.MarkdownRenderer;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../jsx-runtime-D6agescH.cjs");const e=require("../../MarkDownRender-7oiSvDiM.cjs");require("./CodeRender.cjs.js");exports.MarkdownRenderer=e.MarkdownRenderer;

package/dist/components/IDE/MarkDownRender.es.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../jsx-runtime-Tw_Kw2GZ.js";
-import { a } from "../../MarkDownRender-gURA8GAt.js";
+import { M as i } from "../../MarkDownRender-JEDIcxQT.js";
 import "./CodeRender.es.js";
 export {
-  a as MarkdownRenderer
+  i as MarkdownRenderer
 };

package/dist/components/IDE/createFileTree.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=h=>{const r={path:"",subPath:[],isFile:!1};return h.forEach(n=>{const a=n.split("/").filter(t=>t!=="");let e=r;for(let t=0;t<a.length;t++){const i=a[t],l=t===a.length-1;e.subPath||(e.subPath=[]);let s=e.subPath.find(o=>o.path===i);s||(s={path:i,isFile:l,subPath:l?void 0:[]},e.subPath.push(s)),e=s}}),r.subPath??[]};exports.createFileTree=u;

package/dist/components/IDE/createFileTree.d.ts

@@ -0,0 +1,6 @@
+export type FilePath = {
+    path: string;
+    subPath?: FilePath[];
+    isFile: boolean;
+};
+export declare const createFileTree: (paths: string[]) => FilePath[];

package/dist/components/IDE/createFileTree.es.js

@@ -0,0 +1,25 @@
+"use client";
+const u = (l) => {
+  const h = {
+    path: "",
+    subPath: [],
+    isFile: !1
+  };
+  return l.forEach((n) => {
+    const a = n.split("/").filter((t) => t !== "");
+    let e = h;
+    for (let t = 0; t < a.length; t++) {
+      const i = a[t], r = t === a.length - 1;
+      e.subPath || (e.subPath = []);
+      let s = e.subPath.find((o) => o.path === i);
+      s || (s = {
+        path: i,
+        isFile: r,
+        subPath: r ? void 0 : []
+      }, e.subPath.push(s)), e = s;
+    }
+  }), h.subPath ?? [];
+};
+export {
+  u as createFileTree
+};

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),d=require("../../MarkDownRender-BeQGOIow.cjs"),c=require("../Container/index.cjs.js"),o=require("../Headers/index.cjs.js"),i=require("../Headers/SectionScroller.cjs.js"),s=require("../IDE/CodeRender.cjs.js");require("../IDE/IDE.cjs.js");const p=r.pt.strong({borderRadius:"0.25rem",backgroundColor:"rgba(231, 231, 231, 0.6)",padding:"0.25rem","--tw-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--tw-shadow-colored":"0 1px 2px 0 var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.6)"}}),l=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),x=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),m=r.pt.div({display:"flex",flexDirection:"column",gap:"1.5rem",padding:"2.5rem","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}),w=r.pt.a({"--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",textDecorationLine:"underline",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),u=r.pt.img({maxWidth:"100%",borderRadius:"0.375rem"}),b=r.pt.blockquote({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",borderLeftWidth:"4px","--tw-border-opacity":"1",borderColor:"rgba(231, 231, 231, var(--tw-border-opacity))",paddingLeft:"1.25rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-border-opacity":"1",borderColor:"rgba(39, 39, 39, var(--tw-border-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),g=({children:a,isDarkMode:n})=>t.jsxRuntimeExports.jsx(d.Markdown,{options:{overrides:{h1:{component:o.H1},h2:{component:o.H2},h3:{component:o.H3},code:{component:e=>typeof e.className>"u"?t.jsxRuntimeExports.jsx(p,{children:e.children}):t.jsxRuntimeExports.jsx(c.Container,{className:"max-w-full overflow-x-scroll",children:t.jsxRuntimeExports.jsx(s.Code,{isDarkMode:n,showLineNumbers:!1,...e})})},blockquote:e=>t.jsxRuntimeExports.jsx(b,{...e}),ul:l,ol:x,img:e=>t.jsxRuntimeExports.jsx(u,{...e,loading:"lazy",src:`${e.src}?raw=true`}),a:w},wrapper:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.SectionScroller,{}),t.jsxRuntimeExports.jsx(m,{...e})]})},children:a??""});exports.MarkdownRenderer=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),d=require("../../MarkDownRender-7oiSvDiM.cjs"),c=require("../Container/index.cjs.js"),o=require("../Headers/index.cjs.js"),i=require("../Headers/SectionScroller.cjs.js"),s=require("../IDE/CodeRender.cjs.js");require("../IDE/IDE.cjs.js");const p=r.pt.strong({borderRadius:"0.25rem",backgroundColor:"rgba(231, 231, 231, 0.6)",padding:"0.25rem","--tw-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--tw-shadow-colored":"0 1px 2px 0 var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.6)"}}),l=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),x=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),m=r.pt.div({display:"flex",flexDirection:"column",gap:"1.5rem",padding:"2.5rem","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}),w=r.pt.a({"--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",textDecorationLine:"underline",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),u=r.pt.img({maxWidth:"100%",borderRadius:"0.375rem"}),b=r.pt.blockquote({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",borderLeftWidth:"4px","--tw-border-opacity":"1",borderColor:"rgba(231, 231, 231, var(--tw-border-opacity))",paddingLeft:"1.25rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-border-opacity":"1",borderColor:"rgba(39, 39, 39, var(--tw-border-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),g=({children:a,isDarkMode:n})=>t.jsxRuntimeExports.jsx(d.Markdown,{options:{overrides:{h1:{component:o.H1},h2:{component:o.H2},h3:{component:o.H3},code:{component:e=>typeof e.className>"u"?t.jsxRuntimeExports.jsx(p,{children:e.children}):t.jsxRuntimeExports.jsx(c.Container,{className:"max-w-full overflow-x-scroll",children:t.jsxRuntimeExports.jsx(s.Code,{isDarkMode:n,showLineNumbers:!1,...e})})},blockquote:e=>t.jsxRuntimeExports.jsx(b,{...e}),ul:l,ol:x,img:e=>t.jsxRuntimeExports.jsx(u,{...e,loading:"lazy",src:`${e.src}?raw=true`}),a:w},wrapper:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.SectionScroller,{}),t.jsxRuntimeExports.jsx(m,{...e})]})},children:a??""});exports.MarkdownRenderer=g;

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

@@ -1,7 +1,7 @@
 "use client";
 import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
 import { p as o } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { M as d } from "../../MarkDownRender-gURA8GAt.js";
+import { a as d } from "../../MarkDownRender-JEDIcxQT.js";
 import { Container as c } from "../Container/index.es.js";
 import { H1 as i, H2 as l, H3 as p } from "../Headers/index.es.js";
 import { SectionScroller as n } from "../Headers/SectionScroller.es.js";

package/dist/components/RedirectionButton/RedirectionButton.cjs.js

@@ -1,6 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),s=require("../../createLucideIcon-ZOnO-fn6.cjs");/**
- * @license lucide-react v0.376.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const i=s.createLucideIcon("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),c=r.pt.button({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",borderRadius:"0.25rem",padding:"0.5rem","&:hover":{backgroundColor:"rgb(241 245 249 / 0.3)"},"&:focus":{outline:"2px solid transparent",outlineOffset:"2px"},"&:disabled":{cursor:"not-allowed",opacity:"0.5"}}),u=({children:t,label:o,...n})=>e.jsxRuntimeExports.jsxs(c,{"aria-label":o,...n,children:[t,e.jsxRuntimeExports.jsx(i,{})]});exports.RedirectionButton=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),s=require("../../chevron-right-bKrhRS9t.cjs"),i=r.pt.button({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",borderRadius:"0.25rem",padding:"0.5rem","&:hover":{backgroundColor:"rgb(241 245 249 / 0.3)"},"&:focus":{outline:"2px solid transparent",outlineOffset:"2px"},"&:disabled":{cursor:"not-allowed",opacity:"0.5"}}),u=({children:t,label:o,...n})=>e.jsxRuntimeExports.jsxs(i,{"aria-label":o,...n,children:[t,e.jsxRuntimeExports.jsx(s.ChevronRight,{})]});exports.RedirectionButton=u;

package/dist/components/RedirectionButton/RedirectionButton.es.js

@@ -1,16 +1,8 @@
 "use client";
 import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
 import { p as n } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { c as i } from "../../createLucideIcon-DlZEiEGq.js";
-/**
- * @license lucide-react v0.376.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const s = i("ChevronRight", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]), a = n.button({
+import { C as s } from "../../chevron-right-D3LPoNy5.js";
+const i = n.button({
   display: "flex",
   width: "100%",
   alignItems: "center",
@@ -29,14 +21,14 @@ const s = i("ChevronRight", [
     cursor: "not-allowed",
     opacity: "0.5"
   }
-}), l = ({
+}), d = ({
   children: e,
   label: o,
   ...r
-}) => /* @__PURE__ */ t.jsxs(a, { "aria-label": o, ...r, children: [
+}) => /* @__PURE__ */ t.jsxs(i, { "aria-label": o, ...r, children: [
   e,
   /* @__PURE__ */ t.jsx(s, {})
 ] });
 export {
-  l as RedirectionButton
+  d as RedirectionButton
 };

package/dist/components/RightDrawer/RightDrawer.cjs.js

@@ -1,8 +1,8 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),t=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),c=require("react"),g=require("../../hooks/useDevice.cjs.js"),j=require("../../hooks/useScrollBlockage/index.cjs.js"),y=require("../Container/index.cjs.js"),S=require("../MaxWidthSmoother/index.cjs.js"),R=require("./useRightDrawerStore.cjs.js"),v=require("../../createLucideIcon-ZOnO-fn6.cjs"),w=require("../../x-DIXoN4xe.cjs");/**
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),t=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),c=require("react"),g=require("../../hooks/useDevice.cjs.js"),j=require("../../hooks/useScrollBlockage/index.cjs.js"),y=require("../Container/index.cjs.js"),w=require("../MaxWidthSmoother/index.cjs.js"),S=require("./useRightDrawerStore.cjs.js"),R=require("../../createLucideIcon-ZOnO-fn6.cjs"),v=require("../../x-DIXoN4xe.cjs");/**
  * @license lucide-react v0.376.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const C=v.createLucideIcon("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),E=t.pt.div({position:"fixed",right:"0px",top:"0px",zIndex:"50",display:"flex",height:"100%",justifyContent:"flex-end"}),_=t.pt(y.Container)(()=>[{position:"relative",display:"flex",height:"100vh",width:"100vw",flexDirection:"column","@media (min-width: 768px)":{width:"400px"}}]),D=t.pt.div({display:"flex",flexDirection:"column",gap:"0.75rem",padding:"1.5rem"}),q=t.pt.div({display:"flex",justifyContent:"space-between",gap:"0.75rem"}),L=t.pt.div({display:"flex",height:"100%",flexDirection:"column",overflowY:"auto",padding:"0.5rem"}),k=t.pt.div({flex:"1 1 0%"}),I=t.pt.button({display:"flex",cursor:"pointer",flexDirection:"row",alignItems:"center",gap:"0.25rem",textAlign:"left"}),M=t.pt.h2({display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"700"}),z=t.pt(w.X)`
+ */const C=R.createLucideIcon("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),E=t.pt.div({position:"fixed",right:"0px",top:"0px",zIndex:"50",display:"flex",height:"100%",justifyContent:"flex-end"}),_=t.pt(y.Container)(()=>[{position:"relative",display:"flex",height:"100vh",width:"100vw",flexDirection:"column","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))","@media (min-width: 768px)":{width:"400px"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}]),D=t.pt.div({display:"flex",flexDirection:"column",gap:"0.75rem",padding:"1.5rem"}),q=t.pt.div({display:"flex",justifyContent:"space-between",gap:"0.75rem"}),k=t.pt.div({display:"flex",height:"100%",flexDirection:"column",overflowY:"auto",padding:"0.5rem"}),L=t.pt.div({flex:"1 1 0%"}),I=t.pt.button({display:"flex",cursor:"pointer",flexDirection:"row",alignItems:"center",gap:"0.25rem",textAlign:"left"}),b=t.pt.h2({display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"700"}),M=t.pt(v.X)`
   ${{marginLeft:"auto",cursor:"pointer"}}
-`,H=({title:x,identifier:s,children:u,header:a,closeOnOutsideClick:d=!0,backButton:n})=>{const{isMobile:p}=g.useDevice("md"),l=c.useRef(null),h=c.useRef(null),{isOpen:i,close:o}=R.useRightDrawerStore(s)();j.useScrollBlockage({disableScroll:i,key:s?"right_drawer":`right_drawer_${s}`}),c.useEffect(()=>{const r=f=>{i&&d&&l.current&&!l.current.contains(f.target)&&o()};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i,o,d]);const m=r=>{r.target===r.currentTarget&&p&&o()};return e.jsxRuntimeExports.jsx(E,{children:e.jsxRuntimeExports.jsx(S.MaxWidthSmoother,{isHidden:!i,align:"right",children:e.jsxRuntimeExports.jsxs(_,{ref:l,roundedSize:"none",children:[e.jsxRuntimeExports.jsxs(D,{children:[e.jsxRuntimeExports.jsxs(q,{children:[e.jsxRuntimeExports.jsx("div",{children:n&&e.jsxRuntimeExports.jsxs(I,{onClick:n.onBack,children:[e.jsxRuntimeExports.jsx(C,{}),n==null?void 0:n.text]})}),e.jsxRuntimeExports.jsx(z,{onClick:o})]}),e.jsxRuntimeExports.jsx(M,{children:x}),a]}),e.jsxRuntimeExports.jsx(L,{children:e.jsxRuntimeExports.jsx(k,{onClick:m,ref:h,children:u})})]})})})};exports.RightDrawer=H;
+`,z=({title:a,identifier:s,children:x,header:u,closeOnOutsideClick:d=!0,backButton:n})=>{const{isMobile:p}=g.useDevice("md"),l=c.useRef(null),h=c.useRef(null),{isOpen:i,close:o}=S.useRightDrawerStore(s)();j.useScrollBlockage({disableScroll:i,key:s?"right_drawer":`right_drawer_${s}`}),c.useEffect(()=>{const r=f=>{i&&d&&l.current&&!l.current.contains(f.target)&&o()};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i,o,d]);const m=r=>{r.target===r.currentTarget&&p&&o()};return e.jsxRuntimeExports.jsx(E,{children:e.jsxRuntimeExports.jsx(w.MaxWidthSmoother,{isHidden:!i,align:"right",children:e.jsxRuntimeExports.jsxs(_,{ref:l,roundedSize:"none",children:[e.jsxRuntimeExports.jsxs(D,{children:[e.jsxRuntimeExports.jsxs(q,{children:[e.jsxRuntimeExports.jsx("div",{children:n&&e.jsxRuntimeExports.jsxs(I,{onClick:n.onBack,children:[e.jsxRuntimeExports.jsx(C,{}),n==null?void 0:n.text]})}),e.jsxRuntimeExports.jsx(M,{onClick:o})]}),e.jsxRuntimeExports.jsx(b,{children:a}),u]}),e.jsxRuntimeExports.jsx(k,{children:e.jsxRuntimeExports.jsx(L,{onClick:m,ref:h,children:x})})]})})})};exports.RightDrawer=z;