@plusui/library 0.1.0

package/dist/components/checkbox/checkbox.style.js

@@ -0,0 +1,158 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const checkboxStyle = ce({
+    slots: {
+        base: [
+            'plus-checkbox',
+            'inline-flex items-center gap-2 group/base cursor-pointer',
+        ],
+        control: [
+            'relative flex items-center justify-center flex-shrink-0',
+        ],
+        checkbox: [
+            'flex items-center justify-center border rounded',
+            'bg-color-surface text-color-transparent',
+            'transition-colors duration-200 ease-in-out',
+        ],
+        icon: [
+            'transition-transform duration-200 ease-in-out scale-0',
+        ],
+        label: ['text-color-default'],
+    },
+    variants: {
+        size: {
+            sm: {
+                base: 'text-sm',
+                control: 'w-4 h-4',
+                checkbox: 'w-4 h-4',
+                icon: 'text-[10px]',
+                label: 'text-sm',
+            },
+            md: {
+                base: 'text-base',
+                control: 'w-4.5 h-4.5',
+                checkbox: 'w-4.5 h-4.5',
+                icon: 'text-[12px]',
+                label: 'text-base',
+            },
+            lg: {
+                base: 'text-lg',
+                control: 'w-5 h-5',
+                checkbox: 'w-5 h-5',
+                icon: 'text-[14px]',
+                label: 'text-lg',
+            },
+        },
+        checked: {
+            true: {
+                checkbox: 'bg-color-primary-default border-transparent text-color-base',
+                icon: 'scale-100',
+            },
+        },
+        indeterminate: {
+            true: {
+                checkbox: 'bg-color-primary-default border-transparent text-color-base',
+                icon: 'scale-100',
+            },
+        },
+        disabled: {
+            true: {
+                base: 'cursor-not-allowed',
+                checkbox: 'bg-color-disabled border-color-disabled text-color-disabled',
+                label: 'text-color-disabled',
+            },
+        },
+        error: {
+            true: {
+                checkbox: 'bg-color-danger-invert-default border-color-danger',
+                label: '',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            checked: false,
+            indeterminate: false,
+            error: false,
+            class: {
+                checkbox: [
+                    'border-color-default group-hover/base:bg-color-default-hovered group-active/base:bg-color-default-pressed',
+                ],
+            },
+        },
+        {
+            disabled: false,
+            checked: true,
+            indeterminate: false,
+            error: false,
+            class: {
+                checkbox: [
+                    'group-hover/base:bg-color-primary-hover',
+                    'group-active/base:bg-color-primary-pressed',
+                ],
+            },
+        },
+        {
+            disabled: false,
+            checked: false,
+            indeterminate: true,
+            error: false,
+            class: {
+                checkbox: [
+                    'group-hover/base:bg-color-primary-hover',
+                    'group-active/base:bg-color-primary-pressed',
+                ],
+            },
+        },
+        {
+            disabled: false,
+            checked: false,
+            indeterminate: false,
+            error: true,
+            class: {
+                checkbox: [
+                    'border-color-danger group-hover/base:bg-color-danger-invert-hovered group-active/base:bg-color-danger-invert-pressed',
+                ],
+                label: '',
+            },
+        },
+        {
+            disabled: false,
+            checked: true,
+            indeterminate: false,
+            error: true,
+            class: {
+                checkbox: [
+                    'bg-color-danger-default',
+                    'group-hover/base:bg-color-danger-hovered',
+                    'group-active/base:bg-color-danger-pressed',
+                ],
+                label: '',
+            },
+        },
+        {
+            disabled: false,
+            checked: false,
+            indeterminate: true,
+            error: true,
+            class: {
+                checkbox: [
+                    'bg-color-danger-default',
+                    'group-hover/base:bg-color-danger-hovered',
+                    'group-active/base:bg-color-danger-pressed',
+                ],
+                label: '',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        checked: false,
+        indeterminate: false,
+        disabled: false,
+        error: false,
+    },
+});
+
+export { checkboxStyle };

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

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

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

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

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

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

package/dist/components/checkbox/index.js

@@ -0,0 +1,21 @@
+import { PlusCheckbox } from './checkbox.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../query-CHb9Ft_d.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../live-BOAtKRUN.js';
+import '../../directive-DZCF8pFJ.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import './checkbox.style.js';
+import '../../index-B9iart53.js';
+import '../svg-icon/index.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../svg-icon/icons.js';
+
+customElements.define('plus-checkbox', PlusCheckbox);
+
+export { PlusCheckbox };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,cAAc,eAAe,CAAC;AAE9B,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-checkbox-group
+ *
+ * A container for grouping related checkboxes.
+ *
+ * @slot - Default slot for `plus-checkbox` elements.
+ *
+ * @csspart base - The main container element.
+ *
+ * @event plus-change - Emitted when the value of the group changes (any checkbox is checked/unchecked).
+ */
+export declare class PlusCheckboxGroup extends Tailwind {
+    private checkboxes;
+    /** The selected values in the group. */
+    value: string[];
+    /** Whether to display the checkboxes vertically. */
+    vertical: boolean;
+    /** The size of the checkboxes in the group. */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether the entire group is disabled. */
+    disabled: boolean;
+    private handleSlotChange;
+    private updateCheckboxes;
+    private handleCheckboxChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAI7C;;;;;;;;;;GAUG;AACH,qBAAa,iBAAkB,SAAQ,QAAQ;IAE7C,OAAO,CAAC,UAAU,CAAuB;IAEzC,wCAAwC;IAExC,KAAK,EAAE,MAAM,EAAE,CAAM;IAErB,oDAAoD;IACvB,QAAQ,UAAS;IAE9C,+CAA+C;IAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE7D,4CAA4C;IACA,QAAQ,UAAS;IAE7D,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,oBAAoB,CA0B1B;IAEO,iBAAiB;IAQjB,oBAAoB;IAQpB,MAAM;CAchB"}

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

@@ -0,0 +1,107 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { o } from '../../query-assigned-elements-B8Evmg7O.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import Tailwind from '../base/tailwind-base.js';
+import { checkboxGroupStyle } from './checkbox-group.style.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+
+/**
+ * @tag plus-checkbox-group
+ *
+ * A container for grouping related checkboxes.
+ *
+ * @slot - Default slot for `plus-checkbox` elements.
+ *
+ * @csspart base - The main container element.
+ *
+ * @event plus-change - Emitted when the value of the group changes (any checkbox is checked/unchecked).
+ */
+class PlusCheckboxGroup extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /** The selected values in the group. */
+        this.value = [];
+        /** Whether to display the checkboxes vertically. */
+        this.vertical = false;
+        /** The size of the checkboxes in the group. */
+        this.size = 'md';
+        /** Whether the entire group is disabled. */
+        this.disabled = false;
+        this.handleCheckboxChange = (event) => {
+            if (event.target === this) {
+                return;
+            }
+            const target = event.target;
+            if (!this.checkboxes.includes(target)) {
+                return;
+            }
+            const targetValue = target.value ?? '';
+            const oldValue = [...this.value];
+            if (target.checked) {
+                if (!this.value.includes(targetValue)) {
+                    this.value = [...this.value, targetValue];
+                }
+            }
+            else {
+                this.value = this.value.filter((v) => v !== targetValue);
+            }
+            if (JSON.stringify(oldValue) !== JSON.stringify(this.value)) {
+                this.updateCheckboxes();
+                this.emit('plus-change', { detail: { value: this.value } });
+            }
+        };
+    }
+    handleSlotChange() {
+        this.updateCheckboxes();
+    }
+    updateCheckboxes() {
+        if (!this.checkboxes)
+            return;
+        this.checkboxes.forEach((checkbox) => {
+            checkbox.size = this.size;
+            checkbox.disabled = this.disabled;
+            checkbox.checked = this.value.includes(checkbox.value ?? '');
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('plus-change', this.handleCheckboxChange);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('plus-change', this.handleCheckboxChange);
+    }
+    render() {
+        const { base } = checkboxGroupStyle({ vertical: this.vertical });
+        return x `
+      <div
+        part="base"
+        role="group"
+        class=${base()}
+        @slotchange=${this.handleSlotChange}
+      >
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+__decorate([
+    o({ selector: 'plus-checkbox', flatten: true })
+], PlusCheckboxGroup.prototype, "checkboxes", void 0);
+__decorate([
+    n({ type: Array })
+], PlusCheckboxGroup.prototype, "value", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusCheckboxGroup.prototype, "vertical", void 0);
+__decorate([
+    n({ reflect: true })
+], PlusCheckboxGroup.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusCheckboxGroup.prototype, "disabled", void 0);
+
+export { PlusCheckboxGroup };

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

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

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

@@ -0,0 +1,71 @@
+export declare const checkboxGroupStyle: import("tailwind-variants").TVReturnType<{
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}>, {
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+}, import("tailwind-variants").TVReturnType<{
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    vertical: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=checkbox-group.style.d.ts.map

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

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

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

@@ -0,0 +1,39 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const checkboxGroupStyle = ce({
+    slots: {
+        base: [
+            'plus-checkbox-group',
+            'flex w-full relative gap-0.5',
+        ],
+    },
+    variants: {
+        vertical: {
+            true: {
+                base: 'flex-col items-start',
+            },
+            false: {
+                base: 'flex-row items-center flex-wrap',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            vertical: false,
+            class: {
+                base: 'gap-x-5 gap-y-2',
+            },
+        },
+        {
+            vertical: true,
+            class: {
+                base: 'gap-2',
+            },
+        },
+    ],
+    defaultVariants: {
+        vertical: false,
+    },
+});
+
+export { checkboxGroupStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.style.js","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;IACnC,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,qBAAqB;YACrB,8BAA8B;SAC/B;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,IAAI,EAAE,sBAAsB;aAC7B;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,iCAAiC;aACxC;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,iBAAiB;aACxB;SACF;QACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { PlusCheckboxGroup } from './checkbox-group.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../query-assigned-elements-B8Evmg7O.js';
+import '../../base-Cl6v8-BZ.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import './checkbox-group.style.js';
+import '../../index-B9iart53.js';
+
+customElements.define('plus-checkbox-group', PlusCheckboxGroup);
+
+export { PlusCheckboxGroup };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,qBAAqB,CAAC;AAEpC,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/components/chip/chip.d.ts

@@ -0,0 +1,85 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-chip
+ * @since 0.0.0
+ * @status experimental
+ *
+ * PlusChip component provides a compact element for displaying information, tags, or actions.
+ * Supports various visual styles, sizes, and states.
+ *
+ * @slot - The default slot for chip content
+ *
+ * @csspart base - The component's base wrapper
+ * @csspart icon - The dismiss icon wrapper
+ *
+ * @cssproperty --text-color - Controls the text color of the chip
+ * @cssproperty --border-color - Controls the border color of the chip
+ * @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
+ */
+export default class PlusChip extends Tailwind {
+    /**
+     * Determines the visual style of the chip
+     * - filled: Solid background color
+     * - outlined: Transparent background with border
+     * @default 'filled'
+     */
+    kind: 'filled' | 'outlined';
+    /**
+     * Sets the size of the chip
+     * - sm: Small size
+     * - md: Medium size
+     * - lg: Large size
+     * @default 'md'
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Defines the type of chip
+     * - default: Standard chip
+     * - avatar: Chip with avatar support
+     * @default 'default'
+     */
+    type: 'default' | 'avatar';
+    /**
+     * Sets the status/color variant of the chip
+     * - default: Neutral color scheme
+     * - success: Green color scheme
+     * - warning: Yellow color scheme
+     * - danger: Red color scheme
+     * - info: Blue color scheme
+     * @default 'default'
+     */
+    status: 'default' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * Controls the border radius style
+     * - full: Fully rounded corners
+     * - rounded: Slightly rounded corners
+     * @default 'full'
+     */
+    shape: 'full' | 'rounded';
+    /**
+     * Toggles inverted color scheme
+     * @default false
+     */
+    invert: boolean;
+    /**
+     * Shows/hides the dismiss button
+     * @default false
+     */
+    dismiss: boolean;
+    /**
+     * Disables the chip interaction
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Handles the dismiss event
+     * @private
+     */
+    private onDismiss;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusChip };
+//# sourceMappingURL=chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAK7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,QAAQ;IAC5C;;;;;OAKG;IAEH,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvC;;;;;;OAMG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;OAKG;IAEH,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAa;IAEvC;;;;;;;;OAQG;IAEH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAa;IAE1E;;;;;OAKG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAU;IAEnC;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IACH,OAAO,CAAC,SAAS;IAMR,MAAM;CAuEhB;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}