@intlayer/design-system 2.0.13 → 3.0.0

package/dist/components/RightDrawer/RightDrawer.es.js

@@ -1,124 +0,0 @@
-"use client";
-import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as t } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useRef as c, useEffect as g } from "react";
-import { useDevice as y } from "../../hooks/useDevice.es.js";
-import { useScrollBlockage as v } from "../../hooks/useScrollBlockage/index.es.js";
-import { Container as w } from "../Container/index.es.js";
-import { MaxWidthSmoother as S } from "../MaxWidthSmoother/index.es.js";
-import { useRightDrawerStore as j } from "./useRightDrawerStore.es.js";
-import { c as C } from "../../createLucideIcon-DlZEiEGq.js";
-import { X as D } from "../../x-BKwnSvvj.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 L = C("ChevronLeft", [
-  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
-]), R = t.div({
-  position: "fixed",
-  right: "0px",
-  top: "0px",
-  zIndex: "50",
-  display: "flex",
-  height: "100%",
-  justifyContent: "flex-end"
-}), k = t(w)(() => [{
-  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))"
-  }
-}]), E = t.div({
-  display: "flex",
-  flexDirection: "column",
-  gap: "0.75rem",
-  padding: "1.5rem"
-}), I = t.div({
-  display: "flex",
-  justifyContent: "space-between",
-  gap: "0.75rem"
-}), z = t.div({
-  display: "flex",
-  height: "100%",
-  flexDirection: "column",
-  overflowY: "auto",
-  padding: "0.5rem"
-}), H = t.div({
-  flex: "1 1 0%"
-}), _ = t.button({
-  display: "flex",
-  cursor: "pointer",
-  flexDirection: "row",
-  alignItems: "center",
-  gap: "0.25rem",
-  textAlign: "left"
-}), M = t.h2({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: "1.125rem",
-  lineHeight: "1.75rem",
-  fontWeight: "700"
-}), P = t(D)`
-  ${{
-  marginLeft: "auto",
-  cursor: "pointer"
-}}
-`, F = ({
-  title: a,
-  identifier: l,
-  children: m,
-  header: p,
-  closeOnOutsideClick: d = !0,
-  backButton: r
-}) => {
-  const {
-    isMobile: f
-  } = y("md"), s = c(null), x = c(null), {
-    isOpen: n,
-    close: o
-  } = j(l)();
-  v({
-    disableScroll: n,
-    key: l ? "right_drawer" : `right_drawer_${l}`
-  }), g(() => {
-    const i = (u) => {
-      n && d && s.current && !s.current.contains(u.target) && o();
-    };
-    return document.addEventListener("mousedown", i), () => {
-      document.removeEventListener("mousedown", i);
-    };
-  }, [n, o, d]);
-  const h = (i) => {
-    i.target === i.currentTarget && f && o();
-  };
-  return /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(S, { isHidden: !n, align: "right", children: /* @__PURE__ */ e.jsxs(k, { ref: s, roundedSize: "none", children: [
-    /* @__PURE__ */ e.jsxs(E, { children: [
-      /* @__PURE__ */ e.jsxs(I, { children: [
-        /* @__PURE__ */ e.jsx("div", { children: r && /* @__PURE__ */ e.jsxs(_, { onClick: r.onBack, children: [
-          /* @__PURE__ */ e.jsx(L, {}),
-          r == null ? void 0 : r.text
-        ] }) }),
-        /* @__PURE__ */ e.jsx(P, { onClick: o })
-      ] }),
-      /* @__PURE__ */ e.jsx(M, { children: a }),
-      p
-    ] }),
-    /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(H, { onClick: h, ref: x, children: m }) })
-  ] }) }) });
-};
-export {
-  F as RightDrawer
-};

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

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

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

@@ -1,8 +0,0 @@
-"use client";
-import { RightDrawer as t } from "./RightDrawer.es.js";
-import { createRightDrawerStore as a, useRightDrawerStore as i } from "./useRightDrawerStore.es.js";
-export {
-  t as RightDrawer,
-  a as createRightDrawerStore,
-  i as useRightDrawerStore
-};

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("zustand"),t=()=>s.create(e=>({isOpen:!1,open:()=>e({isOpen:!0}),close:()=>e({isOpen:!1})})),r={},o=e=>(r[e]||(r[e]=t()),r[e]);exports.createRightDrawerStore=t;exports.useRightDrawerStore=o;

package/dist/components/RightDrawer/useRightDrawerStore.es.js

@@ -1,15 +0,0 @@
-"use client";
-import { create as t } from "zustand";
-const o = () => t((e) => ({
-  isOpen: !1,
-  open: () => e({
-    isOpen: !0
-  }),
-  close: () => e({
-    isOpen: !1
-  })
-})), r = {}, n = (e) => (r[e] || (r[e] = o()), r[e]);
-export {
-  o as createRightDrawerStore,
-  n as useRightDrawerStore
-};

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),i=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),g=require("react"),j=require("../Button/index.cjs.js"),b=require("../Container/index.cjs.js"),x=require("../DropDown/index.cjs.js"),e=require("./types.cjs.js"),s=require("../../sun-BQYZHcpc.cjs"),k=i.pt.div({position:"relative",width:"100%",padding:"0.125rem"}),y=i.pt(j.Button)({width:"100%",cursor:"pointer",borderRadius:"0.5rem",padding:"0.25rem",textAlign:"left","&:hover":{backgroundColor:"rgba(18, 18, 18, 0.1)"},"&:focus":{backgroundColor:"rgba(255, 245, 237, 0.2)",outline:"2px solid transparent",outlineOffset:"2px"},"&:disabled":{color:"rgba(255, 255, 255, 0.25)"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{backgroundColor:"rgba(255, 245, 237, 0.1)"},'&:where([data-theme="dark"], [data-theme="dark"] *):focus':{backgroundColor:"rgba(255, 245, 237, 0.2)"}}),l=({Icon:r,ref:d,children:n,...m})=>t.jsxRuntimeExports.jsx(k,{children:t.jsxRuntimeExports.jsx(y,{Icon:r,"data-mode":"system",variant:"none",...m,children:n})}),M=i.pt(x.DropDown.Trigger)({padding:"0.5rem"}),w=i.pt(b.Container)({minWidth:"100px",alignItems:"flex-start",padding:"0.25rem"}),S=({theme:r,setTheme:d,systemTheme:n})=>{const p=n===r?e.Modes.system:r,[o,h]=g.useState(p),a=c=>{c===e.Modes.system?d(n??e.Modes.light):d(c),h(c)},u="theme-switcher";return t.jsxRuntimeExports.jsxs(M,{identifier:u,"aria-label":"Theme selector",children:[o===e.Modes.system&&t.jsxRuntimeExports.jsx(s.CircleDashed,{"data-mode":"system"}),o===e.Modes.light&&t.jsxRuntimeExports.jsx(s.Sun,{"data-mode":"light"}),o===e.Modes.dark&&t.jsxRuntimeExports.jsx(s.Moon,{"data-mode":"dark"}),t.jsxRuntimeExports.jsx(x.DropDown,{identifier:u,isFocusable:!0,isOverable:!0,children:t.jsxRuntimeExports.jsxs(w,{separator:"y",children:[t.jsxRuntimeExports.jsx(l,{Icon:s.CircleDashed,onClick:()=>a(e.Modes.system),isActive:o===e.Modes.system,label:"Restore to system mode",children:"System"}),t.jsxRuntimeExports.jsx(l,{Icon:s.Sun,onClick:()=>a(e.Modes.light),isActive:o===e.Modes.light,label:"Switch to light mode",children:"Light"}),t.jsxRuntimeExports.jsx(l,{Icon:s.Moon,onClick:()=>a(e.Modes.dark),isActive:o===e.Modes.dark,label:"Switch to dark mode",children:"Dark"})]})})]})};exports.DesktopThemeSwitcher=S;

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.es.js

@@ -1,69 +0,0 @@
-"use client";
-import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as s } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useState as k } from "react";
-import { Button as b } from "../Button/index.es.js";
-import { Container as y } from "../Container/index.es.js";
-import { DropDown as u } from "../DropDown/index.es.js";
-import { Modes as e } from "./types.es.js";
-import { C as h, S as p, M as g } from "../../sun-BrKC5Qwg.js";
-const j = s.div({
-  position: "relative",
-  width: "100%",
-  padding: "0.125rem"
-}), S = s(b)({
-  width: "100%",
-  cursor: "pointer",
-  borderRadius: "0.5rem",
-  padding: "0.25rem",
-  textAlign: "left",
-  "&:hover": {
-    backgroundColor: "rgba(18, 18, 18, 0.1)"
-  },
-  "&:focus": {
-    backgroundColor: "rgba(255, 245, 237, 0.2)",
-    outline: "2px solid transparent",
-    outlineOffset: "2px"
-  },
-  "&:disabled": {
-    color: "rgba(255, 255, 255, 0.25)"
-  },
-  '&:where([data-theme="dark"], [data-theme="dark"] *):hover': {
-    backgroundColor: "rgba(255, 245, 237, 0.1)"
-  },
-  '&:where([data-theme="dark"], [data-theme="dark"] *):focus': {
-    backgroundColor: "rgba(255, 245, 237, 0.2)"
-  }
-}), l = ({
-  Icon: r,
-  ref: a,
-  children: i,
-  ...m
-}) => /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsx(S, { Icon: r, "data-mode": "system", variant: "none", ...m, children: i }) }), C = s(u.Trigger)({
-  padding: "0.5rem"
-}), w = s(y)({
-  minWidth: "100px",
-  alignItems: "flex-start",
-  padding: "0.25rem"
-}), O = ({
-  theme: r,
-  setTheme: a,
-  systemTheme: i
-}) => {
-  const f = i === r ? e.system : r, [o, x] = k(f), n = (d) => {
-    d === e.system ? a(i ?? e.light) : a(d), x(d);
-  }, c = "theme-switcher";
-  return /* @__PURE__ */ t.jsxs(C, { identifier: c, "aria-label": "Theme selector", children: [
-    o === e.system && /* @__PURE__ */ t.jsx(h, { "data-mode": "system" }),
-    o === e.light && /* @__PURE__ */ t.jsx(p, { "data-mode": "light" }),
-    o === e.dark && /* @__PURE__ */ t.jsx(g, { "data-mode": "dark" }),
-    /* @__PURE__ */ t.jsx(u, { identifier: c, isFocusable: !0, isOverable: !0, children: /* @__PURE__ */ t.jsxs(w, { separator: "y", children: [
-      /* @__PURE__ */ t.jsx(l, { Icon: h, onClick: () => n(e.system), isActive: o === e.system, label: "Restore to system mode", children: "System" }),
-      /* @__PURE__ */ t.jsx(l, { Icon: p, onClick: () => n(e.light), isActive: o === e.light, label: "Switch to light mode", children: "Light" }),
-      /* @__PURE__ */ t.jsx(l, { Icon: g, onClick: () => n(e.dark), isActive: o === e.dark, label: "Switch to dark mode", children: "Dark" })
-    ] }) })
-  ] });
-};
-export {
-  O as DesktopThemeSwitcher
-};

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../jsx-runtime-D6agescH.cjs"),n=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),y=require("react"),e=require("./types.cjs.js"),d=require("../../sun-BQYZHcpc.cjs"),c=({$isCurrentMode:s,$isNextMode:r})=>[{position:"absolute",left:"50%",top:"50%","--tw-translate-x":"-50%",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))","--tw-translate-y":"-50%"},{opacity:"0",transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",animationDuration:"300ms",animationTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)"},s?{opacity:"1",".group:hover &":{opacity:"0"}}:{},r?{".group:hover &":{opacity:"1"}}:{}],p=n.pt(d.CircleDashed)(c),x=n.pt(d.Moon)(c),g=n.pt(d.Sun)(c),h=n.pt.button({position:"relative",width:"2.5rem",height:"2.5rem"}),w=({theme:s,systemTheme:r,setTheme:l})=>{const u=r===s,m=u?e.Modes.system:s,[o,M]=y.useState(m),t=o===e.Modes.system?s===e.Modes.dark?e.Modes.light:e.Modes.dark:u?e.Modes.system:o===e.Modes.light?e.Modes.dark:e.Modes.light,a=()=>{t===e.Modes.system?l(r??e.Modes.light):l(t),M(t)};return i.jsxRuntimeExports.jsxs(h,{"aria-label":"Theme selector",className:"group",children:[i.jsxRuntimeExports.jsx(p,{onClick:a,"data-mode":"system",$isCurrentMode:o===e.Modes.system,$isNextMode:t===e.Modes.system}),i.jsxRuntimeExports.jsx(x,{onClick:a,"data-mode":"light",$isCurrentMode:o===e.Modes.dark,$isNextMode:t===e.Modes.dark}),i.jsxRuntimeExports.jsx(g,{onClick:a,"data-mode":"dark",$isCurrentMode:o===e.Modes.light,$isNextMode:t===e.Modes.light})]})};exports.MobileThemeSwitcher=w;

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.es.js

@@ -1,65 +0,0 @@
-"use client";
-import { j as a } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as i } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useState as p } from "react";
-import { Modes as t } from "./types.es.js";
-import { C as u, M as g, S as h } from "../../sun-BrKC5Qwg.js";
-const l = ({
-  $isCurrentMode: o,
-  $isNextMode: r
-}) => [{
-  position: "absolute",
-  left: "50%",
-  top: "50%",
-  "--tw-translate-x": "-50%",
-  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))",
-  "--tw-translate-y": "-50%"
-}, {
-  opacity: "0",
-  transitionProperty: "opacity",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDuration: "300ms",
-  animationDuration: "300ms",
-  animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
-}, o ? {
-  opacity: "1",
-  ".group:hover &": {
-    opacity: "0"
-  }
-} : {}, r ? {
-  ".group:hover &": {
-    opacity: "1"
-  }
-} : {}], w = i(u)(l), x = i(g)(l), M = i(h)(l), k = i.button({
-  position: "relative",
-  width: "2.5rem",
-  height: "2.5rem"
-}), j = ({
-  theme: o,
-  systemTheme: r,
-  setTheme: c
-}) => {
-  const d = r === o, m = d ? t.system : o, [s, y] = p(m), e = (
-    // Start loop
-    // If mode is system, toggle the theme inverse of the system theme
-    s === t.system ? o === t.dark ? t.light : t.dark : (
-      // Close loop
-      // If current theme same as system theme, reset by toggle the system theme
-      d ? t.system : (
-        // Go to next step
-        // Otherwise, toggle the remaining theme
-        s === t.light ? t.dark : t.light
-      )
-    )
-  ), n = () => {
-    e === t.system ? c(r ?? t.light) : c(e), y(e);
-  };
-  return /* @__PURE__ */ a.jsxs(k, { "aria-label": "Theme selector", className: "group", children: [
-    /* @__PURE__ */ a.jsx(w, { onClick: n, "data-mode": "system", $isCurrentMode: s === t.system, $isNextMode: e === t.system }),
-    /* @__PURE__ */ a.jsx(x, { onClick: n, "data-mode": "light", $isCurrentMode: s === t.dark, $isNextMode: e === t.dark }),
-    /* @__PURE__ */ a.jsx(M, { onClick: n, "data-mode": "dark", $isCurrentMode: s === t.light, $isNextMode: e === t.light })
-  ] });
-};
-export {
-  j as MobileThemeSwitcher
-};

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DesktopThemeSwitcher.cjs.js"),o=require("./MobileThemeSwitcher.cjs.js"),t=require("./types.cjs.js");exports.DesktopThemeSwitcher=e.DesktopThemeSwitcher;exports.MobileThemeSwitcher=o.MobileThemeSwitcher;exports.Modes=t.Modes;

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

@@ -1,9 +0,0 @@
-"use client";
-import { DesktopThemeSwitcher as r } from "./DesktopThemeSwitcher.es.js";
-import { MobileThemeSwitcher as m } from "./MobileThemeSwitcher.es.js";
-import { Modes as i } from "./types.es.js";
-export {
-  r as DesktopThemeSwitcher,
-  m as MobileThemeSwitcher,
-  i as Modes
-};

package/dist/components/ThemeSwitcherDropDown/types.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.dark="dark",t.light="light",t.system="system",t))(e||{});exports.Modes=e;

package/dist/components/ThemeSwitcherDropDown/types.es.js

@@ -1,5 +0,0 @@
-"use client";
-var r = /* @__PURE__ */ ((t) => (t.dark = "dark", t.light = "light", t.system = "system", t))(r || {});
-export {
-  r as Modes
-};

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../jsx-runtime-D6agescH.cjs"),h=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),e=require("react"),y=h.pt.div(({$minWidth:n,$maxWidth:a})=>[n&&{},a&&{},{position:"relative",height:"100%",width:"100%",maxWidth:"80%",cursor:"ew-resize",borderRightWidth:"2px","--tw-border-opacity":"1",borderColor:"rgba(209, 209, 209, var(--tw-border-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-border-opacity":"1",borderColor:"rgba(48, 48, 48, var(--tw-border-opacity))"}},{"&::after":{content:"var(--tw-content)",position:"absolute",right:"0px",top:"50%",display:"block",height:"2.5rem",width:"0.5rem","--tw-translate-y":"-50%",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))","--tw-translate-x":"50%",cursor:"ew-resize",borderRadius:"9999px","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))","--tw-content":'""'},'&:where([data-theme="dark"], [data-theme="dark"] *)::after':{content:"var(--tw-content)","--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))"}}]),k=h.pt.div({position:"absolute",left:"0px",top:"0px",height:"100%",width:"100%",cursor:"default",overflow:"hidden"}),R=({initialWidth:n,maxWidth:a,minWidth:p=0,children:v})=>{const s=e.useRef(null),[m,b]=e.useState(n),[c,d]=e.useState(!1),w=e.useCallback(t=>{d(!0),t.preventDefault()},[]),o=e.useCallback(()=>{d(!1)},[]),r=e.useCallback(t=>{const l=s.current;if(c&&l&&parent){const{left:g}=l.getBoundingClientRect();let i=0;t instanceof MouseEvent?i=t.clientX:t instanceof TouchEvent&&(i=t.touches[0].clientX);const x=i-g,f=Math.max(x,0);b(f)}},[c]);return e.useEffect(()=>(window.addEventListener("mousemove",r),window.addEventListener("mouseup",o),window.addEventListener("touchmove",r),window.addEventListener("touchend",o),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",o),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",o)}),[r,o]),u.jsxRuntimeExports.jsx(y,{style:{width:`${m}px`},$maxWidth:`max-w-[${a}px]`,$minWidth:`min-w-[${p}px]`,ref:s,onMouseDown:w,onTouchStart:w,children:u.jsxRuntimeExports.jsx(k,{onMouseDown:t=>t.stopPropagation(),onTouchStart:t=>t.stopPropagation(),children:v})})};exports.WithResizer=R;

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

@@ -1,82 +0,0 @@
-"use client";
-import { j as p } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as u } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useRef as k, useState as h, useCallback as i, useEffect as R } from "react";
-const E = u.div(({
-  $minWidth: r,
-  $maxWidth: n
-}) => [r && {}, n && {}, {
-  position: "relative",
-  height: "100%",
-  width: "100%",
-  maxWidth: "80%",
-  cursor: "ew-resize",
-  borderRightWidth: "2px",
-  "--tw-border-opacity": "1",
-  borderColor: "rgba(209, 209, 209, var(--tw-border-opacity))",
-  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    "--tw-border-opacity": "1",
-    borderColor: "rgba(48, 48, 48, var(--tw-border-opacity))"
-  }
-}, {
-  "&::after": {
-    content: "var(--tw-content)",
-    position: "absolute",
-    right: "0px",
-    top: "50%",
-    display: "block",
-    height: "2.5rem",
-    width: "0.5rem",
-    "--tw-translate-y": "-50%",
-    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))",
-    "--tw-translate-x": "50%",
-    cursor: "ew-resize",
-    borderRadius: "9999px",
-    "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(209, 209, 209, var(--tw-bg-opacity))",
-    "--tw-content": '""'
-  },
-  '&:where([data-theme="dark"], [data-theme="dark"] *)::after': {
-    content: "var(--tw-content)",
-    "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(48, 48, 48, var(--tw-bg-opacity))"
-  }
-}]), L = u.div({
-  position: "absolute",
-  left: "0px",
-  top: "0px",
-  height: "100%",
-  width: "100%",
-  cursor: "default",
-  overflow: "hidden"
-}), S = ({
-  initialWidth: r,
-  maxWidth: n,
-  minWidth: v = 0,
-  children: m
-}) => {
-  const s = k(null), [f, g] = h(r), [c, d] = h(!1), w = i((t) => {
-    d(!0), t.preventDefault();
-  }, []), e = i(() => {
-    d(!1);
-  }, []), o = i((t) => {
-    const l = s.current;
-    if (c && l && parent) {
-      const {
-        left: b
-      } = l.getBoundingClientRect();
-      let a = 0;
-      t instanceof MouseEvent ? a = t.clientX : t instanceof TouchEvent && (a = t.touches[0].clientX);
-      const x = a - b, y = Math.max(x, 0);
-      g(y);
-    }
-  }, [c]);
-  return R(() => (window.addEventListener("mousemove", o), window.addEventListener("mouseup", e), window.addEventListener("touchmove", o), window.addEventListener("touchend", e), () => {
-    window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", e), window.removeEventListener("touchmove", o), window.removeEventListener("touchend", e);
-  }), [o, e]), /* @__PURE__ */ p.jsx(E, { style: {
-    width: `${f}px`
-  }, $maxWidth: `max-w-[${n}px]`, $minWidth: `min-w-[${v}px]`, ref: s, onMouseDown: w, onTouchStart: w, children: /* @__PURE__ */ p.jsx(L, { onMouseDown: (t) => t.stopPropagation(), onTouchStart: (t) => t.stopPropagation(), children: m }) });
-};
-export {
-  S as WithResizer
-};

package/dist/components/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./MaxHeightSmoother/index.cjs.js"),n=require("./MaxWidthSmoother/index.cjs.js"),i=require("./RightDrawer/RightDrawer.cjs.js"),o=require("./RightDrawer/useRightDrawerStore.cjs.js"),c=require("./PressableDiv/PressableDiv.cjs.js"),s=require("./ContentEditor/ContentEditor.cjs.js"),a=require("./ContentSelector/ContentSelector.cjs.js"),_=require("./DictionaryEditor/DictionaryEditor.cjs.js"),d=require("./DropDown/index.cjs.js"),h=require("./LocaleSwitcherDropDown/LocaleSwitcher.cjs.js"),D=require("./ThemeSwitcherDropDown/DesktopThemeSwitcher.cjs.js"),p=require("./ThemeSwitcherDropDown/MobileThemeSwitcher.cjs.js"),m=require("./ThemeSwitcherDropDown/types.cjs.js"),u=require("./RedirectionButton/RedirectionButton.cjs.js"),w=require("./Button/index.cjs.js"),t=require("./Container/index.cjs.js"),S=require("./Footer/index.cjs.js"),q=require("./Navbar/index.cjs.js"),l=require("./ProfileDropDown/index.cjs.js"),x=require("./Avatar/index.cjs.js"),R=require("./Logo/index.cjs.js"),g=require("./IDE/CodeRender.cjs.js"),C=require("./IDE/IDE.cjs.js"),M=require("./Popover/index.cjs.js"),v=require("./MarkDownRender/index.cjs.js"),e=require("./Headers/index.cjs.js"),H=require("./Loader/index.cjs.js"),E=require("./WithResizer/index.cjs.js");exports.MaxHeightSmoother=r.MaxHeightSmoother;exports.MaxWidthSmoother=n.MaxWidthSmoother;exports.RightDrawer=i.RightDrawer;exports.createRightDrawerStore=o.createRightDrawerStore;exports.useRightDrawerStore=o.useRightDrawerStore;exports.PressableDiv=c.PressableDiv;exports.ContentEditor=s.ContentEditor;exports.ContentSelector=a.ContentSelector;exports.DictionaryEditor=_.DictionaryEditor;exports.DropDown=d.DropDown;exports.LocaleSwitcher=h.LocaleSwitcher;exports.DesktopThemeSwitcher=D.DesktopThemeSwitcher;exports.MobileThemeSwitcher=p.MobileThemeSwitcher;exports.Modes=m.Modes;exports.RedirectionButton=u.RedirectionButton;exports.Button=w.Button;exports.Container=t.Container;exports.getContainerStyles=t.getContainerStyles;exports.Footer=S.Footer;exports.Navbar=q.Navbar;exports.ProfileDropDown=l.ProfileDropDown;exports.Avatar=x.Avatar;exports.Logo=R.Logo;exports.Code=g.Code;exports.IDE=C.IDE;exports.Popover=M.Popover;exports.MarkdownRenderer=v.MarkdownRenderer;exports.H1=e.H1;exports.H2=e.H2;exports.H3=e.H3;exports.H4=e.H4;exports.H5=e.H5;exports.Loader=H.Loader;exports.WithResizer=E.WithResizer;

package/dist/components/index.es.js

@@ -1,65 +0,0 @@
-"use client";
-import { MaxHeightSmoother as e } from "./MaxHeightSmoother/index.es.js";
-import { MaxWidthSmoother as m } from "./MaxWidthSmoother/index.es.js";
-import { RightDrawer as x } from "./RightDrawer/RightDrawer.es.js";
-import { createRightDrawerStore as i, useRightDrawerStore as a } from "./RightDrawer/useRightDrawerStore.es.js";
-import { PressableDiv as h } from "./PressableDiv/PressableDiv.es.js";
-import { ContentEditor as c } from "./ContentEditor/ContentEditor.es.js";
-import { ContentSelector as w } from "./ContentSelector/ContentSelector.es.js";
-import { DictionaryEditor as s } from "./DictionaryEditor/DictionaryEditor.es.js";
-import { DropDown as g } from "./DropDown/index.es.js";
-import { LocaleSwitcher as R } from "./LocaleSwitcherDropDown/LocaleSwitcher.es.js";
-import { DesktopThemeSwitcher as M } from "./ThemeSwitcherDropDown/DesktopThemeSwitcher.es.js";
-import { MobileThemeSwitcher as v } from "./ThemeSwitcherDropDown/MobileThemeSwitcher.es.js";
-import { Modes as E } from "./ThemeSwitcherDropDown/types.es.js";
-import { RedirectionButton as P } from "./RedirectionButton/RedirectionButton.es.js";
-import { Button as y } from "./Button/index.es.js";
-import { Container as T, getContainerStyles as W } from "./Container/index.es.js";
-import { Footer as A } from "./Footer/index.es.js";
-import { Navbar as I } from "./Navbar/index.es.js";
-import { ProfileDropDown as j } from "./ProfileDropDown/index.es.js";
-import { Avatar as G } from "./Avatar/index.es.js";
-import { Logo as K } from "./Logo/index.es.js";
-import { Code as Q } from "./IDE/CodeRender.es.js";
-import { IDE as V } from "./IDE/IDE.es.js";
-import { Popover as Y } from "./Popover/index.es.js";
-import { MarkdownRenderer as _ } from "./MarkDownRender/index.es.js";
-import { H1 as oo, H2 as ro, H3 as eo, H4 as to, H5 as mo } from "./Headers/index.es.js";
-import { Loader as xo } from "./Loader/index.es.js";
-import { WithResizer as io } from "./WithResizer/index.es.js";
-export {
-  G as Avatar,
-  y as Button,
-  Q as Code,
-  T as Container,
-  c as ContentEditor,
-  w as ContentSelector,
-  M as DesktopThemeSwitcher,
-  s as DictionaryEditor,
-  g as DropDown,
-  A as Footer,
-  oo as H1,
-  ro as H2,
-  eo as H3,
-  to as H4,
-  mo as H5,
-  V as IDE,
-  xo as Loader,
-  R as LocaleSwitcher,
-  K as Logo,
-  _ as MarkdownRenderer,
-  e as MaxHeightSmoother,
-  m as MaxWidthSmoother,
-  v as MobileThemeSwitcher,
-  E as Modes,
-  I as Navbar,
-  Y as Popover,
-  h as PressableDiv,
-  j as ProfileDropDown,
-  P as RedirectionButton,
-  x as RightDrawer,
-  io as WithResizer,
-  i as createRightDrawerStore,
-  W as getContainerStyles,
-  a as useRightDrawerStore
-};

package/dist/createLucideIcon-DlZEiEGq.js

@@ -1,80 +0,0 @@
-"use client";
-import { forwardRef as c, createElement as a } from "react";
-/**
- * @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 p = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), i = (...e) => e.filter((r, t, o) => !!r && o.indexOf(r) === t).join(" ");
-/**
- * @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.
- */
-var f = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @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 g = c(
-  ({
-    color: e = "currentColor",
-    size: r = 24,
-    strokeWidth: t = 2,
-    absoluteStrokeWidth: o,
-    className: s = "",
-    children: n,
-    iconNode: u,
-    ...l
-  }, d) => a(
-    "svg",
-    {
-      ref: d,
-      ...f,
-      width: r,
-      height: r,
-      stroke: e,
-      strokeWidth: o ? Number(t) * 24 / Number(r) : t,
-      className: i("lucide", s),
-      ...l
-    },
-    [
-      ...u.map(([m, w]) => a(m, w)),
-      ...Array.isArray(n) ? n : [n]
-    ]
-  )
-);
-/**
- * @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 = (e, r) => {
-  const t = c(
-    ({ className: o, ...s }, n) => a(g, {
-      ref: n,
-      iconNode: r,
-      className: i(`lucide-${p(e)}`, o),
-      ...s
-    })
-  );
-  return t.displayName = `${e}`, t;
-};
-export {
-  C as c
-};

package/dist/createLucideIcon-ZOnO-fn6.cjs

@@ -1,21 +0,0 @@
-"use client";"use strict";const s=require("react");/**
- * @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 w=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),c=(...e)=>e.filter((r,t,o)=>!!r&&o.indexOf(r)===t).join(" ");/**
- * @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.
- */var f={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
- * @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 g=s.forwardRef(({color:e="currentColor",size:r=24,strokeWidth:t=2,absoluteStrokeWidth:o,className:a="",children:n,iconNode:i,...u},l)=>s.createElement("svg",{ref:l,...f,width:r,height:r,stroke:e,strokeWidth:o?Number(t)*24/Number(r):t,className:c("lucide",a),...u},[...i.map(([d,m])=>s.createElement(d,m)),...Array.isArray(n)?n:[n]]));/**
- * @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 h=(e,r)=>{const t=s.forwardRef(({className:o,...a},n)=>s.createElement(g,{ref:n,iconNode:r,className:c(`lucide-${w(e)}`,o),...a}));return t.displayName=`${e}`,t};exports.createLucideIcon=h;

package/dist/hooks/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useDevice.cjs.js"),o=require("./useGetElementOrWindow.cjs.js"),s=require("./useScrollBlockage/index.cjs.js"),t=require("./useIsMounted.cjs.js"),u=require("./useScrollDetection.cjs.js");exports.useDevice=e.useDevice;exports.useGetElementOrWindow=o.useGetElementOrWindow;exports.useScrollBlockage=s.useScrollBlockage;exports.useIsMounted=t.useIsMounted;exports.useScrollDetection=u.useScrollDetection;

package/dist/hooks/index.es.js

@@ -1,13 +0,0 @@
-"use client";
-import { useDevice as r } from "./useDevice.es.js";
-import { useGetElementOrWindow as l } from "./useGetElementOrWindow.es.js";
-import { useScrollBlockage as u } from "./useScrollBlockage/index.es.js";
-import { useIsMounted as m } from "./useIsMounted.es.js";
-import { useScrollDetection as n } from "./useScrollDetection.es.js";
-export {
-  r as useDevice,
-  l as useGetElementOrWindow,
-  m as useIsMounted,
-  u as useScrollBlockage,
-  n as useScrollDetection
-};

package/dist/hooks/useDevice.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=e=>{switch(e){case"sm":return 640;case"md":return 768;case"lg":return 1024;case"xl":return 1280;case"2xl":return 1536;default:return e}},c=()=>{var n;if(typeof window>"u")return;const e=(n=window.navigator)==null?void 0:n.userAgent;if(!(typeof e>"u"))return/android|bb\d+|meego|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(?:hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(?:ob|in)i|palm(?: os)?|phone|p(?:ixi|re)\/|plucker|pocket|psp|series(?:4|6)0|symbian|treo|up\.(?:browser|link)|vodafone|wap|windows ce|windows phone|xda|xiino|zte-/i.test(e)},u=e=>{if(!(typeof window>"u"))return((window==null?void 0:window.innerWidth)??0)<=e},o=e=>{const n=s(e),i=c(),t=u(n);return{isMobileScreen:t,isMobileUserAgent:i,isMobile:t??i}},d=(e="md")=>{const[n,i]=r.useState(o(e));return r.useEffect(()=>{const t=()=>{i(o(e))};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[e]),n};exports.useDevice=d;