@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

package/types/tasty/zero/extractor.d.ts

@@ -1,40 +0,0 @@
-import { KeyframesSteps } from '../injector/types';
-import { Styles } from '../styles/types';
-export interface ExtractedChunk {
-    className: string;
-    css: string;
-}
-export interface ExtractedSelector {
-    selector: string;
-    css: string;
-}
-export interface ExtractedKeyframes {
-    name: string;
-    css: string;
-}
-export interface KeyframesExtractionResult {
-    /** Keyframes to inject (deduplicated by content) */
-    keyframes: ExtractedKeyframes[];
-    /** Map from original animation name to canonical name (for replacement) */
-    nameMap: Map<string, string>;
-}
-/**
- * Extract styles using chunking (for className mode).
- * Returns multiple classes, one per chunk.
- */
-export declare function extractStylesWithChunks(styles: Styles): ExtractedChunk[];
-/**
- * Extract styles for a specific selector (for global/selector mode).
- * Returns a single CSS block.
- */
-export declare function extractStylesForSelector(selector: string, styles: Styles): ExtractedSelector;
-/**
- * Extract keyframes that are used in styles.
- * Merges local @keyframes with global keyframes, filters to only used ones.
- * Generates hash-based names from content for automatic deduplication.
- *
- * @param styles - The styles object (may contain @keyframes and animation properties)
- * @param globalKeyframes - Optional global keyframes from config
- * @returns Keyframes to inject and name mapping for replacement
- */
-export declare function extractKeyframesFromStyles(styles: Styles, globalKeyframes?: Record<string, KeyframesSteps> | null): KeyframesExtractionResult;

package/types/tasty/zero/index.d.ts

@@ -1,18 +0,0 @@
-/**
- * Zero-runtime module for programmatic use.
- *
- * For the Babel plugin, import from '@cube-dev/ui-kit/tasty/zero/babel'
- *
- * @example
- * ```typescript
- * import { extractStylesWithChunks, CSSWriter } from '@cube-dev/ui-kit/tasty/zero';
- *
- * const chunks = extractStylesWithChunks({ fill: '#blue', padding: '2x' });
- * const writer = new CSSWriter('output.css');
- * chunks.forEach(chunk => writer.add(chunk.className, chunk.css));
- * writer.write();
- * ```
- */
-export { extractStylesWithChunks, extractStylesForSelector } from './extractor';
-export type { ExtractedChunk, ExtractedSelector } from './extractor';
-export { CSSWriter } from './css-writer';

package/types/tasty/zero/next.d.ts

@@ -1,57 +0,0 @@
-/**
- * Next.js configuration wrapper for tasty-zero.
- *
- * Provides a convenient way to configure the Babel plugin for Next.js projects.
- *
- * @example
- * ```javascript
- * // next.config.js
- * const { withTastyZero } = require('@cube-dev/ui-kit/tasty/zero/next');
- *
- * module.exports = withTastyZero({
- *   output: 'public/tasty.css',
- * })({
- *   // your Next.js config
- * });
- * ```
- */
-interface WebpackConfigContext {
-    isServer: boolean;
-    dev: boolean;
-    buildId: string;
-    dir: string;
-}
-interface NextConfig {
-    webpack?: (config: any, context: WebpackConfigContext) => any;
-    [key: string]: unknown;
-}
-export interface TastyZeroNextOptions {
-    /**
-     * Output path for CSS relative to project root.
-     * @default 'public/tasty.css'
-     */
-    output?: string;
-    /**
-     * Whether to enable the plugin.
-     * @default true
-     */
-    enabled?: boolean;
-}
-/**
- * Next.js configuration wrapper for tasty-zero.
- *
- * @param options - Configuration options
- * @returns A function that wraps the Next.js config
- *
- * @example
- * ```javascript
- * // next.config.js
- * const { withTastyZero } = require('@cube-dev/ui-kit/tasty/zero/next');
- *
- * module.exports = withTastyZero()({
- *   reactStrictMode: true,
- * });
- * ```
- */
-export declare function withTastyZero(options?: TastyZeroNextOptions): (nextConfig?: NextConfig) => NextConfig;
-export {};

package/types/tokens/base.d.ts

@@ -1,8 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Base design system tokens.
- * These define the fundamental units and values used throughout the system.
- *
- * Keys use $ prefix for CSS custom properties.
- */
-export declare const BASE_TOKENS: Styles;

package/types/tokens/colors.d.ts

@@ -1,6 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Color tokens with # prefix for tasty color definitions.
- * The tasty system automatically generates {name}-color-rgb variants.
- */
-export declare const COLOR_TOKENS: Styles;

package/types/tokens/index.d.ts

@@ -1,41 +0,0 @@
-/**
- * Design tokens for the Cube UI Kit.
- *
- * This module exports all design tokens used throughout the design system.
- * All token keys use $ prefix for CSS custom properties.
- *
- * Categories:
- * - Colors: Base color palette with -color and -color-rgb variants
- * - Typography: Font presets for headings, text, paragraphs, etc.
- * - Sizes: Component size values (XS, SM, MD, LG, XL)
- * - Spacing: Space tokens using gap multipliers
- * - Shadows: Shadow definitions for elevation
- * - Layout: Common layout dimensions
- * - Base: Core design system values
- */
-import type { Styles } from '../tasty/styles/types';
-/**
- * All design tokens combined into a single Styles object.
- * Keys use $ prefix for CSS custom properties.
- *
- * Ready for use with useGlobalStyles('body', TOKENS).
- *
- * Includes:
- * - Base tokens ($gap, $radius, etc.)
- * - Space tokens ($space-xs, $space-sm, etc.)
- * - Size tokens ($size-xs, $size-sm, etc.)
- * - Shadow tokens ($item-shadow, $card-shadow, etc.)
- * - Layout tokens ($max-content-width, $topbar-height, etc.)
- * - Typography tokens ($h1-font-size, $t3-line-height, etc.)
- * - Color tokens ($purple-color, $purple-color-rgb, etc.)
- */
-export declare const TOKENS: Styles;
-export { COLOR_TOKENS } from './colors';
-export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';
-export type { SizeKey, SizeName } from './sizes';
-export { SPACE_TOKENS } from './spacing';
-export { SHADOW_TOKENS } from './shadows';
-export { LAYOUT_TOKENS } from './layout';
-export { BASE_TOKENS } from './base';
-export { TYPOGRAPHY_PRESETS } from './typography';
-export type { TypographyPreset } from './typography';

package/types/tokens/layout.d.ts

@@ -1,7 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Layout-related tokens for common UI dimensions.
- *
- * Keys use $ prefix for CSS custom properties.
- */
-export declare const LAYOUT_TOKENS: Styles;

package/types/tokens/shadows.d.ts

@@ -1,12 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Shadow tokens using tasty shorthand syntax.
- *
- * Format: `<offset-y> <blur> <spread?> <color>`
- * - `1bw` = 1 × border-width
- * - `.5x` = 0.5 × gap
- * - `#dark.15` = dark color at 15% opacity
- *
- * Keys use $ prefix for CSS custom properties.
- */
-export declare const SHADOW_TOKENS: Styles;

package/types/tokens/sizes.d.ts

@@ -1,25 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Component size values in pixels.
- * Used for buttons, inputs, and other interactive elements.
- */
-export declare const SIZES: {
-    readonly XS: 24;
-    readonly SM: 28;
-    readonly MD: 32;
-    readonly LG: 40;
-    readonly XL: 48;
-};
-export type SizeKey = keyof typeof SIZES;
-/** Human-readable size names */
-export type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-/**
- * Map from size names to size keys.
- * @example SIZE_NAME_TO_KEY['small'] // 'SM'
- */
-export declare const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey>;
-/**
- * Size tokens with $ prefix for CSS custom properties.
- * Creates tokens like `$size-xs`, `$size-sm`, etc.
- */
-export declare const SIZE_TOKENS: Styles;

package/types/tokens/spacing.d.ts

@@ -1,8 +0,0 @@
-import type { Styles } from '../tasty/styles/types';
-/**
- * Spacing tokens using tasty multiplier syntax.
- * Values like `.5x` mean 0.5 × gap, `2x` means 2 × gap.
- *
- * Keys use $ prefix for CSS custom properties.
- */
-export declare const SPACE_TOKENS: Styles;

package/types/tokens/typography.d.ts

@@ -1,30 +0,0 @@
-/**
- * Typography preset configuration.
- * Each preset defines font properties that get expanded into CSS custom properties.
- */
-export interface TypographyPreset {
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing?: string;
-    fontWeight: string | number;
-    boldFontWeight?: string | number;
-    iconSize?: string;
-    textTransform?: string;
-    fontFamily?: string;
-    fontStyle?: string;
-}
-/**
- * Typography presets for headings, text, and special styles.
- *
- * Naming conventions:
- * - `h1`-`h6`: Headings (bold by default)
- * - `t1`-`t4`: Text styles (regular weight)
- * - `t1m`-`t4m`: Text styles medium weight
- * - `m1`-`m3`: Markdown/prose styles (larger line-height)
- * - `p1`-`p4`: Paragraph styles
- * - `c1`-`c2`: Caption/uppercase styles
- * - `tag`: Tag/badge typography
- * - `strong`, `em`: Inline semantic styles
- * - `default`: Base text style
- */
-export declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;