@plusui/library 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IACnD;;OAEG;IAEH,WAAW,EAAE,WAAW,CAAgB;IAExC;;;;;OAKG;IAKH,QAAQ,UAAS;IAEjB;;;;;;;OAOG;IAEH,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAY;IAE3D;;;;;;;;;OASG;IAEH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAC7D;IAEZ;;;;;;OAMG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,OAAO,UAAS;IAGhB,OAAO,CAAC,QAAQ,CAAqB;IAErC,OAAgB,MAAM,4BAOpB;IAEF;;OAEG;IACH,OAAO,KAAK,OAAO,GAElB;IAED;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgD5B;;OAEG;IACH,OAAO,CAAC,aAAa;IAKrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAUf,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAK/C,iBAAiB;IAOjB,MAAM;CAiBhB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/button-group/button-group.js

@@ -0,0 +1,251 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { buttonGroupStyle } from './button-group.style.js';
+import Tailwind from '../base/tailwind-base.js';
+import '../../index-B9iart53.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+
+/**
+ * @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>
+ * ```
+ */
+class PlusButtonGroup extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * The orientation of the button group.
+         */
+        this.orientation = 'horizontal';
+        /**
+         * 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
+         */
+        this.override = false;
+        /**
+         * 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._buttons = [];
+    }
+    /**
+     * Gets all child buttons in the group
+     */
+    get buttons() {
+        return this._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.
+     */
+    applyPropertiesToButtons() {
+        const isVertical = this.orientation === 'vertical';
+        this.buttons.forEach((button) => {
+            if (this.override) {
+                // Override button properties with group properties
+                button.setAttribute('size', this.size);
+                button.setAttribute('kind', this.kind);
+                button.setAttribute('status', this.status);
+                // Override disabled and loading states
+                if (this.disabled) {
+                    button.setAttribute('disabled', '');
+                }
+                else {
+                    button.removeAttribute('disabled');
+                }
+                if (this.loading) {
+                    button.setAttribute('loading', '');
+                }
+                else {
+                    button.removeAttribute('loading');
+                }
+            }
+            // Always set full-width attribute on buttons when orientation is vertical
+            if (isVertical) {
+                button.setAttribute('full-width', '');
+            }
+            else {
+                button.removeAttribute('full-width');
+            }
+        });
+    }
+    /**
+     * Apply styles to buttons based on their position in the group
+     */
+    applyStylesToButtons() {
+        const buttons = this.buttons;
+        const totalButtons = buttons.length;
+        const isHorizontal = this.orientation === 'horizontal';
+        // Apply styles to buttons
+        buttons.forEach((button, index) => {
+            // Reset all border radius custom properties
+            button.style.removeProperty('--border-top-left-radius');
+            button.style.removeProperty('--border-top-right-radius');
+            button.style.removeProperty('--border-bottom-left-radius');
+            button.style.removeProperty('--border-bottom-right-radius');
+            button.style.removeProperty('margin-left');
+            button.style.removeProperty('margin-top');
+            // Apply styles based on position
+            if (isHorizontal) {
+                // Horizontal orientation
+                if (index > 0) {
+                    // Not the first button
+                    button.style.setProperty('--border-top-left-radius', '0px');
+                    button.style.setProperty('--border-bottom-left-radius', '0px');
+                    button.style.marginLeft = '-1px';
+                }
+                if (index < totalButtons - 1) {
+                    // Not the last button
+                    button.style.setProperty('--border-top-right-radius', '0px');
+                    button.style.setProperty('--border-bottom-right-radius', '0px');
+                }
+            }
+            else {
+                // Vertical orientation
+                if (index > 0) {
+                    // Not the first button
+                    button.style.setProperty('--border-top-left-radius', '0px');
+                    button.style.setProperty('--border-top-right-radius', '0px');
+                    button.style.marginTop = '-1px';
+                }
+                if (index < totalButtons - 1) {
+                    // Not the last button
+                    button.style.setProperty('--border-bottom-left-radius', '0px');
+                    button.style.setProperty('--border-bottom-right-radius', '0px');
+                }
+            }
+        });
+    }
+    /**
+     * Updates the properties and styles of all buttons in the group
+     */
+    updateButtons() {
+        this.applyPropertiesToButtons();
+        this.applyStylesToButtons();
+    }
+    /**
+     * Handle slot changes: update button list and styles
+     */
+    handleSlotChange(e) {
+        const slot = e.target;
+        this._buttons = slot
+            .assignedElements()
+            .filter((element) => element.tagName.toLowerCase() === 'plus-button');
+        this.updateButtons();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this.updateButtons();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'group');
+        // Initial update when connected to DOM
+        requestAnimationFrame(() => this.updateButtons());
+    }
+    render() {
+        return x `
+      <div
+        class=${buttonGroupStyle({
+            orientation: this.orientation,
+            size: this.size,
+            kind: this.kind,
+            status: this.status,
+            disabled: this.disabled,
+            loading: this.loading,
+        })}
+        part="base"
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `;
+    }
+}
+PlusButtonGroup.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: inline-block;
+      }
+    `,
+];
+__decorate([
+    n({ type: String, reflect: true })
+], PlusButtonGroup.prototype, "orientation", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        converter: (value) => (value == 'false' || false ? false : true),
+    })
+], PlusButtonGroup.prototype, "override", void 0);
+__decorate([
+    n({ type: String })
+], PlusButtonGroup.prototype, "kind", void 0);
+__decorate([
+    n({ type: String })
+], PlusButtonGroup.prototype, "status", void 0);
+__decorate([
+    n({ type: String })
+], PlusButtonGroup.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusButtonGroup.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusButtonGroup.prototype, "loading", void 0);
+__decorate([
+    r()
+], PlusButtonGroup.prototype, "_buttons", void 0);
+
+export { PlusButtonGroup, PlusButtonGroup as default };

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

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

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

@@ -0,0 +1,215 @@
+/**
+ * Base styles for the button group component
+ */
+export declare const buttonGroupStyle: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}>, {
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: 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: string;
+    };
+    loading: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=button-group.style.d.ts.map

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

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

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

@@ -0,0 +1,52 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+/**
+ * Base styles for the button group component
+ */
+const buttonGroupStyle = ce({
+    base: [
+        'plus-button-group inline-flex plus-ui-element',
+        'gap-0',
+    ],
+    variants: {
+        orientation: {
+            horizontal: 'flex-row',
+            vertical: 'flex-col',
+        },
+        size: {
+            sm: 'text-xs',
+            md: 'text-sm',
+            lg: 'text-base',
+        },
+        kind: {
+            filled: 'button-group-filled',
+            outlined: 'button-group-outlined',
+            dashed: 'button-group-dashed',
+            text: 'button-group-text',
+        },
+        status: {
+            default: 'button-group-default',
+            primary: 'button-group-primary',
+            success: 'button-group-success',
+            warning: 'button-group-warning',
+            danger: 'button-group-danger',
+            info: 'button-group-info',
+        },
+        disabled: {
+            true: 'opacity-50 cursor-not-allowed',
+        },
+        loading: {
+            true: 'opacity-50 cursor-wait',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+        size: 'md',
+        kind: 'filled',
+        status: 'default',
+        disabled: false,
+        loading: false,
+    },
+});
+
+export { buttonGroupStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.style.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IACjC,IAAI,EAAE;QACJ,+CAA+C;QAC/C,OAAO;KACR;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,UAAU;YACtB,QAAQ,EAAE,UAAU;SACrB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,qBAAqB;YAC7B,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,qBAAqB;YAC7B,IAAI,EAAE,mBAAmB;SAC1B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,sBAAsB;YAC/B,OAAO,EAAE,sBAAsB;YAC/B,OAAO,EAAE,sBAAsB;YAC/B,OAAO,EAAE,sBAAsB;YAC/B,MAAM,EAAE,qBAAqB;YAC7B,IAAI,EAAE,mBAAmB;SAC1B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,+BAA+B;SACtC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,wBAAwB;SAC/B;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;KACf;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/button-group/index.js

@@ -0,0 +1,13 @@
+import PlusButtonGroup from './button-group.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import './button-group.style.js';
+import '../../index-B9iart53.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+
+customElements.define('plus-button-group', PlusButtonGroup);
+
+export { PlusButtonGroup };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,cAAc,mBAAmB,CAAC;AAElC,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,107 @@
+export declare const captionStyle: import("tailwind-variants").TVReturnType<{
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, undefined, "block plus-ui-element font-normal text-color-caption", import("tailwind-variants/dist/config").TVConfig<{
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, undefined, "block plus-ui-element font-normal text-color-caption", import("tailwind-variants/dist/config").TVConfig<{
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    error: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=caption.style.d.ts.map

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

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