@intlayer/design-system 2.0.2

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

@@ -0,0 +1,42 @@
+"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({
+  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"
+  }
+}), l = ({
+  children: e,
+  label: o,
+  ...r
+}) => /* @__PURE__ */ t.jsxs(a, { "aria-label": o, ...r, children: [
+  e,
+  /* @__PURE__ */ t.jsx(s, {})
+] });
+export {
+  l as RedirectionButton
+};

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

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

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

@@ -0,0 +1 @@
+export * from './RedirectionButton';

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

@@ -0,0 +1,5 @@
+"use client";
+import { RedirectionButton as o } from "./RedirectionButton.es.js";
+export {
+  o as RedirectionButton
+};

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

@@ -0,0 +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");/**
+ * @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)`
+  ${{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;

package/dist/components/RightDrawer/RightDrawer.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, FC } from 'react';
+
+type BackButtonProps = {
+    onBack: () => void;
+    text?: string;
+};
+type RightDrawerProps = {
+    title?: ReactNode;
+    identifier: string;
+    children?: ReactNode;
+    header?: ReactNode;
+    closeOnOutsideClick?: boolean;
+    backButton?: BackButtonProps;
+};
+export declare const RightDrawer: FC<RightDrawerProps>;
+export {};

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

@@ -0,0 +1,118 @@
+"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 S } from "../../hooks/useScrollBlockage/index.es.js";
+import { Container as j } from "../Container/index.es.js";
+import { MaxWidthSmoother as v } from "../MaxWidthSmoother/index.es.js";
+import { useRightDrawerStore as C } from "./useRightDrawerStore.es.js";
+import { c as w } 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 = w("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"
+}), E = t(j)(() => [{
+  position: "relative",
+  display: "flex",
+  height: "100vh",
+  width: "100vw",
+  flexDirection: "column",
+  "@media (min-width: 768px)": {
+    width: "400px"
+  }
+}]), I = t.div({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.75rem",
+  padding: "1.5rem"
+}), k = 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"
+}}
+`, G = ({
+  title: a,
+  identifier: l,
+  children: m,
+  header: f,
+  closeOnOutsideClick: d = !0,
+  backButton: r
+}) => {
+  const {
+    isMobile: p
+  } = y("md"), s = c(null), h = c(null), {
+    isOpen: i,
+    close: o
+  } = C(l)();
+  S({
+    disableScroll: i,
+    key: l ? "right_drawer" : `right_drawer_${l}`
+  }), g(() => {
+    const n = (u) => {
+      i && d && s.current && !s.current.contains(u.target) && o();
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [i, o, d]);
+  const x = (n) => {
+    n.target === n.currentTarget && p && o();
+  };
+  return /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(v, { isHidden: !i, align: "right", children: /* @__PURE__ */ e.jsxs(E, { ref: s, roundedSize: "none", children: [
+    /* @__PURE__ */ e.jsxs(I, { children: [
+      /* @__PURE__ */ e.jsxs(k, { 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 }),
+      f
+    ] }),
+    /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(H, { onClick: x, ref: h, children: m }) })
+  ] }) }) });
+};
+export {
+  G as RightDrawer
+};

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+export * from './RightDrawer';
+export * from './useRightDrawerStore';

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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,8 @@
+type RightDrawerStore = {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+};
+export declare const createRightDrawerStore: () => import('zustand').UseBoundStore<import('zustand').StoreApi<RightDrawerStore>>;
+export declare const useRightDrawerStore: (key: string) => import('zustand').UseBoundStore<import('zustand').StoreApi<RightDrawerStore>>;
+export {};

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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Modes } from './types';
+
+type DesktopThemeSwitcherProps = {
+    theme: Modes;
+    setTheme: (theme: Modes) => void;
+    systemTheme: Modes;
+};
+export declare const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps>;
+export {};

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

@@ -0,0 +1,69 @@
+"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

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

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Modes } from './types';
+
+type MobileThemeSwitcherProps = {
+    theme: Modes;
+    systemTheme: Modes;
+    setTheme: (theme: Modes) => void;
+};
+export declare const MobileThemeSwitcher: FC<MobileThemeSwitcherProps>;
+export {};

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

@@ -0,0 +1,65 @@
+"use client";
+import { j as s } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as r } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { useState as M } from "react";
+import { Modes as t } from "./types.es.js";
+import { C as k, M as S, S as v } from "../../sun-BrKC5Qwg.js";
+const D = ({
+  theme: a,
+  systemTheme: l,
+  setTheme: c
+}) => {
+  const d = l === a, m = d ? t.system : a, [o, y] = M(m), e = (
+    // Start loop
+    // If mode is system, toggle the theme inverse of the system theme
+    o === t.system ? a === 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
+        o === t.light ? t.dark : t.light
+      )
+    )
+  ), i = () => {
+    e === t.system ? c(l ?? t.light) : c(e), y(e);
+  }, p = r.button({
+    position: "relative",
+    width: "2.5rem",
+    height: "2.5rem"
+  }), n = ({
+    isCurrentMode: w,
+    isNextMode: x
+  }) => [{
+    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)"
+  }, w ? {
+    opacity: "1",
+    ".group:hover &": {
+      opacity: "0"
+    }
+  } : {}, x ? {
+    ".group:hover &": {
+      opacity: "1"
+    }
+  } : {}], u = r(k)(n), g = r(S)(n), h = r(v)(n);
+  return /* @__PURE__ */ s.jsxs(p, { "aria-label": "Theme selector", className: "group", children: [
+    /* @__PURE__ */ s.jsx(u, { onClick: i, "data-mode": "system", isCurrentMode: o === t.system, isNextMode: e === t.system }),
+    /* @__PURE__ */ s.jsx(g, { onClick: i, "data-mode": "light", isCurrentMode: o === t.dark, isNextMode: e === t.dark }),
+    /* @__PURE__ */ s.jsx(h, { onClick: i, "data-mode": "dark", isCurrentMode: o === t.light, isNextMode: e === t.light })
+  ] });
+};
+export {
+  D as MobileThemeSwitcher
+};

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+export * from './DesktopThemeSwitcher';
+export * from './MobileThemeSwitcher';
+export * from './types';

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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,5 @@
+export declare enum Modes {
+    dark = "dark",
+    light = "light",
+    system = "system"
+}

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

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

package/dist/components/index.cjs.js

@@ -0,0 +1 @@
+"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"),p=require("./ThemeSwitcherDropDown/DesktopThemeSwitcher.cjs.js"),d=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"),g=require("./Avatar/index.cjs.js"),x=require("./Logo/index.cjs.js"),R=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");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=p.DesktopThemeSwitcher;exports.MobileThemeSwitcher=d.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=g.Avatar;exports.Logo=x.Logo;exports.Code=R.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;

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+export * from './MaxHeightSmoother';
+export * from './MaxWidthSmoother';
+export * from './RightDrawer';
+export * from './PressableDiv';
+export * from './ContentEditor';
+export * from './ContentSelector';
+export * from './DictionaryEditor';
+export * from './DropDown';
+export * from './LocaleSwitcherDropDown';
+export * from './ThemeSwitcherDropDown';
+export * from './RedirectionButton';
+export * from './Button';
+export * from './Container';
+export * from './Footer';
+export * from './Navbar';
+export * from './ProfileDropDown';
+export * from './Avatar';
+export * from './Logo';
+export * from './IDE';
+export * from './Popover';
+export * from './MarkDownRender';
+export * from './Headers';

package/dist/components/index.es.js

@@ -0,0 +1,61 @@
+"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 n } 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 S } from "./ContentSelector/ContentSelector.es.js";
+import { DictionaryEditor as l } from "./DictionaryEditor/DictionaryEditor.es.js";
+import { DropDown as g } from "./DropDown/index.es.js";
+import { LocaleSwitcher as C } from "./LocaleSwitcherDropDown/LocaleSwitcher.es.js";
+import { DesktopThemeSwitcher as R } 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 k } from "./RedirectionButton/RedirectionButton.es.js";
+import { Button as B } from "./Button/index.es.js";
+import { Container as T, getContainerStyles as A } from "./Container/index.es.js";
+import { Footer as I } from "./Footer/index.es.js";
+import { Navbar as W } from "./Navbar/index.es.js";
+import { ProfileDropDown as q } 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";
+export {
+  G as Avatar,
+  B as Button,
+  Q as Code,
+  T as Container,
+  c as ContentEditor,
+  S as ContentSelector,
+  R as DesktopThemeSwitcher,
+  l as DictionaryEditor,
+  g as DropDown,
+  I as Footer,
+  oo as H1,
+  ro as H2,
+  eo as H3,
+  to as H4,
+  mo as H5,
+  V as IDE,
+  C as LocaleSwitcher,
+  K as Logo,
+  _ as MarkdownRenderer,
+  e as MaxHeightSmoother,
+  m as MaxWidthSmoother,
+  v as MobileThemeSwitcher,
+  E as Modes,
+  W as Navbar,
+  Y as Popover,
+  h as PressableDiv,
+  q as ProfileDropDown,
+  k as RedirectionButton,
+  x as RightDrawer,
+  i as createRightDrawerStore,
+  A as getContainerStyles,
+  n as useRightDrawerStore
+};

package/dist/createLucideIcon-DlZEiEGq.js

@@ -0,0 +1,80 @@
+"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
+};