@sewadah/selaras 0.3.0 → 0.3.1

package/dist/runtime/theme/timeline.d.ts

@@ -0,0 +1,251 @@
+export declare const timelineTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+            track: string;
+            connector: string;
+            content: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+            track: string;
+            marker: string;
+            connector: string;
+            content: string;
+        };
+    };
+    align: {
+        start: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        end: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        alternate: {
+            item: string;
+            track: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            marker: string;
+            title: string;
+        };
+        md: {
+            marker: string;
+            title: string;
+        };
+        lg: {
+            marker: string;
+            title: string;
+        };
+    };
+    color: {
+        primary: {
+            marker: string;
+        };
+        neutral: {
+            marker: string;
+        };
+        secondary: {
+            marker: string;
+        };
+        success: {
+            marker: string;
+        };
+        danger: {
+            marker: string;
+        };
+        info: {
+            marker: string;
+        };
+        warning: {
+            marker: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    track: string;
+    marker: string;
+    icon: string;
+    connector: string;
+    content: string;
+    date: string;
+    title: string;
+    description: string;
+}, undefined, {
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+            track: string;
+            connector: string;
+            content: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+            track: string;
+            marker: string;
+            connector: string;
+            content: string;
+        };
+    };
+    align: {
+        start: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        end: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        alternate: {
+            item: string;
+            track: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            marker: string;
+            title: string;
+        };
+        md: {
+            marker: string;
+            title: string;
+        };
+        lg: {
+            marker: string;
+            title: string;
+        };
+    };
+    color: {
+        primary: {
+            marker: string;
+        };
+        neutral: {
+            marker: string;
+        };
+        secondary: {
+            marker: string;
+        };
+        success: {
+            marker: string;
+        };
+        danger: {
+            marker: string;
+        };
+        info: {
+            marker: string;
+        };
+        warning: {
+            marker: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    track: string;
+    marker: string;
+    icon: string;
+    connector: string;
+    content: string;
+    date: string;
+    title: string;
+    description: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+            track: string;
+            connector: string;
+            content: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+            track: string;
+            marker: string;
+            connector: string;
+            content: string;
+        };
+    };
+    align: {
+        start: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        end: {
+            item: string;
+            track: string;
+            content: string;
+        };
+        alternate: {
+            item: string;
+            track: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            marker: string;
+            title: string;
+        };
+        md: {
+            marker: string;
+            title: string;
+        };
+        lg: {
+            marker: string;
+            title: string;
+        };
+    };
+    color: {
+        primary: {
+            marker: string;
+        };
+        neutral: {
+            marker: string;
+        };
+        secondary: {
+            marker: string;
+        };
+        success: {
+            marker: string;
+        };
+        danger: {
+            marker: string;
+        };
+        info: {
+            marker: string;
+        };
+        warning: {
+            marker: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    track: string;
+    marker: string;
+    icon: string;
+    connector: string;
+    content: string;
+    date: string;
+    title: string;
+    description: string;
+}>>;
+export type TimelineThemeSlots = keyof (typeof timelineTheme)['slots'];

package/dist/runtime/theme/timeline.js

@@ -0,0 +1,84 @@
+import { tv } from "tailwind-variants";
+export const timelineTheme = tv({
+  slots: {
+    root: "relative flex w-full min-w-0 text-[var(--selaras-resolved-text-default)]",
+    item: "relative min-w-0",
+    track: "relative",
+    marker: "relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 border-[var(--_selaras-color-fill)] bg-[var(--selaras-resolved-surface-default)] text-[var(--_selaras-color-text)] data-[marker-type=dot]:size-3 data-[marker-type=dot]:border-0 data-[marker-type=dot]:bg-[var(--_selaras-color-fill)] data-[marker-type=custom]:border-0 data-[marker-type=custom]:bg-transparent",
+    icon: "size-4 shrink-0",
+    connector: "pointer-events-none bg-[var(--selaras-resolved-border-default)]",
+    content: "min-w-0",
+    date: "mb-1 text-xs text-[var(--selaras-resolved-text-muted)]",
+    title: "font-medium",
+    description: "mt-1 text-sm text-[var(--selaras-resolved-text-muted)]"
+  },
+  variants: {
+    orientation: {
+      vertical: {
+        root: "flex-col",
+        item: "grid grid-cols-[1rem_minmax(0,1fr)] gap-x-4 py-4 first:pt-0 last:pb-0",
+        track: "col-start-1 row-start-1 row-span-2 flex flex-col items-center",
+        connector: "absolute start-1/2 top-4 -bottom-8 w-px -translate-x-1/2 rtl:translate-x-1/2",
+        content: "row-start-1"
+      },
+      horizontal: {
+        root: "flex-row items-stretch",
+        item: "grid flex-1 grid-rows-[minmax(0,1fr)_2rem_minmax(0,1fr)]",
+        track: "relative row-start-2 h-8 w-full",
+        marker: "absolute start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2",
+        connector: "absolute start-1/2 top-1/2 h-px w-full -translate-y-1/2",
+        content: "min-w-0 px-3 text-center"
+      }
+    },
+    align: {
+      start: {
+        item: "",
+        track: "",
+        content: ""
+      },
+      end: {
+        item: "",
+        track: "",
+        content: ""
+      },
+      alternate: {
+        item: "",
+        track: "",
+        content: ""
+      }
+    },
+    size: {
+      sm: { marker: "size-6 text-xs data-[marker-type=dot]:size-3", title: "text-sm" },
+      md: { marker: "size-8 text-sm data-[marker-type=dot]:size-4", title: "text-base" },
+      lg: { marker: "size-10 text-base data-[marker-type=dot]:size-5", title: "text-lg" }
+    },
+    color: {
+      primary: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      neutral: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      secondary: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      success: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      danger: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      info: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" },
+      warning: { marker: "border-[var(--_selaras-color-fill)] text-[var(--_selaras-color-text)]" }
+    }
+  },
+  compoundVariants: [
+    { orientation: "vertical", align: "end", class: {
+      item: "grid-cols-[minmax(0,1fr)_1rem]",
+      track: "col-start-2",
+      content: "col-start-1 text-end"
+    } },
+    { orientation: "vertical", align: "alternate", class: {
+      item: "grid-cols-[minmax(0,1fr)_1rem_minmax(0,1fr)]",
+      track: "col-start-2"
+    } },
+    { orientation: "horizontal", align: "start", class: { content: "row-start-3" } },
+    { orientation: "horizontal", align: "end", class: { content: "row-start-1" } }
+  ],
+  defaultVariants: {
+    orientation: "vertical",
+    align: "start",
+    size: "md",
+    color: "primary"
+  }
+});

package/dist/runtime/theme/toast.d.ts

@@ -1,4 +1,35 @@
+import type { VariantProps } from 'tailwind-variants';
 export declare const toastTheme: import("tailwind-variants").TVReturnType<{
+    position: {
+        'top-left': {
+            viewport: string;
+            root: string;
+        };
+        'top-center': {
+            viewport: string;
+            root: string;
+        };
+        'top-right': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-left': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-center': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-right': {
+            viewport: string;
+            root: string;
+        };
+    };
+    expand: {
+        true: {};
+        false: {};
+    };
     color: {
         success: "";
         danger: "";
@@ -13,6 +44,36 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
     icon: string;
     close: string;
 }, undefined, {
+    position: {
+        'top-left': {
+            viewport: string;
+            root: string;
+        };
+        'top-center': {
+            viewport: string;
+            root: string;
+        };
+        'top-right': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-left': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-center': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-right': {
+            viewport: string;
+            root: string;
+        };
+    };
+    expand: {
+        true: {};
+        false: {};
+    };
     color: {
         success: "";
         danger: "";
@@ -27,6 +88,36 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
     icon: string;
     close: string;
 }, import("tailwind-variants").TVReturnTypeLike<{
+    position: {
+        'top-left': {
+            viewport: string;
+            root: string;
+        };
+        'top-center': {
+            viewport: string;
+            root: string;
+        };
+        'top-right': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-left': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-center': {
+            viewport: string;
+            root: string;
+        };
+        'bottom-right': {
+            viewport: string;
+            root: string;
+        };
+    };
+    expand: {
+        true: {};
+        false: {};
+    };
     color: {
         success: "";
         danger: "";
@@ -42,3 +133,4 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
     close: string;
 }>>;
 export type ToastThemeSlots = keyof (typeof toastTheme)['slots'];
+export type ToastPosition = NonNullable<VariantProps<typeof toastTheme>['position']>;

package/dist/runtime/theme/toast.js

@@ -1,14 +1,22 @@
 import { tv } from "tailwind-variants";
 export const toastTheme = tv({
   slots: {
-    viewport: "fixed bottom-0 end-0 z-[var(--selaras-resolved-z-toast)] flex w-full max-w-sm flex-col gap-2 p-4 outline-none",
-    root: "relative flex items-start gap-3 rounded-[var(--selaras-resolved-radius-md)] bg-[var(--selaras-resolved-surface-default)] p-4 pe-10 shadow-[var(--selaras-resolved-shadow-lg)] ring-1 ring-[var(--selaras-resolved-border-default)] border-s-2 border-s-[var(--_selaras-color-fill,var(--selaras-resolved-border-default))] data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom-2 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-end-full",
+    // The cards are absolutely positioned inside it and moved with transforms
+    // (see internal/toast-stack.ts); Toast.vue sizes it to fit the stack.
+    viewport: "fixed z-[var(--selaras-resolved-z-toast)] w-full max-w-sm p-4 outline-none",
+    // Registered roles tint the surface softly; an uncolored toast falls
+    // back to the regular surface. Text stays neutral for readability.
+    //
+    // Cards behind the front one cover their own content with an overlay
+    // of the card surface (after:), so they read as a clean pile and fade
+    // their content back in when they move to the front or fan out.
+    root: "absolute inset-x-4 flex items-start gap-3 rounded-[var(--selaras-resolved-radius-md)] bg-[var(--_selaras-color-subtle,var(--selaras-resolved-surface-default))] p-4 pe-10 shadow-[var(--selaras-resolved-shadow-lg)] ring-1 ring-[var(--selaras-resolved-border-default)] transition-[transform,opacity,height] duration-400 ease-[cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-[inherit] after:opacity-0 after:transition-opacity after:duration-400 data-[stack=behind]:overflow-hidden data-[stack=behind]:after:opacity-100 data-[stack=hidden]:pointer-events-none data-[stack=hidden]:overflow-hidden data-[stack=hidden]:opacity-0 data-[stack=hidden]:after:opacity-100 data-[state=open]:animate-[selaras-toast-in_400ms_cubic-bezier(0.22,1,0.36,1)] data-[state=closed]:animate-[selaras-toast-out_200ms_ease-in_forwards] data-[stack=behind]:[--_selaras-toast-exit:-25%] data-[stack=hidden]:[--_selaras-toast-exit:-25%] motion-reduce:transition-none motion-reduce:animate-none motion-reduce:after:transition-none",
     title: "text-sm font-medium text-[var(--selaras-resolved-text-default)]",
     description: "mt-1 text-sm text-[var(--selaras-resolved-text-muted)]",
     // Base (no color set) is a plain neutral glyph - only shown at all when
     // `icon` is set without a `color`, since a colorless toast otherwise
     // has nothing to render here.
-    icon: "size-5 shrink-0 text-[var(--_selaras-color-fill,var(--selaras-resolved-text-muted))]",
+    icon: "size-5 shrink-0 text-[var(--_selaras-color-text,var(--selaras-resolved-text-muted))]",
     // Rendered as an <SButton> (ghost/neutral) - real chrome, focus ring and
     // touch target now come from Button's own theme; rounded-full overrides
     // its default rounded-md just for this dismiss-glyph family (close/clear).
@@ -17,15 +25,29 @@ export const toastTheme = tv({
     close: "absolute end-1.5 top-1.5 shrink-0 rounded-full"
   },
   variants: {
-    // A colored icon + a matching left-edge accent border - not a full
-    // colored card background, matching this library's existing restraint
-    // elsewhere (Dropdown's own `destructive` only recolors text/icon + a
-    // soft hover tint, never repaints the whole menu).
+    position: {
+      "top-left": { viewport: "top-0 start-0", root: "top-4 origin-top [--_selaras-toast-lift:1]" },
+      "top-center": { viewport: "top-0 left-1/2 -translate-x-1/2", root: "top-4 origin-top [--_selaras-toast-lift:1]" },
+      "top-right": { viewport: "top-0 end-0", root: "top-4 origin-top [--_selaras-toast-lift:1]" },
+      "bottom-left": { viewport: "bottom-0 start-0", root: "bottom-4 origin-bottom [--_selaras-toast-lift:-1]" },
+      "bottom-center": { viewport: "bottom-0 left-1/2 -translate-x-1/2", root: "bottom-4 origin-bottom [--_selaras-toast-lift:-1]" },
+      "bottom-right": { viewport: "bottom-0 end-0", root: "bottom-4 origin-bottom [--_selaras-toast-lift:-1]" }
+    },
+    expand: {
+      true: {},
+      false: {}
+    },
+    // Kept as pass-through variants so consumer recipe conditions can match
+    // every registered role, including custom roles beyond this built-in set.
     color: {
       success: "",
       danger: "",
       warning: "",
       info: ""
     }
+  },
+  defaultVariants: {
+    position: "bottom-right",
+    expand: false
   }
 });

package/dist/runtime/theme-config.d.ts

@@ -8,6 +8,7 @@ import type { badgeTheme, BadgeThemeSlots } from './theme/badge.js';
 import type { breadcrumbTheme, BreadcrumbThemeSlots } from './theme/breadcrumb.js';
 import type { buttonTheme, ButtonThemeSlots } from './theme/button.js';
 import type { buttonGroupTheme, ButtonGroupThemeSlots } from './theme/button-group.js';
+import type { calendarTheme, CalendarThemeSlots } from './theme/calendar.js';
 import type { calloutTheme, CalloutThemeSlots } from './theme/callout.js';
 import type { cardTheme, CardThemeSlots } from './theme/card.js';
 import type { cardGroupTheme, CardGroupThemeSlots } from './theme/card-group.js';
@@ -66,6 +67,7 @@ import type { switchTheme, SwitchThemeSlots } from './theme/switch.js';
 import type { tableTheme, TableThemeSlots } from './theme/table.js';
 import type { tabsTheme, TabsThemeSlots } from './theme/tabs.js';
 import type { textareaTheme, TextareaThemeSlots } from './theme/textarea.js';
+import type { timelineTheme, TimelineThemeSlots } from './theme/timeline.js';
 import type { toastTheme, ToastThemeSlots } from './theme/toast.js';
 import type { toggleTheme, ToggleThemeSlots } from './theme/toggle.js';
 import type { toggleGroupTheme, ToggleGroupThemeSlots } from './theme/toggle-group.js';
@@ -116,6 +118,7 @@ type SkeletonVariants = VariantProps<typeof skeletonTheme>;
 type SliderVariants = VariantProps<typeof sliderTheme>;
 type SwitchVariants = VariantProps<typeof switchTheme>;
 type StepperVariants = VariantProps<typeof stepperTheme>;
+type TimelineVariants = VariantProps<typeof timelineTheme>;
 type TabsVariants = VariantProps<typeof tabsTheme>;
 type TextareaVariants = VariantProps<typeof textareaTheme>;
 type ToastVariants = VariantProps<typeof toastTheme>;
@@ -143,6 +146,10 @@ export interface ThemeComponentRegistry {
         slots: AlertDialogThemeSlots;
         conditions: Pick<VariantProps<typeof alertDialogTheme>, 'transition'>;
     };
+    calendar: {
+        slots: CalendarThemeSlots;
+        conditions: Pick<VariantProps<typeof calendarTheme>, never>;
+    };
     codeButton: {
         slots: CodeButtonThemeSlots;
         conditions: Pick<VariantProps<typeof codeButtonTheme>, never>;
@@ -305,7 +312,7 @@ export interface ThemeComponentRegistry {
     };
     formField: {
         slots: FormFieldThemeSlots;
-        conditions: Pick<FormFieldVariants, 'size' | 'orientation'>;
+        conditions: Pick<FormFieldVariants, 'size' | 'orientation' | 'labelMode'>;
     };
     header: {
         slots: HeaderThemeSlots;
@@ -392,6 +399,10 @@ export interface ThemeComponentRegistry {
         slots: StepperThemeSlots;
         conditions: WithRegisteredColor<Pick<StepperVariants, 'color' | 'size' | 'orientation'>>;
     };
+    timeline: {
+        slots: TimelineThemeSlots;
+        conditions: WithRegisteredColor<Pick<TimelineVariants, 'color' | 'size' | 'orientation' | 'align'>>;
+    };
     tabs: {
         slots: TabsThemeSlots;
         conditions: WithRegisteredColor<Pick<TabsVariants, 'color' | 'variant'>>;

package/dist/runtime/types/index.d.ts

@@ -9,6 +9,7 @@ export type * from '../components/Badge.vue';
 export type * from '../components/Breadcrumb.vue';
 export type * from '../components/Button.vue';
 export type * from '../components/ButtonGroup.vue';
+export type * from '../components/Calendar.vue';
 export type * from '../components/Callout.vue';
 export type * from '../components/Card.vue';
 export type * from '../components/CardGroup.vue';
@@ -76,6 +77,7 @@ export type * from '../components/Switch.vue';
 export type * from '../components/Tabs.vue';
 export type * from '../components/Textarea.vue';
 export type * from '../components/Theme.vue';
+export type * from '../components/Timeline.vue';
 export type * from '../components/Toast.vue';
 export type * from '../components/Toggle.vue';
 export type * from '../components/ToggleGroup.vue';
@@ -85,9 +87,10 @@ export type { UseCommandPaletteReturn } from '../composables/use-command-palette
 export type { UseDrawerOpenOptions, UseDrawerReturn } from '../composables/use-drawer.js';
 export type { UseModalOpenOptions, UseModalReturn } from '../composables/use-modal.js';
 export type { UseSlideoverOpenOptions, UseSlideoverReturn } from '../composables/use-slideover.js';
-export type { TableColumnDef, TableColumnVisibilityState, TableExpandedState, TableGetRowId, TableRowSelectionState, TableSortingState } from '../composables/use-table.js';
+export type { TableColumnDef, TableColumnVisibilityState, TableExpandedState, TableGetRowId, TableGetSubRows, TableRowSelectionState, TableSortingState } from '../composables/use-table.js';
 export type { ToastOptions, UseToastReturn } from '../composables/use-toast.js';
 export type { ThemeComponentRegistry, ThemeConfiguration, ThemeDefaults, ThemeUiOverrides } from '../theme-config.js';
+export type { ArrowConfig, RoundedArrowConfig } from '../utils/arrow.js';
 export type { AutocompleteValue } from '../utils/autocomplete-contracts.js';
 export type { BuiltinColorName, ColorRecipe, ColorRecipeInput, ColorRole, RuntimeColorOverrides, RuntimeThemeMode, RuntimeTokenOverrides } from '../utils/color-registry.js';
 export type { FunctionalTokenOverrides, GeometryTokenOverrides, ThemeTokenOverrides } from '../utils/functional-tokens.js';
@@ -95,6 +98,8 @@ export type { IconRegistry } from '../utils/icons.js';
 export { defaultIcons } from '../utils/icons.js';
 export type { MessageRegistry } from '../utils/messages.js';
 export { defaultMessages } from '../utils/messages.js';
+export type { ContextMenuPositioning, OverlayPortal, OverlayPositioning } from '../utils/overlay.js';
 export type { SelectGroup, SelectIdentity, SelectModel, SelectResolvedOption, SelectValue } from '../utils/select-contracts.js';
 export type { TableEmits, TableProps, TableSlots } from '../utils/table-contracts.js';
+export type { TimelineItem, TimelineProps, TimelineSlotProps, TimelineSlots } from '../utils/timeline-contracts.js';
 export type { SelarasRuntimeConfig } from './app-config.js';

package/dist/runtime/utils/arrow.d.ts

@@ -0,0 +1,21 @@
+/** Dimensions and edge clearance for a positioned pointer arrow. */
+export interface ArrowConfig {
+    width?: number;
+    height?: number;
+    /** Minimum distance between the arrow and the content's corners, in pixels. */
+    padding?: number;
+}
+/** Reka's positioned SVG arrows also support a rounded tip. */
+export interface RoundedArrowConfig extends ArrowConfig {
+    rounded?: boolean;
+}
+export declare function arrowElementProps(arrow: boolean | RoundedArrowConfig | undefined): {
+    rounded?: boolean;
+    width?: number;
+    height?: number;
+};
+export declare function arrowContentProps(arrow: boolean | ArrowConfig | undefined): {
+    arrowPadding?: undefined;
+} | {
+    arrowPadding: number;
+};

package/dist/runtime/utils/arrow.js

@@ -0,0 +1,10 @@
+export function arrowElementProps(arrow) {
+  if (typeof arrow !== "object")
+    return {};
+  const { padding: _padding, ...props } = arrow;
+  return props;
+}
+export function arrowContentProps(arrow) {
+  const padding = typeof arrow === "object" ? arrow.padding : void 0;
+  return padding === void 0 ? {} : { arrowPadding: padding };
+}

package/dist/runtime/utils/file-icons.js

@@ -106,6 +106,8 @@ export const defaultFileIcons = {
   "git": "vscode-icons:file-type-git",
   "gitignore": "vscode-icons:file-type-git",
   "npm": "vscode-icons:file-type-npm",
+  "pnpm": "vscode-icons:file-type-pnpm",
+  "yarn": "vscode-icons:file-type-yarn",
   "nuxt": "vscode-icons:file-type-nuxt",
   "ansible": "vscode-icons:file-type-ansible",
   "bicep": "vscode-icons:file-type-bicep"

package/dist/runtime/utils/icons.d.ts

@@ -10,8 +10,10 @@ export interface IconRegistry {
     chevronsRight: string;
     loading: string;
     search: string;
+    sortUnsorted: string;
     sortAscending: string;
     sortDescending: string;
+    filter: string;
     columns: string;
     copy: string;
     lightMode: string;

package/dist/runtime/utils/icons.js

@@ -16,10 +16,12 @@ export const defaultIcons = {
   chevronsRight: "hugeicons:next",
   loading: "hugeicons:loading-02",
   search: "hugeicons:search-01",
+  sortUnsorted: "hugeicons:sorting-05",
   // "arrow-*-02" (shaft + arrowhead) - kept visually distinct from the
   // plain chevrons above, matching the original caret-vs-arrow split.
   sortAscending: "hugeicons:arrow-up-02",
   sortDescending: "hugeicons:arrow-down-02",
+  filter: "hugeicons:filter",
   columns: "hugeicons:table-columns-split",
   copy: "hugeicons:copy",
   lightMode: "hugeicons:sun-01",