@xom11/whiteboard 0.6.1 → 0.6.4

package/dist/{ExcalidrawWithMenus-KBLDWPM2.mjs → ExcalidrawWithMenus-EAVPOPJZ.mjs}

@@ -1,4 +1,5 @@
 "use client";
+import './chunk-BJTO5JO5.mjs';
 import { Excalidraw, MainMenu, Footer, WelcomeScreen } from '@excalidraw/excalidraw';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -18,5 +19,5 @@ function ExcalidrawWithMenus(props) {
 }
 
 export { ExcalidrawWithMenus };
-//# sourceMappingURL=ExcalidrawWithMenus-KBLDWPM2.mjs.map
-//# sourceMappingURL=ExcalidrawWithMenus-KBLDWPM2.mjs.map
+//# sourceMappingURL=ExcalidrawWithMenus-EAVPOPJZ.mjs.map
+//# sourceMappingURL=ExcalidrawWithMenus-EAVPOPJZ.mjs.map

package/dist/ExcalidrawWithMenus-EAVPOPJZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExcalidrawWithMenus.tsx"],"names":[],"mappings":";;;;AAiBO,SAAS,oBAAoB,KAAA,EAAwB;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,GAAI,KAAA;AAC9B,EAAA,uBACE,IAAA,CAAC,UAAA,EAAA,EAAY,GAAG,IAAA,EAEd,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,SAAA,EAAtB,EAAgC,CAAA;AAAA,sBACjC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC,CAAA;AAAA,sBACnC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC,CAAA;AAAA,sBACnC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC;AAAA,KAAA,EACrC,CAAA;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EACR,CAAA;AAAA,oBAGA,GAAA,CAAC,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EACR,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ","file":"ExcalidrawWithMenus-EAVPOPJZ.mjs","sourcesContent":["'use client';\n\n// Client-only wrapper around Excalidraw that lets us reach for static helpers\n// like `MainMenu.DefaultItems.*`. Whiteboard dynamic-imports this\n// file so SSR never evaluates @excalidraw/excalidraw, while inside this file we\n// can use plain static imports (the entire module loads on the client).\n\nimport React from 'react';\nimport {\n  Excalidraw,\n  MainMenu,\n  Footer,\n  WelcomeScreen,\n} from '@excalidraw/excalidraw';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ExcalidrawProps = any;\n\nexport function ExcalidrawWithMenus(props: ExcalidrawProps) {\n  const { children, ...rest } = props;\n  return (\n    <Excalidraw {...rest}>\n      {/* Replace default menu with curated items — no socials/help/branding */}\n      <MainMenu>\n        <MainMenu.DefaultItems.LoadScene />\n        <MainMenu.DefaultItems.SaveAsImage />\n        <MainMenu.DefaultItems.ClearCanvas />\n        <MainMenu.DefaultItems.ToggleTheme />\n      </MainMenu>\n      {/* Footer slot with no content suppresses default \"Made with Excalidraw\" link */}\n      <Footer>\n        <span />\n      </Footer>\n      {/* WelcomeScreen slot (empty) prevents the default Excalidraw welcome panel\n       *  (which includes the Excalidraw logo and social links) from appearing. */}\n      <WelcomeScreen>\n        <span />\n      </WelcomeScreen>\n      {children}\n    </Excalidraw>\n  );\n}\n"]}

package/dist/chunk-BJTO5JO5.mjs

@@ -0,0 +1,11 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export { __require };
+//# sourceMappingURL=chunk-BJTO5JO5.mjs.map
+//# sourceMappingURL=chunk-BJTO5JO5.mjs.map

package/dist/chunk-BJTO5JO5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-BJTO5JO5.mjs"}

package/dist/index.css

@@ -99,4 +99,253 @@
 .theme--dark [data-stamp-area=true] .hover\:bg-emerald-700:hover {
   background-color: rgb(4 120 87);
 }
+[data-stamp-area=true] button,
+[data-stamp-area=true] [role=button],
+[data-stamp-area=true] input[type=checkbox],
+[data-stamp-area=true] .stamp-tappable {
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+.stamp-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(15, 23, 42, 0.45);
+  z-index: 39;
+  animation: stamp-fade-in 160ms ease-out;
+}
+@keyframes stamp-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.stamp-drawer-mobile {
+  transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);
+  will-change: transform;
+}
+.stamp-drawer-mobile[data-drawer-state=closed] {
+  transform: translateX(-100%);
+}
+.stamp-drawer-mobile[data-drawer-state=open] {
+  transform: translateX(0);
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+}
+@media (hover: none) {
+  [data-stamp-area=true] [role=tooltip] {
+    display: none !important;
+  }
+}
+@media (max-width: 768px) {
+  [data-stamp-area=true][data-mobile-editor=true] {
+    position: fixed !important;
+    inset: 0 !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    height: 100dvh !important;
+    max-width: 100vw !important;
+    max-height: 100dvh !important;
+    transform: none !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+  }
+  [data-stamp-area=true][data-mobile-drawer=true] {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    bottom: 0 !important;
+    height: 100vh !important;
+    height: 100dvh !important;
+    width: 84vw !important;
+    max-width: 320px !important;
+    z-index: 50 !important;
+  }
+  [data-stamp-area=true] [data-tool],
+  [data-stamp-area=true] [data-snippet],
+  [data-stamp-area=true] [data-pill-btn] {
+    min-height: 40px;
+    min-width: 40px;
+  }
+  [data-stamp-area=true][data-mobile-drawer=true][data-geo-mobile=true] {
+    width: 88vw !important;
+    max-width: 360px !important;
+  }
+  [data-stamp-area=true][data-geo-mobile=true] [data-tool] {
+    min-height: 72px;
+    min-width: 0;
+  }
+}
+.geo-mobile-tool-active {
+  background-image:
+    linear-gradient(
+      135deg,
+      rgb(16 185 129),
+      rgb(5 150 105));
+  color: white;
+  box-shadow: 0 4px 12px -2px rgba(16, 185, 129, 0.35);
+}
+.theme--dark .geo-mobile-tool-active {
+  background-image:
+    linear-gradient(
+      135deg,
+      rgb(6 95 70),
+      rgb(6 78 59));
+  box-shadow: 0 4px 12px -2px rgba(6, 95, 70, 0.5);
+}
+.geo-mobile-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.375rem 0.75rem;
+  border-radius: 9999px;
+  border: 1px solid rgb(203 213 225);
+  background-color: white;
+  color: rgb(71 85 105);
+  font-size: 12px;
+  font-weight: 500;
+  min-height: 36px;
+  transition:
+    background-color 160ms,
+    border-color 160ms,
+    color 160ms;
+}
+.geo-mobile-chip[aria-pressed=true] {
+  background-color: rgb(236 253 245);
+  border-color: rgb(16 185 129);
+  color: rgb(5 95 70);
+}
+.theme--dark .geo-mobile-chip {
+  background-color: rgb(30 41 59);
+  border-color: rgb(51 65 85);
+  color: rgb(203 213 225);
+}
+.theme--dark .geo-mobile-chip[aria-pressed=true] {
+  background-color: rgb(6 78 59);
+  border-color: rgb(16 185 129);
+  color: rgb(167 243 208);
+}
+.graph-algebra-view {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+.graph-algebra-section {
+  margin-bottom: 12px;
+}
+.graph-function-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 4px;
+  border-bottom: 1px solid var(--color-border-light, #f3f4f6);
+  font-family:
+    ui-monospace,
+    Menlo,
+    monospace;
+  font-size: 12px;
+  position: relative;
+}
+.graph-function-row.is-error {
+  background: #fef2f2;
+}
+.graph-function-color {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.graph-function-name {
+  white-space: nowrap;
+}
+.graph-function-input {
+  flex: 1;
+  min-width: 0;
+  background: white;
+  border: 1px solid var(--color-border, #d1d5db);
+  border-radius: 3px;
+  padding: 2px 4px;
+  font-family: ui-monospace, monospace;
+  font-size: 12px;
+}
+.graph-function-eye,
+.graph-function-remove {
+  width: 22px;
+  height: 22px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  opacity: 0.6;
+}
+.graph-function-eye.is-hidden {
+  opacity: 1;
+  color: #999;
+}
+.graph-function-error {
+  position: absolute;
+  left: 24px;
+  right: 24px;
+  bottom: -16px;
+  font-size: 10px;
+  color: #b91c1c;
+}
+.graph-algebra-add {
+  width: 100%;
+  padding: 6px;
+  background: white;
+  border: 1px dashed var(--color-border, #9ca3af);
+  border-radius: 4px;
+  font-size: 12px;
+  cursor: pointer;
+  margin-top: 8px;
+}
+.graph-algebra-add:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.graph-slider-row {
+  padding: 6px 4px;
+  border-bottom: 1px solid var(--color-border-light, #f3f4f6);
+}
+.graph-slider-header {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  font-family: ui-monospace, monospace;
+}
+.graph-slider-name {
+  font-weight: 600;
+}
+.graph-slider-value {
+  color: #6b7280;
+}
+.graph-slider-remove {
+  margin-left: auto;
+  width: 18px;
+  height: 18px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  opacity: 0.5;
+}
+.graph-slider-input {
+  width: 100%;
+  margin-top: 4px;
+}
+.graph-slider-range {
+  display: flex;
+  justify-content: space-between;
+  font-size: 10px;
+  color: #9ca3af;
+}
+.graph-miniboard {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stamps/shared/stamp.css"],"sourcesContent":["/* Dark-mode overrides cho math-stamp panels.\n * Active khi outer wrapper có class `theme--dark` (mirrored từ Excalidraw appState).\n * Selector `[data-stamp-area=\"true\"]` đã có sẵn trên mọi panel để dùng cho click-outside detection. */\n\n.theme--dark [data-stamp-area=\"true\"] {\n  color: rgb(226 232 240);\n}\n\n/* ---- Backgrounds ---- */\n.theme--dark [data-stamp-area=\"true\"].bg-white,\n.theme--dark [data-stamp-area=\"true\"] .bg-white {\n  background-color: rgb(30 41 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-slate-50 {\n  background-color: rgb(15 23 42);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-50 {\n  background-color: rgb(6 78 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-rose-50 {\n  background-color: rgb(127 29 29);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-slate-100:hover {\n  background-color: rgb(51 65 85);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-slate-50:hover {\n  background-color: rgb(15 23 42);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-emerald-50:hover {\n  background-color: rgb(6 78 59);\n}\n\n/* Left-panel header có gradient sáng — đổi sang slate */\n.theme--dark [data-testid=\"stamp-left-panel\"] > header.bg-gradient-to-r {\n  background-image: linear-gradient(to right, rgb(15 23 42), rgb(30 41 59));\n}\n\n/* ---- Borders ---- */\n.theme--dark [data-stamp-area=\"true\"] .border-slate-200,\n.theme--dark [data-stamp-area=\"true\"] .border-slate-300 {\n  border-color: rgb(51 65 85);\n}\n\n/* ---- Text ---- */\n.theme--dark [data-stamp-area=\"true\"] .text-slate-400 {\n  color: rgb(100 116 139);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-slate-500 {\n  color: rgb(148 163 184);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-slate-600,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-700,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-800,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-900 {\n  color: rgb(226 232 240);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:text-slate-800:hover,\n.theme--dark [data-stamp-area=\"true\"] .hover\\:text-slate-900:hover {\n  color: rgb(241 245 249);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-emerald-700 {\n  color: rgb(110 231 183);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-rose-700 {\n  color: rgb(253 164 175);\n}\n\n/* ---- Inputs ---- */\n.theme--dark [data-stamp-area=\"true\"] input[type=\"text\"],\n.theme--dark [data-stamp-area=\"true\"] textarea {\n  background-color: rgb(15 23 42);\n  color: rgb(241 245 249);\n}\n.theme--dark [data-stamp-area=\"true\"] input::placeholder,\n.theme--dark [data-stamp-area=\"true\"] textarea::placeholder {\n  color: rgb(100 116 139);\n}\n\n/* ---- Kbd badge ---- */\n.theme--dark [data-stamp-area=\"true\"] kbd {\n  background-color: rgb(15 23 42);\n  border-color: rgb(71 85 105);\n  color: rgb(226 232 240);\n}\n\n/* --- Popover & swatch active states (Task 13) --- */\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-100 {\n  background-color: rgb(6 78 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .border-emerald-500 {\n  border-color: rgb(52 211 153);\n}\n.theme--dark [data-stamp-area=\"true\"] .ring-emerald-300 {\n  --tw-ring-color: rgb(110 231 183);\n}\n.theme--dark [data-stamp-area=\"true\"] .border-rose-300 {\n  border-color: rgb(190 18 60);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-rose-100:hover {\n  background-color: rgb(127 29 29);\n}\n\n/* --- Geometry header dimmer trong dark --- */\n.theme--dark [data-stamp-area=\"true\"] .bg-gradient-to-r.from-emerald-600 {\n  background-image: linear-gradient(to right, rgb(6 95 70), rgb(15 76 76));\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-600 {\n  background-color: rgb(6 95 70);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-emerald-700:hover {\n  background-color: rgb(4 120 87);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/stamps/shared/stamp.css"],"sourcesContent":["/* Dark-mode overrides cho math-stamp panels.\n * Active khi outer wrapper có class `theme--dark` (mirrored từ Excalidraw appState).\n * Selector `[data-stamp-area=\"true\"]` đã có sẵn trên mọi panel để dùng cho click-outside detection. */\n\n.theme--dark [data-stamp-area=\"true\"] {\n  color: rgb(226 232 240);\n}\n\n/* ---- Backgrounds ---- */\n.theme--dark [data-stamp-area=\"true\"].bg-white,\n.theme--dark [data-stamp-area=\"true\"] .bg-white {\n  background-color: rgb(30 41 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-slate-50 {\n  background-color: rgb(15 23 42);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-50 {\n  background-color: rgb(6 78 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-rose-50 {\n  background-color: rgb(127 29 29);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-slate-100:hover {\n  background-color: rgb(51 65 85);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-slate-50:hover {\n  background-color: rgb(15 23 42);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-emerald-50:hover {\n  background-color: rgb(6 78 59);\n}\n\n/* Left-panel header có gradient sáng — đổi sang slate */\n.theme--dark [data-testid=\"stamp-left-panel\"] > header.bg-gradient-to-r {\n  background-image: linear-gradient(to right, rgb(15 23 42), rgb(30 41 59));\n}\n\n/* ---- Borders ---- */\n.theme--dark [data-stamp-area=\"true\"] .border-slate-200,\n.theme--dark [data-stamp-area=\"true\"] .border-slate-300 {\n  border-color: rgb(51 65 85);\n}\n\n/* ---- Text ---- */\n.theme--dark [data-stamp-area=\"true\"] .text-slate-400 {\n  color: rgb(100 116 139);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-slate-500 {\n  color: rgb(148 163 184);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-slate-600,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-700,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-800,\n.theme--dark [data-stamp-area=\"true\"] .text-slate-900 {\n  color: rgb(226 232 240);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:text-slate-800:hover,\n.theme--dark [data-stamp-area=\"true\"] .hover\\:text-slate-900:hover {\n  color: rgb(241 245 249);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-emerald-700 {\n  color: rgb(110 231 183);\n}\n.theme--dark [data-stamp-area=\"true\"] .text-rose-700 {\n  color: rgb(253 164 175);\n}\n\n/* ---- Inputs ---- */\n.theme--dark [data-stamp-area=\"true\"] input[type=\"text\"],\n.theme--dark [data-stamp-area=\"true\"] textarea {\n  background-color: rgb(15 23 42);\n  color: rgb(241 245 249);\n}\n.theme--dark [data-stamp-area=\"true\"] input::placeholder,\n.theme--dark [data-stamp-area=\"true\"] textarea::placeholder {\n  color: rgb(100 116 139);\n}\n\n/* ---- Kbd badge ---- */\n.theme--dark [data-stamp-area=\"true\"] kbd {\n  background-color: rgb(15 23 42);\n  border-color: rgb(71 85 105);\n  color: rgb(226 232 240);\n}\n\n/* --- Popover & swatch active states (Task 13) --- */\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-100 {\n  background-color: rgb(6 78 59);\n}\n.theme--dark [data-stamp-area=\"true\"] .border-emerald-500 {\n  border-color: rgb(52 211 153);\n}\n.theme--dark [data-stamp-area=\"true\"] .ring-emerald-300 {\n  --tw-ring-color: rgb(110 231 183);\n}\n.theme--dark [data-stamp-area=\"true\"] .border-rose-300 {\n  border-color: rgb(190 18 60);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-rose-100:hover {\n  background-color: rgb(127 29 29);\n}\n\n/* --- Geometry header dimmer trong dark --- */\n.theme--dark [data-stamp-area=\"true\"] .bg-gradient-to-r.from-emerald-600 {\n  background-image: linear-gradient(to right, rgb(6 95 70), rgb(15 76 76));\n}\n.theme--dark [data-stamp-area=\"true\"] .bg-emerald-600 {\n  background-color: rgb(6 95 70);\n}\n.theme--dark [data-stamp-area=\"true\"] .hover\\:bg-emerald-700:hover {\n  background-color: rgb(4 120 87);\n}\n\n/* ============================================================\n * Mobile / Touch UX\n * ============================================================ */\n\n/* Bỏ 300ms tap delay + double-tap zoom trên iOS Safari. */\n[data-stamp-area=\"true\"] button,\n[data-stamp-area=\"true\"] [role=\"button\"],\n[data-stamp-area=\"true\"] input[type=\"checkbox\"],\n[data-stamp-area=\"true\"] .stamp-tappable {\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n\n/* Mobile drawer backdrop (LeftPanel khi ≤ 768px). */\n.stamp-drawer-backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: rgba(15, 23, 42, 0.45);\n  z-index: 39;\n  animation: stamp-fade-in 160ms ease-out;\n}\n@keyframes stamp-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Drawer slide transform — LeftPanel áp class này khi ở mobile. */\n.stamp-drawer-mobile {\n  transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);\n  will-change: transform;\n}\n.stamp-drawer-mobile[data-drawer-state=\"closed\"] {\n  transform: translateX(-100%);\n}\n.stamp-drawer-mobile[data-drawer-state=\"open\"] {\n  transform: translateX(0);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);\n}\n\n/* Ẩn hover-only tooltip trên device không có hover. */\n@media (hover: none) {\n  [data-stamp-area=\"true\"] [role=\"tooltip\"] {\n    display: none !important;\n  }\n}\n\n/* Mobile responsive cho editor panels (≤ 768px). */\n@media (max-width: 768px) {\n  /* Editor panel: full-screen, dùng dvh để né iOS URL bar collapse. */\n  [data-stamp-area=\"true\"][data-mobile-editor=\"true\"] {\n    position: fixed !important;\n    inset: 0 !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    max-width: 100vw !important;\n    max-height: 100dvh !important;\n    transform: none !important;\n    border-radius: 0 !important;\n    margin: 0 !important;\n  }\n\n  /* LeftPanel mobile: full-height drawer, override absolute w-60 desktop. */\n  [data-stamp-area=\"true\"][data-mobile-drawer=\"true\"] {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    bottom: 0 !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    width: 84vw !important;\n    max-width: 320px !important;\n    z-index: 50 !important;\n  }\n\n  /* Tool button mobile: 40px min, không bị Tailwind h-8 đè vì specificity. */\n  [data-stamp-area=\"true\"] [data-tool],\n  [data-stamp-area=\"true\"] [data-snippet],\n  [data-stamp-area=\"true\"] [data-pill-btn] {\n    min-height: 40px;\n    min-width: 40px;\n  }\n\n  /* Mobile geometry redesign: rộng drawer hơn để chứa label dưới icon. */\n  [data-stamp-area=\"true\"][data-mobile-drawer=\"true\"][data-geo-mobile=\"true\"] {\n    width: 88vw !important;\n    max-width: 360px !important;\n  }\n\n  /* Tool card trong geometry mobile drawer: 72px height tối thiểu, icon + 2-line label. */\n  [data-stamp-area=\"true\"][data-geo-mobile=\"true\"] [data-tool] {\n    min-height: 72px;\n    min-width: 0;\n  }\n}\n\n/* ============================================================\n * Geometry mobile drawer — tool grid + chips\n * ============================================================ */\n\n/* Tool card active state — gradient emerald với shadow nhẹ. */\n.geo-mobile-tool-active {\n  background-image: linear-gradient(135deg, rgb(16 185 129), rgb(5 150 105));\n  color: white;\n  box-shadow: 0 4px 12px -2px rgba(16, 185, 129, 0.35);\n}\n.theme--dark .geo-mobile-tool-active {\n  background-image: linear-gradient(135deg, rgb(6 95 70), rgb(6 78 59));\n  box-shadow: 0 4px 12px -2px rgba(6, 95, 70, 0.5);\n}\n\n/* Pill chip (Trục / Lưới) — outline + active emerald. */\n.geo-mobile-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.75rem;\n  border-radius: 9999px;\n  border: 1px solid rgb(203 213 225);\n  background-color: white;\n  color: rgb(71 85 105);\n  font-size: 12px;\n  font-weight: 500;\n  min-height: 36px;\n  transition: background-color 160ms, border-color 160ms, color 160ms;\n}\n.geo-mobile-chip[aria-pressed='true'] {\n  background-color: rgb(236 253 245);\n  border-color: rgb(16 185 129);\n  color: rgb(5 95 70);\n}\n.theme--dark .geo-mobile-chip {\n  background-color: rgb(30 41 59);\n  border-color: rgb(51 65 85);\n  color: rgb(203 213 225);\n}\n.theme--dark .geo-mobile-chip[aria-pressed='true'] {\n  background-color: rgb(6 78 59);\n  border-color: rgb(16 185 129);\n  color: rgb(167 243 208);\n}\n\n/* === graph-2d styles ===\n * Panel chrome (positioning, header, sections) handled by Tailwind in LeftPanel.tsx\n * and EditorPanel.tsx. CSS classes below cover AlgebraView/FunctionRow/SliderRow\n * internals and MiniBoard container.\n */\n.graph-algebra-view {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n.graph-algebra-section { margin-bottom: 12px; }\n.graph-function-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 4px;\n  border-bottom: 1px solid var(--color-border-light, #f3f4f6);\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 12px;\n  position: relative;\n}\n.graph-function-row.is-error { background: #fef2f2; }\n.graph-function-color {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.graph-function-name { white-space: nowrap; }\n.graph-function-input {\n  flex: 1; min-width: 0;\n  background: white;\n  border: 1px solid var(--color-border, #d1d5db);\n  border-radius: 3px;\n  padding: 2px 4px;\n  font-family: ui-monospace, monospace;\n  font-size: 12px;\n}\n.graph-function-eye, .graph-function-remove {\n  width: 22px; height: 22px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  opacity: 0.6;\n}\n.graph-function-eye.is-hidden { opacity: 1; color: #999; }\n.graph-function-error {\n  position: absolute;\n  left: 24px; right: 24px;\n  bottom: -16px;\n  font-size: 10px;\n  color: #b91c1c;\n}\n.graph-algebra-add {\n  width: 100%;\n  padding: 6px;\n  background: white;\n  border: 1px dashed var(--color-border, #9ca3af);\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n  margin-top: 8px;\n}\n.graph-algebra-add:disabled { opacity: 0.4; cursor: not-allowed; }\n.graph-slider-row {\n  padding: 6px 4px;\n  border-bottom: 1px solid var(--color-border-light, #f3f4f6);\n}\n.graph-slider-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-family: ui-monospace, monospace;\n}\n.graph-slider-name { font-weight: 600; }\n.graph-slider-value { color: #6b7280; }\n.graph-slider-remove {\n  margin-left: auto;\n  width: 18px; height: 18px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  opacity: 0.5;\n}\n.graph-slider-input {\n  width: 100%;\n  margin-top: 4px;\n}\n.graph-slider-range {\n  display: flex;\n  justify-content: space-between;\n  font-size: 10px;\n  color: #9ca3af;\n}\n.graph-miniboard {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n"],"mappings":";AAIA,CAAC,YAAY,CAAC;AACZ,SAAO,IAAI,IAAI,IAAI;AACrB;AAGA,CALC,YAKY,CAAC,qBAAuB,CAAC;AACtC,CANC,YAMY,CAAC,sBAAwB,CADA;AAEpC,oBAAkB,IAAI,GAAG,GAAG;AAC9B;AACA,CATC,YASY,CAAC,sBAAwB,CAAC;AACrC,oBAAkB,IAAI,GAAG,GAAG;AAC9B;AACA,CAZC,YAYY,CAAC,sBAAwB,CAAC;AACrC,oBAAkB,IAAI,EAAE,GAAG;AAC7B;AACA,CAfC,YAeY,CAAC,sBAAwB,CAAC;AACrC,oBAAkB,IAAI,IAAI,GAAG;AAC/B;AACA,CAlBC,YAkBY,CAAC,sBAAwB,CAAC,mBAAmB;AACxD,oBAAkB,IAAI,GAAG,GAAG;AAC9B;AACA,CArBC,YAqBY,CAAC,sBAAwB,CAAC,kBAAkB;AACvD,oBAAkB,IAAI,GAAG,GAAG;AAC9B;AACA,CAxBC,YAwBY,CAAC,sBAAwB,CAAC,oBAAoB;AACzD,oBAAkB,IAAI,EAAE,GAAG;AAC7B;AAGA,CA7BC,YA6BY,CAAC,8BAAgC,EAAE,MAAM,CAAC;AACrD;AAAA,IAAkB;AAAA,MAAgB,GAAG,KAAnB;AAAA,MAA0B,IAAI,GAAG,GAAG,GAApC;AAAA,MAAyC,IAAI,GAAG,GAAG;AACvE;AAGA,CAlCC,YAkCY,CAAC,sBAAwB,CAAC;AACvC,CAnCC,YAmCY,CAAC,sBAAwB,CAAC;AACrC,gBAAc,IAAI,GAAG,GAAG;AAC1B;AAGA,CAxCC,YAwCY,CAAC,sBAAwB,CAAC;AACrC,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CA3CC,YA2CY,CAAC,sBAAwB,CAAC;AACrC,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CA9CC,YA8CY,CAAC,sBAAwB,CAAC;AACvC,CA/CC,YA+CY,CAAC,sBAAwB,CAAC;AACvC,CAhDC,YAgDY,CAAC,sBAAwB,CAAC;AACvC,CAjDC,YAiDY,CAAC,sBAAwB,CAAC;AACrC,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CApDC,YAoDY,CAAC,sBAAwB,CAAC,qBAAqB;AAC5D,CArDC,YAqDY,CAAC,sBAAwB,CAAC,qBAAqB;AAC1D,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CAxDC,YAwDY,CAAC,sBAAwB,CAAC;AACrC,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CA3DC,YA2DY,CAAC,sBAAwB,CAAC;AACrC,SAAO,IAAI,IAAI,IAAI;AACrB;AAGA,CAhEC,YAgEY,CAAC,sBAAwB,KAAK,CAAC;AAC5C,CAjEC,YAiEY,CAAC,sBAAwB;AACpC,oBAAkB,IAAI,GAAG,GAAG;AAC5B,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CArEC,YAqEY,CAAC,sBAAwB,KAAK;AAC3C,CAtEC,YAsEY,CAAC,sBAAwB,QAAQ;AAC5C,SAAO,IAAI,IAAI,IAAI;AACrB;AAGA,CA3EC,YA2EY,CAAC,sBAAwB;AACpC,oBAAkB,IAAI,GAAG,GAAG;AAC5B,gBAAc,IAAI,GAAG,GAAG;AACxB,SAAO,IAAI,IAAI,IAAI;AACrB;AAGA,CAlFC,YAkFY,CAAC,sBAAwB,CAAC;AACrC,oBAAkB,IAAI,EAAE,GAAG;AAC7B;AACA,CArFC,YAqFY,CAAC,sBAAwB,CAAC;AACrC,gBAAc,IAAI,GAAG,IAAI;AAC3B;AACA,CAxFC,YAwFY,CAAC,sBAAwB,CAAC;AACrC,mBAAiB,IAAI,IAAI,IAAI;AAC/B;AACA,CA3FC,YA2FY,CAAC,sBAAwB,CAAC;AACrC,gBAAc,IAAI,IAAI,GAAG;AAC3B;AACA,CA9FC,YA8FY,CAAC,sBAAwB,CAAC,kBAAkB;AACvD,oBAAkB,IAAI,IAAI,GAAG;AAC/B;AAGA,CAnGC,YAmGY,CAAC,sBAAwB,CAtEiB,gBAsEA,CAAC;AACtD;AAAA,IAAkB;AAAA,MAAgB,GAAG,KAAnB;AAAA,MAA0B,IAAI,EAAE,GAAG,GAAnC;AAAA,MAAwC,IAAI,GAAG,GAAG;AACtE;AACA,CAtGC,YAsGY,CAAC,sBAAwB,CAAC;AACrC,oBAAkB,IAAI,EAAE,GAAG;AAC7B;AACA,CAzGC,YAyGY,CAAC,sBAAwB,CAAC,qBAAqB;AAC1D,oBAAkB,IAAI,EAAE,IAAI;AAC9B;AAOA,CAAC,sBAAwB;AACzB,CAAC,sBAAwB,CAAC;AAC1B,CAAC,sBAAwB,KAAK,CAAC;AAC/B,CAAC,sBAAwB,CAAC;AACxB,gBAAc;AACd,+BAA6B;AAC/B;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,oBAAkB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnC,WAAS;AACT,aAAW,cAAc,MAAM;AACjC;AACA,WAFa;AAGX;AAAO,aAAS;AAAG;AACnB;AAAK,aAAS;AAAG;AACnB;AAGA,CAAC;AACC,cAAY,UAAU,MAAM,aAAa,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE;AACxD,eAAa;AACf;AACA,CAJC,mBAImB,CAAC;AACnB,aAAW,WAAW;AACxB;AACA,CAPC,mBAOmB,CAAC;AACnB,aAAW,WAAW;AACtB,cAAY,EAAE,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AAGA,QAAO,OAAQ;AACb,GAAC,sBAAwB,CAAC;AACxB,aAAS;AACX;AACF;AAGA,QAAO,WAAY;AAEjB,GAAC,qBAAuB,CAAC;AACvB,cAAU;AACV,WAAO;AACP,SAAK;AACL,UAAM;AACN,WAAO;AACP,YAAQ;AACR,WAAO;AACP,YAAQ;AACR,YAAQ;AACR,eAAW;AACX,gBAAY;AACZ,eAAW;AACX,mBAAe;AACf,YAAQ;AACV;AAGA,GAAC,qBAAuB,CAAC;AACvB,cAAU;AACV,SAAK;AACL,UAAM;AACN,YAAQ;AACR,YAAQ;AACR,YAAQ;AACR,WAAO;AACP,eAAW;AACX,aAAS;AACX;AAGA,GAAC,sBAAwB,CAAC;AAAA,EAC1B,CAAC,sBAAwB,CAAC;AAAA,EAC1B,CAAC,sBAAwB,CAAC;AACxB,gBAAY;AACZ,eAAW;AACb;AAGA,GAAC,qBAAuB,CAAC,wBAA0B,CAAC;AAClD,WAAO;AACP,eAAW;AACb;AAGA,GAAC,qBAAuB,CAAC,sBAAwB,CAAC;AAChD,gBAAY;AACZ,eAAW;AACb;AACF;AAOA,CAAC;AACC;AAAA,IAAkB;AAAA,MAAgB,MAAhB;AAAA,MAAwB,IAAI,GAAG,IAAI,IAAnC;AAAA,MAAyC,IAAI,EAAE,IAAI;AACrE,SAAO;AACP,cAAY,EAAE,IAAI,KAAK,KAAK,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACjD;AACA,CA3NC,YA2NY,CALZ;AAMC;AAAA,IAAkB;AAAA,MAAgB,MAAhB;AAAA,MAAwB,IAAI,EAAE,GAAG,GAAjC;AAAA,MAAsC,IAAI,EAAE,GAAG;AACjE,cAAY,EAAE,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;AAC9C;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,SAAS;AAClB,iBAAe;AACf,UAAQ,IAAI,MAAM,IAAI,IAAI,IAAI;AAC9B,oBAAkB;AAClB,SAAO,IAAI,GAAG,GAAG;AACjB,aAAW;AACX,eAAa;AACb,cAAY;AACZ;AAAA,IAAY,iBAAiB,KAAK;AAAA,IAAE,aAAa,KAAK;AAAA,IAAE,MAAM;AAChE;AACA,CAdC,eAce,CAAC;AACf,oBAAkB,IAAI,IAAI,IAAI;AAC9B,gBAAc,IAAI,GAAG,IAAI;AACzB,SAAO,IAAI,EAAE,GAAG;AAClB;AACA,CApPC,YAoPY,CAnBZ;AAoBC,oBAAkB,IAAI,GAAG,GAAG;AAC5B,gBAAc,IAAI,GAAG,GAAG;AACxB,SAAO,IAAI,IAAI,IAAI;AACrB;AACA,CAzPC,YAyPY,CAxBZ,eAwB4B,CAAC;AAC5B,oBAAkB,IAAI,EAAE,GAAG;AAC3B,gBAAc,IAAI,GAAG,IAAI;AACzB,SAAO,IAAI,IAAI,IAAI;AACrB;AAOA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AAAwB,iBAAe;AAAM;AAC9C,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,IAAI;AACb,iBAAe,IAAI,MAAM,IAAI,oBAAoB,EAAE;AACnD;AAAA,IAAa,YAAY;AAAA,IAAE,KAAK;AAAA,IAAE;AAClC,aAAW;AACX,YAAU;AACZ;AACA,CAVC,kBAUkB,CAAC;AAAW,cAAY;AAAS;AACpD,CAAC;AACC,SAAO;AAAM,UAAQ;AACrB,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AAAsB,eAAa;AAAQ;AAC5C,CAAC;AACC,QAAM;AAAG,aAAW;AACpB,cAAY;AACZ,UAAQ,IAAI,MAAM,IAAI,cAAc,EAAE;AACtC,iBAAe;AACf,WAAS,IAAI;AACb,eAAa,YAAY,EAAE;AAC3B,aAAW;AACb;AACA,CAAC;AAAoB,CAAC;AACpB,SAAO;AAAM,UAAQ;AACrB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACX;AACA,CAPC,kBAOkB,CAAC;AAAY,WAAS;AAAG,SAAO;AAAM;AACzD,CAAC;AACC,YAAU;AACV,QAAM;AAAM,SAAO;AACnB,UAAQ;AACR,aAAW;AACX,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,WAAS;AACT,cAAY;AACZ,UAAQ,IAAI,OAAO,IAAI,cAAc,EAAE;AACvC,iBAAe;AACf,aAAW;AACX,UAAQ;AACR,cAAY;AACd;AACA,CAVC,iBAUiB;AAAY,WAAS;AAAK,UAAQ;AAAa;AACjE,CAAC;AACC,WAAS,IAAI;AACb,iBAAe,IAAI,MAAM,IAAI,oBAAoB,EAAE;AACrD;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,aAAW;AACX,eAAa,YAAY,EAAE;AAC7B;AACA,CAAC;AAAoB,eAAa;AAAK;AACvC,CAAC;AAAqB,SAAO;AAAS;AACtC,CAAC;AACC,eAAa;AACb,SAAO;AAAM,UAAQ;AACrB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACX;AACA,CAAC;AACC,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,aAAW;AACX,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACd;","names":[]}

package/dist/index.d.mts

@@ -145,6 +145,16 @@ declare function isGeometry3DCustomData(data: unknown): data is Geometry3DCustom
 
 declare const geometry3dStamp: StampType;
 
+interface Graph2DCustomData extends BaseStampCustomData {
+    kind: 'graph2d';
+    version: 1;
+    jsonState: string;
+    svgWidth: number;
+    svgHeight: number;
+}
+declare function isGraph2DCustomData(data: unknown): data is Graph2DCustomData;
+declare const graph2dStamp: StampType;
+
 /**
  * Set stamp mặc định dùng trong Whiteboard. Consumer có thể
  * truyền custom array để bật/tắt từng stamp hoặc đăng ký stamp mới.
@@ -213,6 +223,6 @@ interface ElementLike {
  */
 declare function restoreMissingStampFiles(api: any, elements: readonly ElementLike[], stamps?: ReadonlyArray<StampType>): Promise<void>;
 
-type StampCustomData = GeometryCustomData | LatexCustomData | Geometry3DCustomData;
+type StampCustomData = GeometryCustomData | LatexCustomData | Geometry3DCustomData | Graph2DCustomData;
 
-export { type BaseStampCustomData, DEFAULT_STAMPS, type ExcalidrawSceneSnapshot, type Geometry3DCustomData, type GeometryCustomData, type LatexCustomData, type StampCustomData, type StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, findStampForCustomData, geometry3dStamp, geometryStamp, isGeometry3DCustomData, isGeometryCustomData, isLatexCustomData, isStampElement, latexStamp, pickSyncableAppState, restoreMissingStampFiles };
+export { type BaseStampCustomData, DEFAULT_STAMPS, type ExcalidrawSceneSnapshot, type Geometry3DCustomData, type GeometryCustomData, type Graph2DCustomData, type LatexCustomData, type StampCustomData, type StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, findStampForCustomData, geometry3dStamp, geometryStamp, graph2dStamp, isGeometry3DCustomData, isGeometryCustomData, isGraph2DCustomData, isLatexCustomData, isStampElement, latexStamp, pickSyncableAppState, restoreMissingStampFiles };

package/dist/index.d.ts

@@ -145,6 +145,16 @@ declare function isGeometry3DCustomData(data: unknown): data is Geometry3DCustom
 
 declare const geometry3dStamp: StampType;
 
+interface Graph2DCustomData extends BaseStampCustomData {
+    kind: 'graph2d';
+    version: 1;
+    jsonState: string;
+    svgWidth: number;
+    svgHeight: number;
+}
+declare function isGraph2DCustomData(data: unknown): data is Graph2DCustomData;
+declare const graph2dStamp: StampType;
+
 /**
  * Set stamp mặc định dùng trong Whiteboard. Consumer có thể
  * truyền custom array để bật/tắt từng stamp hoặc đăng ký stamp mới.
@@ -213,6 +223,6 @@ interface ElementLike {
  */
 declare function restoreMissingStampFiles(api: any, elements: readonly ElementLike[], stamps?: ReadonlyArray<StampType>): Promise<void>;
 
-type StampCustomData = GeometryCustomData | LatexCustomData | Geometry3DCustomData;
+type StampCustomData = GeometryCustomData | LatexCustomData | Geometry3DCustomData | Graph2DCustomData;
 
-export { type BaseStampCustomData, DEFAULT_STAMPS, type ExcalidrawSceneSnapshot, type Geometry3DCustomData, type GeometryCustomData, type LatexCustomData, type StampCustomData, type StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, findStampForCustomData, geometry3dStamp, geometryStamp, isGeometry3DCustomData, isGeometryCustomData, isLatexCustomData, isStampElement, latexStamp, pickSyncableAppState, restoreMissingStampFiles };
+export { type BaseStampCustomData, DEFAULT_STAMPS, type ExcalidrawSceneSnapshot, type Geometry3DCustomData, type GeometryCustomData, type Graph2DCustomData, type LatexCustomData, type StampCustomData, type StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, findStampForCustomData, geometry3dStamp, geometryStamp, graph2dStamp, isGeometry3DCustomData, isGeometryCustomData, isGraph2DCustomData, isLatexCustomData, isStampElement, latexStamp, pickSyncableAppState, restoreMissingStampFiles };