@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/tokens/components/dropdown.d.ts

@@ -0,0 +1,147 @@
+/**
+ * Dropdown Component Tokens
+ *
+ * Component-level design tokens for Dropdown component.
+ * Maps foundation tokens (spacing, radius, shadows, typography) to dropdown-specific usage.
+ *
+ * All values use Tailwind utility classes that map to foundation tokens.
+ */
+/**
+ * Dropdown Component Tokens
+ *
+ * Defines tokens for trigger, menu, and item variants.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+export declare const DROPDOWN_TOKENS: {
+    /**
+     * Trigger tokens by size
+     * Button element that opens/closes the dropdown
+     */
+    readonly trigger: {
+        readonly height: {
+            readonly sm: "h-8";
+            readonly md: "h-9";
+            readonly lg: "h-10";
+        };
+        readonly padding: {
+            readonly horizontal: {
+                readonly sm: "px-sm";
+                readonly md: "px-md";
+                readonly lg: "px-lg";
+            };
+            readonly vertical: {
+                readonly sm: "py-xs";
+                readonly md: "py-xs";
+                readonly lg: "py-sm";
+            };
+        };
+        readonly radius: {
+            readonly sm: "rounded-md";
+            readonly md: "rounded-md";
+            readonly lg: "rounded-md";
+        };
+        readonly fontSize: {
+            readonly sm: "text-sm";
+            readonly md: "text-base";
+            readonly lg: "text-base";
+        };
+        readonly shadow: "shadow-sm";
+        /**
+         * Icon spacing for trigger
+         */
+        readonly icon: {
+            readonly spacing: "ml-sm";
+        };
+    };
+    /**
+     * Variant-based tokens
+     * Border, background, text, and focus colors for different variants
+     */
+    readonly variant: {
+        readonly neutral: {
+            readonly border: "border border-[hsl(var(--border))]";
+            readonly background: "bg-[hsl(var(--popover))]";
+            readonly text: "text-[hsl(var(--popover-foreground))]";
+            readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
+        };
+        readonly tinted: {
+            readonly border: "border border-[hsl(var(--border))]";
+            readonly background: "bg-[hsl(var(--muted))]";
+            readonly text: "text-[hsl(var(--popover-foreground))]";
+            readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
+        };
+    };
+    /**
+     * Menu tokens by size
+     * Container for the dropdown items
+     */
+    readonly menu: {
+        readonly border: {
+            readonly default: "border border-[hsl(var(--border))]";
+        };
+        readonly background: {
+            readonly neutral: "bg-[hsl(var(--popover))]";
+            readonly tinted: "bg-[hsl(var(--muted))]";
+        };
+        readonly text: {
+            readonly default: "text-[hsl(var(--popover-foreground))]";
+        };
+        readonly padding: {
+            readonly sm: "p-sm";
+            readonly md: "p-md";
+            readonly lg: "p-lg";
+        };
+        readonly radius: {
+            readonly sm: "rounded-md";
+            readonly md: "rounded-lg";
+            readonly lg: "rounded-lg";
+        };
+        readonly shadow: {
+            readonly sm: "shadow-md";
+            readonly md: "shadow-lg";
+            readonly lg: "shadow-xl";
+        };
+        readonly minWidth: {
+            readonly sm: "min-w-32";
+            readonly md: "min-w-48";
+            readonly lg: "min-w-64";
+        };
+    };
+    /**
+     * Item tokens by size
+     * Individual menu item
+     */
+    readonly item: {
+        readonly background: {
+            readonly focus: "focus:bg-[hsl(var(--accent))]";
+            readonly selected: "bg-[hsl(var(--accent))]";
+        };
+        readonly text: {
+            readonly focus: "focus:text-[hsl(var(--accent-foreground))]";
+            readonly selected: "text-[hsl(var(--accent-foreground))]";
+        };
+        readonly padding: {
+            readonly sm: "px-sm py-xs";
+            readonly md: "px-md py-xs";
+            readonly lg: "px-lg py-sm";
+        };
+        readonly radius: {
+            readonly sm: "rounded-sm";
+            readonly md: "rounded-md";
+            readonly lg: "rounded-md";
+        };
+        readonly fontSize: {
+            readonly sm: "text-sm";
+            readonly md: "text-sm";
+            readonly lg: "text-base";
+        };
+    };
+};
+/**
+ * Type exports for Dropdown tokens
+ */
+export type DropdownTriggerSize = keyof typeof DROPDOWN_TOKENS.trigger.height;
+export type DropdownVariant = keyof typeof DROPDOWN_TOKENS.variant;
+export type DropdownMenuSize = keyof typeof DROPDOWN_TOKENS.menu.padding;
+export type DropdownItemSize = keyof typeof DROPDOWN_TOKENS.item.padding;
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/tokens/components/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,eAAe;IAC1B;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BD;;WAEG;;;;;IAML;;;OAGG;;;;;;;;;;;;;;;IAkBH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC;AAC9E,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC,OAAO,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC"}

package/dist/tokens/components/icon.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Icon Component Tokens
+ *
+ * Component-level design tokens for Icon component.
+ * Maps foundation tokens (spacing, colors) to icon-specific usage.
+ *
+ * All values reference foundation tokens to ensure consistency across the design system.
+ */
+/**
+ * Icon Component Tokens
+ *
+ * Defines all sizing, stroke, and color tokens for Icon component.
+ * Values are mapped to Tailwind utility classes for direct use in component variants.
+ */
+export declare const ICON_TOKENS: {
+    /**
+     * Icon sizes
+     * Maps to Tailwind size utilities for consistent icon sizing
+     */
+    readonly sizes: {
+        readonly xs: "h-2.5 w-2.5";
+        readonly sm: "h-3 w-3";
+        readonly md: "h-4 w-4";
+        readonly lg: "h-5 w-5";
+        readonly xl: "h-6 w-6";
+        readonly "2xl": "h-8 w-8";
+        readonly "3xl": "h-10 w-10";
+        readonly "4xl": "h-12 w-12";
+    };
+    /**
+     * Stroke width variants
+     * Maps to Tailwind stroke-width utilities
+     */
+    readonly stroke: {
+        readonly thin: "stroke-[1px]";
+        readonly normal: "stroke-[1.5px]";
+        readonly bold: "stroke-2";
+    };
+    /**
+     * Color variants
+     * Maps to semantic text color tokens
+     */
+    readonly colors: {
+        readonly default: "text-foreground";
+        readonly muted: "text-muted-foreground";
+        readonly success: "text-success";
+        readonly warning: "text-warning";
+        readonly danger: "text-destructive";
+        readonly info: "text-info";
+    };
+};
+/**
+ * Type exports for Icon tokens
+ */
+export type IconSize = keyof typeof ICON_TOKENS.sizes;
+export type IconStroke = keyof typeof ICON_TOKENS.stroke;
+export type IconColor = keyof typeof ICON_TOKENS.colors;
+//# sourceMappingURL=icon.d.ts.map

package/dist/tokens/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,WAAW;IACtB;;;OAGG;;;;;;;;;;;IAYH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;;;;CASK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * Component Tokens
+ *
+ * Component-level design tokens that map foundation tokens (spacing, typography, radius, shadows)
+ * to component-specific usage patterns.
+ *
+ * These tokens centralize component metrics (heights, padding, icon sizes, border radius)
+ * and ensure consistency across the design system.
+ */
+export { ALERT_TOKENS, type AlertVariant } from './alert';
+export { BUTTON_TOKENS, type ButtonFontSize, type ButtonHeight, type ButtonPaddingHorizontal, type ButtonPaddingVertical, type ButtonShadow, } from './button';
+export { CARD_TOKENS, type CardPadding, type CardRadius, type CardShadow, type CardSize, type CardSpacingVertical, } from './card';
+export { DOMAIN_TOKENS, type DomainCardBadge, type DomainCardImage, type DomainCardLayout, type DomainCardMetadata, type DomainCardMotion, type DomainCardPriceCapacity, type DomainCardSkeleton, type DomainCardSkeletonContentWidth, type DomainCardSurface, } from './domain';
+export { INPUT_TOKENS, type InputFontSize, type InputHeight, type InputPaddingHorizontal, type InputPaddingVertical, type InputRadius, type InputSize, } from './input';
+export { CHECKBOX_TOKENS, type CheckboxSize, type CheckboxState, type CheckboxVariant, } from './checkbox';
+export { SWITCH_TOKENS, type SwitchSize, type SwitchState, type SwitchVariant } from './switch';
+export { RADIO_TOKENS, type RadioSize, type RadioState, type RadioVariant } from './radio';
+export { SURFACE_TOKENS, type SurfacePadding, type SurfaceRadius, type SurfaceShadow, type SurfaceVariant, } from './surface';
+export { TEXT_TOKENS, type TextFontSize, type TextFontWeight, type TextLetterSpacing, type TextLineHeight, } from './text';
+export { SECTION_TOKENS, type SectionGap, type SectionPadding } from './section';
+export { OVERLAY_TOKENS, type OverlayBackdropVariant, type OverlayModalSize } from './overlay';
+export { TOAST_TOKENS, type ToastVariant } from './toast';
+export { NOTIFICATION_TOKENS, type NotificationPanelWidth, type NotificationVariant, } from './notifications';
+export { NAVIGATION_TOKENS, type NavigationItemPadding, type NavigationListGap, type NavigationRadius, type NavigationShadow, type NavigationSize, type NavigationState, } from './navigation';
+export { MENU_TOKENS, type MenuContentMinWidth, type MenuContentPadding, type MenuContentRadius, type MenuContentShadow, type MenuIndicatorOffset, type MenuIndicatorSize, type MenuItemGap, type MenuItemHeight, type MenuItemPadding, type MenuItemRadius, type MenuLabelPadding, type MenuSeparatorMargin, } from './menu';
+export { POPOVER_TOKENS, type PopoverArrowOffset, type PopoverArrowSize, type PopoverContentPadding, type PopoverContentRadius, type PopoverContentShadow, type PopoverContentWidth, } from './popover';
+export { DROPDOWN_TOKENS, type DropdownItemSize, type DropdownMenuSize, type DropdownTriggerSize, type DropdownVariant, } from './dropdown';
+export { TOOLTIP_TOKENS, type TooltipContentRadius, type TooltipContentShadow } from './tooltip';
+export { DATA_TOKENS, type DataListLabelWidth, type DataListRowPadding, type EmptyStateIconSize, type SkeletonAnimation, type SkeletonBackground, type SkeletonVariant, type TableCellPadding, type TableGap, type TableHeaderPadding, type TableRowHeight, type TableShadow, } from './data';
+export { ICON_TOKENS, type IconColor, type IconSize, type IconStroke } from './icon';
+export { MOTION_TOKENS, type MotionAnimation, type MotionDuration, type MotionEasing, type MotionTransition, type MotionTransitionPreset, } from './motion';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/index.ts"],"names":[],"mappings":"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"}

package/dist/tokens/components/input.d.ts

@@ -0,0 +1,285 @@
+/**
+ * Input Component Tokens
+ *
+ * Component-level design tokens for Input component.
+ * Maps foundation tokens (spacing, typography, radius, shadows) to input-specific usage.
+ * All color values use CSS variables for theme-aware styling.
+ */
+/**
+ * Input Component Tokens
+ *
+ * Defines spacing, sizing, typography, and visual tokens for Input component.
+ * All colors use CSS variable references (hsl(var(--token))) for theme-aware styling.
+ */
+export declare const INPUT_TOKENS: {
+    /**
+     * Input heights by size
+     * Supports xs, sm, md, lg, xl sizes
+     */
+    readonly height: {
+        readonly xs: "h-7";
+        readonly sm: "h-8";
+        readonly md: "h-9";
+        readonly lg: "h-10";
+        readonly xl: "h-11";
+    };
+    /**
+     * Input padding by size
+     * Horizontal and vertical padding values
+     */
+    readonly padding: {
+        readonly horizontal: {
+            readonly xs: "px-xs";
+            readonly sm: "px-sm";
+            readonly md: "px-sm";
+            readonly lg: "px-md";
+            readonly xl: "px-lg";
+        };
+        readonly vertical: {
+            readonly xs: "py-xs";
+            readonly sm: "py-xs";
+            readonly md: "py-xs";
+            readonly lg: "py-sm";
+            readonly xl: "py-md";
+        };
+    };
+    /**
+     * Border radius by size
+     */
+    readonly radius: {
+        readonly xs: "rounded-sm";
+        readonly sm: "rounded-md";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-md";
+        readonly xl: "rounded-lg";
+    };
+    /**
+     * Font sizes by size variant
+     * Maps to foundation typography fontSize tokens
+     */
+    readonly fontSize: {
+        readonly xs: "text-xs";
+        readonly sm: "text-sm";
+        readonly md: "text-base";
+        readonly lg: "text-base";
+        readonly xl: "text-lg";
+    };
+    /**
+     * Responsive font size (md breakpoint)
+     */
+    readonly fontSizeResponsive: {
+        readonly md: "md:text-sm";
+    };
+    /**
+     * Shadow token
+     * Maps to foundation elevation shadow tokens
+     */
+    readonly shadow: "shadow-sm";
+    /**
+     * File input tokens
+     * Styling for file input elements
+     */
+    readonly file: {
+        readonly text: "text-[hsl(var(--foreground))]";
+    };
+    /**
+     * Select listbox tokens
+     * Styling for select dropdown container
+     */
+    readonly selectListbox: {
+        readonly border: "border border-[hsl(var(--border))]";
+        readonly background: "bg-[hsl(var(--popover))]";
+        readonly text: "text-[hsl(var(--popover-foreground))]";
+        readonly radius: "rounded-md";
+        readonly shadow: "shadow-md";
+    };
+    /**
+     * Select option tokens
+     * Styling for select option items
+     */
+    readonly selectOption: {
+        readonly focus: {
+            readonly background: "focus:bg-[hsl(var(--accent))]";
+            readonly text: "focus:text-[hsl(var(--accent-foreground))]";
+        };
+        readonly selected: {
+            readonly background: "bg-[hsl(var(--accent))]";
+            readonly text: "text-[hsl(var(--accent-foreground))]";
+        };
+    };
+    /**
+     * Variant-based tokens
+     * Border, background, and text colors for different variants
+     * All use CSS variable references for theme support
+     */
+    readonly variant: {
+        readonly primary: {
+            readonly border: "border-[hsl(var(--tm-primary))]";
+            readonly background: "bg-[hsl(var(--tm-primary))]";
+            readonly text: "text-[hsl(var(--tm-primary-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-primary)]";
+        };
+        readonly secondary: {
+            readonly border: "border-[hsl(var(--tm-secondary))]";
+            readonly background: "bg-[hsl(var(--tm-secondary))]";
+            readonly text: "text-[hsl(var(--tm-secondary-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly outline: {
+            readonly border: "border-[hsl(var(--input))]";
+            readonly background: "bg-transparent";
+            readonly text: "text-[hsl(var(--foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly ghost: {
+            readonly border: "border-transparent";
+            readonly background: "bg-transparent";
+            readonly text: "text-[hsl(var(--foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly destructive: {
+            readonly border: "border-[hsl(var(--destructive))]";
+            readonly background: "bg-[hsl(var(--destructive))]";
+            readonly text: "text-[hsl(var(--destructive-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+    };
+    /**
+     * State-based tokens
+     * Border, background, and text colors for different states
+     * All use CSS variable references for theme support
+     */
+    readonly state: {
+        readonly border: {
+            readonly default: "border-[hsl(var(--input))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+            readonly error: "border-[hsl(var(--destructive))]";
+            readonly success: "border-[hsl(var(--semantic-success))]";
+            readonly disabled: "border-[hsl(var(--input))]";
+        };
+        readonly background: {
+            readonly default: "bg-transparent";
+            readonly disabled: "bg-transparent";
+        };
+        readonly text: {
+            readonly default: "text-[hsl(var(--foreground))]";
+            readonly placeholder: "placeholder:text-[hsl(var(--muted-foreground))]";
+            readonly disabled: "disabled:opacity-50";
+        };
+    };
+    /**
+     * Icon tokens
+     * Size, spacing, and color for icons within inputs
+     */
+    readonly icon: {
+        readonly size: "size-4";
+        readonly gap: "gap-sm";
+        readonly paddingLeft: "pl-lg";
+        readonly paddingRight: "pr-lg";
+        readonly color: "text-[hsl(var(--muted-foreground))]";
+        readonly position: {
+            readonly left: "left-0";
+            readonly right: "right-0";
+            readonly top: "top-0";
+        };
+    };
+    /**
+     * Label tokens
+     * Spacing and styling for labels
+     */
+    readonly label: {
+        readonly spacing: "space-y-sm";
+        readonly requiredMark: "text-destructive";
+    };
+    /**
+     * Width tokens
+     * Common width utilities
+     */
+    readonly width: {
+        readonly full: "w-full";
+    };
+    /**
+     * Message tokens
+     * Spacing, positioning, and styling for helper text and error messages
+     */
+    readonly message: {
+        readonly spacing: "space-y-sm";
+        readonly position: {
+            readonly bottom: "bottom-sm";
+            readonly right: "right-sm";
+        };
+        readonly color: {
+            readonly default: "text-[hsl(var(--muted-foreground))]";
+            readonly error: "text-[hsl(var(--destructive))]";
+            readonly success: "text-[hsl(var(--semantic-success))]";
+        };
+    };
+    /**
+     * Size-based token structure
+     * Organized by size for easy access
+     */
+    readonly size: {
+        readonly xs: {
+            readonly height: "h-7";
+            readonly padding: {
+                readonly horizontal: "px-xs";
+                readonly vertical: "py-xs";
+            };
+            readonly radius: "rounded-sm";
+            readonly fontSize: "text-xs";
+            readonly shadow: "shadow-sm";
+        };
+        readonly sm: {
+            readonly height: "h-8";
+            readonly padding: {
+                readonly horizontal: "px-sm";
+                readonly vertical: "py-xs";
+            };
+            readonly radius: "rounded-md";
+            readonly fontSize: "text-sm";
+            readonly shadow: "shadow-sm";
+        };
+        readonly md: {
+            readonly height: "h-9";
+            readonly padding: {
+                readonly horizontal: "px-sm";
+                readonly vertical: "py-xs";
+            };
+            readonly radius: "rounded-md";
+            readonly fontSize: "text-base";
+            readonly fontSizeResponsive: "md:text-sm";
+            readonly shadow: "shadow-sm";
+        };
+        readonly lg: {
+            readonly height: "h-10";
+            readonly padding: {
+                readonly horizontal: "px-md";
+                readonly vertical: "py-sm";
+            };
+            readonly radius: "rounded-md";
+            readonly fontSize: "text-base";
+            readonly shadow: "shadow-sm";
+        };
+        readonly xl: {
+            readonly height: "h-11";
+            readonly padding: {
+                readonly horizontal: "px-lg";
+                readonly vertical: "py-md";
+            };
+            readonly radius: "rounded-lg";
+            readonly fontSize: "text-lg";
+            readonly shadow: "shadow-sm";
+        };
+    };
+};
+/**
+ * Type exports for Input tokens
+ */
+export type InputHeight = keyof typeof INPUT_TOKENS.height;
+export type InputPaddingHorizontal = keyof typeof INPUT_TOKENS.padding.horizontal;
+export type InputPaddingVertical = keyof typeof INPUT_TOKENS.padding.vertical;
+export type InputRadius = keyof typeof INPUT_TOKENS.radius;
+export type InputFontSize = keyof typeof INPUT_TOKENS.fontSize;
+export type InputSize = keyof typeof INPUT_TOKENS.size;
+export type InputState = keyof typeof INPUT_TOKENS.state.border;
+//# sourceMappingURL=input.d.ts.map

package/dist/tokens/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/input.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,YAAY;IACvB;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;;;;;;;;;;;IAkBH;;OAEG;;;;;;;;IASH;;;OAGG;;;;;;;;IASH;;OAEG;;;;IAKH;;;OAGG;;IAGH;;;OAGG;;;;IAKH;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;;;;;IAYH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCH;;;;OAIG;;;;;;;;;;;;;;;;;;;IAoBH;;;OAGG;;;;;;;;;;;;;IAcH;;;OAGG;;;;;IAMH;;;OAGG;;;;IAKH;;;OAGG;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC;AAClF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC9E,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC,QAAQ,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC,IAAI,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC"}

package/dist/tokens/components/menu.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Menu Component Tokens
+ *
+ * Component-level design tokens for Menu components (DropdownMenu, ContextMenu).
+ * Maps foundation tokens (spacing, radius, shadows, typography, motion) to menu-specific usage.
+ *
+ * All values use Tailwind utility classes that map to foundation tokens.
+ */
+/**
+ * Menu Component Tokens
+ *
+ * Defines tokens for menu items, content, separators, labels, and indicators.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+export declare const MENU_TOKENS: {
+    /**
+     * Menu item tokens by size
+     * Maps to foundation spacing and radius tokens
+     */
+    readonly item: {
+        readonly padding: {
+            readonly xs: "px-xs py-xs";
+            readonly sm: "px-sm py-sm";
+            readonly md: "px-md py-sm";
+        };
+        readonly radius: {
+            readonly sm: "rounded-sm";
+            readonly md: "rounded-md";
+        };
+        readonly gap: {
+            readonly xs: "gap-xs";
+            readonly sm: "gap-sm";
+        };
+        readonly height: {
+            readonly sm: "h-8";
+            readonly md: "h-10";
+            readonly lg: "h-12";
+        };
+    };
+    /**
+     * Menu content tokens by size
+     * Maps to foundation spacing, radius, and shadow tokens
+     */
+    readonly content: {
+        readonly padding: {
+            readonly sm: "p-sm";
+            readonly md: "p-md";
+        };
+        readonly radius: {
+            readonly sm: "rounded-md";
+            readonly md: "rounded-lg";
+        };
+        readonly shadow: {
+            readonly sm: "shadow-md";
+            readonly md: "shadow-lg";
+        };
+        readonly minWidth: {
+            readonly sm: "min-w-32";
+            readonly md: "min-w-48";
+        };
+    };
+    /**
+     * Menu separator tokens
+     * Maps to foundation spacing and color tokens
+     */
+    readonly separator: {
+        readonly margin: {
+            readonly sm: "my-xs";
+            readonly md: "my-sm";
+        };
+        readonly height: "h-px";
+        readonly color: "bg-border";
+    };
+    /**
+     * Menu label tokens
+     * Maps to foundation spacing and typography tokens
+     */
+    readonly label: {
+        readonly padding: {
+            readonly sm: "px-sm py-xs";
+            readonly md: "px-md py-sm";
+        };
+        readonly textStyle: "text-sm font-semibold";
+    };
+    /**
+     * Menu indicator tokens (for checkboxes, radio buttons)
+     * Maps to foundation spacing tokens
+     */
+    readonly indicator: {
+        readonly size: {
+            readonly sm: "w-4 h-4";
+            readonly md: "w-5 h-5";
+        };
+        readonly offset: {
+            readonly sm: "left-xs";
+            readonly md: "left-sm";
+        };
+    };
+};
+/**
+ * Type exports for Menu tokens
+ */
+export type MenuItemPadding = keyof typeof MENU_TOKENS.item.padding;
+export type MenuItemRadius = keyof typeof MENU_TOKENS.item.radius;
+export type MenuItemGap = keyof typeof MENU_TOKENS.item.gap;
+export type MenuItemHeight = keyof typeof MENU_TOKENS.item.height;
+export type MenuContentPadding = keyof typeof MENU_TOKENS.content.padding;
+export type MenuContentRadius = keyof typeof MENU_TOKENS.content.radius;
+export type MenuContentShadow = keyof typeof MENU_TOKENS.content.shadow;
+export type MenuContentMinWidth = keyof typeof MENU_TOKENS.content.minWidth;
+export type MenuSeparatorMargin = keyof typeof MENU_TOKENS.separator.margin;
+export type MenuLabelPadding = keyof typeof MENU_TOKENS.label.padding;
+export type MenuIndicatorSize = keyof typeof MENU_TOKENS.indicator.size;
+export type MenuIndicatorOffset = keyof typeof MENU_TOKENS.indicator.offset;
+//# sourceMappingURL=menu.d.ts.map

package/dist/tokens/components/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,WAAW;IACtB;;;OAGG;;;;;;;;;;;;;;;;;;;;;IAsBH;;;OAGG;;;;;;;;;;;;;;;;;;;IAoBH;;;OAGG;;;;;;;;;IAUH;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;;;;;CAWK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC;AACxE,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC5E,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC;AAC5E,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC;AACtE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;AACxE,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC"}