@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/server/components/dropdown-menu/index.js

@@ -134,34 +134,216 @@ function createAnchoredOverlay(options) {
   };
 }
 
-// src/components/dropdown/dropdown.context.ts
+// src/_internal/locale-context.ts
 import { createContext } from "svelte";
-var [getDropdownContextStrict, setDropdownContext] = createContext();
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/_internal/text-direction.ts
+function resolveTextDirection(element, fallback) {
+  let currentElement = element ?? null;
+  let documentDirection;
+  let styledDirectionElement = null;
+  while (currentElement) {
+    const direction = currentElement.getAttribute("dir")?.toLowerCase();
+    if (direction === "rtl" || direction === "ltr") {
+      if (typeof getComputedStyle === "function" && styledDirectionElement) {
+        const styledDirection2 = getComputedStyle(styledDirectionElement).direction;
+        if (styledDirection2 === "rtl" || styledDirection2 === "ltr")
+          return styledDirection2;
+      }
+      if (currentElement === currentElement.ownerDocument.documentElement) {
+        documentDirection = direction;
+        break;
+      }
+      return direction;
+    }
+    if (direction === "auto" && typeof getComputedStyle === "function") {
+      const computedDirection2 = getComputedStyle(currentElement).direction;
+      if (computedDirection2 === "rtl" || computedDirection2 === "ltr")
+        return computedDirection2;
+    }
+    const styledDirection = currentElement.style.direction;
+    if (!styledDirectionElement && (styledDirection === "rtl" || styledDirection === "ltr")) {
+      styledDirectionElement = currentElement;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  if (typeof getComputedStyle === "function" && styledDirectionElement) {
+    const direction = getComputedStyle(styledDirectionElement).direction;
+    if (direction === "rtl" || direction === "ltr")
+      return direction;
+  }
+  const computedDirection = readComputedTextDirection(element);
+  const rootComputedDirection = readComputedTextDirection(element?.ownerDocument.documentElement);
+  if (computedDirection && computedDirection !== rootComputedDirection)
+    return computedDirection;
+  if (computedDirection && fallback && computedDirection !== fallback && hasDirectionStylingHint(element)) {
+    return computedDirection;
+  }
+  if (!fallback && computedDirection === "rtl")
+    return computedDirection;
+  if (fallback)
+    return fallback;
+  if (documentDirection)
+    return documentDirection;
+  return;
+}
+function readComputedTextDirection(element) {
+  if (!element || typeof getComputedStyle !== "function")
+    return;
+  const direction = getComputedStyle(element).direction;
+  return direction === "rtl" || direction === "ltr" ? direction : undefined;
+}
+function hasDirectionStylingHint(element) {
+  let currentElement = element?.parentElement;
+  while (currentElement && currentElement !== currentElement.ownerDocument.documentElement) {
+    if (currentElement.style.direction)
+      return true;
+    if (matchesDirectionStyleRule(currentElement))
+      return true;
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function matchesDirectionStyleRule(element) {
+  for (const sheet of Array.from(element.ownerDocument.styleSheets)) {
+    let rules;
+    try {
+      rules = sheet.cssRules;
+    } catch {
+      continue;
+    }
+    if (matchesDirectionStyleRuleList(element, rules))
+      return true;
+  }
+  return false;
+}
+function matchesDirectionStyleRuleList(element, rules) {
+  for (const rule of Array.from(rules)) {
+    if (isCssStyleRule(rule)) {
+      if (!rule.style.direction) {
+        const nestedRules2 = readNestedCssRules(rule);
+        if (nestedRules2 && matchesDirectionStyleRuleList(element, nestedRules2))
+          return true;
+        continue;
+      }
+      try {
+        if (element.matches(rule.selectorText))
+          return true;
+      } catch {
+        continue;
+      }
+    }
+    const nestedRules = readNestedCssRules(rule);
+    if (nestedRules && isConditionalRuleActive(rule) && matchesDirectionStyleRuleList(element, nestedRules)) {
+      return true;
+    }
+  }
+  return false;
+}
+function readNestedCssRules(rule) {
+  if (!("cssRules" in rule))
+    return;
+  try {
+    const nestedRules = Reflect.get(rule, "cssRules");
+    return isCssRuleCollection(nestedRules) ? nestedRules : undefined;
+  } catch {
+    return;
+  }
+}
+function isCssRuleCollection(value) {
+  if (typeof CSSRuleList !== "undefined" && value instanceof CSSRuleList)
+    return true;
+  return Array.isArray(value) && value.every(isCssRule);
+}
+function isCssRule(value) {
+  return typeof value === "object" && value !== null && typeof Reflect.get(value, "cssText") === "string" && typeof Reflect.get(value, "type") === "number";
+}
+function isCssStyleRule(rule) {
+  return typeof Reflect.get(rule, "selectorText") === "string" && typeof Reflect.get(rule, "style") === "object" && Reflect.get(rule, "style") !== null;
+}
+function isConditionalRuleActive(rule) {
+  const conditionText = Reflect.get(rule, "conditionText");
+  if (typeof conditionText !== "string" || !conditionText.trim())
+    return true;
+  if (isMediaRule(rule) && typeof matchMedia === "function") {
+    return matchMedia(conditionText).matches;
+  }
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+    return CSS.supports(conditionText);
+  }
+  return true;
+}
+function isMediaRule(rule) {
+  return typeof Reflect.get(rule, "media") === "object" && Reflect.get(rule, "media") !== null;
+}
+function isSupportsRule(rule) {
+  return rule.constructor.name === "CSSSupportsRule" || Reflect.get(rule, "type") === 12;
+}
+
+// src/components/dropdown/dropdown.context.ts
+import { createContext as createContext2 } from "svelte";
+var [getDropdownContextStrict, setDropdownContext] = createContext2();
 var getDropdownContext = getDropdownContextStrict;
-var [getDropdownRegisterStrict, setDropdownRegister] = createContext();
+var [getDropdownRegisterStrict, setDropdownRegister] = createContext2();
 var getDropdownRegister = getDropdownRegisterStrict;
-var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext();
+var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext2();
 var getDropdownRegisterTrigger = getDropdownRegisterTriggerStrict;
-var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
+var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext2();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown-menu/dropdown-menu.svelte
 function Dropdown_menu($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
+    let {
+      class: customClassName,
+      children,
+      dir: direction,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
     const context = getDropdownContext();
     const registerMenu = getDropdownRegister();
     const setOpen = getDropdownSetOpen();
+    const localeContext = getLocaleContext();
+    let directionRevision = 0;
+    const resolvedDirection = $4.derived(() => {
+      if (direction === "auto") {
+        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
+      }
+      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
+    });
+    const fallbackAnchorElement = $4.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
     let menuElement = null;
     let focusedFallbackOpen = false;
     const anchoredFallback = createAnchoredOverlay({
-      open: () => context.isOpen && !context.supportsPopover && Boolean(context.anchorElement),
-      anchor: () => context.anchorElement,
+      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
+      anchor: () => fallbackAnchorElement(),
       panel: () => menuElement,
       placement: () => context.fallbackPlacement ?? "bottom-end",
       offset: () => 4,
       widthMode: () => context.widthMode ?? "menu"
     });
+    const fallbackPositionStyle = $4.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
+    const fallbackPositionReady = $4.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
     const fallbackPortalAttachment = createPortalAttachment({
       target: () => typeof document === "undefined" ? null : document.body,
       source: () => context.anchorElement,
@@ -171,7 +353,7 @@ function Dropdown_menu($$renderer, $$props) {
     function getOwnedMenuItems() {
       if (!menuElement)
         return [];
-      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
+      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
     }
     function focusMenuItem(index) {
       const items = getOwnedMenuItems();
@@ -231,12 +413,14 @@ function Dropdown_menu($$renderer, $$props) {
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
         class: $4.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
-        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : context.anchorElement ? anchoredFallback.positionStyle : undefined,
+        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
         role: "menu",
         "aria-orientation": "vertical",
-        "data-cinder-position-ready": !context.supportsPopover && context.anchorElement ? anchoredFallback.positionReady : undefined,
+        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
         tabindex: -1,
-        ...rest
+        ...rest,
+        dir: resolvedDirection(),
+        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
       })}>`);
       if (children) {
         $$renderer2.push("<!--[0-->");
@@ -260,4 +444,4 @@ export {
   Dropdown_menu as DropdownMenu
 };
 
-//# debugId=F2099977E2565F4664756E2164756E21
+//# debugId=8D974382FF01BFCC64756E2164756E21

package/dist/server/components/dropdown-trigger/index.js

@@ -36,7 +36,10 @@ function Dropdown_trigger($$renderer, $$props) {
     const context = getDropdownContext();
     const registerTrigger = getDropdownRegisterTrigger();
     const setOpen = getDropdownSetOpen();
-    let triggerElement = null;
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
     function handleClick(event) {
       if (typeof onclick === "function") {
         onclick(event);
@@ -80,4 +83,4 @@ export {
   Dropdown_trigger as DropdownTrigger
 };
 
-//# debugId=E3AD9A4F4EB553CC64756E2164756E21
+//# debugId=8693DA0099FE2A9F64756E2164756E21

package/dist/server/components/event-stream-viewer/event-stream-viewer.schema.js

@@ -7,10 +7,84 @@ var schema = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   type: "object",
   properties: {
+    events: {
+      type: "array",
+      items: {
+        anyOf: [
+          {
+            type: "object",
+            properties: {
+              id: {
+                type: "string",
+                description: "Stable unique identifier used as the keyed list identity."
+              },
+              sequence: {
+                type: "integer",
+                description: "Optional monotonically increasing integer stream sequence used to detect missed events."
+              },
+              datetime: {
+                type: "string",
+                description: "Machine-readable ISO 8601 datetime string rendered into `<time datetime>`."
+              },
+              timestamp: {
+                type: "string",
+                description: 'Human-readable timestamp label (e.g. "12:04:32", "2m ago"). Falls back to `datetime`.'
+              },
+              severity: {
+                enum: ["debug", "info", "success", "warning", "error"],
+                description: "Severity tone that drives visual styling and the accessible label prefix."
+              },
+              source: {
+                type: "string",
+                description: "Origin label identifying which service, worker, or activity produced the event."
+              },
+              summary: {
+                type: "string",
+                description: "One-line summary of the event."
+              },
+              details: {
+                description: "Optional structured JSON payload. Rendered in a collapsible JsonViewer."
+              }
+            },
+            additionalProperties: false,
+            required: ["datetime", "id", "summary"]
+          },
+          {
+            type: "object",
+            properties: {
+              id: {
+                type: "string",
+                description: "Stable unique identifier used as the keyed list identity."
+              },
+              kind: {
+                const: "reconnected",
+                description: "Discriminator for reconnect boundary entries."
+              },
+              datetime: {
+                type: "string",
+                description: "Optional machine-readable ISO 8601 datetime string for the reconnect moment."
+              },
+              timestamp: {
+                type: "string",
+                description: "Optional human-readable timestamp label. Falls back to `datetime` when rendered."
+              },
+              replayedCount: {
+                type: "integer",
+                description: "Non-negative integer count of events replayed after the connection resumed.",
+                minimum: 0
+              }
+            },
+            additionalProperties: false,
+            required: ["id", "kind", "replayedCount"]
+          }
+        ]
+      },
+      description: "Events and additive boundary entries to render in chronological order, oldest first."
+    },
     connectionState: {
-      enum: ["connected", "connecting", "disconnected", "error"],
-      description: `Current connection state. When provided, renders a ConnectionIndicator in
-the toolbar. Omit when the stream has no live transport.`
+      enum: ["error", "connected", "connecting", "disconnected"],
+      description: `Current connection state. When provided, renders a StatusDot in the toolbar.
+Omit when the stream has no live transport.`
     },
     followLatest: {
       type: "boolean",
@@ -32,6 +106,10 @@ batch of events is in flight.`
       description: `Accessible label for the event list region. Required for accessibility.
 Defaults to "Event stream".`
     },
+    detectSequenceGaps: {
+      type: "boolean",
+      description: "Enables sequence-gap markers when `events` is the complete, unfiltered\nstream. Leave false for retained windows, severity-filtered subsets, search\nresults, or any other caller-trimmed event array."
+    },
     filterQuery: {
       type: "string",
       description: "Current filter query value, for controlled usage. Pairs with `onfilter`."
@@ -42,14 +120,9 @@ Defaults to "Event stream".`
     }
   },
   additionalProperties: false,
+  required: ["events"],
   metadata: {
     unsupportedProps: [
-      {
-        name: "events",
-        reason: "unknown-shape",
-        required: true,
-        description: "Events to render in chronological order, oldest first."
-      },
       {
         name: "oncopyvisible",
         reason: "function-or-snippet",
@@ -70,4 +143,4 @@ export {
   event_stream_viewer_schema_default as default
 };
 
-//# debugId=DA49972B6719650B64756E2164756E21
+//# debugId=52965F29843AE72664756E2164756E21