@cube-dev/ui-kit 0.0.0-canary-88d9375 → 0.0.0-canary-6869af9

package/types/components/actions/index.d.ts

@@ -7,4 +7,5 @@ declare const Button: import("react").ForwardRefExoticComponent<import("./Button
 };
 export * from './Button';
 export * from './Action';
+export * from './use-action';
 export { Button, ButtonGroup };

package/types/components/actions/use-action.d.ts

@@ -0,0 +1,42 @@
+import { MouseEventHandler } from 'react';
+import { AriaButtonProps } from '@react-types/button';
+import { FocusableRef } from '@react-types/shared';
+import { BaseProps, TagNameProps } from '../../tasty';
+export interface CubeUseActionProps extends BaseProps, TagNameProps, Omit<AriaButtonProps, 'type'> {
+    to?: string;
+    label?: string;
+    htmlType?: 'button' | 'submit' | 'reset' | undefined;
+    onClick?: MouseEventHandler;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
+}
+/**
+ * Helper to open link.
+ * @param {String} href
+ * @param {String|Boolean} [target]
+ */
+export declare function openLink(href: any, target?: any): void;
+export declare function parseTo(to: any): {
+    newTab: boolean;
+    nativeRoute: boolean;
+    href: string | undefined;
+};
+export declare function performClickHandler(evt: any, router: any, to: any, onPress: any): void;
+export declare const useAction: ({ to, as, htmlType, label, mods, onPress, ...props }: CubeUseActionProps, ref: FocusableRef<HTMLElement>) => {
+    actionProps: {
+        ref: import("react").RefObject<HTMLElement>;
+        type: "button" | "reset" | "submit";
+        rel: string | undefined;
+        as: "object" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "font" | "dir" | "frame" | "frameset" | "marquee";
+        isDisabled: boolean | undefined;
+        target: string | undefined;
+        href: string | undefined;
+        mods: {
+            hovered: boolean;
+            pressed: boolean;
+            focused: boolean;
+            disabled: boolean | undefined;
+        };
+        'aria-label': string | undefined;
+    };
+};

package/types/components/content/Tag/Tag.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import THEMES from '../../../data/themes';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeTagProps extends BaseProps, ContainerStyleProps {
@@ -6,6 +6,7 @@ export interface CubeTagProps extends BaseProps, ContainerStyleProps {
     isClosable?: boolean;
     onClose?: () => void;
     closeButtonStyles?: Styles;
+    icon?: ReactNode;
 }
 declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
 export { _Tag as Tag };

package/types/tokens.d.ts

@@ -67,80 +67,99 @@ declare const TOKENS: {
     'h5-line-height': string;
     'h5-letter-spacing': string;
     'h5-font-weight': string;
+    'h5-icon-size': string;
     'h5s-font-size': string;
     'h5s-line-height': string;
     'h5s-letter-spacing': string;
     'h5s-font-weight': string;
+    'h5s-icon-size': string;
     'h5m-font-size': string;
     'h5m-line-height': string;
     'h5m-letter-spacing': string;
     'h5m-font-weight': string;
+    'h5m-icon-size': string;
     'h6-font-size': string;
     'h6-line-height': string;
     'h6-letter-spacing': string;
     'h6-font-weight': string;
+    'h6-icon-size': string;
     't1-font-size': string;
     't1-line-height': string;
     't1-letter-spacing': string;
     't1-font-weight': string;
+    't1-icon-size': string;
     't2-font-size': string;
     't2-line-height': string;
     't2-letter-spacing': string;
     't2-font-weight': string;
+    't2-icon-size': string;
     't2m-font-size': string;
     't2m-line-height': string;
     't2m-letter-spacing': string;
     't2m-font-weight': string;
+    't2m-icon-size': string;
     't3-font-size': string;
     't3-line-height': string;
     't3-letter-spacing': string;
     't3-font-weight': string;
+    't3-icon-size': string;
     't3m-font-size': string;
     't3m-line-height': string;
     't3m-letter-spacing': string;
     't3m-font-weight': string;
+    't3m-icon-size': string;
     't3s-font-size': string;
     't3s-line-height': string;
     't3s-letter-spacing': string;
     't3s-font-weight': string;
+    't3s-icon-size': string;
     't4-font-size': string;
     't4-line-height': string;
     't4-letter-spacing': string;
     't4-font-weight': string;
+    't4-icon-size': string;
     't4m-font-size': string;
     't4m-line-height': string;
     't4m-letter-spacing': string;
     't4m-font-weight': string;
+    't4m-icon-size': string;
     'p1-font-size': string;
     'p1-line-height': string;
     'p1-letter-spacing': string;
     'p1-font-weight': string;
+    'p1-icon-size': string;
     'p2-font-size': string;
     'p2-line-height': string;
     'p2-letter-spacing': string;
     'p2-font-weight': string;
+    'p2-icon-size': string;
     'p3-font-size': string;
     'p3-line-height': string;
     'p3-letter-spacing': string;
     'p3-font-weight': string;
+    'p3-icon-size': string;
     'p4-font-size': string;
     'p4-line-height': string;
     'p4-letter-spacing': string;
     'p4-font-weight': string;
+    'p4-icon-size': string;
     'c1-font-size': string;
     'c1-line-height': string;
     'c1-letter-spacing': string;
     'c1-font-weight': string;
     'c1-text-transform': string;
+    'c1-icon-size': string;
     'c2-font-size': string;
     'c2-line-height': string;
     'c2-letter-spacing': string;
     'c2-font-weight': string;
     'c2-text-transform': string;
+    'c2-icon-size': string;
     'tag-font-size': string;
     'tag-line-height': string;
     'tag-letter-spacing': string;
     'tag-font-weight': string;
+    'tag-icon-size': string;
     'strong-font-size': string;
     'strong-line-height': string;
     'strong-letter-spacing': string;
@@ -158,6 +177,7 @@ declare const TOKENS: {
     'default-letter-spacing': string;
     'default-font-weight': string;
     'default-bold-font-weight': string;
+    'default-icon-size': string;
     'scrollbar-width': string;
     'scrollbar-outline-width': string;
     'scrollbar-radius': string;

package/cjs/tasty/parser/ast.js

@@ -1,66 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAST = void 0;
-const COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla', 'lch', 'oklch'];
-/**
- * Create an AST from a flat array of style tokens.
- */
-function createAST(tokens, startIndex = 0) {
-    const ast = [];
-    for (let i = startIndex; i < tokens.length; i++) {
-        let token = tokens[i];
-        switch (token.type) {
-            case 'property':
-                const propertyName = `--${token.value.slice(1)}`;
-                token.type = 'func';
-                token.value = 'var';
-                token.children = [
-                    {
-                        type: 'propertyName',
-                        value: propertyName,
-                    },
-                ];
-                break;
-            case 'func':
-                if (COLOR_FUNCTIONS.includes(token.value)) {
-                    token.type = 'color';
-                    do {
-                        i++;
-                        token.value += tokens[i].value;
-                    } while (tokens[i] && tokens[i].value !== ')');
-                }
-                else {
-                    [token.children, i] = createAST(tokens, i + 2);
-                }
-                break;
-            case 'bracket':
-                if (token.value === '(') {
-                    token.type = 'func';
-                    token.value = 'calc';
-                    [token.children, i] = createAST(tokens, i + 1);
-                }
-                else if (token.value === ')') {
-                    return [ast, i + 1];
-                }
-                break;
-            default:
-                break;
-        }
-        if (token.type !== 'space') {
-            ast.push(token);
-        }
-        if (i === -1)
-            break;
-    }
-    return [ast, -1];
-}
-exports.createAST = createAST;
-
-        

package/cjs/tasty/parser/index.js

@@ -1,40 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateStyleParser = void 0;
-const tokenizer_1 = require("./tokenizer");
-const renderer_1 = require("./renderer");
-const ast_1 = require("./ast");
-function CreateStyleParser({ units }) {
-    return {
-        parse(value) {
-            return (0, ast_1.createAST)((0, tokenizer_1.tokenize)(value));
-        },
-        render(tokens) {
-            return (0, renderer_1.renderStyleTokens)(tokens, { units });
-        },
-        excludeMods(tokens, allMods) {
-            const mods = [];
-            for (let i = 0; i < tokens.length; i++) {
-                const token = tokens[i];
-                if (token.type === 'text') {
-                    const mod = token.value;
-                    if (allMods.includes(mod)) {
-                        mods.push(mod);
-                        tokens.splice(i--, 1);
-                    }
-                }
-            }
-            return mods;
-        },
-    };
-}
-exports.CreateStyleParser = CreateStyleParser;
-
-        

package/cjs/tasty/parser/renderer.js

@@ -1,55 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderStyleTokens = exports.renderCustomUnit = void 0;
-function renderCustomUnit(token, units) {
-    units = units || {};
-    const converter = token.unit ? units[token.unit] : undefined;
-    if (!converter) {
-        return token.value;
-    }
-    if (typeof converter === 'function') {
-        return converter(token.value);
-    }
-    if (token.value === '1') {
-        return converter;
-    }
-    return `calc(${token.amount} * ${converter})`;
-}
-exports.renderCustomUnit = renderCustomUnit;
-const INSTANT_VALUES = [')', ','];
-/**
- * Render a style tokens to a string.
- */
-function renderStyleTokens(tokens, { units } = {}) {
-    let result = '';
-    tokens.forEach((token) => {
-        if (INSTANT_VALUES.includes(token.value)) {
-            result += token.value;
-        }
-        else if (token.type === 'func') {
-            result += token.children
-                ? `${token.value}(${renderStyleTokens(token.children, units)})`
-                : '';
-        }
-        else if (token.type === 'value') {
-            result += renderCustomUnit(token, units);
-        }
-        else if (token.type === 'property') {
-            result += `var(--${token.value.slice(1)})`;
-        }
-        else {
-            result += token.value;
-        }
-    });
-    return result;
-}
-exports.renderStyleTokens = renderStyleTokens;
-
-        

package/cjs/tasty/parser/tokenizer.js

@@ -1,71 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tokenize = void 0;
-const CACHE = new Map();
-const MAX_CACHE = 1000;
-const REGEXP = /((|-)([0-9]+|[0-9]+\.[0-9]+|\.[0-9]+)([a-z]+|%|))|([a-z][a-z0-9-]*(?=\())|([a-z][a-z0-9-]*)|(#[a-z][a-z0-9-]{2,}|#[a-f0-9]{3}|[a-f0-9]{6})|(@[a-z][a-z0-9-]*)|(--[a-z][a-z0-9-]*)|([+*/-])|([()])|("[^"]*"|'[^']*')|(,)|(\\|\|)|(\s+)/gi;
-const TOKEN_MAP = [
-    '',
-    'value',
-    'sign',
-    'number',
-    'unit',
-    'func',
-    'mod',
-    'color',
-    'property',
-    'propertyName',
-    'operator',
-    'bracket',
-    'text',
-    'comma',
-    'delimiter',
-    'space',
-];
-/**
- * Tokenize a style value into a flat array of tokens.
- */
-function tokenize(value) {
-    value = value.trim();
-    if (!value) {
-        return [];
-    }
-    if (CACHE.size > MAX_CACHE) {
-        CACHE.clear();
-    }
-    let tokens = [];
-    if (!CACHE.has(value)) {
-        REGEXP.lastIndex = 0;
-        let rawToken;
-        while ((rawToken = REGEXP.exec(value))) {
-            const token = rawToken[1]
-                ? {
-                    type: 'value',
-                    value: rawToken[1],
-                    negative: !!rawToken[2],
-                    amount: parseFloat(rawToken[3]),
-                    unit: rawToken[4],
-                }
-                : {
-                    type: TOKEN_MAP[rawToken.indexOf(rawToken[0], 1)],
-                    value: rawToken[0],
-                };
-            if (token.type != 'space') {
-                tokens.push(token);
-            }
-        }
-        CACHE.set(value, tokens);
-    }
-    const cachedTokens = CACHE.get(value);
-    return cachedTokens ? cachedTokens : [];
-}
-exports.tokenize = tokenize;
-
-        

package/es/tasty/parser/ast.js

@@ -1,62 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-const COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla', 'lch', 'oklch'];
-/**
- * Create an AST from a flat array of style tokens.
- */
-export function createAST(tokens, startIndex = 0) {
-    const ast = [];
-    for (let i = startIndex; i < tokens.length; i++) {
-        let token = tokens[i];
-        switch (token.type) {
-            case 'property':
-                const propertyName = `--${token.value.slice(1)}`;
-                token.type = 'func';
-                token.value = 'var';
-                token.children = [
-                    {
-                        type: 'propertyName',
-                        value: propertyName,
-                    },
-                ];
-                break;
-            case 'func':
-                if (COLOR_FUNCTIONS.includes(token.value)) {
-                    token.type = 'color';
-                    do {
-                        i++;
-                        token.value += tokens[i].value;
-                    } while (tokens[i] && tokens[i].value !== ')');
-                }
-                else {
-                    [token.children, i] = createAST(tokens, i + 2);
-                }
-                break;
-            case 'bracket':
-                if (token.value === '(') {
-                    token.type = 'func';
-                    token.value = 'calc';
-                    [token.children, i] = createAST(tokens, i + 1);
-                }
-                else if (token.value === ')') {
-                    return [ast, i + 1];
-                }
-                break;
-            default:
-                break;
-        }
-        if (token.type !== 'space') {
-            ast.push(token);
-        }
-        if (i === -1)
-            break;
-    }
-    return [ast, -1];
-}
-
-        

package/es/tasty/parser/index.js

@@ -1,36 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-import { tokenize } from './tokenizer';
-import { renderStyleTokens } from './renderer';
-import { createAST } from './ast';
-export function CreateStyleParser({ units }) {
-    return {
-        parse(value) {
-            return createAST(tokenize(value));
-        },
-        render(tokens) {
-            return renderStyleTokens(tokens, { units });
-        },
-        excludeMods(tokens, allMods) {
-            const mods = [];
-            for (let i = 0; i < tokens.length; i++) {
-                const token = tokens[i];
-                if (token.type === 'text') {
-                    const mod = token.value;
-                    if (allMods.includes(mod)) {
-                        mods.push(mod);
-                        tokens.splice(i--, 1);
-                    }
-                }
-            }
-            return mods;
-        },
-    };
-}
-
-        

package/es/tasty/parser/renderer.js

@@ -1,50 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-export function renderCustomUnit(token, units) {
-    units = units || {};
-    const converter = token.unit ? units[token.unit] : undefined;
-    if (!converter) {
-        return token.value;
-    }
-    if (typeof converter === 'function') {
-        return converter(token.value);
-    }
-    if (token.value === '1') {
-        return converter;
-    }
-    return `calc(${token.amount} * ${converter})`;
-}
-const INSTANT_VALUES = [')', ','];
-/**
- * Render a style tokens to a string.
- */
-export function renderStyleTokens(tokens, { units } = {}) {
-    let result = '';
-    tokens.forEach((token) => {
-        if (INSTANT_VALUES.includes(token.value)) {
-            result += token.value;
-        }
-        else if (token.type === 'func') {
-            result += token.children
-                ? `${token.value}(${renderStyleTokens(token.children, units)})`
-                : '';
-        }
-        else if (token.type === 'value') {
-            result += renderCustomUnit(token, units);
-        }
-        else if (token.type === 'property') {
-            result += `var(--${token.value.slice(1)})`;
-        }
-        else {
-            result += token.value;
-        }
-    });
-    return result;
-}
-
-        

package/es/tasty/parser/tokenizer.js

@@ -1,67 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-88d9375
- * Released under the MIT license.
- */
-
-const CACHE = new Map();
-const MAX_CACHE = 1000;
-const REGEXP = /((|-)([0-9]+|[0-9]+\.[0-9]+|\.[0-9]+)([a-z]+|%|))|([a-z][a-z0-9-]*(?=\())|([a-z][a-z0-9-]*)|(#[a-z][a-z0-9-]{2,}|#[a-f0-9]{3}|[a-f0-9]{6})|(@[a-z][a-z0-9-]*)|(--[a-z][a-z0-9-]*)|([+*/-])|([()])|("[^"]*"|'[^']*')|(,)|(\\|\|)|(\s+)/gi;
-const TOKEN_MAP = [
-    '',
-    'value',
-    'sign',
-    'number',
-    'unit',
-    'func',
-    'mod',
-    'color',
-    'property',
-    'propertyName',
-    'operator',
-    'bracket',
-    'text',
-    'comma',
-    'delimiter',
-    'space',
-];
-/**
- * Tokenize a style value into a flat array of tokens.
- */
-export function tokenize(value) {
-    value = value.trim();
-    if (!value) {
-        return [];
-    }
-    if (CACHE.size > MAX_CACHE) {
-        CACHE.clear();
-    }
-    let tokens = [];
-    if (!CACHE.has(value)) {
-        REGEXP.lastIndex = 0;
-        let rawToken;
-        while ((rawToken = REGEXP.exec(value))) {
-            const token = rawToken[1]
-                ? {
-                    type: 'value',
-                    value: rawToken[1],
-                    negative: !!rawToken[2],
-                    amount: parseFloat(rawToken[3]),
-                    unit: rawToken[4],
-                }
-                : {
-                    type: TOKEN_MAP[rawToken.indexOf(rawToken[0], 1)],
-                    value: rawToken[0],
-                };
-            if (token.type != 'space') {
-                tokens.push(token);
-            }
-        }
-        CACHE.set(value, tokens);
-    }
-    const cachedTokens = CACHE.get(value);
-    return cachedTokens ? cachedTokens : [];
-}
-
-        

package/types/tasty/parser/ast.d.ts

@@ -1,8 +0,0 @@
-import { RawStyleToken } from './tokenizer';
-export declare type StyleToken = RawStyleToken & {
-    children?: StyleToken[];
-};
-/**
- * Create an AST from a flat array of style tokens.
- */
-export declare function createAST(tokens: StyleToken[], startIndex?: number): [StyleToken[], number];

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

@@ -1,11 +0,0 @@
-import { CustomUnitMap } from './renderer';
-import { StyleToken } from './ast';
-interface StyleParserProps {
-    units: CustomUnitMap;
-}
-export declare function CreateStyleParser({ units }: StyleParserProps): {
-    parse(value: any): [StyleToken[], number];
-    render(tokens: any): string;
-    excludeMods(tokens: StyleToken[], allMods: string[]): string[];
-};
-export {};

package/types/tasty/parser/renderer.d.ts

@@ -1,9 +0,0 @@
-import { StyleToken } from './ast';
-export declare type CustomUnitMap = Record<string, string | ((key: string) => string)>;
-export declare function renderCustomUnit(token: StyleToken, units?: CustomUnitMap): string;
-/**
- * Render a style tokens to a string.
- */
-export declare function renderStyleTokens(tokens: StyleToken[], { units }?: {
-    units?: CustomUnitMap;
-}): string;

package/types/tasty/parser/tokenizer.d.ts

@@ -1,13 +0,0 @@
-export declare type RawStyleToken = {
-    value: string;
-    type: typeof TOKEN_MAP[number];
-    negative?: boolean;
-    amount?: number;
-    unit?: string;
-};
-declare const TOKEN_MAP: string[];
-/**
- * Tokenize a style value into a flat array of tokens.
- */
-export declare function tokenize(value: string): RawStyleToken[];
-export {};