@plusui/library 0.1.0

package/dist/components/button/button.js

@@ -0,0 +1,232 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import Tailwind from '../base/tailwind-base.js';
+import { baseButtonStyle } from './button.style.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+import '../../directive-DZCF8pFJ.js';
+
+/**
+ * @tag plus-button
+ * @summary Button component that provides a clickable element with various styles and states.
+ *
+ * @slot - The default slot for button content
+ * @slot prefix - Content to be placed before the button content
+ * @slot suffix - Content to be placed after the button content
+ *
+ * @csspart button - The component's base wrapper
+ *
+ * @cssproperty --text-color - Controls the text color of the button
+ * @cssproperty --border-color - Controls the border color of the button
+ * @cssproperty --bg-default - Controls the default background color
+ * @cssproperty --bg-hovered - Controls the background color when hovered
+ * @cssproperty --bg-pressed - Controls the background color when pressed
+ * @cssproperty --bg-focused - Controls the background color when focused
+ *
+ * @example
+ * ```html
+ * <plus-button kind="filled" status="primary" size="md">
+ *   Click me
+ * </plus-button>
+ * ```
+ */
+const textColorMap = {
+    default: 'default',
+    disabled: 'disabled',
+    primary: 'base',
+    success: 'base',
+    warning: 'base',
+    danger: 'base',
+    info: 'base',
+};
+class PlusButton extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * Determines the visual style of the button
+         * - filled: Solid background color
+         * - outlined: Transparent background with border
+         * - dashed: Transparent background with dashed border
+         * - text: Text only without background or border
+         * @default 'filled'
+         */
+        this.kind = 'filled';
+        /**
+         * Sets the status/color variant of the button
+         * - default: Neutral color scheme
+         * - primary: Brand color scheme
+         * - success: Green color scheme
+         * - warning: Yellow color scheme
+         * - danger: Red color scheme
+         * - info: Blue color scheme
+         * @default 'default'
+         */
+        this.status = 'default';
+        /**
+         * Sets the size of the button
+         * - sm: Small size
+         * - md: Medium size
+         * - lg: Large size
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Disables the button interaction
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Shows loading spinner and disables interaction
+         * @default false
+         */
+        this.loading = false;
+        this.fullWidth = false;
+    }
+    handleClick() {
+        this.emit('plus-click');
+    }
+    handleFocus() {
+        this.emit('plus-focus');
+    }
+    handleBlur() {
+        this.emit('plus-blur');
+    }
+    render() {
+        const _statusColor = this.disabled ? 'disabled' : this.status;
+        const commonStyles = {
+            '--i-bg-default': 'var(--plus-color-background-surface)',
+            '--i-bg-hovered': 'var(--plus-color-background-default-hovered)',
+            '--i-bg-pressed': 'var(--plus-color-background-default-pressed)',
+            '--i-bg-focused': 'var(--plus-color-background-default-focused)',
+            '--i-bg-loading': 'var(--plus-color-background-default-loading)',
+            '--i-text-color': `var(--plus-color-text-${_statusColor})`,
+            '--i-border-color': `var(--plus-color-border-${_statusColor})`,
+        };
+        const filledStyles = {
+            '--i-bg-default': `var(--plus-color-background-${_statusColor}-default)`,
+            '--i-bg-hovered': `var(--plus-color-background-${this.status}-hovered)`,
+            '--i-bg-focused': `var(--plus-color-background-${this.status}-pressed)`,
+            '--i-bg-pressed': `var(--plus-color-background-${this.status}-focused)`,
+            '--i-bg-loading': `var(--plus-color-background-${this.status}-loading)`,
+            '--i-text-color': `var(--plus-color-text-${textColorMap[_statusColor]})`,
+            '--i-border-color': 'transparent',
+        };
+        const styles = {
+            filled: filledStyles,
+            outlined: commonStyles,
+            dashed: commonStyles,
+            text: {
+                ...commonStyles,
+                '--i-bg-default': 'transparent',
+                '--i-border-color': 'transparent',
+            },
+        };
+        const dynamicStyles = {
+            '--d-text': 'var(--text-color,var(--i-text-color))',
+            '--d-border': 'var(--border-color,var(--i-border-color))',
+            '--d-bg-default': 'var(--bg-default,var(--i-bg-default))',
+            '--d-bg-hovered': 'var(--bg-hovered,var(--i-bg-hovered))',
+            '--d-bg-pressed': 'var(--bg-pressed,var(--i-bg-pressed))',
+            '--d-bg-focused': 'var(--bg-focused,var(--i-bg-focused))',
+            '--d-bg-loading': 'var(--bg-loading,var(--i-bg-loading))',
+        };
+        const { base } = baseButtonStyle({
+            size: this.size,
+            kind: this.kind,
+            status: this.status,
+            disabled: this.disabled || this.loading,
+            loading: this.loading,
+            fullWidth: this.fullWidth,
+        });
+        const LoadingTemplate = x `<div
+      class="loading h-full w-full absolute flex items-center justify-center bg-(--d-bg-loading)"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 512 512"
+        class="animate-spin h-2/5 w-auto fill-(--d-text)"
+      >
+        <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+        <path
+          d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"
+        />
+      </svg>
+    </div>`;
+        return x `
+      <button
+        class=${base()}
+        part="button"
+        ?disabled=${this.disabled || this.loading}
+        style=${o({ ...dynamicStyles, ...styles[this.kind] })}
+        @click=${this.handleClick}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+        aria-label="Button"
+        role="button"
+        tabindex="0"
+        @keydown=${(e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                this.handleClick();
+                e.preventDefault();
+            }
+        }}
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+        ${this.loading ? LoadingTemplate : ''}
+      </button>
+    `;
+    }
+}
+PlusButton.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: inline-block;
+        height: fit-content;
+        width: fit-content;
+      }
+      .plus-button {
+        border-top-left-radius: var(--border-top-left-radius, 0.375rem);
+        border-top-right-radius: var(--border-top-right-radius, 0.375rem);
+        border-bottom-left-radius: var(--border-bottom-left-radius, 0.375rem);
+        border-bottom-right-radius: var(--border-bottom-right-radius, 0.375rem);
+      }
+    `,
+];
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "kind", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "status", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "size", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: (value) => (value == 'false' || false ? false : true),
+    })
+], PlusButton.prototype, "disabled", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: (value) => (value == 'false' || false ? false : true),
+    })
+], PlusButton.prototype, "loading", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: (value) => (value == 'false' || false ? false : true),
+        attribute: 'full-width',
+    })
+], PlusButton.prototype, "fullWidth", void 0);
+
+export { PlusButton, PlusButton as default };

package/dist/components/button/button.js.map

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

package/dist/components/button/button.style.d.ts

@@ -0,0 +1,256 @@
+export declare const baseButtonStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, {
+    base: string[];
+    loading: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, {
+    base: string[];
+    loading: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, {
+    base: string[];
+    loading: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
+    loading: {
+        false: string;
+        true: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=button.style.d.ts.map

package/dist/components/button/button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgE1B,CAAC"}

package/dist/components/button/button.style.js

@@ -0,0 +1,68 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const baseButtonStyle = ce({
+    slots: {
+        base: [
+            'button plus-button plus-ui-element',
+            'inline-flex items-center justify-center',
+            'rounded-default',
+            'border',
+            'text-(--d-text)',
+            'border-(--d-border)',
+            'bg-(--d-bg-default)',
+            'enabled:hover:bg-(--d-bg-hovered)',
+            'enabled:active:bg-(--d-bg-pressed)',
+            'focus-visible:bg-(--d-bg-focused)',
+            'focus-visible:ring-default',
+        ],
+        loading: [
+            'loading cursor-not-allowed relative',
+        ],
+    },
+    variants: {
+        size: {
+            sm: 'small text-sm p-2 gap-2',
+            md: 'medium text-base px-3 py-2 gap-2.5',
+            lg: 'large text-lg px-4 py-2 gap-3',
+        },
+        kind: {
+            filled: 'filled',
+            outlined: 'outlined',
+            dashed: 'dashed border-dashed',
+            text: 'text',
+        },
+        status: {
+            default: 'default',
+            primary: 'primary',
+            success: 'success',
+            warning: 'warning',
+            danger: 'danger',
+            info: 'info',
+        },
+        disabled: {
+            true: {
+                base: ['disabled cursor-not-allowed'],
+            },
+            false: {
+                base: ['cursor-pointer'],
+            },
+        },
+        loading: {
+            false: '',
+            true: 'loading cursor-not-allowed relative overflow-hidden',
+        },
+        fullWidth: {
+            true: 'w-full',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        kind: 'filled',
+        status: 'default',
+        disabled: false,
+        loading: false,
+        fullWidth: false,
+    },
+});
+
+export { baseButtonStyle };

package/dist/components/button/button.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.js","sourceRoot":"","sources":["../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;IAChC,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,oCAAoC;YACpC,yCAAyC;YACzC,iBAAiB;YACjB,QAAQ;YAER,iBAAiB;YACjB,qBAAqB;YACrB,qBAAqB;YACrB,mCAAmC;YACnC,oCAAoC;YACpC,mCAAmC;YACnC,4BAA4B;SAC7B;QACD,OAAO,EAAE;YACP,qCAAqC;SACtC;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,oCAAoC;YACxC,EAAE,EAAE,+BAA+B;SACpC;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,sBAAsB;YAC9B,IAAI,EAAE,MAAM;SACb;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,MAAM;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,IAAI,EAAE,CAAC,6BAA6B,CAAC;aACtC;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC,gBAAgB,CAAC;aACzB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,qDAAqD;SAC5D;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './button.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC"}

package/dist/components/button/index.js

@@ -0,0 +1,14 @@
+import PlusButton from './button.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import './button.style.js';
+import '../../index-B9iart53.js';
+import '../../style-map-DC_vNus2.js';
+import '../../directive-DZCF8pFJ.js';
+
+customElements.define('plus-button', PlusButton);
+
+export { PlusButton };

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,cAAc,aAAa,CAAC;AAE5B,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,102 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * Orientation type for button group
+ */
+export type Orientation = 'horizontal' | 'vertical';
+/**
+ * @tag plus-button-group
+ * @summary Button group component that groups related buttons together.
+ *
+ * @slot - The default slot for the buttons
+ *
+ * @cssproperty --button-group-gap - Gap between buttons in the group
+ *
+ * @example
+ * ```html
+ * <plus-button-group orientation="horizontal" override>
+ *   <plus-button>First</plus-button>
+ *   <plus-button>Second</plus-button>
+ *   <plus-button>Third</plus-button>
+ * </plus-button-group>
+ * ```
+ */
+export default class PlusButtonGroup extends Tailwind {
+    /**
+     * The orientation of the button group.
+     */
+    orientation: Orientation;
+    /**
+     * Determines whether the button group's properties override the properties of its child buttons.
+     * When true, all buttons in the group will have the same appearance.
+     * When false, each button can have its own properties.
+     * @default true
+     */
+    override: boolean;
+    /**
+     * Determines the visual style of the button
+     * - filled: Solid background color
+     * - outlined: Transparent background with border
+     * - dashed: Transparent background with dashed border
+     * - text: Text only without background or border
+     * @default 'filled'
+     */
+    kind: 'filled' | 'outlined' | 'dashed' | 'text';
+    /**
+     * Sets the status/color variant of the button
+     * - default: Neutral color scheme
+     * - primary: Brand color scheme
+     * - success: Green color scheme
+     * - warning: Yellow color scheme
+     * - danger: Red color scheme
+     * - info: Blue color scheme
+     * @default 'default'
+     */
+    status: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * Sets the size of the button
+     * - sm: Small size
+     * - md: Medium size
+     * - lg: Large size
+     * @default 'md'
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Disables the button interaction
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Shows loading spinner and disables interaction
+     * @default false
+     */
+    loading: boolean;
+    private _buttons;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Gets all child buttons in the group
+     */
+    private get buttons();
+    /**
+     * Apply shared properties to buttons in the group.
+     * This method either overrides the properties of child buttons or respects their individual properties
+     * based on the override prop.
+     */
+    private applyPropertiesToButtons;
+    /**
+     * Apply styles to buttons based on their position in the group
+     */
+    private applyStylesToButtons;
+    /**
+     * Updates the properties and styles of all buttons in the group
+     */
+    private updateButtons;
+    /**
+     * Handle slot changes: update button list and styles
+     */
+    private handleSlotChange;
+    updated(changedProperties: Map<string, unknown>): void;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusButtonGroup };
+//# sourceMappingURL=button-group.d.ts.map