@supernal/interface-nextjs 1.0.14 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +24 -19
  2. package/dist/index.mjs +24 -19
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -420,32 +420,32 @@ var ChatNames = {
420
420
  };
421
421
  var DOCK_POSITIONS = {
422
422
  "bottom-right": {
423
- container: "bottom-4 right-4 sm:bottom-6 sm:right-6",
424
- panel: "bottom-0 right-0"
423
+ container: { bottom: "1rem", right: "1rem" },
424
+ panel: { bottom: 0, right: 0 }
425
425
  },
426
426
  "bottom-left": {
427
- container: "bottom-4 left-4 sm:bottom-6 sm:left-6",
428
- panel: "bottom-0 left-0"
427
+ container: { bottom: "1rem", left: "1rem" },
428
+ panel: { bottom: 0, left: 0 }
429
429
  },
430
430
  "top-right": {
431
- container: "top-4 right-4 sm:top-6 sm:right-6",
432
- panel: "top-0 right-0"
431
+ container: { top: "1rem", right: "1rem" },
432
+ panel: { top: 0, right: 0 }
433
433
  },
434
434
  "top-left": {
435
- container: "top-4 left-4 sm:top-6 sm:left-6",
436
- panel: "top-0 left-0"
435
+ container: { top: "1rem", left: "1rem" },
436
+ panel: { top: 0, left: 0 }
437
437
  },
438
438
  "left-center": {
439
- container: "left-4 top-1/2 -translate-y-1/2",
440
- panel: "left-0 top-0"
439
+ container: { left: "1rem", top: "50%", transform: "translateY(-50%)" },
440
+ panel: { left: 0, top: 0 }
441
441
  },
442
442
  "right-center": {
443
- container: "right-4 top-1/2 -translate-y-1/2",
444
- panel: "right-0 top-0"
443
+ container: { right: "1rem", top: "50%", transform: "translateY(-50%)" },
444
+ panel: { right: 0, top: 0 }
445
445
  },
446
446
  "bottom-center": {
447
- container: "bottom-4 left-1/2 -translate-x-1/2",
448
- panel: "bottom-0 left-1/2 -translate-x-1/2"
447
+ container: { bottom: "1rem", left: "50%", transform: "translateX(-50%)" },
448
+ panel: { bottom: 0, left: "50%", transform: "translateX(-50%)" }
449
449
  }
450
450
  };
451
451
  var INLINE_STYLES = {
@@ -943,8 +943,9 @@ var ChatBubble = ({
943
943
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
944
944
  "div",
945
945
  {
946
- className: `fixed ${dockClasses.container} z-50`,
946
+ className: "fixed z-50",
947
947
  style: {
948
+ ...dockClasses.container,
948
949
  width: panelWidth,
949
950
  height: isMinimized ? "auto" : dynamicHeight
950
951
  },
@@ -952,8 +953,12 @@ var ChatBubble = ({
952
953
  isExpanded && isMinimized && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
953
954
  "div",
954
955
  {
955
- className: `absolute ${dockClasses.panel} ${glassClasses} rounded-3xl shadow-2xl border p-4 transition-all duration-300`,
956
- style: { width: panelWidth, maxWidth: "400px" },
956
+ className: `absolute ${glassClasses} rounded-3xl shadow-2xl border p-4 transition-all duration-300`,
957
+ style: {
958
+ ...dockClasses.panel,
959
+ width: panelWidth,
960
+ maxWidth: "400px"
961
+ },
957
962
  children: [
958
963
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
959
964
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center space-x-2", children: [
@@ -994,11 +999,11 @@ var ChatBubble = ({
994
999
  "div",
995
1000
  {
996
1001
  ref: panelRef,
997
- className: `${isDocked ? "absolute " + dockClasses.panel : "fixed"} ${glassGradient} rounded-3xl shadow-2xl border border-white/20 dark:border-white/10 backdrop-blur-xl flex flex-col overflow-hidden transition-all duration-300`,
1002
+ className: `${isDocked ? "absolute" : "fixed"} ${glassGradient} rounded-3xl shadow-2xl border border-white/20 dark:border-white/10 backdrop-blur-xl flex flex-col overflow-hidden transition-all duration-300`,
998
1003
  style: {
999
1004
  width: panelWidth,
1000
1005
  height: dynamicHeight,
1001
- ...!isDocked && {
1006
+ ...isDocked ? dockClasses.panel : {
1002
1007
  left: "50%",
1003
1008
  top: "50%",
1004
1009
  transform: `translate(calc(-50% + ${panelPosition.x}px), calc(-50% + ${panelPosition.y}px))`
package/dist/index.mjs CHANGED
@@ -379,32 +379,32 @@ var ChatNames = {
379
379
  };
380
380
  var DOCK_POSITIONS = {
381
381
  "bottom-right": {
382
- container: "bottom-4 right-4 sm:bottom-6 sm:right-6",
383
- panel: "bottom-0 right-0"
382
+ container: { bottom: "1rem", right: "1rem" },
383
+ panel: { bottom: 0, right: 0 }
384
384
  },
385
385
  "bottom-left": {
386
- container: "bottom-4 left-4 sm:bottom-6 sm:left-6",
387
- panel: "bottom-0 left-0"
386
+ container: { bottom: "1rem", left: "1rem" },
387
+ panel: { bottom: 0, left: 0 }
388
388
  },
389
389
  "top-right": {
390
- container: "top-4 right-4 sm:top-6 sm:right-6",
391
- panel: "top-0 right-0"
390
+ container: { top: "1rem", right: "1rem" },
391
+ panel: { top: 0, right: 0 }
392
392
  },
393
393
  "top-left": {
394
- container: "top-4 left-4 sm:top-6 sm:left-6",
395
- panel: "top-0 left-0"
394
+ container: { top: "1rem", left: "1rem" },
395
+ panel: { top: 0, left: 0 }
396
396
  },
397
397
  "left-center": {
398
- container: "left-4 top-1/2 -translate-y-1/2",
399
- panel: "left-0 top-0"
398
+ container: { left: "1rem", top: "50%", transform: "translateY(-50%)" },
399
+ panel: { left: 0, top: 0 }
400
400
  },
401
401
  "right-center": {
402
- container: "right-4 top-1/2 -translate-y-1/2",
403
- panel: "right-0 top-0"
402
+ container: { right: "1rem", top: "50%", transform: "translateY(-50%)" },
403
+ panel: { right: 0, top: 0 }
404
404
  },
405
405
  "bottom-center": {
406
- container: "bottom-4 left-1/2 -translate-x-1/2",
407
- panel: "bottom-0 left-1/2 -translate-x-1/2"
406
+ container: { bottom: "1rem", left: "50%", transform: "translateX(-50%)" },
407
+ panel: { bottom: 0, left: "50%", transform: "translateX(-50%)" }
408
408
  }
409
409
  };
410
410
  var INLINE_STYLES = {
@@ -902,8 +902,9 @@ var ChatBubble = ({
902
902
  return /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsxs(
903
903
  "div",
904
904
  {
905
- className: `fixed ${dockClasses.container} z-50`,
905
+ className: "fixed z-50",
906
906
  style: {
907
+ ...dockClasses.container,
907
908
  width: panelWidth,
908
909
  height: isMinimized ? "auto" : dynamicHeight
909
910
  },
@@ -911,8 +912,12 @@ var ChatBubble = ({
911
912
  isExpanded && isMinimized && /* @__PURE__ */ jsxs(
912
913
  "div",
913
914
  {
914
- className: `absolute ${dockClasses.panel} ${glassClasses} rounded-3xl shadow-2xl border p-4 transition-all duration-300`,
915
- style: { width: panelWidth, maxWidth: "400px" },
915
+ className: `absolute ${glassClasses} rounded-3xl shadow-2xl border p-4 transition-all duration-300`,
916
+ style: {
917
+ ...dockClasses.panel,
918
+ width: panelWidth,
919
+ maxWidth: "400px"
920
+ },
916
921
  children: [
917
922
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
918
923
  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -953,11 +958,11 @@ var ChatBubble = ({
953
958
  "div",
954
959
  {
955
960
  ref: panelRef,
956
- className: `${isDocked ? "absolute " + dockClasses.panel : "fixed"} ${glassGradient} rounded-3xl shadow-2xl border border-white/20 dark:border-white/10 backdrop-blur-xl flex flex-col overflow-hidden transition-all duration-300`,
961
+ className: `${isDocked ? "absolute" : "fixed"} ${glassGradient} rounded-3xl shadow-2xl border border-white/20 dark:border-white/10 backdrop-blur-xl flex flex-col overflow-hidden transition-all duration-300`,
957
962
  style: {
958
963
  width: panelWidth,
959
964
  height: dynamicHeight,
960
- ...!isDocked && {
965
+ ...isDocked ? dockClasses.panel : {
961
966
  left: "50%",
962
967
  top: "50%",
963
968
  transform: `translate(calc(-50% + ${panelPosition.x}px), calc(-50% + ${panelPosition.y}px))`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@supernal/interface-nextjs",
3
- "version": "1.0.14",
3
+ "version": "1.0.16",
4
4
  "description": "Next.js integration for Supernal Intelligence Interface - enables agentic UX with one line of code",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",