@plusui/library 0.1.0

package/dist/components/caption/caption.style.js

@@ -0,0 +1,29 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const captionStyle = ce({
+    base: 'block plus-ui-element font-normal text-color-caption',
+    variants: {
+        error: {
+            true: 'text-color-danger',
+            false: '',
+        },
+        size: {
+            sm: 'text-xs',
+            md: 'text-sm',
+            lg: 'text-base',
+        },
+        disabled: {
+            true: {
+                base: 'text-color-disabled',
+            },
+        },
+    },
+    compoundVariants: [],
+    defaultVariants: {
+        error: false,
+        size: 'md',
+        disabled: false,
+    },
+});
+
+export { captionStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"caption.style.js","sourceRoot":"","sources":["../../../src/components/caption/caption.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;IAC7B,IAAI,EAAE,sDAAsD;IAC5D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,IAAI,EAAE,qBAAqB;aAC5B;SACF;KACF;IACD,gBAAgB,EAAE,EAAE;IACpB,eAAe,EAAE;QACf,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,74 @@
+import Tailwind from '../base/tailwind-base';
+import '../svg-icon/index.js';
+/**
+ * @tag plus-checkbox
+ *
+ * Checkbox component allowing users to select one or more options.
+ *
+ * @slot - The label for the checkbox.
+ *
+ * @csspart base - The component's base wrapper (label).
+ * @csspart control - The container for the actual checkbox input and its visual representation.
+ * @csspart checkbox - The visual representation of the checkbox.
+ * @csspart icon - The checkmark or indeterminate icon.
+ * @csspart label - The text label container.
+ *
+ * @property {boolean} error - If true, the checkbox is displayed in an error state.
+ *
+ * @event plus-change - Emitted when the checkbox's checked state changes.
+ * @event plus-focus - Emitted when the checkbox gains focus.
+ * @event plus-blur - Emitted when the checkbox loses focus.
+ *
+ * @cssproperty --checkbox-size - Controls the size of the checkbox control. Typically maps to sm, md, lg tokens.
+ * @cssproperty --checkbox-color-default - Default background color.
+ * @cssproperty --checkbox-color-checked - Background color when checked.
+ * @cssproperty --checkbox-color-border - Border color.
+ * @cssproperty --checkbox-color-border-checked - Border color when checked.
+ * @cssproperty --checkbox-color-icon - Color of the checkmark/indeterminate icon.
+ * @cssproperty --checkbox-border-color-error - Border color in the error state.
+ */
+export declare class PlusCheckbox extends Tailwind {
+    static formAssociated: boolean;
+    private internals;
+    input: HTMLInputElement;
+    /** The checkbox's name, submitted as a name/value pair with form data. */
+    name?: string;
+    /** The size of the checkbox. */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether the checkbox is checked. */
+    checked: boolean;
+    /** Whether the checkbox is in an indeterminate state. */
+    indeterminate: boolean;
+    /** Whether the checkbox is disabled. */
+    disabled: boolean;
+    /** The value associated with the checkbox. Submitted with the form data if checked. */
+    value: string;
+    /** Whether the checkbox is in an error state. */
+    error: boolean;
+    /** The text label displayed next to the checkbox. If not provided, use the default slot. */
+    text?: string;
+    constructor();
+    private setFormValue;
+    updated(changedProperties: Map<string | symbol, unknown>): void;
+    /**
+     * Called when the associated form is reset.
+     * Resets the checkbox to its initial checked state.
+     * We need to specific attribute initialChecked
+     */
+    formResetCallback(): void;
+    /**
+     * Called when the disabled state of the parent form changes.
+     */
+    formDisabledCallback(disabled: boolean): void;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    /** Clicks the checkbox */
+    click(): void;
+    /** Focuses the checkbox */
+    focus(options?: FocusOptions): void;
+    /** Blurs the checkbox */
+    blur(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,YAAa,SAAQ,QAAQ;IAExC,MAAM,CAAC,cAAc,UAAQ;IAGpB,OAAO,CAAC,SAAS,CAAmB;IAEZ,KAAK,EAAG,gBAAgB,CAAC;IAE1D,0EAA0E;IAE1E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gCAAgC;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,uCAAuC;IAEvC,OAAO,UAAS;IAEhB,yDAAyD;IAEzD,aAAa,UAAS;IAEtB,wCAAwC;IAExC,QAAQ,UAAS;IAEjB,uFAAuF;IAEvF,KAAK,EAAE,MAAM,CAAQ;IAErB,iDAAiD;IACL,KAAK,UAAS;IAE1D,4FAA4F;IAE5F,IAAI,CAAC,EAAE,MAAM,CAAC;;IAcd,OAAO,CAAC,YAAY;IAKX,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOjE;;;;OAIG;IACH,iBAAiB;IAOjB;;OAEG;IACH,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,YAAY;IAQpB,0BAA0B;IACjB,KAAK;IAId,2BAA2B;IAClB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAIrC,yBAAyB;IAChB,IAAI;IAIJ,MAAM;CAkDhB"}

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,206 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { e } from '../../query-CHb9Ft_d.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { l } from '../../live-BOAtKRUN.js';
+import Tailwind from '../base/tailwind-base.js';
+import { checkboxStyle } from './checkbox.style.js';
+import '../svg-icon/index.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../directive-DZCF8pFJ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../svg-icon/icons.js';
+
+/**
+ * @tag plus-checkbox
+ *
+ * Checkbox component allowing users to select one or more options.
+ *
+ * @slot - The label for the checkbox.
+ *
+ * @csspart base - The component's base wrapper (label).
+ * @csspart control - The container for the actual checkbox input and its visual representation.
+ * @csspart checkbox - The visual representation of the checkbox.
+ * @csspart icon - The checkmark or indeterminate icon.
+ * @csspart label - The text label container.
+ *
+ * @property {boolean} error - If true, the checkbox is displayed in an error state.
+ *
+ * @event plus-change - Emitted when the checkbox's checked state changes.
+ * @event plus-focus - Emitted when the checkbox gains focus.
+ * @event plus-blur - Emitted when the checkbox loses focus.
+ *
+ * @cssproperty --checkbox-size - Controls the size of the checkbox control. Typically maps to sm, md, lg tokens.
+ * @cssproperty --checkbox-color-default - Default background color.
+ * @cssproperty --checkbox-color-checked - Background color when checked.
+ * @cssproperty --checkbox-color-border - Border color.
+ * @cssproperty --checkbox-color-border-checked - Border color when checked.
+ * @cssproperty --checkbox-color-icon - Color of the checkmark/indeterminate icon.
+ * @cssproperty --checkbox-border-color-error - Border color in the error state.
+ */
+class PlusCheckbox extends Tailwind {
+    constructor() {
+        super();
+        /** The size of the checkbox. */
+        this.size = 'md';
+        /** Whether the checkbox is checked. */
+        this.checked = false;
+        /** Whether the checkbox is in an indeterminate state. */
+        this.indeterminate = false;
+        /** Whether the checkbox is disabled. */
+        this.disabled = false;
+        /** The value associated with the checkbox. Submitted with the form data if checked. */
+        this.value = 'on';
+        /** Whether the checkbox is in an error state. */
+        this.error = false;
+        this.internals = this.attachInternals();
+        this.addEventListener('click', (event) => {
+            // Prevent the click event from propagating from the host element
+            // We rely on the internal input's click/change
+            if (event.target === this) {
+                event.stopPropagation();
+            }
+        });
+    }
+    setFormValue() {
+        // If checked, send the value; otherwise, send null.
+        this.internals.setFormValue(this.checked ? this.value : null);
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('value') || changedProperties.has('checked')) {
+            this.setFormValue();
+        }
+    }
+    /**
+     * Called when the associated form is reset.
+     * Resets the checkbox to its initial checked state.
+     * We need to specific attribute initialChecked
+     */
+    formResetCallback() {
+        const initialChecked = this.hasAttribute('checked');
+        this.checked = initialChecked;
+        this.indeterminate = false;
+        this.setFormValue();
+    }
+    /**
+     * Called when the disabled state of the parent form changes.
+     */
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    handleFocus() {
+        this.emit('plus-focus');
+    }
+    handleBlur() {
+        this.emit('plus-blur');
+    }
+    // private handleClick() {
+    //   // No direct action needed here, handled by input change
+    // }
+    handleChange(event) {
+        const target = event.target;
+        this.checked = target.checked;
+        this.indeterminate = false;
+        this.setFormValue(); // Update form value on change
+        this.emit('plus-change');
+    }
+    /** Clicks the checkbox */
+    click() {
+        this.input?.click();
+    }
+    /** Focuses the checkbox */
+    focus(options) {
+        this.input?.focus(options);
+    }
+    /** Blurs the checkbox */
+    blur() {
+        this.input?.blur();
+    }
+    render() {
+        const { base, control, checkbox, icon, label } = checkboxStyle({
+            size: this.size,
+            checked: this.checked,
+            indeterminate: this.indeterminate,
+            disabled: this.disabled,
+            error: this.error,
+        });
+        const uniqueId = `checkbox-${Math.random().toString(36).substring(2, 9)}`;
+        return x `
+      <label part="base" for=${uniqueId} class=${base()}>
+        <span part="control" class=${control()}>
+          <input
+            id=${uniqueId}
+            type="checkbox"
+            role="checkbox"
+            class="sr-only"
+            name=${this.name ?? ''}
+            aria-checked=${this.indeterminate
+            ? 'mixed'
+            : this.checked
+                ? 'true'
+                : 'false'}
+            aria-disabled=${this.disabled ? 'true' : 'false'}
+            aria-invalid=${this.error ? 'true' : 'false'}
+            .value=${this.value}
+            .checked=${l(this.checked)}
+            .indeterminate=${this.indeterminate}
+            ?disabled=${this.disabled}
+            @change=${this.handleChange}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+            @click=${(e) => e.stopPropagation()}
+          />
+          <span part="checkbox" class=${checkbox()} aria-hidden="true">
+            <plus-svg-icon
+              part="icon"
+              class=${icon()}
+              iconName=${this.indeterminate ? 'minus' : 'check'}
+            ></plus-svg-icon>
+          </span>
+        </span>
+        <span part="label" class=${label()}>
+          <slot>${this.text}</slot>
+        </span>
+      </label>
+    `;
+    }
+}
+// Indicate that this component can participate in forms
+PlusCheckbox.formAssociated = true;
+__decorate([
+    r()
+], PlusCheckbox.prototype, "internals", void 0);
+__decorate([
+    e('input[type="checkbox"]')
+], PlusCheckbox.prototype, "input", void 0);
+__decorate([
+    n()
+], PlusCheckbox.prototype, "name", void 0);
+__decorate([
+    n({ reflect: true })
+], PlusCheckbox.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusCheckbox.prototype, "checked", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusCheckbox.prototype, "indeterminate", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusCheckbox.prototype, "disabled", void 0);
+__decorate([
+    n()
+], PlusCheckbox.prototype, "value", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusCheckbox.prototype, "error", void 0);
+__decorate([
+    n()
+], PlusCheckbox.prototype, "text", void 0);
+
+export { PlusCheckbox };

package/dist/components/checkbox/checkbox.js.map

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

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

@@ -0,0 +1,363 @@
+export declare const checkboxStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    control: string[];
+    checkbox: string[];
+    icon: string[];
+    label: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}>, {
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    control: string[];
+    checkbox: string[];
+    icon: string[];
+    label: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    control: string[];
+    checkbox: string[];
+    icon: string[];
+    label: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        md: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+        lg: {
+            base: string;
+            control: string;
+            checkbox: string;
+            icon: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            checkbox: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            checkbox: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            checkbox: string;
+            label: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=checkbox.style.d.ts.map

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

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