@superblocksteam/library 2.0.119 → 2.0.120-next.1

package/dist/{logs-hyzhDMp7.js → logs-HOxOH_w6.js}

@@ -1,9 +1,8 @@
-import { t as early_console_buffer_default } from "./early-console-buffer-D4wVuyBf.js";
+import { t as LibraryEarlyConsoleBuffer } from "./early-console-buffer-BJWsc4E3.js";
 import { resourceFromAttributes } from "@opentelemetry/resources";
 import { ATTR_SERVICE_NAME } from "@opentelemetry/semantic-conventions";
 import { OTLPLogExporter } from "@opentelemetry/exporter-logs-otlp-http";
 import { BatchLogRecordProcessor, LoggerProvider } from "@opentelemetry/sdk-logs";
-
 //#region src/lib/tracing/logs.ts
 function initLibraryLoggerProvider(context) {
 	const logExporter = new OTLPLogExporter({
@@ -22,9 +21,9 @@ function initLibraryLoggerProvider(context) {
 		}),
 		processors: [new BatchLogRecordProcessor(logExporter)]
 	}).getLogger("superblocks-ui-framework", "1.0.0");
-	early_console_buffer_default.getInstance().enableOpenTelemetry(otelLogger);
+	LibraryEarlyConsoleBuffer.getInstance().enableOpenTelemetry(otelLogger);
 }
-
 //#endregion
 export { initLibraryLoggerProvider };
-//# sourceMappingURL=logs-hyzhDMp7.js.map
+
+//# sourceMappingURL=logs-HOxOH_w6.js.map

package/dist/{logs-hyzhDMp7.js.map → logs-HOxOH_w6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logs-hyzhDMp7.js","names":[],"sources":["../src/lib/tracing/logs.ts"],"sourcesContent":["import { OTLPLogExporter } from \"@opentelemetry/exporter-logs-otlp-http\";\nimport { resourceFromAttributes } from \"@opentelemetry/resources\";\nimport {\n  BatchLogRecordProcessor,\n  LoggerProvider,\n} from \"@opentelemetry/sdk-logs\";\nimport { ATTR_SERVICE_NAME } from \"@opentelemetry/semantic-conventions\";\n\nimport LibraryEarlyConsoleBuffer from \"./early-console-buffer.js\";\n\ninterface LoggingContext {\n  windowOriginUrl: string;\n  environment: string;\n  appId: string;\n  userId?: string;\n  userEmail?: string;\n  orgId: string;\n  orgName?: string;\n}\n\nexport function initLibraryLoggerProvider(context: LoggingContext) {\n  const logExporter = new OTLPLogExporter({\n    url: context.windowOriginUrl + \"/api/v1/logs\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n\n  const resource = resourceFromAttributes({\n    [ATTR_SERVICE_NAME]: \"superblocks-ui-framework\",\n    \"user-id\": context.userId,\n    \"user-email\": context.userEmail,\n    \"organization-id\": context.orgId,\n    \"organization-name\": context.orgName,\n    \"application-id\": context.appId,\n    \"deployment.environment\": context.environment,\n  });\n\n  const loggerProvider = new LoggerProvider({\n    resource,\n    processors: [new BatchLogRecordProcessor(logExporter)],\n  });\n\n  const otelLogger = loggerProvider.getLogger(\n    \"superblocks-ui-framework\",\n    \"1.0.0\",\n  );\n\n  // Enable buffered console logs with rich context\n  LibraryEarlyConsoleBuffer.getInstance().enableOpenTelemetry(otelLogger);\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,0BAA0B,SAAyB;CACjE,MAAM,cAAc,IAAI,gBAAgB;EACtC,KAAK,QAAQ,kBAAkB;EAC/B,SAAS,EACP,gBAAgB,oBACjB;EACF,CAAC;CAiBF,MAAM,aALiB,IAAI,eAAe;EACxC,UAXe,uBAAuB;IACrC,oBAAoB;GACrB,WAAW,QAAQ;GACnB,cAAc,QAAQ;GACtB,mBAAmB,QAAQ;GAC3B,qBAAqB,QAAQ;GAC7B,kBAAkB,QAAQ;GAC1B,0BAA0B,QAAQ;GACnC,CAAC;EAIA,YAAY,CAAC,IAAI,wBAAwB,YAAY,CAAC;EACvD,CAAC,CAEgC,UAChC,4BACA,QACD;AAGD,8BAA0B,aAAa,CAAC,oBAAoB,WAAW"}
+{"version":3,"file":"logs-HOxOH_w6.js","names":[],"sources":["../src/lib/tracing/logs.ts"],"sourcesContent":["import { OTLPLogExporter } from \"@opentelemetry/exporter-logs-otlp-http\";\nimport { resourceFromAttributes } from \"@opentelemetry/resources\";\nimport {\n  BatchLogRecordProcessor,\n  LoggerProvider,\n} from \"@opentelemetry/sdk-logs\";\nimport { ATTR_SERVICE_NAME } from \"@opentelemetry/semantic-conventions\";\n\nimport LibraryEarlyConsoleBuffer from \"./early-console-buffer.js\";\n\ninterface LoggingContext {\n  windowOriginUrl: string;\n  environment: string;\n  appId: string;\n  userId?: string;\n  userEmail?: string;\n  orgId: string;\n  orgName?: string;\n}\n\nexport function initLibraryLoggerProvider(context: LoggingContext) {\n  const logExporter = new OTLPLogExporter({\n    url: context.windowOriginUrl + \"/api/v1/logs\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n\n  const resource = resourceFromAttributes({\n    [ATTR_SERVICE_NAME]: \"superblocks-ui-framework\",\n    \"user-id\": context.userId,\n    \"user-email\": context.userEmail,\n    \"organization-id\": context.orgId,\n    \"organization-name\": context.orgName,\n    \"application-id\": context.appId,\n    \"deployment.environment\": context.environment,\n  });\n\n  const loggerProvider = new LoggerProvider({\n    resource,\n    processors: [new BatchLogRecordProcessor(logExporter)],\n  });\n\n  const otelLogger = loggerProvider.getLogger(\n    \"superblocks-ui-framework\",\n    \"1.0.0\",\n  );\n\n  // Enable buffered console logs with rich context\n  LibraryEarlyConsoleBuffer.getInstance().enableOpenTelemetry(otelLogger);\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,0BAA0B,SAAyB;CACjE,MAAM,cAAc,IAAI,gBAAgB;EACtC,KAAK,QAAQ,kBAAkB;EAC/B,SAAS,EACP,gBAAgB,oBACjB;EACF,CAAC;CAiBF,MAAM,aAAa,IALQ,eAAe;EACxC,UAXe,uBAAuB;IACrC,oBAAoB;GACrB,WAAW,QAAQ;GACnB,cAAc,QAAQ;GACtB,mBAAmB,QAAQ;GAC3B,qBAAqB,QAAQ;GAC7B,kBAAkB,QAAQ;GAC1B,0BAA0B,QAAQ;GACnC,CAGS;EACR,YAAY,CAAC,IAAI,wBAAwB,YAAY,CAAC;EACvD,CAEgC,CAAC,UAChC,4BACA,QACD;AAGD,2BAA0B,aAAa,CAAC,oBAAoB,WAAW"}

package/dist/{lib/index.css → style.css}

@@ -1,13 +1,10 @@
 :root {
-  /* Edit mode z-index values */
   --sb-edit-z-index-high: 1010;
   --sb-edit-z-index-mid: 1002;
   --sb-edit-z-index-base: 1001;
   --primary-rect-color: #0087e0;
 }
 
-/* A class that sets the child anchor-name to a variable that is set in react */
-/* First level is the suspense provider, second level is the component */
 .sb-anchor-name {
   anchor-name: var(--anchor-name);
 }
@@ -18,46 +15,41 @@
   }
 }
 
-/**
-* Used to drag *new* components into the canvas.
-* It's a full height/width layer above the editor canvas.
-* Triggers the draggable preview box for the new component to be dropped.
-**/
 .sb-new-component-dragging-layer {
-  position: fixed;
   width: 100vw;
   height: 100vh;
   z-index: var(--sb-edit-z-index-high);
+  position: fixed;
 }
 
 .sb-interaction-layer-wrapper {
   z-index: var(--sb-edit-z-index-high);
-  height: 0;
   width: 0;
+  height: 0;
   top: 0;
   left: 0;
 }
 
 .sb-edit-drag-preview {
-  background: rgba(224, 0, 0, 0.16);
+  pointer-events: none;
+  background: #e0000029;
   border: 1px solid red;
-  box-shadow: inset 0 0 0 3px rgba(224, 0, 0, 0.16);
   width: 100%;
   height: 100%;
-  pointer-events: none;
+  box-shadow: inset 0 0 0 3px #e0000029;
 
   &[data-is-valid-drop="true"] {
     border: 1px solid var(--primary-rect-color);
-    background: rgba(0, 135, 224, 0.16);
-    box-shadow: inset 0 0 0 3px rgba(0, 135, 224, 0.16);
+    background: #0087e029;
+    box-shadow: inset 0 0 0 3px #0087e029;
   }
 }
 
 .sb-edit-selection-rect {
-  position: absolute;
   border: 2px solid var(--primary-rect-color);
   pointer-events: none;
   z-index: var(--sb-edit-z-index-base);
+  position: absolute;
 
   &.sb-edit-focus {
     border: 1px solid var(--primary-rect-color);
@@ -68,225 +60,211 @@
   }
 
   &.sb-edit-target-mode.sb-edit-focus {
+    background: #7c4ff80a;
     border: 1px solid #c2b9dd;
-    background: rgba(124, 79, 248, 0.04);
   }
 }
 
-/* ai target mode */
-
 .sb-target-mode-border {
-  position: absolute;
   top: anchor(top);
   left: anchor(left);
   right: anchor(right);
   bottom: anchor(bottom);
   pointer-events: none;
+  position: absolute;
 }
 
-.sb-target-mode-border-top-right,
-.sb-target-mode-border-top-left,
-.sb-target-mode-border-bottom-right,
-.sb-target-mode-border-bottom-left {
+.sb-target-mode-border-top-right, .sb-target-mode-border-top-left, .sb-target-mode-border-bottom-right, .sb-target-mode-border-bottom-left {
+  box-sizing: border-box;
   width: 12px;
   height: 12px;
   position: absolute;
-  box-sizing: border-box;
 }
 
 .sb-target-mode-border-top-right {
+  border-top: 2px solid #7c4ff8;
+  border-left: 2px solid #7c4ff8;
   top: 0;
   left: 0;
-  border-top: 2px solid rgba(124, 79, 248, 1);
-  border-left: 2px solid rgba(124, 79, 248, 1);
 }
 
 .sb-target-mode-border-top-left {
+  border-top: 2px solid #7c4ff8;
+  border-right: 2px solid #7c4ff8;
   top: 0;
   right: 0;
-  border-top: 2px solid rgba(124, 79, 248, 1);
-  border-right: 2px solid rgba(124, 79, 248, 1);
 }
 
 .sb-target-mode-border-bottom-right {
+  border-bottom: 2px solid #7c4ff8;
+  border-right: 2px solid #7c4ff8;
   bottom: 0;
   right: 0;
-  border-bottom: 2px solid rgba(124, 79, 248, 1);
-  border-right: 2px solid rgba(124, 79, 248, 1);
 }
 
 .sb-target-mode-border-bottom-left {
+  border-bottom: 2px solid #7c4ff8;
+  border-left: 2px solid #7c4ff8;
   bottom: 0;
   left: 0;
-  border-bottom: 2px solid rgba(124, 79, 248, 1);
-  border-left: 2px solid rgba(124, 79, 248, 1);
 }
 
-/*
-  Handles for resizing the selection rect.
-  These are the little circles that appear when you select a widget
-  Used in interaction-rect-handles.tsx
-*/
-
 .resize-handle {
-  position: absolute;
+  border: 1px solid var(--primary-rect-color);
   width: 12px;
   height: 12px;
-  background-color: white;
-  border: 1px solid var(--primary-rect-color);
-  border-radius: 50%;
   z-index: var(--sb-edit-z-index-high);
   pointer-events: auto;
+  background-color: #fff;
+  border-radius: 50%;
+  position: absolute;
 
-  .bp5-popover-target {
+  & .bp5-popover-target {
     width: 100%;
     height: 100%;
   }
 
   &.top-left-resize-handle {
+    cursor: nw-resize;
     top: -6px;
     left: -6px;
-    cursor: nw-resize;
   }
 
   &.top-right-resize-handle {
+    cursor: ne-resize;
     top: -6px;
     right: -6px;
-    cursor: ne-resize;
   }
 
   &.bottom-right-resize-handle {
+    cursor: se-resize;
     bottom: -6px;
     right: -6px;
-    cursor: se-resize;
   }
 
   &.bottom-left-resize-handle {
+    cursor: sw-resize;
     bottom: -6px;
     left: -6px;
-    cursor: sw-resize;
   }
 
   &.top-resize-handle {
+    cursor: ns-resize;
+    pointer-events: auto;
+    background-color: #0000;
+    border: none;
+    width: auto;
+    height: 12px;
     top: -6px;
     left: 0;
     right: 0;
-    height: 12px;
-    width: auto;
-    cursor: ns-resize;
-    background-color: transparent;
-    border: none;
-    pointer-events: auto;
   }
 
   &.right-resize-handle {
-    top: 0;
-    right: -6px;
-    bottom: 0;
-    width: 12px;
-    height: auto;
     cursor: ew-resize;
-    background-color: transparent;
-    border: none;
     pointer-events: auto;
+    background-color: #0000;
+    border: none;
+    width: 12px;
+    height: auto;
+    top: 0;
+    bottom: 0;
+    right: -6px;
   }
 
   &.bottom-resize-handle {
+    cursor: ns-resize;
+    pointer-events: auto;
+    background-color: #0000;
+    border: none;
+    width: auto;
+    height: 12px;
     bottom: -6px;
     left: 0;
     right: 0;
-    height: 12px;
-    width: auto;
-    cursor: ns-resize;
-    background-color: transparent;
-    border: none;
-    pointer-events: auto;
   }
 
   &.left-resize-handle {
-    top: 0;
-    left: -6px;
-    bottom: 0;
-    width: 12px;
-    height: auto;
     cursor: ew-resize;
-    background-color: transparent;
-    border: none;
     pointer-events: auto;
+    background-color: #0000;
+    border: none;
+    width: 12px;
+    height: auto;
+    top: 0;
+    bottom: 0;
+    left: -6px;
   }
 }
 
-.resize-handle-edge::after {
-  position: absolute;
+.resize-handle-edge:after {
   content: "";
-  border-radius: 3px;
   border: 1px solid var(--primary-rect-color);
-  background: rgb(255, 255, 255);
   box-sizing: border-box;
-  transition: height 0.2s ease-in-out;
+  background: #fff;
+  border-radius: 3px;
+  transition: height .2s ease-in-out;
+  position: absolute;
 }
 
-.left-resize-handle-edge::after {
+.left-resize-handle-edge:after {
   width: 6px;
   height: 16px;
   top: calc(50% - 8px);
   left: calc(50% - 2px);
 }
 
-.right-resize-handle-edge::after {
+.right-resize-handle-edge:after {
   width: 6px;
   height: 16px;
   top: calc(50% - 8px);
   right: calc(50% - 2px);
 }
 
-.top-resize-handle-edge::after {
+.top-resize-handle-edge:after {
   width: 16px;
   height: 6px;
-  left: calc(50% - 8px);
   top: calc(50% - 2px);
+  left: calc(50% - 8px);
 }
 
-.bottom-resize-handle-edge::after {
+.bottom-resize-handle-edge:after {
   width: 16px;
   height: 6px;
-  left: calc(50% - 8px);
   bottom: calc(50% - 2px);
+  left: calc(50% - 8px);
 }
 
 .bp5-unstyled-popover > .bp5-popover-content {
-  padding: 0 !important;
   background: none !important;
+  padding: 0 !important;
 }
 
 .sb-edit-interaction-rect-actions {
-  position: absolute;
-  /* This will flip the name pill when anchored */
   position-try-fallbacks: flip-block, --actions-below-header;
+  position: absolute;
 }
 
 .sb-edit-selection-name-pill {
   max-width: 140px;
 }
 
-.sb-edit-selection-name-pill,
-.sb-edit-add-to-chat-button,
-.sb-edit-edit-component-button {
-  cursor: pointer !important;
-  display: block;
-  font-size: 11px;
-  color: white;
-  padding: 2px 4px;
+.sb-edit-selection-name-pill, .sb-edit-add-to-chat-button, .sb-edit-edit-component-button {
+  color: #fff;
   white-space: nowrap;
   background-color: var(--primary-rect-color);
-  border-radius: 3px;
-  overflow: hidden;
   text-overflow: ellipsis;
   z-index: var(--sb-edit-z-index-mid);
   border: none;
+  border-radius: 3px;
   outline: none;
+  padding: 2px 4px;
+  font-size: 11px;
+  display: block;
+  overflow: hidden;
+  cursor: pointer !important;
 
-  * {
+  & * {
     cursor: pointer !important;
   }
 
@@ -294,36 +272,30 @@
     box-shadow: 0px 3px 8px -1px var(--primary-rect-color);
   }
 
-  &:active,
-  &:focus {
+  &:active, &:focus {
     background-color: var(--primary-rect-color);
-    opacity: 0.8;
+    opacity: .8;
   }
 }
 
-.sb-edit-actions-target-mode
-  .sb-edit-selection-name-pill:not([data-pill-type="SELECTED"]),
-.sb-edit-actions-target-mode .sb-edit-add-to-chat-button,
-.sb-edit-actions-target-mode .sb-edit-edit-component-button {
-  background-color: rgba(100, 58, 223, 1);
+.sb-edit-actions-target-mode .sb-edit-selection-name-pill:not([data-pill-type="SELECTED"]), .sb-edit-actions-target-mode .sb-edit-add-to-chat-button, .sb-edit-actions-target-mode .sb-edit-edit-component-button {
+  background-color: #643adf;
 
   &:hover {
-    box-shadow: 0px 3px 8px -1px rgba(100, 58, 223, 1);
+    box-shadow: 0 3px 8px -1px #643adf;
   }
 
-  &:active,
-  &:focus {
-    background-color: rgb(77, 50, 160);
+  &:active, &:focus {
+    background-color: #4d32a0;
   }
 }
 
-.sb-edit-add-to-chat-button,
-.sb-edit-edit-component-button {
-  display: flex;
-  align-items: center;
+.sb-edit-add-to-chat-button, .sb-edit-edit-component-button {
   justify-content: center;
+  align-items: center;
+  display: flex;
 
-  svg {
+  & svg {
     width: 16px;
     height: 16px;
   }
@@ -335,30 +307,31 @@
 }
 
 .sb-reparent-rect {
-  position: absolute;
   border: 1px solid var(--primary-rect-color);
   pointer-events: none;
   z-index: var(--sb-edit-z-index-base);
-  animation: radial-gradient-animation 2s infinite;
+  animation: 2s infinite radial-gradient-animation;
+  position: absolute;
 }
 
 @keyframes radial-gradient-animation {
   0% {
-    box-shadow: inset 0 0 0 0 rgba(0, 135, 224, 0.5);
+    box-shadow: inset 0 0 #0087e080;
   }
+
   100% {
-    box-shadow: inset 0 0 20px 20px rgba(0, 135, 224, 0.1);
+    box-shadow: inset 0 0 20px 20px #0087e01a;
   }
 }
 
 .sb-edit-drop-placeholder {
-  position: absolute;
   pointer-events: none;
   z-index: var(--sb-edit-z-index-base);
+  position: absolute;
 
   &[data-is-active="true"] {
     border: 1px solid var(--primary-rect-color);
-    box-shadow: inset 0 0 0 3px rgba(0, 135, 224, 0.16);
+    box-shadow: inset 0 0 0 3px #0087e029;
   }
 
   &[data-is-valid-drop="false"] {
@@ -367,12 +340,12 @@
 }
 
 .sb-edit-drop-target-outline {
-  position: absolute;
   pointer-events: none;
   z-index: var(--sb-edit-z-index-base);
   border: 1px dashed var(--primary-rect-color);
   width: 100%;
   height: 100%;
+  position: absolute;
   top: 0;
   left: 0;
 
@@ -380,6 +353,3 @@
     border-color: #f45252;
   }
 }
-
-
-/*# sourceMappingURL=index.css.map*/

package/dist/{utils-BGEEeYie.js → utils-BfE8-Afc.js}

@@ -5,8 +5,23 @@ import { resourceFromAttributes } from "@opentelemetry/resources";
 import { BatchSpanProcessor } from "@opentelemetry/sdk-trace-base";
 import { WebTracerProvider } from "@opentelemetry/sdk-trace-web";
 import { ATTR_SERVICE_NAME } from "@opentelemetry/semantic-conventions";
-
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
 //#region src/lib/utils.ts
+var utils_exports = /* @__PURE__ */ __exportAll({
+	getTracer: () => getTracer,
+	initTracerProviderWithOrigin: () => initTracerProviderWithOrigin
+});
 const serviceName = "superblocks-ui-framework";
 let otlpEndpoint = void 0;
 const otlpPath = "/api/v1/traces";
@@ -38,7 +53,7 @@ function getTracer(name) {
 	if (!currentProvider) console.error("Tracer provider not initialized. Call initTracerProviderWithOrigin() first with a valid windowOriginUrl. Tracing will be disabled.");
 	return trace.getTracer(name || serviceName);
 }
-
 //#endregion
-export { initTracerProviderWithOrigin as n, getTracer as t };
-//# sourceMappingURL=utils-BGEEeYie.js.map
+export { initTracerProviderWithOrigin as n, utils_exports as r, getTracer as t };
+
+//# sourceMappingURL=utils-BfE8-Afc.js.map

package/dist/{utils-BGEEeYie.js.map → utils-BfE8-Afc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-BGEEeYie.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { trace } from \"@opentelemetry/api\";\nimport {\n  CompositePropagator,\n  W3CBaggagePropagator,\n  W3CTraceContextPropagator,\n} from \"@opentelemetry/core\";\nimport { OTLPTraceExporter } from \"@opentelemetry/exporter-trace-otlp-http\";\nimport { resourceFromAttributes } from \"@opentelemetry/resources\";\nimport { BatchSpanProcessor } from \"@opentelemetry/sdk-trace-base\";\nimport { WebTracerProvider } from \"@opentelemetry/sdk-trace-web\";\nimport { ATTR_SERVICE_NAME } from \"@opentelemetry/semantic-conventions\";\n\nconst serviceName = \"superblocks-ui-framework\";\n\nlet otlpEndpoint: string | undefined = undefined;\nconst otlpPath = \"/api/v1/traces\";\n\nlet currentProvider: WebTracerProvider | undefined;\nconst ATTR_DEPLOYMENT_ENVIRONMENT = \"deployment.environment\";\n\nexport function initTracerProviderWithOrigin(windowOriginUrl: string) {\n  otlpEndpoint = windowOriginUrl + otlpPath;\n\n  console.debug(\n    \"Initializing direct OTLP tracer provider for iframe to:\",\n    otlpEndpoint,\n  );\n\n  const provider = new WebTracerProvider({\n    resource: resourceFromAttributes({\n      [ATTR_SERVICE_NAME]: serviceName,\n      [ATTR_DEPLOYMENT_ENVIRONMENT]: getEnvironmentFromHostname(otlpEndpoint),\n    }),\n  });\n  provider.addSpanProcessor(\n    new BatchSpanProcessor(\n      new OTLPTraceExporter({\n        url: otlpEndpoint,\n      }),\n    ),\n  );\n\n  provider.register({\n    propagator: new CompositePropagator({\n      propagators: [\n        new W3CBaggagePropagator(),\n        new W3CTraceContextPropagator(),\n      ],\n    }),\n  });\n\n  currentProvider = provider;\n  console.debug(\n    \"Direct OTLP tracing initialized for iframe with dynamic origin\",\n  );\n\n  return provider;\n}\n\n// TODO: move this to a shared location since it's used by CLI as well\nfunction getEnvironmentFromHostname(hostname: string): string {\n  if (hostname.match(/^app\\.superblocks(?:hq)?\\.com/)) {\n    return \"prod\";\n  } else if (hostname.match(/^eu\\.superblocks(?:hq)?\\.com/)) {\n    return \"prod-eu\";\n  } else if (hostname.match(/^staging\\.superblocks(?:hq)?\\.com/)) {\n    return \"staging\";\n  } else if (hostname.match(/^dev\\.superblocks(?:hq)?\\.com/)) {\n    return \"dev\";\n  } else if (hostname.match(/^pr-[0-9]+\\.superblocks(?:hq)?\\.dev/)) {\n    return \"ephemeral\";\n  } else if (hostname.match(/^localhost/)) {\n    return \"local\";\n  } else {\n    return \"other\";\n  }\n}\n\nexport function getTracer(name?: string) {\n  if (!currentProvider) {\n    console.error(\n      \"Tracer provider not initialized. Call initTracerProviderWithOrigin() first with a valid windowOriginUrl. Tracing will be disabled.\",\n    );\n  }\n  return trace.getTracer(name || serviceName);\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,cAAc;AAEpB,IAAI,eAAmC;AACvC,MAAM,WAAW;AAEjB,IAAI;AACJ,MAAM,8BAA8B;AAEpC,SAAgB,6BAA6B,iBAAyB;AACpE,gBAAe,kBAAkB;AAEjC,SAAQ,MACN,2DACA,aACD;CAED,MAAM,WAAW,IAAI,kBAAkB,EACrC,UAAU,uBAAuB;GAC9B,oBAAoB;GACpB,8BAA8B,2BAA2B,aAAa;EACxE,CAAC,EACH,CAAC;AACF,UAAS,iBACP,IAAI,mBACF,IAAI,kBAAkB,EACpB,KAAK,cACN,CAAC,CACH,CACF;AAED,UAAS,SAAS,EAChB,YAAY,IAAI,oBAAoB,EAClC,aAAa,CACX,IAAI,sBAAsB,EAC1B,IAAI,2BAA2B,CAChC,EACF,CAAC,EACH,CAAC;AAEF,mBAAkB;AAClB,SAAQ,MACN,iEACD;AAED,QAAO;;AAIT,SAAS,2BAA2B,UAA0B;AAC5D,KAAI,SAAS,MAAM,gCAAgC,CACjD,QAAO;UACE,SAAS,MAAM,+BAA+B,CACvD,QAAO;UACE,SAAS,MAAM,oCAAoC,CAC5D,QAAO;UACE,SAAS,MAAM,gCAAgC,CACxD,QAAO;UACE,SAAS,MAAM,sCAAsC,CAC9D,QAAO;UACE,SAAS,MAAM,aAAa,CACrC,QAAO;KAEP,QAAO;;AAIX,SAAgB,UAAU,MAAe;AACvC,KAAI,CAAC,gBACH,SAAQ,MACN,qIACD;AAEH,QAAO,MAAM,UAAU,QAAQ,YAAY"}
+{"version":3,"file":"utils-BfE8-Afc.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { trace } from \"@opentelemetry/api\";\nimport {\n  CompositePropagator,\n  W3CBaggagePropagator,\n  W3CTraceContextPropagator,\n} from \"@opentelemetry/core\";\nimport { OTLPTraceExporter } from \"@opentelemetry/exporter-trace-otlp-http\";\nimport { resourceFromAttributes } from \"@opentelemetry/resources\";\nimport { BatchSpanProcessor } from \"@opentelemetry/sdk-trace-base\";\nimport { WebTracerProvider } from \"@opentelemetry/sdk-trace-web\";\nimport { ATTR_SERVICE_NAME } from \"@opentelemetry/semantic-conventions\";\n\nconst serviceName = \"superblocks-ui-framework\";\n\nlet otlpEndpoint: string | undefined = undefined;\nconst otlpPath = \"/api/v1/traces\";\n\nlet currentProvider: WebTracerProvider | undefined;\nconst ATTR_DEPLOYMENT_ENVIRONMENT = \"deployment.environment\";\n\nexport function initTracerProviderWithOrigin(windowOriginUrl: string) {\n  otlpEndpoint = windowOriginUrl + otlpPath;\n\n  console.debug(\n    \"Initializing direct OTLP tracer provider for iframe to:\",\n    otlpEndpoint,\n  );\n\n  const provider = new WebTracerProvider({\n    resource: resourceFromAttributes({\n      [ATTR_SERVICE_NAME]: serviceName,\n      [ATTR_DEPLOYMENT_ENVIRONMENT]: getEnvironmentFromHostname(otlpEndpoint),\n    }),\n  });\n  provider.addSpanProcessor(\n    new BatchSpanProcessor(\n      new OTLPTraceExporter({\n        url: otlpEndpoint,\n      }),\n    ),\n  );\n\n  provider.register({\n    propagator: new CompositePropagator({\n      propagators: [\n        new W3CBaggagePropagator(),\n        new W3CTraceContextPropagator(),\n      ],\n    }),\n  });\n\n  currentProvider = provider;\n  console.debug(\n    \"Direct OTLP tracing initialized for iframe with dynamic origin\",\n  );\n\n  return provider;\n}\n\n// TODO: move this to a shared location since it's used by CLI as well\nfunction getEnvironmentFromHostname(hostname: string): string {\n  if (hostname.match(/^app\\.superblocks(?:hq)?\\.com/)) {\n    return \"prod\";\n  } else if (hostname.match(/^eu\\.superblocks(?:hq)?\\.com/)) {\n    return \"prod-eu\";\n  } else if (hostname.match(/^staging\\.superblocks(?:hq)?\\.com/)) {\n    return \"staging\";\n  } else if (hostname.match(/^dev\\.superblocks(?:hq)?\\.com/)) {\n    return \"dev\";\n  } else if (hostname.match(/^pr-[0-9]+\\.superblocks(?:hq)?\\.dev/)) {\n    return \"ephemeral\";\n  } else if (hostname.match(/^localhost/)) {\n    return \"local\";\n  } else {\n    return \"other\";\n  }\n}\n\nexport function getTracer(name?: string) {\n  if (!currentProvider) {\n    console.error(\n      \"Tracer provider not initialized. Call initTracerProviderWithOrigin() first with a valid windowOriginUrl. Tracing will be disabled.\",\n    );\n  }\n  return trace.getTracer(name || serviceName);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc;AAEpB,IAAI,eAAmC,KAAA;AACvC,MAAM,WAAW;AAEjB,IAAI;AACJ,MAAM,8BAA8B;AAEpC,SAAgB,6BAA6B,iBAAyB;AACpE,gBAAe,kBAAkB;AAEjC,SAAQ,MACN,2DACA,aACD;CAED,MAAM,WAAW,IAAI,kBAAkB,EACrC,UAAU,uBAAuB;GAC9B,oBAAoB;GACpB,8BAA8B,2BAA2B,aAAa;EACxE,CAAC,EACH,CAAC;AACF,UAAS,iBACP,IAAI,mBACF,IAAI,kBAAkB,EACpB,KAAK,cACN,CAAC,CACH,CACF;AAED,UAAS,SAAS,EAChB,YAAY,IAAI,oBAAoB,EAClC,aAAa,CACX,IAAI,sBAAsB,EAC1B,IAAI,2BAA2B,CAChC,EACF,CAAC,EACH,CAAC;AAEF,mBAAkB;AAClB,SAAQ,MACN,iEACD;AAED,QAAO;;AAIT,SAAS,2BAA2B,UAA0B;AAC5D,KAAI,SAAS,MAAM,gCAAgC,CACjD,QAAO;UACE,SAAS,MAAM,+BAA+B,CACvD,QAAO;UACE,SAAS,MAAM,oCAAoC,CAC5D,QAAO;UACE,SAAS,MAAM,gCAAgC,CACxD,QAAO;UACE,SAAS,MAAM,sCAAsC,CAC9D,QAAO;UACE,SAAS,MAAM,aAAa,CACrC,QAAO;KAEP,QAAO;;AAIX,SAAgB,UAAU,MAAe;AACvC,KAAI,CAAC,gBACH,SAAQ,MACN,qIACD;AAEH,QAAO,MAAM,UAAU,QAAQ,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "2.0.119",
+  "version": "2.0.120-next.1",
   "files": [
     "dist"
   ],
@@ -22,7 +22,7 @@
       "import": "./dist/jsx-dev-runtime/index.js"
     },
     "./package.json": "./package.json",
-    "./index.css": "./dist/lib/index.css"
+    "./index.css": "./dist/style.css"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -63,15 +63,16 @@
     "swr": "2.4.1",
     "tailwindcss": "^4.1.13",
     "zod-to-json-schema": "^3.25.1",
-    "@superblocksteam/library-shared": "2.0.119",
-    "@superblocksteam/sdk-api": "2.0.119",
-    "@superblocksteam/shared": "0.9586.9"
+    "@superblocksteam/library-shared": "2.0.120-next.1",
+    "@superblocksteam/sdk-api": "2.0.120-next.1",
+    "@superblocksteam/shared": "0.9589.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
+    "@tsdown/css": "^0.21.10",
     "@types/lodash": "^4.17.15",
     "@types/node": "^24",
     "@types/react": "^18.3.10",
@@ -93,10 +94,10 @@
     "jsdom": "^26.1.0",
     "react-router": "^7.9.4",
     "ts-morph": "^25.0.0",
-    "tsdown": "^0.19.0",
+    "tsdown": "^0.21.10",
     "tsx": "^4.19.2",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.59.2",
     "vitest": "^4.0.17"
   },
   "peerDependencies": {