@cube-dev/ui-kit 0.118.0 → 0.119.1

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

@@ -1,61 +0,0 @@
-
-//#region src/tasty/zero/next.d.ts
-/**
- * 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;
-}
-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,
- * });
- * ```
- */
-declare function withTastyZero(options?: TastyZeroNextOptions): (nextConfig?: NextConfig) => NextConfig;
-//#endregion
-export { TastyZeroNextOptions, withTastyZero };
-//# sourceMappingURL=next.d.ts.map

package/dist/tasty/zero/next.js

@@ -1,79 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { __require } from "../../_virtual/_rolldown/runtime.js";
-import * as path from "path";
-
-//#region src/tasty/zero/next.ts
-/**
-* 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
-* });
-* ```
-*/
-/**
-* 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,
-* });
-* ```
-*/
-function withTastyZero(options = {}) {
-	const { output = "public/tasty.css", enabled = true } = options;
-	return (nextConfig = {}) => {
-		if (!enabled) return nextConfig;
-		return {
-			...nextConfig,
-			webpack(config, context) {
-				const { isServer, dir } = context;
-				if (!isServer) {
-					const absoluteOutput = path.resolve(dir || process.cwd(), output);
-					const babelPluginConfig = [__require.resolve("./babel"), { output: absoluteOutput }];
-					const existingRule = config.module?.rules?.find((rule) => rule.use?.loader === "babel-loader" || rule.use?.some?.((u) => u.loader === "babel-loader"));
-					if (existingRule) {
-						const babelUse = Array.isArray(existingRule.use) ? existingRule.use.find((u) => u.loader === "babel-loader") : existingRule.use;
-						if (babelUse?.options) {
-							babelUse.options.plugins = babelUse.options.plugins || [];
-							babelUse.options.plugins.push(babelPluginConfig);
-						}
-					} else {
-						config.module = config.module || {};
-						config.module.rules = config.module.rules || [];
-						config.module.rules.push({
-							test: /\.(tsx?|jsx?)$/,
-							exclude: /node_modules/,
-							use: [{
-								loader: __require.resolve("babel-loader"),
-								options: { plugins: [babelPluginConfig] }
-							}]
-						});
-					}
-				}
-				if (typeof nextConfig.webpack === "function") return nextConfig.webpack(config, context);
-				return config;
-			}
-		};
-	};
-}
-
-//#endregion
-export { withTastyZero };
-//# sourceMappingURL=next.js.map

package/dist/tasty/zero/next.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.js","names":[],"sources":["../../../src/tasty/zero/next.ts"],"sourcesContent":["/**\n * Next.js configuration wrapper for tasty-zero.\n *\n * Provides a convenient way to configure the Babel plugin for Next.js projects.\n *\n * @example\n * ```javascript\n * // next.config.js\n * const { withTastyZero } = require('@cube-dev/ui-kit/tasty/zero/next');\n *\n * module.exports = withTastyZero({\n *   output: 'public/tasty.css',\n * })({\n *   // your Next.js config\n * });\n * ```\n */\n\nimport * as path from 'path';\n\n// Next.js types (inline to avoid requiring next as a dependency)\ninterface WebpackConfigContext {\n  isServer: boolean;\n  dev: boolean;\n  buildId: string;\n  dir: string;\n}\n\ninterface NextConfig {\n  webpack?: (config: any, context: WebpackConfigContext) => any;\n  [key: string]: unknown;\n}\n\nexport interface TastyZeroNextOptions {\n  /**\n   * Output path for CSS relative to project root.\n   * @default 'public/tasty.css'\n   */\n  output?: string;\n\n  /**\n   * Whether to enable the plugin.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * Next.js configuration wrapper for tasty-zero.\n *\n * @param options - Configuration options\n * @returns A function that wraps the Next.js config\n *\n * @example\n * ```javascript\n * // next.config.js\n * const { withTastyZero } = require('@cube-dev/ui-kit/tasty/zero/next');\n *\n * module.exports = withTastyZero()({\n *   reactStrictMode: true,\n * });\n * ```\n */\nexport function withTastyZero(options: TastyZeroNextOptions = {}) {\n  const { output = 'public/tasty.css', enabled = true } = options;\n\n  return (nextConfig: NextConfig = {}): NextConfig => {\n    if (!enabled) {\n      return nextConfig;\n    }\n\n    return {\n      ...nextConfig,\n\n      webpack(config: any, context: WebpackConfigContext) {\n        const { isServer, dir } = context;\n\n        // Only process on client build to avoid duplicate CSS generation\n        if (!isServer) {\n          // Get absolute output path\n          const absoluteOutput = path.resolve(dir || process.cwd(), output);\n\n          // Find existing babel-loader rule or add new one\n          const babelPluginConfig = [\n            require.resolve('./babel'),\n            { output: absoluteOutput },\n          ];\n\n          // Add our plugin to the existing babel config or create new rule\n          const existingRule = config.module?.rules?.find(\n            (rule: any) =>\n              rule.use?.loader === 'babel-loader' ||\n              rule.use?.some?.((u: any) => u.loader === 'babel-loader'),\n          );\n\n          if (existingRule) {\n            // Add to existing babel-loader\n            const babelUse = Array.isArray(existingRule.use)\n              ? existingRule.use.find((u: any) => u.loader === 'babel-loader')\n              : existingRule.use;\n\n            if (babelUse?.options) {\n              babelUse.options.plugins = babelUse.options.plugins || [];\n              babelUse.options.plugins.push(babelPluginConfig);\n            }\n          } else {\n            // Add new rule for our plugin\n            config.module = config.module || {};\n            config.module.rules = config.module.rules || [];\n            config.module.rules.push({\n              test: /\\.(tsx?|jsx?)$/,\n              exclude: /node_modules/,\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    plugins: [babelPluginConfig],\n                  },\n                },\n              ],\n            });\n          }\n        }\n\n        // Chain with existing webpack config\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(config, context);\n        }\n\n        return config;\n      },\n    };\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,SAAgB,cAAc,UAAgC,EAAE,EAAE;CAChE,MAAM,EAAE,SAAS,oBAAoB,UAAU,SAAS;AAExD,SAAQ,aAAyB,EAAE,KAAiB;AAClD,MAAI,CAAC,QACH,QAAO;AAGT,SAAO;GACL,GAAG;GAEH,QAAQ,QAAa,SAA+B;IAClD,MAAM,EAAE,UAAU,QAAQ;AAG1B,QAAI,CAAC,UAAU;KAEb,MAAM,iBAAiB,KAAK,QAAQ,OAAO,QAAQ,KAAK,EAAE,OAAO;KAGjE,MAAM,oBAAoB,WAChB,QAAQ,UAAU,EAC1B,EAAE,QAAQ,gBAAgB,CAC3B;KAGD,MAAM,eAAe,OAAO,QAAQ,OAAO,MACxC,SACC,KAAK,KAAK,WAAW,kBACrB,KAAK,KAAK,QAAQ,MAAW,EAAE,WAAW,eAAe,CAC5D;AAED,SAAI,cAAc;MAEhB,MAAM,WAAW,MAAM,QAAQ,aAAa,IAAI,GAC5C,aAAa,IAAI,MAAM,MAAW,EAAE,WAAW,eAAe,GAC9D,aAAa;AAEjB,UAAI,UAAU,SAAS;AACrB,gBAAS,QAAQ,UAAU,SAAS,QAAQ,WAAW,EAAE;AACzD,gBAAS,QAAQ,QAAQ,KAAK,kBAAkB;;YAE7C;AAEL,aAAO,SAAS,OAAO,UAAU,EAAE;AACnC,aAAO,OAAO,QAAQ,OAAO,OAAO,SAAS,EAAE;AAC/C,aAAO,OAAO,MAAM,KAAK;OACvB,MAAM;OACN,SAAS;OACT,KAAK,CACH;QACE,kBAAgB,QAAQ,eAAe;QACvC,SAAS,EACP,SAAS,CAAC,kBAAkB,EAC7B;QACF,CACF;OACF,CAAC;;;AAKN,QAAI,OAAO,WAAW,YAAY,WAChC,QAAO,WAAW,QAAQ,QAAQ,QAAQ;AAG5C,WAAO;;GAEV"}

package/dist/tasty.config.ts

@@ -1,311 +0,0 @@
-/**
- * Tasty Extension Configuration
- *
- * This file configures the tasty VSCode extension for the @cube-dev/ui-kit project.
- * It provides token names, units, presets, and state aliases for validation and autocomplete.
- *
- * Projects using @cube-dev/ui-kit can extend this config:
- * ```typescript
- * export default {
- *   extends: '@cube-dev/ui-kit',
- *   // Add project-specific tokens, presets, etc.
- * };
- * ```
- *
- * @see https://github.com/tenphi/tasty-vscode-extension for extension documentation
- */
-
-export default {
-  /**
-   * Valid token names for validation and autocomplete.
-   * Color tokens use # prefix, custom properties use $ prefix.
-   */
-  tokens: [
-    // ============================================================================
-    // Color Tokens (from src/tokens/colors.ts)
-    // ============================================================================
-
-    // Pink
-    '#pink',
-
-    // Purple (primary)
-    '#purple',
-    '#purple-text',
-    '#purple-bg',
-    '#purple-icon',
-    '#purple-disabled',
-    '#purple-01',
-    '#purple-02',
-    '#purple-03',
-    '#purple-04',
-
-    // Focus
-    '#focus',
-
-    // Text
-    '#text',
-
-    // Dark shades
-    '#dark',
-    '#dark-01',
-    '#dark-02',
-    '#dark-03',
-    '#dark-04',
-    '#dark-05',
-    '#dark-bg',
-
-    // Light
-    '#light',
-
-    // Black & White
-    '#white',
-    '#black',
-
-    // Danger (red)
-    '#danger',
-    '#danger-text',
-    '#danger-bg',
-    '#danger-icon',
-    '#danger-disabled',
-
-    // Success (green)
-    '#success',
-    '#success-text',
-    '#success-bg',
-    '#success-icon',
-    '#success-disabled',
-
-    // Warning (yellow/amber)
-    '#warning',
-    '#warning-text',
-    '#warning-bg',
-    '#warning-icon',
-    '#warning-disabled',
-
-    // Note (violet)
-    '#note',
-    '#note-text',
-    '#note-bg',
-    '#note-icon',
-    '#note-disabled',
-
-    // Border
-    '#border',
-
-    // Placeholder
-    '#placeholder',
-
-    // Semantic colors
-    '#clear',
-    '#shadow',
-    '#minor',
-    '#primary',
-
-    // Disabled state colors
-    '#disabled',
-    '#disabled-text',
-    '#disabled-bg',
-
-    // Scrollbar colors (from base.ts)
-    '#scrollbar-thumb',
-    '#scrollbar-outline',
-    '#scrollbar-bg',
-    '#scrollbar-corner',
-
-    // Tabs tokens
-    '#tabs-fade-left',
-    '#tabs-fade-right',
-    '$tab-indicator-size',
-
-    // ============================================================================
-    // Custom Property Tokens (from src/tokens/base.ts)
-    // ============================================================================
-
-    // Typography base
-    '$font-size',
-    '$line-height',
-
-    // Input typography
-    '$input-font-size',
-    '$input-line-height',
-    '$input-letter-spacing',
-
-    // Opacity & dimensions
-    '$disabled-opacity',
-    '$gap',
-    '$stroke-width',
-    '$outline-width',
-    '$border-width',
-
-    // Border radius
-    '$radius',
-    '$large-radius',
-    '$card-radius',
-    '$leaf-sharp-radius',
-
-    // Misc dimensions
-    '$fade-width',
-    '$min-dialog-size',
-
-    // Transitions
-    '$transition',
-    '$disclosure-transition',
-    '$tab-transition',
-    '$fade-transition',
-
-    // Scrollbar tokens
-    '$scrollbar-width',
-    '$scrollbar-outline-width',
-    '$scrollbar-radius',
-
-    // ============================================================================
-    // Spacing Tokens (from src/tokens/spacing.ts)
-    // ============================================================================
-    '$space-xs',
-    '$space-sm',
-    '$space-md',
-    '$space-lg',
-    '$space-xl',
-
-    // ============================================================================
-    // Size Tokens (from src/tokens/sizes.ts)
-    // ============================================================================
-    '$size-xs',
-    '$size-sm',
-    '$size-md',
-    '$size-lg',
-    '$size-xl',
-
-    // ============================================================================
-    // Shadow Tokens (from src/tokens/shadows.ts)
-    // ============================================================================
-    '$item-shadow',
-    '$card-shadow',
-    '$dialog-shadow',
-
-    // ============================================================================
-    // Layout Tokens (from src/tokens/layout.ts)
-    // ============================================================================
-    '$max-content-width',
-    '$topbar-height',
-    '$devmodebar-height',
-    '$sidebar-width',
-    '$border-radius-base',
-
-    // Scrollbar tokens
-    '$scrollbar-h-left',
-    '$scrollbar-h-width',
-  ],
-
-  // Note: Built-in units (x, r, cr, bw, ow, fs, lh, sf) are always available.
-  // No need to list them here - they're automatically included by the extension.
-
-  /**
-   * State alias names for autocomplete.
-   * These are predefined responsive and theme states.
-   */
-  states: ['@mobile', '@compact'],
-
-  /**
-   * Valid preset names for the `preset` style property.
-   * These are defined in src/tokens/typography.ts.
-   *
-   * Note: Preset modifiers (strong, italic, icon, tight) are built-in
-   * and can be combined with any preset (e.g., 't1 strong', 'h2 italic').
-   */
-  presets: [
-    // Base text
-    'default',
-
-    // Headings (h1-h6)
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-
-    // Text styles (t1-t4, with medium weight variants)
-    't1',
-    't2',
-    't2m',
-    't3',
-    't3m',
-    't4',
-    't4m',
-
-    // Markdown/prose styles (m1-m3)
-    'm1',
-    'm2',
-    'm3',
-
-    // Paragraph styles (p1-p4)
-    'p1',
-    'p2',
-    'p3',
-    'p4',
-
-    // Caption/uppercase styles (c1-c2)
-    'c1',
-    'c2',
-
-    // Tag typography
-    'tag',
-
-    // Inline semantic styles
-    'strong',
-    'em',
-  ],
-
-  /**
-   * Descriptions for presets, shown on hover.
-   * Based on typography.ts definitions.
-   */
-  presetDescriptions: {
-    // Headings
-    h1: 'Heading 1 (36px/44px, semibold)',
-    h2: 'Heading 2 (24px/32px, semibold)',
-    h3: 'Heading 3 (20px/28px, semibold)',
-    h4: 'Heading 4 (18px/24px, semibold)',
-    h5: 'Heading 5 (16px/22px, semibold)',
-    h6: 'Heading 6 (14px/20px, semibold)',
-
-    // Text styles
-    t1: 'Text large (18px/24px)',
-    t2: 'Text regular (16px/22px)',
-    t2m: 'Text regular medium (16px/22px, medium weight)',
-    t3: 'Text default (14px/20px)',
-    t3m: 'Text default medium (14px/20px, medium weight)',
-    t4: 'Text small (12px/18px, medium weight)',
-    t4m: 'Text small semibold (12px/18px, semibold)',
-
-    // Markdown/prose styles
-    m1: 'Markdown large (18px/32px, relaxed line-height)',
-    m2: 'Markdown regular (16px/28px, relaxed line-height)',
-    m3: 'Markdown default (14px/24px, relaxed line-height)',
-
-    // Paragraph styles
-    p1: 'Paragraph large (18px/28px)',
-    p2: 'Paragraph regular (16px/24px)',
-    p3: 'Paragraph default (14px/22px)',
-    p4: 'Paragraph small (12px/20px, medium weight)',
-
-    // Caption/uppercase
-    c1: 'Caption (14px/20px, semibold, uppercase)',
-    c2: 'Caption small (12px/18px, semibold, uppercase)',
-
-    // Other
-    tag: 'Tag/badge typography (12px/18px, semibold)',
-    default: 'Base text style (inherits t3)',
-    strong: 'Bold/semibold text (inherits font size)',
-    em: 'Italic text (inherits font size)',
-  },
-
-  /**
-   * Descriptions for state aliases, shown on hover.
-   */
-  stateDescriptions: {
-    '@mobile': 'Mobile viewport (width < 768px)',
-    '@compact': 'Compact layout (width < 600px)',
-  },
-};

package/dist/tokens/typography.d.ts

@@ -1,35 +0,0 @@
-
-//#region src/tokens/typography.d.ts
-/**
- * Typography preset configuration.
- * Each preset defines font properties that get expanded into CSS custom properties.
- */
-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
- */
-declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
-//#endregion
-export { TYPOGRAPHY_PRESETS, TypographyPreset };
-//# sourceMappingURL=typography.d.ts.map