@rafal.lemieszewski/tide-ui 0.82.1 → 0.84.2

package/dist/{components → types/components}/fundamental/avatar-group.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 declare const avatarGroupOverlapClasses: {
     readonly xxs: "-ml-[6px]";
-    readonly xs: "-ml-[var(--space-xsm)]";
-    readonly sm: "-ml-[var(--space-sm)]";
-    readonly md: "-ml-[var(--space-md)]";
-    readonly lg: "-ml-[var(--space-lg)]";
-    readonly xl: "-ml-[var(--space-lg)]";
+    readonly xs: "-ml-[var(--space-xs)]";
+    readonly s: "-ml-[var(--space-s)]";
+    readonly m: "-ml-[var(--space-m)]";
+    readonly l: "-ml-[var(--space-l)]";
+    readonly xl: "-ml-[var(--space-l)]";
 };
 export type AvatarGroupSize = keyof typeof avatarGroupOverlapClasses;
 export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/{components → types/components}/fundamental/avatar.d.ts

@@ -2,11 +2,11 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 declare const avatarVariants: (props?: ({
-    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | null | undefined;
     type?: "user" | "organization" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const avatarFallbackVariants: (props?: ({
-    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | null | undefined;
     type?: "user" | "organization" | null | undefined;
     variant?: "success" | "warning" | "magenta" | "violet" | "information" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/{components → types/components}/fundamental/badge.d.ts

@@ -3,13 +3,13 @@ import * as React from "react";
 declare const badgeVariants: (props?: ({
     intent?: "success" | "warning" | "destructive" | "magenta" | "violet" | "information" | "neutral" | "brand" | null | undefined;
     appearance?: "bold" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xsm" | null | undefined;
+    size?: "s" | "xs" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const iconSizeClasses: {
-    readonly xsm: "w-3 h-3";
-    readonly sm: "w-3.5 h-3.5";
-    readonly md: "w-4 h-4";
-    readonly lg: "w-[18px] h-[18px]";
+    readonly xs: "w-3 h-3";
+    readonly s: "w-3.5 h-3.5";
+    readonly m: "w-4 h-4";
+    readonly l: "w-[18px] h-[18px]";
 };
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     icon?: React.ReactNode;

package/dist/{components → types/components}/fundamental/button-group.d.ts

@@ -1,11 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
-import { Separator } from './separator';
+import { Separator } from './separator.js';
 import * as React from "react";
 declare const buttonGroupVariants: (props?: ({
     orientation?: "vertical" | "horizontal" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonGroupProps extends React.ComponentProps<"div">, VariantProps<typeof buttonGroupVariants> {
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
     variant?: "default" | "primary" | "destructive" | "success" | "ghost";
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/{components → types/components}/fundamental/button.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IconType } from './icon';
+import { IconType } from './icon.js';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "success" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     iconPosition?: "none" | "left" | "right" | "only" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/{components → types/components}/fundamental/command.d.ts

@@ -1,7 +1,7 @@
 import { DialogProps } from '@radix-ui/react-dialog';
 import { Command as CommandPrimitive } from 'cmdk';
 import { VariantProps } from 'class-variance-authority';
-import { inputVariants } from './input';
+import { inputVariants } from './input.js';
 import * as React from "react";
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;

package/dist/{components → types/components}/fundamental/empty.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const emptyVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface EmptyProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyVariants> {
 }
@@ -10,19 +10,19 @@ declare const EmptyHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
     color?: "default" | "info" | "success" | "warning" | "error" | "primary" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface EmptyMediaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof emptyMediaVariants> {
 }
 declare const EmptyMedia: React.ForwardRefExoticComponent<EmptyMediaProps & React.RefAttributes<HTMLDivElement>>;
 declare const emptyTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface EmptyTitleProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof emptyTitleVariants> {
 }
 declare const EmptyTitle: React.ForwardRefExoticComponent<EmptyTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 declare const emptyDescriptionVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface EmptyDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof emptyDescriptionVariants> {
 }

package/dist/{components → types/components}/fundamental/file-upload.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../fundamental/button';
+import { Button } from '../fundamental/button.js';
 import * as React from "react";
 interface FileUploadContextValue {
     files: FileUploadFile[];

package/dist/{components → types/components}/fundamental/flag.d.ts

@@ -1,18 +1,18 @@
 export declare const flagSizes: {
-    readonly sm: {
-        readonly width: "w-[var(--size-3xsm)]";
+    readonly s: {
+        readonly width: "w-[var(--size-3xs)]";
         readonly height: "h-[9px]";
     };
-    readonly md: {
-        readonly width: "w-[var(--size-2xsm)]";
+    readonly m: {
+        readonly width: "w-[var(--size-2xs)]";
         readonly height: "h-[12px]";
     };
-    readonly lg: {
-        readonly width: "w-[var(--size-xsm)]";
+    readonly l: {
+        readonly width: "w-[var(--size-xs)]";
         readonly height: "h-[15px]";
     };
     readonly xl: {
-        readonly width: "w-[var(--size-sm)]";
+        readonly width: "w-[var(--size-s)]";
         readonly height: "h-[18px]";
     };
 };
@@ -24,7 +24,7 @@ export interface FlagProps extends React.HTMLAttributes<HTMLDivElement> {
     country: string;
     /**
      * Size variant matching Icon component sizes
-     * @default "md"
+     * @default "m"
      */
     size?: FlagSize;
     /**
@@ -39,8 +39,8 @@ export interface FlagProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * @example
  * ```tsx
- * <Flag country="us" size="md" />
- * <Flag country="gb" size="lg" aria-label="United Kingdom flag" />
+ * <Flag country="us" size="m" />
+ * <Flag country="gb" size="l" aria-label="United Kingdom flag" />
  * ```
  */
 export declare function Flag({ country, size, className, "aria-label": ariaLabel, ...props }: FlagProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/{components → types/components}/fundamental/form-field.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Separator } from './separator';
+import { Separator } from './separator.js';
 import * as React from "react";
 export interface FieldSetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
 }

package/dist/{components → types/components}/fundamental/form.d.ts

@@ -1,8 +1,8 @@
 import { UseFormReturn, FieldPath, FieldValues } from 'react-hook-form';
 import { z } from 'zod';
-import { FormFieldProps as BaseFormFieldProps } from './form-field';
+import { FormFieldProps as BaseFormFieldProps } from './form-field.js';
 import * as React from "react";
-export { FormLabel, FormControl, FormHelperText, FormErrorMessage, } from './form-field';
+export { FormLabel, FormControl, FormHelperText, FormErrorMessage, } from './form-field.js';
 export declare const useFormContext: <TFieldValues extends FieldValues = FieldValues>() => UseFormReturn<TFieldValues>;
 export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
     form: UseFormReturn<TFieldValues>;

package/dist/{components → types/components}/fundamental/icon.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { CustomIconName } from './custom-icons';
+import { CustomIconName } from './custom-icons.js';
 declare const iconColors: {
     readonly primary: "text-[var(--color-icon-primary)]";
     readonly secondary: "text-[var(--color-icon-secondary)]";
@@ -19,10 +19,10 @@ declare const iconColors: {
     readonly violet: "text-[var(--violet-500)]";
 };
 declare const iconSizes: {
-    readonly sm: "w-[var(--size-3xsm)] h-[var(--size-3xsm)]";
-    readonly md: "w-[var(--size-2xsm)] h-[var(--size-2xsm)]";
-    readonly lg: "w-[var(--size-xsm)] h-[var(--size-xsm)]";
-    readonly xl: "w-[var(--size-sm)] h-[var(--size-sm)]";
+    readonly s: "w-[var(--size-3xs)] h-[var(--size-3xs)]";
+    readonly m: "w-[var(--size-2xs)] h-[var(--size-2xs)]";
+    readonly l: "w-[var(--size-xs)] h-[var(--size-xs)]";
+    readonly xl: "w-[var(--size-s)] h-[var(--size-s)]";
 };
 export type IconColor = keyof typeof iconColors;
 export type IconSize = keyof typeof iconSizes;

package/dist/{components → types/components}/fundamental/input-group.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Button } from './button';
+import { Button } from './button.js';
 import * as React from "react";
 export interface InputGroupProps extends React.ComponentProps<"div"> {
 }
@@ -17,7 +17,7 @@ export interface InputGroupTextProps extends React.ComponentProps<"span"> {
 }
 declare const InputGroupText: React.ForwardRefExoticComponent<Omit<InputGroupTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export interface InputGroupInputProps extends Omit<React.ComponentProps<"input">, 'size'> {
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
 }
 declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<InputGroupInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export interface InputGroupTextareaProps extends React.ComponentProps<"textarea"> {

package/dist/{components → types/components}/fundamental/input.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const inputVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
 }

package/dist/{components → types/components}/fundamental/kbd.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const kbdVariants: (props?: ({
     variant?: "dark" | "light" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    size?: "s" | "m" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface KbdProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
 }

package/dist/{components → types/components}/fundamental/label.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const labelVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "s" | "m" | null | undefined;
     color?: "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "color">, VariantProps<typeof labelVariants> {

package/dist/{components → types/components}/fundamental/progress.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 declare const progressVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
     showLabel?: boolean;

package/dist/{components → types/components}/fundamental/select.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 declare const selectTriggerVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const selectContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 declare const selectItemVariants: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/{components → types/components}/fundamental/sidebar.d.ts

@@ -23,7 +23,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     collapsible?: "offcanvas" | "icon" | "none";
     side?: "left" | "right";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button.js').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -37,7 +37,7 @@ declare const SidebarSearchTrigger: React.ForwardRefExoticComponent<Omit<React.C
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<import('./separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<import('./separator.js').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
@@ -58,11 +58,11 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     variant?: "default" | "enhanced";
 } & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "s" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement> & {
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<import('./button.js').ButtonProps & React.RefAttributes<HTMLButtonElement> & {
     showOnHover?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
@@ -72,7 +72,7 @@ declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.Detaile
 declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
-    size?: "sm" | "md";
+    size?: "s" | "m";
     isActive?: boolean;
     enhancedHover?: boolean;
     preserveActiveOnFocus?: boolean;

package/dist/{components → types/components}/fundamental/skeleton.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const skeletonVariants: (props?: ({
     variant?: "default" | "circle" | "rectangular" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "s" | "m" | "l" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
     /**
@@ -28,10 +28,10 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, Var
 }
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
 declare const SkeletonAvatar: React.ForwardRefExoticComponent<Omit<SkeletonProps, "variant" | "size"> & {
-    size?: "sm" | "md" | "lg" | "xl";
+    size?: "s" | "m" | "l" | "xl";
 } & React.RefAttributes<HTMLDivElement>>;
 declare const SkeletonButton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "size"> & {
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
 } & React.RefAttributes<HTMLDivElement>>;
 declare const SkeletonCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const SkeletonTable: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/dist/{components → types/components}/fundamental/spinner.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const spinnerVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "s" | "xs" | "m" | "l" | "xl" | "2xl" | null | undefined;
     variant?: "default" | "success" | "warning" | "error" | "disabled" | "primary" | "secondary" | "tertiary" | "inverse" | null | undefined;
     speed?: "normal" | "slow" | "fast" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -51,7 +51,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Border radius variant
      */
-    radius?: "none" | "sm" | "md" | "lg" | "full";
+    radius?: "none" | "s" | "m" | "l" | "full";
     /**
      * Whether to animate the skeleton
      */
@@ -66,7 +66,7 @@ export interface PulseProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Size of the pulse dot
      */
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
 }
 declare const Pulse: React.ForwardRefExoticComponent<PulseProps & React.RefAttributes<HTMLDivElement>>;
 export interface ProgressDotsProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -81,7 +81,7 @@ export interface ProgressDotsProps extends React.HTMLAttributes<HTMLDivElement>
     /**
      * Size of the dots
      */
-    size?: "sm" | "md" | "lg";
+    size?: "s" | "m" | "l";
     /**
      * Whether to animate the transition
      */

package/dist/{components → types/components}/fundamental/table.d.ts

@@ -1,14 +1,14 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tableVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableRowVariants: (props?: ({
     variant?: "default" | "selected" | "zebra" | null | undefined;
     showBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableCellVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     align?: "left" | "right" | "center" | null | undefined;
     verticalAlign?: "bottom" | "top" | "middle" | null | undefined;
     numeric?: boolean | null | undefined;
@@ -16,7 +16,7 @@ declare const tableCellVariants: (props?: ({
     showRowBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableHeaderVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     align?: "left" | "right" | "center" | null | undefined;
     numeric?: boolean | null | undefined;
     showBorder?: boolean | null | undefined;

package/dist/{components → types/components}/fundamental/tabs.d.ts

@@ -3,12 +3,12 @@ import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 declare const tabsListVariants: (props?: ({
     variant?: "line" | "pilled" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tabsTriggerVariants: (props?: ({
     variant?: "line" | "pilled" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {

package/dist/{components → types/components}/fundamental/tag.d.ts

@@ -20,23 +20,23 @@ export type TagDotColor = keyof typeof DOT_COLORS;
 export type TagIntent = keyof typeof INTENT_TO_COLOR;
 export type TagVariant = "triangular" | "squared";
 declare const TAG_SIZES: {
-    readonly sm: {
+    readonly s: {
         readonly height: 20;
         readonly typography: "[&]:text-label-sm";
         readonly dotSize: "w-1.5 h-1.5";
         readonly dotMargin: "mr-1";
         readonly closeSize: "w-3.5 h-3.5";
         readonly closeMargin: "ml-0.5";
-        readonly paddingX: "px-[var(--space-sm)]";
+        readonly paddingX: "px-[var(--space-s)]";
     };
-    readonly md: {
+    readonly m: {
         readonly height: 24;
         readonly typography: "[&]:text-label-sm";
         readonly dotSize: "w-2 h-2";
         readonly dotMargin: "mr-1.5";
         readonly closeSize: "w-4 h-4";
         readonly closeMargin: "ml-1";
-        readonly paddingX: "px-[var(--space-sm)]";
+        readonly paddingX: "px-[var(--space-s)]";
     };
 };
 type TagSize = keyof typeof TAG_SIZES;

package/dist/{components → types/components}/fundamental/text-link.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
-import { IconType } from './icon';
+import { IconType } from './icon.js';
 import * as React from "react";
 declare const textLinkVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
     variant?: "default" | "subtle" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TextLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof textLinkVariants> {

package/dist/{components → types/components}/fundamental/textarea.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const textareaVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, VariantProps<typeof textareaVariants> {
 }

package/dist/{components → types/components}/fundamental/toggle-group.d.ts

@@ -3,10 +3,10 @@ import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/{components → types/components}/fundamental/toggle.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }