@laser-ui/components 0.0.1

package/button/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { CLASSES } from './vars';
+import type { BaseProps, Size } from '../types';
+export {};
+export interface ButtonProps extends BaseProps<'button', typeof CLASSES>, React.ButtonHTMLAttributes<HTMLButtonElement> {
+    pattern?: 'primary' | 'secondary' | 'outline' | 'dashed' | 'text' | 'link';
+    theme?: 'primary' | 'success' | 'warning' | 'danger';
+    loading?: boolean;
+    shape?: 'circle' | 'round';
+    block?: boolean;
+    size?: Size;
+    icon?: React.ReactNode;
+    iconRight?: boolean;
+}

package/button/types.js

@@ -0,0 +1 @@
+export {};

package/button/vars.d.ts

@@ -0,0 +1,23 @@
+export declare const CLASSES: {
+    button: string;
+    'button.t-primary': string;
+    'button.t-success': string;
+    'button.t-warning': string;
+    'button.t-danger': string;
+    'button.is-loading': string;
+    'button--primary': string;
+    'button--secondary': string;
+    'button--outline': string;
+    'button--dashed': string;
+    'button--text': string;
+    'button--link': string;
+    'button--circle': string;
+    'button--round': string;
+    'button--block': string;
+    'button--small': string;
+    'button--medium': string;
+    'button--large': string;
+    'button--icon': string;
+    'button--icon-right': string;
+    button__icon: string;
+};

package/button/vars.js

@@ -0,0 +1,23 @@
+export const CLASSES = {
+    button: '^button',
+    'button.t-primary': 't-primary',
+    'button.t-success': 't-success',
+    'button.t-warning': 't-warning',
+    'button.t-danger': 't-danger',
+    'button.is-loading': 'is-loading',
+    'button--primary': '^button--primary',
+    'button--secondary': '^button--secondary',
+    'button--outline': '^button--outline',
+    'button--dashed': '^button--dashed',
+    'button--text': '^button--text',
+    'button--link': '^button--link',
+    'button--circle': '^button--circle',
+    'button--round': '^button--round',
+    'button--block': '^button--block',
+    'button--small': '^button--small',
+    'button--medium': '^button--medium',
+    'button--large': '^button--large',
+    'button--icon': '^button--icon',
+    'button--icon-right': '^button--icon-right',
+    button__icon: '^button__icon',
+};

package/card/Card.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { CardProps } from './types';
+import { CardAction } from './CardAction';
+import { CardContent } from './CardContent';
+import { CardHeader } from './CardHeader';
+export declare const Card: {
+    (props: CardProps): JSX.Element | null;
+    Header: typeof CardHeader;
+    Content: typeof CardContent;
+    Action: typeof CardAction;
+};

package/card/Card.js

@@ -0,0 +1,30 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isString } from 'lodash';
+import { Children } from 'react';
+import { CardAction } from './CardAction';
+import { CardContent } from './CardContent';
+import { CardHeader } from './CardHeader';
+import { CLASSES } from './vars';
+import { useComponentProps, useStyled } from '../hooks';
+import { Separator } from '../separator';
+import { mergeCS } from '../utils';
+export const Card = (props) => {
+    const _a = useComponentProps('Card', props), { children, styleOverrides, styleProvider, shadow = false, header: headerProp, actions } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "shadow", "header", "actions"]);
+    const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
+    const headerNode = (() => {
+        if (headerProp) {
+            return isString(headerProp) ? _jsx(CardHeader, { children: headerProp }) : headerProp;
+        }
+    })();
+    return (_jsxs("div", Object.assign({}, restProps, mergeCS(styled('card', {
+        'card--shadow': shadow === true,
+        'card--shadow-hover': shadow === 'hover',
+    }), {
+        className: restProps.className,
+        style: restProps.style,
+    }), { children: [headerNode, children, actions && (_jsx("div", Object.assign({}, styled('card__actions'), { children: Children.map(actions, (action, index) => (_jsxs(_Fragment, { children: [action, index !== actions.length - 1 && _jsx(Separator, { style: { margin: 8 }, vertical: true })] }))) })))] })));
+};
+Card.Header = CardHeader;
+Card.Content = CardContent;
+Card.Action = CardAction;

package/card/CardAction.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CardActionProps } from './types';
+export declare const CardAction: import("react").ForwardRefExoticComponent<CardActionProps & import("react").RefAttributes<HTMLDivElement>>;

package/card/CardAction.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { CLASSES } from './vars';
+import { useComponentProps, useStyled } from '../hooks';
+import { mergeCS } from '../utils';
+export const CardAction = forwardRef((props, ref) => {
+    var _a, _b;
+    const _c = useComponentProps('CardAction', props), { styleOverrides, styleProvider, children, disabled = false } = _c, restProps = __rest(_c, ["styleOverrides", "styleProvider", "children", "disabled"]);
+    const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
+    return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('card__action', {
+        'card__action.is-disabled': disabled,
+    }), {
+        className: restProps.className,
+        style: restProps.style,
+    }), { ref: ref, role: (_a = restProps['role']) !== null && _a !== void 0 ? _a : 'button', tabIndex: (_b = restProps['tabIndex']) !== null && _b !== void 0 ? _b : (disabled ? -1 : 0), children: children })));
+});

package/card/CardContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CardContentProps } from './types';
+export declare function CardContent(props: CardContentProps): JSX.Element | null;

package/card/CardContent.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CLASSES } from './vars';
+import { useComponentProps, useStyled } from '../hooks';
+import { mergeCS } from '../utils';
+export function CardContent(props) {
+    const _a = useComponentProps('CardContent', props), { styleOverrides, styleProvider, children } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "children"]);
+    const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
+    return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('card__content'), {
+        className: restProps.className,
+        style: restProps.style,
+    }), { children: children })));
+}

package/card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CardHeaderProps } from './types';
+export declare function CardHeader(props: CardHeaderProps): JSX.Element | null;

package/card/CardHeader.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CLASSES } from './vars';
+import { useComponentProps, useStyled } from '../hooks';
+import { mergeCS } from '../utils';
+export function CardHeader(props) {
+    const _a = useComponentProps('CardHeader', props), { styleOverrides, styleProvider, children, action } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "children", "action"]);
+    const styled = useStyled(CLASSES, { card: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.card }, styleOverrides);
+    return (_jsxs("div", Object.assign({}, restProps, mergeCS(styled('card__header'), {
+        className: restProps.className,
+        style: restProps.style,
+    }), { children: [_jsx("div", Object.assign({}, styled('card__header-title'), { children: children })), _jsx("div", Object.assign({}, styled('card__header-action'), { children: action }))] })));
+}

package/card/index.d.ts

@@ -0,0 +1,2 @@
+export type { CardProps, CardHeaderProps, CardContentProps, CardActionProps } from './types';
+export { Card } from './Card';

package/card/index.js

@@ -0,0 +1 @@
+export { Card } from './Card';

package/card/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CLASSES } from './vars';
+import type { BaseProps } from '../types';
+export {};
+export interface CardProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
+    shadow?: boolean | 'hover';
+    header?: React.ReactElement | string;
+    actions?: React.ReactNode[];
+}
+export interface CardHeaderProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
+    action?: React.ReactNode;
+}
+export interface CardContentProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
+}
+export interface CardActionProps extends BaseProps<'card', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}

package/card/types.js

@@ -0,0 +1 @@
+export {};

package/card/vars.d.ts

@@ -0,0 +1,12 @@
+export declare const CLASSES: {
+    card: string;
+    'card--shadow': string;
+    'card--shadow-hover': string;
+    card__header: string;
+    'card__header-title': string;
+    'card__header-action': string;
+    card__content: string;
+    card__actions: string;
+    card__action: string;
+    'card__action.is-disabled': string;
+};

package/card/vars.js

@@ -0,0 +1,12 @@
+export const CLASSES = {
+    card: '^card',
+    'card--shadow': '^card--shadow',
+    'card--shadow-hover': '^card--shadow-hover',
+    card__header: '^card__header',
+    'card__header-title': '^card__header-title',
+    'card__header-action': '^card__header-action',
+    card__content: '^card__content',
+    card__actions: '^card__actions',
+    card__action: '^card__action',
+    'card__action.is-disabled': 'is-disabled',
+};

package/cascader/Cascader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CascaderItem, CascaderProps, CascaderRef } from './types';
+declare function CascaderFC<V extends React.Key, T extends CascaderItem<V>>(props: CascaderProps<V, T>, ref: React.ForwardedRef<CascaderRef>): JSX.Element | null;
+export declare const Cascader: <ID extends React.Key, T extends CascaderItem<ID>>(props: CascaderProps<ID, T> & React.RefAttributes<CascaderRef>) => ReturnType<typeof CascaderFC>;
+export {};