@urbicon-ui/blocks 6.2.0 → 6.3.3

package/dist/components/CommandPalette/commandPalette.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const commandPaletteVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const commandPaletteVariants: (props?: import("../../utils/variants.js").TVProps<{
     size: {
         sm: {
             wrapper: string;
@@ -48,12 +48,6 @@ export declare const commandPaletteVariants: (props?: import("../../utils/varian
         class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     }) | undefined) => string;
-    group: (props?: ({
-        size?: "sm" | "md" | "lg" | undefined;
-    } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-    }) | undefined) => string;
     groupLabel: (props?: ({
         size?: "sm" | "md" | "lg" | undefined;
     } & {
@@ -134,3 +128,5 @@ export declare const commandPaletteVariants: (props?: import("../../utils/varian
     }) | undefined) => string;
 };
 export type CommandPaletteVariants = VariantProps<typeof commandPaletteVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type CommandPaletteSlots = SlotNames<typeof commandPaletteVariants>;

package/dist/components/CommandPalette/commandPalette.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const commandPaletteVariants = tv({
     slots: {
         // tier: contain — floating modal-like surface.
@@ -14,7 +14,6 @@ export const commandPaletteVariants = tv({
         inputIcon: 'h-4 w-4 shrink-0 text-text-tertiary',
         clearButton: 'text-text-quaternary hover:text-text-secondary',
         list: 'max-h-72 overflow-y-auto p-1.5',
-        group: '',
         groupLabel: [
             'px-2 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-text-quaternary'
         ],

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

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { CommandPaletteVariants } from './commandPalette.variants';
+import type { CommandPaletteSlots, CommandPaletteVariants } from './commandPalette.variants.js';
 /**
  * A single item in the command palette.
  *
@@ -102,7 +102,7 @@ export interface CommandPaletteProps {
     /** Strip all default styles. @default false */
     unstyled?: boolean;
     /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<'wrapper' | 'input' | 'inputIcon' | 'clearButton' | 'list' | 'group' | 'groupLabel' | 'item' | 'itemHighlighted' | 'itemDefault' | 'itemDisabled' | 'itemIcon' | 'itemLabel' | 'itemShortcut' | 'empty' | 'footer' | 'kbd', string>>;
+    slotClasses?: Partial<Record<CommandPaletteSlots, string>>;
     /**
      * Apply a named preset registered via `<BlocksProvider presets={{ CommandPalette: {...} }}>`.
      * Prefer this over `class` overrides when the requested look falls outside the
@@ -112,4 +112,4 @@ export interface CommandPaletteProps {
     preset?: string;
 }
 export { default as CommandPalette } from './CommandPalette.svelte';
-export { type CommandPaletteVariants, commandPaletteVariants } from './commandPalette.variants';
+export { type CommandPaletteVariants, commandPaletteVariants } from './commandPalette.variants.js';

package/dist/components/CommandPalette/index.js

@@ -1,2 +1,2 @@
 export { default as CommandPalette } from './CommandPalette.svelte';
-export { commandPaletteVariants } from './commandPalette.variants';
+export { commandPaletteVariants } from './commandPalette.variants.js';

package/dist/components/CompositionBar/CompositionBar.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { useBlocksI18n, mintRegistry } from '../..';
   import { useI18n } from '@urbicon-ui/i18n';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import type { CompositionBarProps, CompositionBarIntent, CompositionItem } from './index';
-  import { compositionBarVariants } from './composition-bar.variants';
+  import { compositionBarVariants, type CompositionBarVariants } from './composition-bar.variants';
 
   const bt = useBlocksI18n();
   const i18n = useI18n();
@@ -36,12 +36,17 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+
+  const variantProps: CompositionBarVariants = $derived({
+    orientation,
+    size,
+    legendPlacement
+  });
+
+  const styles = $derived(compositionBarVariants(variantProps));
+
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.CompositionBar?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'CompositionBar', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'CompositionBar', preset, variantProps, slotClassesProp)
   );
 
   let barRef = $state<HTMLDivElement>();
@@ -167,14 +172,6 @@
     return intentRingClass[item.intent ?? intent];
   }
 
-  const styles = $derived(
-    compositionBarVariants({
-      orientation,
-      size,
-      legendPlacement
-    })
-  );
-
   $effect(() => {
     if (barRef && mint && mint !== 'none') {
       return mintRegistry.apply(barRef, mint);

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

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

package/dist/components/CompositionBar/composition-bar.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const compositionBarVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const compositionBarVariants: (props?: import("../../utils/variants.js").TVProps<{
     orientation: {
         horizontal: {
             wrapper: string;
@@ -190,3 +190,5 @@ export declare const compositionBarVariants: (props?: import("../../utils/varian
     }) | undefined) => string;
 };
 export type CompositionBarVariants = VariantProps<typeof compositionBarVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type CompositionBarSlots = SlotNames<typeof compositionBarVariants>;

package/dist/components/CompositionBar/composition-bar.variants.js

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

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

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { MintProp } from '../../mint';
-import type { CompositionBarVariants } from './composition-bar.variants';
+import type { MintProp } from '../../mint/index.js';
+import type { CompositionBarSlots, CompositionBarVariants } from './composition-bar.variants.js';
 export type CompositionBarIntent = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
 /** A single share in the stacked bar. */
 export interface CompositionItem {
@@ -105,7 +105,7 @@ export interface CompositionBarProps extends Omit<CompositionBarVariants, 'isHov
     /** Remove all default classes; only the layout structure remains. */
     unstyled?: boolean;
     /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<'wrapper' | 'barWrapper' | 'bar' | 'segment' | 'segmentRest' | 'tooltip' | 'tooltipLabel' | 'tooltipDetail' | 'legend' | 'legendItem' | 'legendDot' | 'legendLabel' | 'legendValue' | 'total' | 'totalLabel', string>>;
+    slotClasses?: Partial<Record<CompositionBarSlots, string>>;
     /** Preset name (registered via `<BlocksProvider presets={{ CompositionBar: {...} }}>`). */
     preset?: string;
     /**
@@ -119,4 +119,4 @@ export interface CompositionBarProps extends Omit<CompositionBarVariants, 'isHov
     tooltip?: Snippet<[item: CompositionItem, percent: number]>;
 }
 export { default as CompositionBar } from './CompositionBar.svelte';
-export { type CompositionBarVariants, compositionBarVariants } from './composition-bar.variants';
+export { type CompositionBarVariants, compositionBarVariants } from './composition-bar.variants.js';

package/dist/components/CompositionBar/index.js

@@ -1,2 +1,2 @@
 export { default as CompositionBar } from './CompositionBar.svelte';
-export { compositionBarVariants } from './composition-bar.variants';
+export { compositionBarVariants } from './composition-bar.variants.js';

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

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

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

@@ -1,4 +1,4 @@
-import type { InputProps } from '../../primitives/Input';
+import type { InputProps } from '../../primitives/Input/index.js';
 /**
  * Where the currency symbol appears relative to the input field.
  * The symbol is rendered as a static adornment in the input's left or right

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

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

package/dist/components/DatePicker/DateRangePicker.svelte.d.ts

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

package/dist/components/DatePicker/datepicker.engine.d.ts

@@ -8,7 +8,7 @@
  * the supported entry points are the `DatePicker` and `DateRangePicker`
  * Svelte components themselves.
  */
-import type { DateRange } from '../Calendar/calendar.types';
+import type { DateRange } from '../Calendar/calendar.types.js';
 export type DateFormatOptions = Intl.DateTimeFormatOptions;
 /**
  * Format a Date as a locale-aware string. Guards Invalid Date and Intl

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

@@ -1,8 +1,8 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { MintProp } from '../../mint';
-import type { MonthIndex, WeekdayIndex } from '../../utils/date';
-import type { DateRange } from '../Calendar/calendar.types';
-import type { DateFormatOptions } from './datepicker.engine';
+import type { MintProp } from '../../mint/index.js';
+import type { MonthIndex, WeekdayIndex } from '../../utils/date.js';
+import type { DateRange } from '../Calendar/calendar.types.js';
+import type { DateFormatOptions } from './datepicker.engine.js';
 /**
  * @description Date input with calendar popup for selecting a single date. Supports min/max constraints, disabled dates, and format customization.
  *
@@ -161,11 +161,12 @@ export interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'c
     valueFormat?: 'date' | 'iso';
 }
 /**
- * @description Date range input with dual-calendar popup for selecting start and end dates.
+ * @description Date range picker with a dual-calendar popup for selecting a start and end date — min/max constraints, disabled dates, and native form submission via paired hidden inputs.
  *
  * @tag form
  * @related DatePicker
  * @related Calendar
+ * @standalone
  */
 export interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Currently selected date range. Supports bind:value. */
@@ -249,7 +250,7 @@ export interface DateRangePreset {
     label: string;
     value: DateRange;
 }
-export type { DateRange } from '../Calendar/calendar.types';
+export type { DateRange } from '../Calendar/calendar.types.js';
 export { default as DatePicker } from './DatePicker.svelte';
 export { default as DateRangePicker } from './DateRangePicker.svelte';
-export type { DateFormatOptions } from './datepicker.engine';
+export type { DateFormatOptions } from './datepicker.engine.js';

package/dist/components/DonutChart/DonutChart.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import type { DonutChartProps } from './index';
   import { chartSlotResolver } from '../../internal/charts/variants';
   import { arcPath, seriesColor, numberFormatter } from '../../internal/charts/utils';
@@ -25,11 +25,7 @@
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.DonutChart?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'DonutChart', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'DonutChart', preset, {}, slotClassesProp)
   );
   const slot = $derived(chartSlotResolver(unstyled, slotClasses));
 

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

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

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

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { ChartSlotClasses } from '../../internal/charts/types';
+import type { ChartSlotClasses } from '../../internal/charts/types.js';
 /** A single slice of a donut / pie chart. */
 export interface DonutDatum {
     /** Slice label (legend + data table). */

package/dist/components/EmptyState/EmptyState.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import type { EmptyStateProps } from './index';
-  import { emptyStateVariants } from './emptyState.variants';
+  import { emptyStateVariants, type EmptyStateVariants } from './emptyState.variants';
 
   let {
     icon: IconComponent,
@@ -19,16 +19,15 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+
+  const variantProps: EmptyStateVariants = $derived({ density });
+
+  const styles = $derived(unstyled ? undefined : emptyStateVariants(variantProps));
+
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.EmptyState?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'EmptyState', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'EmptyState', preset, variantProps, slotClassesProp)
   );
 
-  const styles = $derived(unstyled ? undefined : emptyStateVariants({ density }));
-
   const iconSize = $derived(density === 'compact' ? 32 : 40);
 
   function slot(name: 'base' | 'iconWrapper' | 'title' | 'description' | 'children' | 'cta') {

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

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

package/dist/components/EmptyState/emptyState.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const emptyStateVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const emptyStateVariants: (props?: import("../../utils/variants.js").TVProps<{
     density: {
         compact: {
             base: string;
@@ -52,3 +52,5 @@ export declare const emptyStateVariants: (props?: import("../../utils/variants")
     }) | undefined) => string;
 };
 export type EmptyStateVariants = VariantProps<typeof emptyStateVariants>;
+/** Slot names derived from the tv() config — single source of truth for slotClasses. */
+export type EmptyStateSlots = SlotNames<typeof emptyStateVariants>;

package/dist/components/EmptyState/emptyState.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const emptyStateVariants = tv({
     slots: {
         base: 'flex flex-col items-center justify-center text-center',

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

@@ -1,7 +1,7 @@
 import type { Component, Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { IconProps } from '../../icons';
-type EmptyStateSlot = 'base' | 'iconWrapper' | 'title' | 'description' | 'children' | 'cta';
+import type { IconProps } from '../../icons/index.js';
+import type { EmptyStateSlots } from './emptyState.variants.js';
 /**
  * @description Centered placeholder block for "no data yet" / "no results"
  * states. Pairs an optional icon with a heading, supporting text, and an
@@ -47,8 +47,8 @@ export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'c
     class?: string;
     /** Remove all default tv classes. */
     unstyled?: boolean;
-    /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<EmptyStateSlot, string>>;
+    /** Per-slot class overrides. Slots: base | iconWrapper | title | description | children | cta */
+    slotClasses?: Partial<Record<EmptyStateSlots, string>>;
     /**
      * Apply a named preset registered via `<BlocksProvider presets={{ EmptyState: {...} }}>`.
      * Prefer this over `class` overrides when the same look should be reused
@@ -57,4 +57,4 @@ export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'c
     preset?: string;
 }
 export { default as EmptyState } from './EmptyState.svelte';
-export { type EmptyStateVariants, emptyStateVariants } from './emptyState.variants';
+export { type EmptyStateVariants, emptyStateVariants } from './emptyState.variants.js';

package/dist/components/EmptyState/index.js

@@ -1,2 +1,2 @@
 export { default as EmptyState } from './EmptyState.svelte';
-export { emptyStateVariants } from './emptyState.variants';
+export { emptyStateVariants } from './emptyState.variants.js';

package/dist/components/FileUpload/FileUpload.svelte

@@ -7,8 +7,8 @@
     FileUploadError,
     FileUploadSlotName
   } from './index';
-  import { fileUploadVariants } from './fileUpload.variants';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { fileUploadVariants, type FileUploadVariants } from './fileUpload.variants';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import { resolveIcon } from '../../icons';
   import UploadCloudIconDefault from '../../icons/UploadCloudIcon.svelte';
   import FileIconDefault from '../../icons/FileIcon.svelte';
@@ -68,13 +68,6 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
-  const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.FileUpload?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'FileUpload', preset),
-      slotClassesProp
-    )
-  );
 
   // ── State ──────────────────────────────────────────────────────────────────
 
@@ -90,14 +83,21 @@
   const effectiveMultiple = $derived(multiple || maxFiles > 1);
   const acceptString = $derived(Array.isArray(accept) ? accept.join(',') : (accept ?? ''));
 
-  const styles = $derived(
-    fileUploadVariants({
-      size,
-      intent,
-      dragging,
-      invalid: dragInvalid,
-      disabled
-    })
+  // 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 dropzone's active variants.
+  const variantProps: FileUploadVariants = $derived({
+    size,
+    intent,
+    dragging,
+    invalid: dragInvalid,
+    disabled
+  });
+
+  const styles = $derived(fileUploadVariants(variantProps));
+
+  const slotClasses = $derived(
+    resolveSlotClasses(blocksConfig, 'FileUpload', preset, variantProps, slotClassesProp)
   );
 
   const iconSize = $derived({ sm: 24, md: 32, lg: 40 }[size ?? 'md']);

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

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

package/dist/components/FileUpload/fileUpload.variants.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from '../../utils/variants';
-export declare const fileUploadVariants: (props?: import("../../utils/variants").TVProps<{
+import { type SlotNames, type VariantProps } from '../../utils/variants.js';
+export declare const fileUploadVariants: (props?: import("../../utils/variants.js").TVProps<{
     size: {
         sm: {
             dropzone: string;
@@ -182,16 +182,6 @@ export declare const fileUploadVariants: (props?: import("../../utils/variants")
         class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     }) | undefined) => string;
-    fileItemActions: (props?: ({
-        size?: "sm" | "md" | "lg" | undefined;
-        intent?: "primary" | "neutral" | undefined;
-        dragging?: boolean | undefined;
-        invalid?: boolean | undefined;
-        disabled?: boolean | undefined;
-    } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-    }) | undefined) => string;
     fileItemRemoveButton: (props?: ({
         size?: "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "neutral" | undefined;
@@ -224,3 +214,5 @@ export declare const fileUploadVariants: (props?: import("../../utils/variants")
     }) | undefined) => string;
 };
 export type FileUploadVariants = VariantProps<typeof fileUploadVariants>;
+/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
+export type FileUploadSlots = SlotNames<typeof fileUploadVariants>;

package/dist/components/FileUpload/fileUpload.variants.js

@@ -1,4 +1,4 @@
-import { tv } from '../../utils/variants';
+import { tv } from '../../utils/variants.js';
 export const fileUploadVariants = tv({
     slots: {
         root: ['flex flex-col gap-3 w-full'],
@@ -39,11 +39,6 @@ export const fileUploadVariants = tv({
         fileItemName: ['truncate text-text-primary font-medium'],
         fileItemSize: ['text-text-tertiary'],
         fileItemProgress: ['w-full'],
-        fileItemActions: [
-            'flex flex-shrink-0 items-center gap-1',
-            'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100',
-            'transition-opacity duration-[var(--blocks-duration-fast)]'
-        ],
         // tier: modify — small destructive sub-button.
         fileItemRemoveButton: [
             'flex items-center justify-center rounded-modify',

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

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { MintProp } from '../../mint';
-import type { FileUploadVariants } from './fileUpload.variants';
+import type { MintProp } from '../../mint/index.js';
+import type { FileUploadSlots, FileUploadVariants } from './fileUpload.variants.js';
 export type FileUploadErrorCode = 'FILE_INVALID_TYPE' | 'FILE_TOO_LARGE' | 'FILE_TOO_SMALL' | 'TOO_MANY_FILES' | 'FILE_EXISTS' | 'CUSTOM';
 export interface FileUploadError {
     /** Machine-readable error code. */
@@ -40,7 +40,8 @@ export interface FileItemContext {
     /** Remove this file from the list. */
     remove: () => void;
 }
-export type FileUploadSlotName = 'root' | 'dropzone' | 'dropzoneIcon' | 'dropzoneTitle' | 'dropzoneDescription' | 'fileList' | 'fileItem' | 'fileItemPreview' | 'fileItemInfo' | 'fileItemName' | 'fileItemSize' | 'fileItemProgress' | 'fileItemActions' | 'fileItemError' | 'fileItemRemoveButton' | 'fileItemStatusIcon';
+/** Slot names for `slotClasses` — derived from the `tv()` config (single source of truth). */
+export type FileUploadSlotName = FileUploadSlots;
 /**
  * @description Drag-and-drop file upload with validation, image previews, progress tracking, and animated file list.
  * @tag form
@@ -142,7 +143,7 @@ export interface FileUploadProps extends Omit<FileUploadVariants, 'dragging' | '
     /** Strip all default styles. */
     unstyled?: boolean;
     /** Per-slot class overrides. */
-    slotClasses?: Partial<Record<FileUploadSlotName, string>>;
+    slotClasses?: Partial<Record<FileUploadSlots, string>>;
     /**
      * Apply a named preset registered via `<BlocksProvider presets={{ FileUpload: {...} }}>`.
      * Prefer this over `class` overrides when the requested look falls outside the
@@ -152,4 +153,4 @@ export interface FileUploadProps extends Omit<FileUploadVariants, 'dragging' | '
     preset?: string;
 }
 export { default as FileUpload } from './FileUpload.svelte';
-export { type FileUploadVariants, fileUploadVariants } from './fileUpload.variants';
+export { type FileUploadVariants, fileUploadVariants } from './fileUpload.variants.js';

package/dist/components/FileUpload/index.js

@@ -11,4 +11,4 @@ export const PDF_MIME_TYPE = ['application/pdf'];
 export const VIDEO_MIME_TYPES = ['video/mp4', 'video/webm', 'video/ogg'];
 export const AUDIO_MIME_TYPES = ['audio/mpeg', 'audio/wav', 'audio/ogg', 'audio/webm'];
 export { default as FileUpload } from './FileUpload.svelte';
-export { fileUploadVariants } from './fileUpload.variants';
+export { fileUploadVariants } from './fileUpload.variants.js';

package/dist/components/Guide/Guide.svelte

@@ -3,7 +3,7 @@
   import { MediaQuery } from 'svelte/reactivity';
   import { useBlocksI18n } from '../../i18n';
   import { Button } from '../../primitives/Button';
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import {
     computePosition,
     autoUpdate,
@@ -14,7 +14,7 @@
   } from '../../utils/floating';
   import { observeTargetResolution } from '../../utils/observe-target';
   import { getGuideContext } from './guide.context';
-  import { guideTourVariants } from './guide.variants';
+  import { guideTourVariants, type GuideTourVariants } from './guide.variants';
   import type { GuideProps } from './index';
 
   const bt = useBlocksI18n();
@@ -44,14 +44,11 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+  const variantProps: GuideTourVariants = $derived({});
+  const styles = $derived(guideTourVariants(variantProps));
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.Guide?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'Guide', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'Guide', preset, variantProps, slotClassesProp)
   );
-  const styles = $derived(guideTourVariants());
 
   // ── Controller-driven tour state ───────────────────────────────────────────
   const isTourActive = $derived(guide?.isTourActive ?? false);

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

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

package/dist/components/Guide/GuideArticle.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import { getGuideContext } from './guide.context';
   import { getGuidePanelContext } from './guide-panel.context';
-  import { guideArticleVariants } from './guide.variants';
+  import { guideArticleVariants, type GuideArticleVariants } from './guide.variants';
   import type { GuideArticleProps } from './index';
 
   let {
@@ -28,14 +28,11 @@
 
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+  const variantProps: GuideArticleVariants = $derived({});
+  const styles = $derived(guideArticleVariants(variantProps));
   const slotClasses = $derived(
-    mergeSlotClasses(
-      blocksConfig?.defaults?.GuideArticle?.slotClasses,
-      resolvePresetSlotClasses(blocksConfig?.presets, 'GuideArticle', preset),
-      slotClassesProp
-    )
+    resolveSlotClasses(blocksConfig, 'GuideArticle', preset, variantProps, slotClassesProp)
   );
-  const styles = $derived(guideArticleVariants());
 
   const isActive = $derived(guide?.activeArticle === id);
 </script>