@urbicon-ui/blocks 6.2.0 → 6.3.3

package/dist/components/Sankey/Sankey.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { useBlocksI18n } from '../..';
   import { useI18n } from '@urbicon-ui/i18n';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import {
     computeSankeyLayout,
     sankeyLinkPath,
@@ -14,7 +14,7 @@
     SankeyLaidOutLinkWithMeta,
     SankeyLaidOutNodeWithMeta
   } from './index';
-  import { sankeyVariants } from './sankey.variants';
+  import { sankeyVariants, type SankeyVariants } from './sankey.variants';
 
   const bt = useBlocksI18n();
   const i18n = useI18n();
@@ -50,12 +50,13 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+
+  const variantProps: SankeyVariants = $derived({ intent });
+
+  const styles = $derived(sankeyVariants(variantProps));
+
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.Sankey?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'Sankey', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'Sankey', preset, variantProps, slotClassesProp)
   );
 
   let wrapperRef = $state<HTMLDivElement>();
@@ -195,8 +196,6 @@
     tooltipPos = { ...tooltipPos, visible: false };
   }
 
-  const styles = $derived(sankeyVariants({ intent }));
-
   // Tooltip data based on the hovered state
   const tooltipDatum = $derived.by<
     | { kind: 'node'; node: SankeyLaidOutNodeWithMeta; inputLabel: string }

package/dist/components/Sankey/Sankey.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SankeyProps } from './index';
+import type { SankeyProps } from './index.js';
 declare const Sankey: import("svelte").Component<SankeyProps, {}, "">;
 type Sankey = ReturnType<typeof Sankey>;
 export default Sankey;

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

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { SankeyLaidOutLink, SankeyLaidOutNode } from '../../internal/sankey/layout';
-import type { SankeyVariants } from './sankey.variants';
+import type { SankeyLaidOutLink, SankeyLaidOutNode } from '../../internal/sankey/layout.js';
+import type { SankeySlots, SankeyVariants } from './sankey.variants.js';
 export type SankeyIntent = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
 /** Input node of the Sankey component. */
 export interface SankeyNode {
@@ -124,7 +124,7 @@ export interface SankeyProps extends Omit<SankeyVariants, never>, Omit<HTMLAttri
     /** Remove default classes. */
     unstyled?: boolean;
     /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<'wrapper' | 'svg' | 'node' | 'nodeRect' | 'nodeLabel' | 'nodeValue' | 'link' | 'tooltip' | 'tooltipLabel' | 'tooltipDetail', string>>;
+    slotClasses?: Partial<Record<SankeySlots, string>>;
     /** Preset name. */
     preset?: string;
     /** Custom snippet for node content (inside the SVG, instead of the label). */
@@ -138,4 +138,4 @@ export interface SankeyProps extends Omit<SankeyVariants, never>, Omit<HTMLAttri
     ]>;
 }
 export { default as Sankey } from './Sankey.svelte';
-export { type SankeyVariants, sankeyVariants } from './sankey.variants';
+export { type SankeyVariants, sankeyVariants } from './sankey.variants.js';

package/dist/components/Sankey/index.js

@@ -1,2 +1,2 @@
 export { default as Sankey } from './Sankey.svelte';
-export { sankeyVariants } from './sankey.variants';
+export { sankeyVariants } from './sankey.variants.js';

package/dist/components/Sankey/sankey.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const sankeyVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const sankeyVariants: (props?: import("../../utils/variants.js").TVProps<{
     intent: {
         primary: {
             nodeRect: string;
@@ -89,3 +89,5 @@ export declare const sankeyVariants: (props?: import("../../utils/variants").TVP
     }) | undefined) => string;
 };
 export type SankeyVariants = VariantProps<typeof sankeyVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type SankeySlots = SlotNames<typeof sankeyVariants>;

package/dist/components/Sankey/sankey.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const sankeyVariants = tv({
     slots: {
         wrapper: ['relative w-full'],

package/dist/components/SidebarLayout/SidebarLayout.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { MediaQuery } from 'svelte/reactivity';
   import { Sidebar } from '../../primitives/Sidebar';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import type { SidebarLayoutProps } from './index';
-  import { sidebarLayoutVariants } from './sidebar-layout.variants';
+  import { sidebarLayoutVariants, type SidebarLayoutVariants } from './sidebar-layout.variants';
 
   let {
     open = $bindable(false),
@@ -28,15 +28,6 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
-  const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.SidebarLayout?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'SidebarLayout', preset),
-      slotClassesProp
-    )
-  );
-
-  const styles = $derived(sidebarLayoutVariants({ side, contentMaxWidth }));
 
   // Mirror the Sidebar's effective-width logic so the layout root can expose
   // the value to the main content (the Sidebar's own --sidebar-effective-width
@@ -47,6 +38,18 @@
     open || (mode === 'responsive' && !isMobile) ? sidebarWidth : '0px'
   );
 
+  // Variant props feed both the tv() style computation and the slot-class
+  // cascade — extracted into one derived so `resolveSlotClasses` can match
+  // conditional `overrides` against the layout's active variants. Annotated so
+  // the string-literal `side`/`contentMaxWidth` props stay narrowed.
+  const variantProps: SidebarLayoutVariants = $derived({ side, contentMaxWidth });
+
+  const styles = $derived(sidebarLayoutVariants(variantProps));
+
+  const slotClasses = $derived(
+    resolveSlotClasses(blocksConfig, 'SidebarLayout', preset, variantProps, slotClassesProp)
+  );
+
   // Forward sidebar-related slotClasses to the embedded Sidebar.
   const sidebarSlotClasses = $derived({
     panel: slotClasses?.sidebar,
@@ -56,11 +59,6 @@
     footer: slotClasses?.sidebarFooter
   });
 
-  function rootClass() {
-    if (unstyled) return [slotClasses?.root, className].filter(Boolean).join(' ');
-    return styles.root({ class: [slotClasses?.root, className] });
-  }
-
   function openSidebar() {
     open = true;
     onOpenChange?.(true);
@@ -74,7 +72,9 @@
 
 <div
   {...restProps}
-  class={rootClass()}
+  class={unstyled
+    ? [slotClasses?.root, className].filter(Boolean).join(' ')
+    : styles.root({ class: [slotClasses?.root, className] })}
   style:--sidebar-width={sidebarWidth}
   style:--sidebar-effective-width={effectiveWidth}
   data-side={side}

package/dist/components/SidebarLayout/SidebarLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SidebarLayoutProps } from './index';
+import type { SidebarLayoutProps } from './index.js';
 declare const SidebarLayout: import("svelte").Component<SidebarLayoutProps, {}, "open">;
 type SidebarLayout = ReturnType<typeof SidebarLayout>;
 export default SidebarLayout;

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

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { SidebarLayoutVariants } from './sidebar-layout.variants';
+import type { SidebarLayoutSlots, SidebarLayoutVariants } from './sidebar-layout.variants.js';
 /**
  * Snippet payload for the `mobileHeader` slot. Receives an opener for the
  * sidebar overlay so the consumer can wire a hamburger button without
@@ -12,7 +12,13 @@ export interface MobileHeaderContext {
     /** Current open state of the sidebar. */
     sidebarOpen: boolean;
 }
-type SidebarLayoutSlot = 'root' | 'mobileHeader' | 'main' | 'inner' | 'sidebar' | 'sidebarBackdrop' | 'sidebarHeader' | 'sidebarContent' | 'sidebarFooter';
+/**
+ * Slot keys for `slotClasses`. The tv-driven slots (`SidebarLayoutSlots`:
+ * root | mobileHeader | main | inner) are the layout's own; the `sidebar*`
+ * keys are forwarded to the embedded `<Sidebar>` (mapped to its
+ * `slotClasses.panel`/`backdrop`/`header`/`content`/`footer`).
+ */
+type SidebarLayoutSlot = SidebarLayoutSlots | 'sidebar' | 'sidebarBackdrop' | 'sidebarHeader' | 'sidebarContent' | 'sidebarFooter';
 /**
  * @description App-shell layout that wires a `<Sidebar>` to a main content
  * region and an optional mobile header. Use this whenever you want a
@@ -136,4 +142,4 @@ export interface SidebarLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>,
     preset?: string;
 }
 export { default as SidebarLayout } from './SidebarLayout.svelte';
-export { type SidebarLayoutVariants, sidebarLayoutVariants } from './sidebar-layout.variants';
+export { type SidebarLayoutVariants, sidebarLayoutVariants } from './sidebar-layout.variants.js';

package/dist/components/SidebarLayout/index.js

@@ -1,2 +1,2 @@
 export { default as SidebarLayout } from './SidebarLayout.svelte';
-export { sidebarLayoutVariants } from './sidebar-layout.variants';
+export { sidebarLayoutVariants } from './sidebar-layout.variants.js';

package/dist/components/SidebarLayout/sidebar-layout.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const sidebarLayoutVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const sidebarLayoutVariants: (props?: import("../../utils/variants.js").TVProps<{
     side: {
         left: {
             main: string;
@@ -59,3 +59,5 @@ export declare const sidebarLayoutVariants: (props?: import("../../utils/variant
     }) | undefined) => string;
 };
 export type SidebarLayoutVariants = VariantProps<typeof sidebarLayoutVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type SidebarLayoutSlots = SlotNames<typeof sidebarLayoutVariants>;

package/dist/components/SidebarLayout/sidebar-layout.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const sidebarLayoutVariants = tv({
     slots: {
         root: ['min-h-screen', 'bg-surface-base'],

package/dist/components/Sparkline/Sparkline.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SparklineProps } from './index';
+import type { SparklineProps } from './index.js';
 declare const Sparkline: import("svelte").Component<SparklineProps, {}, "">;
 type Sparkline = ReturnType<typeof Sparkline>;
 export default Sparkline;

package/dist/components/ThemeSwitcher/ThemeSwitcher.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
   import type { ThemeSwitcherProps, Theme } from './index';
-  import { themeSwitcherVariants } from './themeSwitcher.variants';
+  import { themeSwitcherVariants, type ThemeSwitcherVariants } from './themeSwitcher.variants';
   import { onMount } from 'svelte';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { MediaQuery } from 'svelte/reactivity';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import { resolveIcon } from '../../icons';
   import SunIconDefault from '../../icons/SunIcon.svelte';
   import MoonIconDefault from '../../icons/MoonIcon.svelte';
@@ -31,31 +32,22 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
-  const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.ThemeSwitcher?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'ThemeSwitcher', preset),
-      slotClassesProp
-    )
-  );
 
-  let mounted = $state(false);
+  // Reactive, SSR-safe `prefers-color-scheme` reader (svelte/reactivity) —
+  // re-evaluates `resolvedTheme` on OS changes without a manual listener.
+  const prefersDark = new MediaQuery('(prefers-color-scheme: dark)');
 
-  const styles = $derived(
-    unstyled ? undefined : themeSwitcherVariants({ variant, size, disabled })
-  );
+  const variantProps: ThemeSwitcherVariants = $derived({ variant, size, disabled });
 
-  function slot(name: 'button' | 'icon') {
-    const base = styles?.[name]?.() ?? '';
-    const override = slotClasses?.[name] ?? '';
-    return override ? `${base} ${override}` : base;
-  }
+  const styles = $derived(themeSwitcherVariants(variantProps));
 
-  const resolvedTheme: Theme = $derived.by(() => {
-    if (theme !== 'system' || typeof window === 'undefined') return theme;
-    if (!mounted) return 'light';
-    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-  });
+  const slotClasses = $derived(
+    resolveSlotClasses(blocksConfig, 'ThemeSwitcher', preset, variantProps, slotClassesProp)
+  );
+
+  const resolvedTheme: Theme = $derived(
+    theme === 'system' ? (prefersDark.current ? 'dark' : 'light') : theme
+  );
 
   const label = $derived(
     theme === 'light'
@@ -93,16 +85,15 @@
       root.classList.add('dark');
       if (storageKey) localStorage.setItem(storageKey, 'dark');
     } else {
+      // System: drop both overrides and let `:root { color-scheme: light dark }`
+      // resolve `light-dark()` against the OS preference natively — this keeps
+      // following OS changes live, on every page, without a JS listener.
       root.classList.remove('light', 'dark');
       if (storageKey) localStorage.removeItem(storageKey);
-      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-      root.classList.toggle('dark', prefersDark);
     }
   }
 
   onMount(() => {
-    mounted = true;
-
     if (storageKey) {
       const saved = localStorage.getItem(storageKey);
       if (saved === 'light' || saved === 'dark') {
@@ -110,13 +101,6 @@
       }
     }
     applyTheme();
-
-    const mq = window.matchMedia('(prefers-color-scheme: dark)');
-    const handler = () => {
-      if (theme === 'system') applyTheme();
-    };
-    mq.addEventListener('change', handler);
-    return () => mq.removeEventListener('change', handler);
   });
 
   export function getTheme(): Theme {
@@ -131,16 +115,24 @@
 <button
   type="button"
   onclick={cycle}
-  class="{slot('button')} {className}"
+  class={unstyled
+    ? [slotClasses?.button, className].filter(Boolean).join(' ')
+    : styles.button({ class: [slotClasses?.button, className] })}
   aria-label={label}
   title={label}
   {disabled}
 >
   {#if theme === 'light'}
-    <SunIcon class={slot('icon')} />
+    <SunIcon
+      class={unstyled ? (slotClasses?.icon ?? '') : styles.icon({ class: slotClasses?.icon })}
+    />
   {:else if theme === 'dark'}
-    <MoonIcon class={slot('icon')} />
+    <MoonIcon
+      class={unstyled ? (slotClasses?.icon ?? '') : styles.icon({ class: slotClasses?.icon })}
+    />
   {:else}
-    <MonitorIcon class={slot('icon')} />
+    <MonitorIcon
+      class={unstyled ? (slotClasses?.icon ?? '') : styles.icon({ class: slotClasses?.icon })}
+    />
   {/if}
 </button>

package/dist/components/ThemeSwitcher/ThemeSwitcher.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeSwitcherProps, Theme } from './index';
+import type { ThemeSwitcherProps, Theme } from './index.js';
 declare const ThemeSwitcher: import("svelte").Component<ThemeSwitcherProps, {
     getTheme: () => Theme;
     getResolvedTheme: () => Theme;

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

@@ -1,10 +1,12 @@
-import type { ThemeSwitcherVariants } from './themeSwitcher.variants';
+import type { ThemeSwitcherSlots, ThemeSwitcherVariants } from './themeSwitcher.variants.js';
 export type Theme = 'light' | 'dark' | 'system';
 /**
  * Props for the ThemeSwitcher component.
  *
- * @description Cycles between light, dark, and system color schemes.
- * Applies light/dark classes on the html element and persists to localStorage.
+ * @description Cycles between light, dark, and system color schemes. Sets a
+ * `light`/`dark` class on the `<html>` element for explicit choices and clears
+ * it in system mode (so the CSS `light-dark()` function follows the OS natively).
+ * Persists the choice to localStorage.
  *
  * @tag action
  * @related LocaleSwitcher
@@ -42,7 +44,7 @@ export interface ThemeSwitcherProps {
     /** Strip all default styles. @default false */
     unstyled?: boolean;
     /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<'button' | 'icon', string>>;
+    slotClasses?: Partial<Record<ThemeSwitcherSlots, string>>;
     /**
      * Apply a named preset registered via `<BlocksProvider presets={{ ThemeSwitcher: {...} }}>`.
      * Prefer this over `class` overrides when the requested look falls outside the
@@ -54,4 +56,4 @@ export interface ThemeSwitcherProps {
     disabled?: boolean;
 }
 export { default as ThemeSwitcher } from './ThemeSwitcher.svelte';
-export { type ThemeSwitcherVariants, themeSwitcherVariants } from './themeSwitcher.variants';
+export { type ThemeSwitcherVariants, themeSwitcherVariants } from './themeSwitcher.variants.js';

package/dist/components/ThemeSwitcher/index.js

@@ -1,2 +1,2 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.svelte';
-export { themeSwitcherVariants } from './themeSwitcher.variants';
+export { themeSwitcherVariants } from './themeSwitcher.variants.js';

package/dist/components/ThemeSwitcher/themeSwitcher.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const themeSwitcherVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const themeSwitcherVariants: (props?: import("../../utils/variants.js").TVProps<{
     variant: {
         ghost: {
             button: string;
@@ -49,3 +49,5 @@ export declare const themeSwitcherVariants: (props?: import("../../utils/variant
     }) | undefined) => string;
 };
 export type ThemeSwitcherVariants = VariantProps<typeof themeSwitcherVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type ThemeSwitcherSlots = SlotNames<typeof themeSwitcherVariants>;

package/dist/components/ThemeSwitcher/themeSwitcher.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const themeSwitcherVariants = tv({
     slots: {
         // tier: commit — icon-button action surface (mirrors Button default).

package/dist/components/index.d.ts

@@ -1,27 +1,27 @@
-export type { CartesianDatum, ChartMargin, ChartPlot, ChartSeries, ChartSlotClasses } from '../internal/charts/types';
-export { arcPath, areaPath, type BandScale, bandScale, type ChartPoint, chartPalette, extent, linearScale, linePath, niceScale, numberFormatter, seriesColor } from '../internal/charts/utils';
-export { type ChartSlot, type ChartVariants, chartSlotResolver, chartVariants } from '../internal/charts/variants';
-export * from './AreaChart';
-export * from './BarChart';
-export type { CalendarContext, CalendarEvent, CalendarEventCategory, CalendarHeaderProps, CalendarProps, CalendarSelection, CalendarSlotName, CalendarViewMode, DateRange, DayCellContext, EventItemContext, HeaderContext } from './Calendar';
-export * from './Calendar';
-export * from './ChartFrame';
-export * from './CommandPalette';
-export type { CompositionBarIntent, CompositionBarProps, CompositionItem } from './CompositionBar';
-export * from './CompositionBar';
-export * from './CurrencyInput';
-export * from './DatePicker';
-export * from './DonutChart';
-export * from './EmptyState';
-export * from './FileUpload';
-export * from './Guide';
-export * from './LineChart';
-export type { LocaleSwitcherProps } from './LocaleSwitcher';
-export * from './LocaleSwitcher';
-export type { PlannerCellContext, PlannerDayContext, PlannerHeaderContext, PlannerProps, PlannerRange, PlannerSlotName, PlannerView } from './Planner';
-export * from './Planner';
-export type { SankeyIntent, SankeyLaidOutLinkWithMeta, SankeyLaidOutNodeWithMeta, SankeyLink, SankeyNode, SankeyProps } from './Sankey';
-export * from './Sankey';
-export * from './SidebarLayout';
-export * from './Sparkline';
-export * from './ThemeSwitcher';
+export type { CartesianDatum, ChartMargin, ChartPlot, ChartSeries, ChartSlotClasses } from '../internal/charts/types.js';
+export { arcPath, areaPath, type BandScale, bandScale, type ChartPoint, chartPalette, extent, linearScale, linePath, niceScale, numberFormatter, seriesColor } from '../internal/charts/utils.js';
+export { type ChartSlot, type ChartVariants, chartSlotResolver, chartVariants } from '../internal/charts/variants.js';
+export * from './AreaChart/index.js';
+export * from './BarChart/index.js';
+export type { CalendarContext, CalendarEvent, CalendarEventCategory, CalendarHeaderProps, CalendarProps, CalendarSelection, CalendarSlotName, CalendarViewMode, DateRange, DayCellContext, EventItemContext, HeaderContext } from './Calendar/index.js';
+export * from './Calendar/index.js';
+export * from './ChartFrame/index.js';
+export * from './CommandPalette/index.js';
+export type { CompositionBarIntent, CompositionBarProps, CompositionItem } from './CompositionBar/index.js';
+export * from './CompositionBar/index.js';
+export * from './CurrencyInput/index.js';
+export * from './DatePicker/index.js';
+export * from './DonutChart/index.js';
+export * from './EmptyState/index.js';
+export * from './FileUpload/index.js';
+export * from './Guide/index.js';
+export * from './LineChart/index.js';
+export type { LocaleSwitcherProps } from './LocaleSwitcher/index.js';
+export * from './LocaleSwitcher/index.js';
+export type { PlannerCellContext, PlannerDayContext, PlannerHeaderContext, PlannerProps, PlannerRange, PlannerSlotName, PlannerView } from './Planner/index.js';
+export * from './Planner/index.js';
+export type { SankeyIntent, SankeyLaidOutLinkWithMeta, SankeyLaidOutNodeWithMeta, SankeyLink, SankeyNode, SankeyProps } from './Sankey/index.js';
+export * from './Sankey/index.js';
+export * from './SidebarLayout/index.js';
+export * from './Sparkline/index.js';
+export * from './ThemeSwitcher/index.js';

package/dist/components/index.js

@@ -1,22 +1,22 @@
 // Shared chart utilities + types (the per-chart Props come via `export *` above).
-export { arcPath, areaPath, bandScale, chartPalette, extent, linearScale, linePath, niceScale, numberFormatter, seriesColor } from '../internal/charts/utils';
-export { chartSlotResolver, chartVariants } from '../internal/charts/variants';
-export * from './AreaChart';
-export * from './BarChart';
-export * from './Calendar';
-export * from './ChartFrame';
-export * from './CommandPalette';
-export * from './CompositionBar';
-export * from './CurrencyInput';
-export * from './DatePicker';
-export * from './DonutChart';
-export * from './EmptyState';
-export * from './FileUpload';
-export * from './Guide';
-export * from './LineChart';
-export * from './LocaleSwitcher';
-export * from './Planner';
-export * from './Sankey';
-export * from './SidebarLayout';
-export * from './Sparkline';
-export * from './ThemeSwitcher';
+export { arcPath, areaPath, bandScale, chartPalette, extent, linearScale, linePath, niceScale, numberFormatter, seriesColor } from '../internal/charts/utils.js';
+export { chartSlotResolver, chartVariants } from '../internal/charts/variants.js';
+export * from './AreaChart/index.js';
+export * from './BarChart/index.js';
+export * from './Calendar/index.js';
+export * from './ChartFrame/index.js';
+export * from './CommandPalette/index.js';
+export * from './CompositionBar/index.js';
+export * from './CurrencyInput/index.js';
+export * from './DatePicker/index.js';
+export * from './DonutChart/index.js';
+export * from './EmptyState/index.js';
+export * from './FileUpload/index.js';
+export * from './Guide/index.js';
+export * from './LineChart/index.js';
+export * from './LocaleSwitcher/index.js';
+export * from './Planner/index.js';
+export * from './Sankey/index.js';
+export * from './SidebarLayout/index.js';
+export * from './Sparkline/index.js';
+export * from './ThemeSwitcher/index.js';

package/dist/date/format.js

@@ -3,7 +3,7 @@
  * No locale tables are bundled — output follows the runtime's ICU data for the
  * given BCP 47 locale tag.
  */
-import { getWeekDates, getWeekNumber } from './geometry';
+import { getWeekDates, getWeekNumber } from './geometry.js';
 /** Localized week-number labels for the `formatWeekTitle` prefix (e.g. "KW"). */
 const WEEK_LABELS = {
     de: 'KW',

package/dist/date/index.d.ts

@@ -12,7 +12,7 @@
  * import { getWeekNumber, eachDayOfRange, toIso } from '@urbicon-ui/blocks/date';
  * ```
  */
-export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare';
-export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format';
-export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
-export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range';
+export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare.js';
+export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format.js';
+export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry.js';
+export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range.js';

package/dist/date/index.js

@@ -12,7 +12,7 @@
  * import { getWeekNumber, eachDayOfRange, toIso } from '@urbicon-ui/blocks/date';
  * ```
  */
-export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare';
-export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format';
-export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry';
-export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range';
+export { daysBetween, isInMonth, isInRange, isSameDay, isWeekend, stripTime } from './compare.js';
+export { formatDate, formatDateFull, formatDateRange, formatDayTitle, formatMonthShort, formatMonthYear, formatWeekRange, formatWeekTitle, getWeekdayNames } from './format.js';
+export { clampMonth, daysInMonth, getMonthGrid, getWeekDates, getWeekNumber, getYearMonths } from './geometry.js';
+export { addDays, eachDayOfRange, endOfWeek, isoToDate, startOfWeek, toIso } from './range.js';

package/dist/date/range.js

@@ -8,7 +8,7 @@
  * numbers, null) use `coerceToDate` / `toDateInputValue` from `$lib/utils/date`
  * instead.
  */
-import { stripTime } from './compare';
+import { stripTime } from './compare.js';
 /**
  * Add (or subtract, with a negative `days`) whole days to a date, preserving
  * the time-of-day. DST-safe at day granularity: `setDate` shifts the calendar