@marwes-ui/svelte 1.3.0 → 1.4.0

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

@@ -1,2 +1,5 @@
-export { default as Slider } from "./Slider.svelte";
-export type { SliderProps, SliderFieldProps } from "./types.js";
+export { default as SliderField } from "./SliderField.svelte";
+export { default as VolumeSlider } from "./VolumeSlider.svelte";
+export { default as BrightnessSlider } from "./BrightnessSlider.svelte";
+export { default as RadiusSlider } from "./RadiusSlider.svelte";
+export type { SliderFieldProps, VolumeSliderProps, BrightnessSliderProps, RadiusSliderProps, } from "./types.js";

package/dist/components/slider/index.js

@@ -1 +1,7 @@
-export { default as Slider } from "./Slider.svelte";
+// `Slider` (the atom) is intentionally NOT re-exported here.
+// Use `SliderField` (or a purpose variant) instead. Internal consumers
+// can deep-import "./Slider.svelte" directly.
+export { default as SliderField } from "./SliderField.svelte";
+export { default as VolumeSlider } from "./VolumeSlider.svelte";
+export { default as BrightnessSlider } from "./BrightnessSlider.svelte";
+export { default as RadiusSlider } from "./RadiusSlider.svelte";

package/dist/components/slider/types.d.ts

@@ -26,3 +26,24 @@ export interface SliderFieldProps {
     value?: number;
     class?: string;
 }
+export interface VolumeSliderProps extends Omit<SliderFieldProps, "label" | "slider" | "minValueLabel" | "maxValueLabel"> {
+    label?: string;
+    slider?: Omit<SliderProps, "value">;
+    orientation?: SliderProps["orientation"];
+    minValueLabel?: string;
+    maxValueLabel?: string;
+}
+export interface BrightnessSliderProps extends Omit<SliderFieldProps, "label" | "slider" | "minValueLabel" | "maxValueLabel"> {
+    label?: string;
+    slider?: Omit<SliderProps, "value">;
+    orientation?: SliderProps["orientation"];
+    minValueLabel?: string;
+    maxValueLabel?: string;
+}
+export interface RadiusSliderProps extends Omit<SliderFieldProps, "label" | "slider" | "minValueLabel" | "maxValueLabel"> {
+    label?: string;
+    slider?: Omit<SliderProps, "value">;
+    orientation?: SliderProps["orientation"];
+    minValueLabel?: string;
+    maxValueLabel?: string;
+}

package/dist/components/spinner/EmptyStateSpinner.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
   import { mergeStyle } from "../../internal/css-vars.js";
   import Spinner from "./Spinner.svelte";
-  import type { SpinnerProps } from "./types.js";
+  import type { EmptyStateSpinnerProps } from "./types.js";
 
-  type Props = SpinnerProps;
-  let { dataAttributes, ...props }: Props = $props();
+  let { dataAttributes, ...props }: EmptyStateSpinnerProps = $props();
 </script>
 
 <Spinner

package/dist/components/spinner/EmptyStateSpinner.svelte.d.ts

@@ -1,4 +1,3 @@
-import type { SpinnerProps } from "./types.js";
-declare const EmptyStateSpinner: import("svelte").Component<SpinnerProps, {}, "">;
+declare const EmptyStateSpinner: import("svelte").Component<import("./types.js").SpinnerProps, {}, "">;
 type EmptyStateSpinner = ReturnType<typeof EmptyStateSpinner>;
 export default EmptyStateSpinner;

package/dist/components/spinner/Spinner.svelte

@@ -10,6 +10,7 @@
     size,
     decorative,
     ariaLabel,
+    label,
     id,
     class: className,
     style,
@@ -22,6 +23,7 @@
       ...(size !== undefined ? { size } : {}),
       ...(decorative !== undefined ? { decorative } : {}),
       ...(ariaLabel !== undefined ? { ariaLabel } : {}),
+      ...(label !== undefined ? { label } : {}),
       ...(id !== undefined ? { id } : {}),
     })
   );

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

@@ -1,3 +1,4 @@
 export { default as Spinner } from "./Spinner.svelte";
 export { default as ButtonSpinner } from "./ButtonSpinner.svelte";
-export type { SpinnerProps, ButtonSpinnerProps } from "./types.js";
+export { default as EmptyStateSpinner } from "./EmptyStateSpinner.svelte";
+export type { SpinnerProps, ButtonSpinnerProps, EmptyStateSpinnerProps } from "./types.js";

package/dist/components/spinner/index.js

@@ -1,2 +1,3 @@
 export { default as Spinner } from "./Spinner.svelte";
 export { default as ButtonSpinner } from "./ButtonSpinner.svelte";
+export { default as EmptyStateSpinner } from "./EmptyStateSpinner.svelte";

package/dist/components/spinner/types.d.ts

@@ -7,3 +7,4 @@ export interface SpinnerProps extends SpinnerOptions {
 export interface ButtonSpinnerProps extends SpinnerProps {
     inverted?: boolean;
 }
+export type EmptyStateSpinnerProps = SpinnerProps;

package/dist/components/switch/Switch.svelte

@@ -39,7 +39,7 @@
   aria-checked={kit.a11y.ariaChecked}
   aria-disabled={kit.a11y.ariaDisabled}
   aria-label={kit.a11y.ariaLabel}
-  aria-labelledby={kit.a11y.ariaLabelledby}
+  aria-labelledby={kit.a11y.ariaLabelledBy}
   aria-describedby={kit.a11y.ariaDescribedBy}
   class={mergedClass}
   style={mergedStyle}

package/dist/components/switch/SwitchField.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { buildSwitchFieldA11yIds } from "@marwes-ui/core";
   import { mergeClass } from "../../internal/merge-class.js";
+  import Text from "../text/Text.svelte";
   import Switch from "./Switch.svelte";
   import type { SwitchFieldProps, SwitchProps } from "./types.js";
 
@@ -39,6 +40,7 @@
     mergeClass(
       "mw-switch-field",
       disabled && "mw-switch-field--disabled",
+      hasError && "mw-switch-field--invalid",
       className
     )
   );
@@ -50,22 +52,22 @@
       {...switchProps}
       id={fieldId}
       ariaDescribedBy={a11yIds.describedBy}
-      ariaLabelledby={a11yIds.labelId}
+      ariaLabelledBy={a11yIds.labelId}
     />
     <label class="mw-switch-field__label" id={a11yIds.labelId} for={fieldId}>
-      <p class="mw-p mw-p--md">{label}</p>
+      <Text variant="label">{label}</Text>
     </label>
   </div>
 
   {#if hasDescription}
     <div class="mw-switch-field__description" id={a11yIds.descriptionId}>
-      <p class="mw-p mw-p--sm">{description}</p>
+      <Text variant="caption">{description}</Text>
     </div>
   {/if}
 
   {#if hasError}
     <div class="mw-switch-field__error" id={a11yIds.errorId} aria-live="polite">
-      <p class="mw-p mw-p--sm">{error}</p>
+      <Text variant="caption">{error}</Text>
     </div>
   {/if}
 </div>

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

@@ -1,3 +1,5 @@
-export { default as Switch } from "./Switch.svelte";
 export { default as SwitchField } from "./SwitchField.svelte";
-export type { SwitchProps, SwitchFieldProps } from "./types.js";
+export { default as FeatureToggle } from "./FeatureToggle.svelte";
+export { default as PreferenceSwitch } from "./PreferenceSwitch.svelte";
+export { default as PermissionSwitch } from "./PermissionSwitch.svelte";
+export type { SwitchFieldProps, FeatureToggleProps, PreferenceSwitchProps, PermissionSwitchProps, } from "./types.js";

package/dist/components/switch/index.js

@@ -1,2 +1,7 @@
-export { default as Switch } from "./Switch.svelte";
+// `Switch` (the atom) is intentionally NOT re-exported here.
+// Use `SwitchField` (or a purpose variant) instead. Internal consumers
+// can deep-import "./Switch.svelte" directly.
 export { default as SwitchField } from "./SwitchField.svelte";
+export { default as FeatureToggle } from "./FeatureToggle.svelte";
+export { default as PreferenceSwitch } from "./PreferenceSwitch.svelte";
+export { default as PermissionSwitch } from "./PermissionSwitch.svelte";

package/dist/components/switch/types.d.ts

@@ -18,3 +18,6 @@ export interface SwitchFieldProps {
     ariaDescribedBy?: string;
     class?: string;
 }
+export type FeatureToggleProps = SwitchFieldProps;
+export type PreferenceSwitchProps = SwitchFieldProps;
+export type PermissionSwitchProps = SwitchFieldProps;

package/dist/components/tab/TabGroup.svelte

@@ -7,6 +7,7 @@
   } from "@marwes-ui/core";
   import type { TabGroupItemState } from "@marwes-ui/core";
   import { mergeClass } from "../../internal/merge-class.js";
+  import Text from "../text/Text.svelte";
   import type { TabGroupProps } from "./types.js";
 
   let {
@@ -32,6 +33,7 @@
   const hasLabel = $derived(!!label);
 
   const a11yIds = $derived(buildTabGroupA11yIds({ id: groupId, itemValues, hasLabel }));
+  const labelId = $derived(a11yIds.labelId ?? `${groupId}-label`);
 
   let internalActive = $state<string | undefined>(undefined);
 
@@ -76,17 +78,18 @@
 
 <div class={mergedClass} {...dataAttributes}>
   {#if label}
-    <div class="mw-tab-group__label" id={a11yIds.labelId}>
-      <p class="mw-p mw-p--sm">{label}</p>
+    <div class="mw-tab-group__header">
+      <Text variant="label" id={labelId}>{label}</Text>
     </div>
   {/if}
 
   <div
-    class="mw-tab-group__tablist"
+    class="mw-tab-group__list"
     role="tablist"
     id={a11yIds.tabListId}
-    aria-labelledby={a11yIds.labelId}
+    aria-labelledby={label ? labelId : undefined}
     aria-label={!label ? ariaLabel : undefined}
+    tabindex={-1}
     onkeydown={handleKeydown}
   >
     {#each tabs as tab}

package/dist/components/text/Text.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { textRecipe } from "@marwes-ui/core";
+  import { cssVarsToStyle, mergeStyle } from "../../internal/css-vars.js";
+  import { mergeClass } from "../../internal/merge-class.js";
+  import { useTheme } from "../../provider/use-theme.js";
+  import type { TextProps } from "./types.js";
+
+  let {
+    children,
+    class: className,
+    style,
+    ...opts
+  }: TextProps = $props();
+
+  const { theme } = useTheme();
+  const kit = $derived(textRecipe(opts, theme));
+  const mergedClass = $derived(mergeClass(kit.className, className));
+  const mergedStyle = $derived(mergeStyle(cssVarsToStyle(kit.vars), style));
+</script>
+
+<svelte:element this={kit.tag} id={kit.a11y.id} class={mergedClass} style={mergedStyle}>
+  {@render children?.()}
+</svelte:element>

package/dist/components/text/Text.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { TextProps } from "./types.js";
+declare const Text: import("svelte").Component<TextProps, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;

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

@@ -0,0 +1,4 @@
+export { default as Text } from "./Text.svelte";
+export { default as TypographyText } from "./Text.svelte";
+export type TextComponent = typeof import("./Text.svelte").default;
+export type { TextProps } from "./types.js";

package/dist/components/text/index.js

@@ -0,0 +1,2 @@
+export { default as Text } from "./Text.svelte";
+export { default as TypographyText } from "./Text.svelte";

package/dist/components/text/types.d.ts

@@ -0,0 +1,15 @@
+import type { TextAs, TextVariant } from "@marwes-ui/core";
+import type { Snippet } from "svelte";
+export interface TextProps {
+    variant?: TextVariant;
+    as?: TextAs;
+    /**
+     * Render as a heading element (h1–h6) while keeping the visual variant.
+     * Wins over `as` when both are set.
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    id?: string;
+    children?: Snippet;
+    class?: string;
+    style?: string | undefined;
+}

package/dist/components/text/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/tooltip/TooltipGroup.svelte

@@ -28,9 +28,17 @@
   const resolvedTooltipId = $derived(tooltipIdProp ?? `${groupId}-tooltip`);
 
   const isControlled = $derived(open !== undefined);
-  let internalOpen = $state(defaultOpen);
+  function getInitialOpen(): boolean {
+    return defaultOpen;
+  }
+
+  function getInitialTooltipMounted(): boolean {
+    return open ?? defaultOpen;
+  }
+
+  let internalOpen = $state(getInitialOpen());
   const resolvedOpen = $derived(isControlled ? (open as boolean) : internalOpen);
-  let isTooltipMounted = $state(resolvedOpen);
+  let isTooltipMounted = $state(getInitialTooltipMounted());
 
   $effect(() => {
     if (resolvedOpen) {

package/dist/index.d.ts

@@ -1,5 +1,6 @@
+import "@marwes-ui/presets/firstEdition/styles.css";
 export { default as MarwesProvider } from "./provider/MarwesProvider.svelte";
-export type { MarwesProviderProps, MarwesContextState, MarwesContextValue, } from "./provider/types.js";
+export type { MarwesProviderProps, MarwesProviderSnippetProps, MarwesContextState, MarwesContextValue, } from "./provider/types.js";
 export { useTheme } from "./provider/use-theme.js";
 export type { UseThemeReturn } from "./provider/use-theme.js";
 export { useThemeMode } from "./provider/use-theme-mode.js";
@@ -7,6 +8,7 @@ export type { ThemeModeContextValue } from "./provider/use-theme-mode.js";
 export { createMarwesThemeScript, createMarwesThemeStyle } from "./ssr.js";
 export type { MarwesThemeScriptOptions, MarwesThemeStyleOptions } from "./ssr.js";
 export { default as Button } from "./components/button/Button.svelte";
+export { default as IconButton } from "./components/button/IconButton.svelte";
 export { default as PrimaryButton } from "./components/button/PrimaryButton.svelte";
 export { default as SecondaryButton } from "./components/button/SecondaryButton.svelte";
 export { default as TextButton } from "./components/button/TextButton.svelte";
@@ -29,14 +31,13 @@ export { default as SearchButton } from "./components/button/SearchButton.svelte
 export { default as FilterButton } from "./components/button/FilterButton.svelte";
 export { default as SortButton } from "./components/button/SortButton.svelte";
 export { default as DropdownButton } from "./components/button/DropdownButton.svelte";
-export type { ButtonProps } from "./components/button/types.js";
+export type { ButtonProps, CancelButtonProps, CloseButtonProps, ConfirmButtonProps, CopyButtonProps, CreateButtonProps, DestructiveButtonProps, DownloadButtonProps, DropdownButtonProps, EditButtonProps, FilterButtonProps, IconButtonProps, LinkButtonProps, PrimaryButtonProps, RefreshButtonProps, SaveButtonProps, SearchButtonProps, SecondaryButtonProps, SortButtonProps, SubmitButtonProps, SuccessButtonProps, TextButtonProps, UploadButtonProps, VerifyButtonProps, } from "./components/button/types.js";
 export { default as Icon } from "./components/icon/Icon.svelte";
 export type { IconProps } from "./components/icon/types.js";
 export { default as Spinner } from "./components/spinner/Spinner.svelte";
 export { default as ButtonSpinner } from "./components/spinner/ButtonSpinner.svelte";
 export { default as EmptyStateSpinner } from "./components/spinner/EmptyStateSpinner.svelte";
-export type { SpinnerProps, ButtonSpinnerProps } from "./components/spinner/types.js";
-export { default as Input } from "./components/input/Input.svelte";
+export type { SpinnerProps, ButtonSpinnerProps, EmptyStateSpinnerProps, } from "./components/spinner/types.js";
 export { default as InputField } from "./components/input/InputField.svelte";
 export { default as PasswordField } from "./components/input/PasswordField.svelte";
 export { default as EmailField } from "./components/input/EmailField.svelte";
@@ -47,23 +48,33 @@ export { default as CurrencyField } from "./components/input/CurrencyField.svelt
 export { default as DateOfBirthField } from "./components/input/DateOfBirthField.svelte";
 export { default as ZipCodeField } from "./components/input/ZipCodeField.svelte";
 export { default as DropdownField } from "./components/input/DropdownField.svelte";
-export { default as InputOtp } from "./components/input/InputOtp.svelte";
-export { default as RichText } from "./components/input/RichText.svelte";
+export { default as InputOtpField } from "./components/input/InputOtpField.svelte";
 export { default as RichTextField } from "./components/input/RichTextField.svelte";
-export type { InputProps, InputFieldProps, InputOtpProps, RichTextProps, RichTextFieldProps, } from "./components/input/types.js";
+export type { CurrencyFieldProps, DateOfBirthFieldProps, DropdownFieldProps, EmailFieldProps, InputFieldProps, InputOtpFieldProps, PasswordFieldProps, PhoneFieldProps, RichTextFieldProps, SearchFieldProps, URLFieldProps, ZipCodeFieldProps, } from "./components/input/types.js";
 export { default as Badge } from "./components/badge/Badge.svelte";
 export { default as BadgeGroup } from "./components/badge/BadgeGroup.svelte";
 export { default as StatusBadge } from "./components/badge/StatusBadge.svelte";
 export { default as PriorityBadge } from "./components/badge/PriorityBadge.svelte";
 export { default as NotificationBadge } from "./components/badge/NotificationBadge.svelte";
-export type { BadgeProps, BadgeGroupProps } from "./components/badge/types.js";
+export type { BadgeProps, BadgeGroupProps, StatusBadgeProps, PriorityBadgeProps, NotificationBadgeProps, } from "./components/badge/types.js";
+export { default as Banner } from "./components/banner/Banner.svelte";
+export { default as InfoBanner } from "./components/banner/InfoBanner.svelte";
+export { default as SuccessBanner } from "./components/banner/SuccessBanner.svelte";
+export { default as WarningBanner } from "./components/banner/WarningBanner.svelte";
+export { default as ErrorBanner } from "./components/banner/ErrorBanner.svelte";
+export { BannerVariant } from "@marwes-ui/core";
+export type { BannerProps, InfoBannerProps, SuccessBannerProps, WarningBannerProps, ErrorBannerProps, } from "./components/banner/types.js";
 export { default as Card } from "./components/card/Card.svelte";
 export { default as ProductCard } from "./components/card/ProductCard.svelte";
 export { default as ProfileCard } from "./components/card/ProfileCard.svelte";
 export { default as StatCard } from "./components/card/StatCard.svelte";
-export type { CardProps } from "./components/card/types.js";
+export type { CardProps, ProductCardProps, ProfileCardProps, StatCardProps, } from "./components/card/types.js";
 export { default as Divider } from "./components/divider/Divider.svelte";
 export type { DividerProps } from "./components/divider/types.js";
+export { default as ContextMenu } from "./components/context-menu/ContextMenu.svelte";
+export type { ContextMenuActionItem, ContextMenuEntry, ContextMenuProps, } from "./components/context-menu/types.js";
+export { default as Breadcrumb } from "./components/breadcrumb/Breadcrumb.svelte";
+export type { BreadcrumbItem, BreadcrumbProps } from "./components/breadcrumb/types.js";
 export { default as Spacing } from "./components/spacing/Spacing.svelte";
 export { default as Spacer } from "./components/spacing/Spacer.svelte";
 export type { SpacingProps, SpacerProps } from "./components/spacing/types.js";
@@ -73,39 +84,42 @@ export { default as H3 } from "./components/heading/H3.svelte";
 export type { H1Props, H2Props, H3Props } from "./components/heading/types.js";
 export { default as Paragraph } from "./components/paragraph/Paragraph.svelte";
 export type { ParagraphProps } from "./components/paragraph/types.js";
-export { default as Textarea } from "./components/input/Textarea.svelte";
+export { default as Text } from "./components/text/Text.svelte";
+export { default as TypographyText } from "./components/text/Text.svelte";
+export type TextComponent = typeof import("./components/text/Text.svelte").default;
+export type { TextProps } from "./components/text/types.js";
 export { default as TextareaField } from "./components/input/TextareaField.svelte";
-export type { TextareaProps, TextareaFieldProps } from "./components/input/types.js";
-export { default as Select } from "./components/input/Select.svelte";
+export type { TextareaFieldProps } from "./components/input/types.js";
 export { default as SelectField } from "./components/input/SelectField.svelte";
-export type { SelectProps, SelectFieldProps } from "./components/input/types.js";
-export { default as Checkbox } from "./components/checkbox/Checkbox.svelte";
+export type { SelectAppearance, SelectOption, SelectFieldProps, SelectFieldVariant, } from "./components/input/types.js";
 export { default as CheckboxField } from "./components/checkbox/CheckboxField.svelte";
 export { default as CheckboxGroupField } from "./components/checkbox/CheckboxGroupField.svelte";
-export type { CheckboxProps, CheckboxFieldProps, CheckboxGroupFieldProps, } from "./components/checkbox/types.js";
-export { default as Switch } from "./components/switch/Switch.svelte";
+export type { CheckboxFieldProps, CheckboxGroupFieldProps, CheckboxGroupFieldOption, } from "./components/checkbox/types.js";
 export { default as SwitchField } from "./components/switch/SwitchField.svelte";
 export { default as FeatureToggle } from "./components/switch/FeatureToggle.svelte";
 export { default as PreferenceSwitch } from "./components/switch/PreferenceSwitch.svelte";
 export { default as PermissionSwitch } from "./components/switch/PermissionSwitch.svelte";
-export type { SwitchProps, SwitchFieldProps } from "./components/switch/types.js";
-export { default as Radio } from "./components/radio/Radio.svelte";
+export type { SwitchFieldProps, FeatureToggleProps, PreferenceSwitchProps, PermissionSwitchProps, } from "./components/switch/types.js";
 export { default as RadioGroupField } from "./components/radio/RadioGroupField.svelte";
 export { default as OptionRadioGroup } from "./components/radio/OptionRadioGroup.svelte";
 export { default as YesNoRadioGroup } from "./components/radio/YesNoRadioGroup.svelte";
 export { default as RatingRadioGroup } from "./components/radio/RatingRadioGroup.svelte";
-export type { RadioProps, RadioGroupFieldProps } from "./components/radio/types.js";
+export type { OptionRadioGroupProps, RatingRadioGroupProps, RadioGroupFieldOption, RadioGroupFieldProps, YesNoRadioGroupProps, } from "./components/radio/types.js";
 export { default as Avatar } from "./components/avatar/Avatar.svelte";
 export { default as AvatarBadge } from "./components/avatar/AvatarBadge.svelte";
 export { default as AvatarGroup } from "./components/avatar/AvatarGroup.svelte";
 export { default as ProfileAvatar } from "./components/avatar/ProfileAvatar.svelte";
 export { default as PresenceAvatar } from "./components/avatar/PresenceAvatar.svelte";
 export { default as TeamAvatarGroup } from "./components/avatar/TeamAvatarGroup.svelte";
-export type { AvatarProps } from "./components/avatar/types.js";
-export { default as DatePicker } from "./components/date-picker/DatePicker.svelte";
-export type { DatePickerProps } from "./components/date-picker/types.js";
+export type { AvatarProps, AvatarBadgeProps, AvatarGroupItem, AvatarGroupProps, PresenceAvatarProps, ProfileAvatarProps, TeamAvatarGroupProps, } from "./components/avatar/types.js";
+export { default as DatePickerField } from "./components/date-picker/DatePickerField.svelte";
+export type { DatePickerFieldProps } from "./components/date-picker/types.js";
+export { default as Drawer } from "./components/drawer/Drawer.svelte";
+export type { DrawerPlacement, DrawerProps, DrawerSize } from "./components/drawer/types.js";
 export { default as Skeleton } from "./components/skeleton/Skeleton.svelte";
 export type { SkeletonProps } from "./components/skeleton/types.js";
+export { default as ProgressBar } from "./components/progress-bar/ProgressBar.svelte";
+export type { ProgressBarProps } from "./components/progress-bar/types.js";
 export { default as StatTile } from "./components/stat-tile/StatTile.svelte";
 export type { StatTileProps } from "./components/stat-tile/types.js";
 export { default as Tooltip } from "./components/tooltip/Tooltip.svelte";
@@ -125,13 +139,12 @@ export { default as DialogModal } from "./components/dialog/DialogModal.svelte";
 export { default as ConfirmDialog } from "./components/dialog/ConfirmDialog.svelte";
 export { default as DestructiveDialog } from "./components/dialog/DestructiveDialog.svelte";
 export { default as InfoDialog } from "./components/dialog/InfoDialog.svelte";
-export type { DialogProps, DialogModalProps, ConfirmDialogProps, DestructiveDialogProps, InfoDialogProps, } from "./components/dialog/types.js";
-export { default as Accordion } from "./components/accordion/Accordion.svelte";
+export type { DialogFooterControls, DialogProps, DialogModalProps, ConfirmDialogProps, DestructiveDialogProps, InfoDialogProps, } from "./components/dialog/types.js";
 export { default as AccordionField } from "./components/accordion/AccordionField.svelte";
 export { default as FAQAccordion } from "./components/accordion/FAQAccordion.svelte";
 export { default as SettingsAccordion } from "./components/accordion/SettingsAccordion.svelte";
 export { default as SectionsAccordion } from "./components/accordion/SectionsAccordion.svelte";
-export type { AccordionProps, AccordionFieldItem, AccordionFieldProps, } from "./components/accordion/types.js";
+export type { AccordionFieldItem, AccordionFieldProps, FAQAccordionProps, SectionsAccordionProps, SettingsAccordionProps, } from "./components/accordion/types.js";
 export { default as Tab } from "./components/tab/Tab.svelte";
 export { default as TabPanel } from "./components/tab/TabPanel.svelte";
 export { default as TabGroup } from "./components/tab/TabGroup.svelte";
@@ -139,11 +152,16 @@ export { default as NavigationTabs } from "./components/tab/NavigationTabs.svelt
 export { default as ContentTabs } from "./components/tab/ContentTabs.svelte";
 export { default as SettingsTabs } from "./components/tab/SettingsTabs.svelte";
 export type { TabProps, TabPanelProps, TabGroupProps, TabGroupItem, NavigationTabsProps, ContentTabsProps, SettingsTabsProps, } from "./components/tab/types.js";
-export { default as Slider } from "./components/slider/Slider.svelte";
+export { default as SegmentedControlField } from "./components/segmented-control/SegmentedControlField.svelte";
+export type { SegmentedControlItem, SegmentedControlFieldProps, } from "./components/segmented-control/types.js";
+export { default as PaginationField } from "./components/pagination/PaginationField.svelte";
+export type { PaginationFieldProps } from "./components/pagination/types.js";
+export { default as SkipLink } from "./components/skip-link/SkipLink.svelte";
+export type { SkipLinkProps } from "./components/skip-link/types.js";
 export { default as SliderField } from "./components/slider/SliderField.svelte";
 export { default as VolumeSlider } from "./components/slider/VolumeSlider.svelte";
 export { default as BrightnessSlider } from "./components/slider/BrightnessSlider.svelte";
 export { default as RadiusSlider } from "./components/slider/RadiusSlider.svelte";
-export type { SliderProps, SliderFieldProps } from "./components/slider/types.js";
-export { AvatarSize, AvatarType, BadgeVariant, ButtonAction, ButtonSize, ButtonVariant, createFontStack, IconName, mwAvailableFonts, mwFontFallbacks, mwGoogleFontFamilies, mwStyledTheme, mwThemeVarNames, mwThemeVars, mwVar, Spacings, SwitchSize, ThemeMode, } from "@marwes-ui/core";
-export type { Density, FontLoadingConfig, FontLoadingMode, FontLoadingOptions, MwAvailableFont, MwFontFallback, MwGoogleFontFamily, MwStyledTheme, MwThemeVarName, MwThemeVarNames, MwThemeVarReference, MwThemeVars, ResolvedTheme, SpacingSize, Theme, ThemeInput, ThemeModeAttribute, ThemeModeRootTarget, ThemePreference, ThemeVariableStrategy, ToneName, } from "@marwes-ui/core";
+export type { SliderFieldProps, VolumeSliderProps, BrightnessSliderProps, RadiusSliderProps, } from "./components/slider/types.js";
+export { AvatarSize, AvatarType, BadgeVariant, ButtonAction, ButtonSize, ButtonVariant, createFontStack, IconName, mwAvailableFonts, mwFontFallbacks, mwGoogleFontFamilies, mwStyledTheme, mwTheme, mwThemeVarNames, mwThemeVars, mwVar, createMwTheme, createMwThemeMedia, Spacings, SwitchSize, TextVariant, ThemeMode, } from "@marwes-ui/core";
+export type { Density, FontLoadingConfig, FontLoadingMode, FontLoadingOptions, MwAvailableFont, MwFontFallback, MwGoogleFontFamily, MwStyledTheme, MwTheme, MwThemeMedia, MwThemeVarName, MwThemeVarNames, MwThemeVarReference, MwThemeVars, ResolvedTheme, SpacingSize, Theme, ThemeBreakpointName, ThemeBreakpoints, ThemeInput, ThemeModeAttribute, ThemeModeRootTarget, ThemePreference, TextAs, ThemeVariableStrategy, ToneName, } from "@marwes-ui/core";