@plusui/library 0.1.0

package/dist/components/chip/chip.js

@@ -0,0 +1,189 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { E, x } from '../../lit-element-ByzbtpGk.js';
+import Tailwind from '../base/tailwind-base.js';
+import { chipStyle } from './chip.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-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
+ */
+class PlusChip extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * Determines the visual style of the chip
+         * - filled: Solid background color
+         * - outlined: Transparent background with border
+         * @default 'filled'
+         */
+        this.kind = 'filled';
+        /**
+         * Sets the size of the chip
+         * - sm: Small size
+         * - md: Medium size
+         * - lg: Large size
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Defines the type of chip
+         * - default: Standard chip
+         * - avatar: Chip with avatar support
+         * @default 'default'
+         */
+        this.type = 'default';
+        /**
+         * 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'
+         */
+        this.status = 'default';
+        /**
+         * Controls the border radius style
+         * - full: Fully rounded corners
+         * - rounded: Slightly rounded corners
+         * @default 'full'
+         */
+        this.shape = 'full';
+        /**
+         * Toggles inverted color scheme
+         * @default false
+         */
+        this.invert = false;
+        /**
+         * Shows/hides the dismiss button
+         * @default false
+         */
+        this.dismiss = false;
+        /**
+         * Disables the chip interaction
+         * @default false
+         */
+        this.disabled = false;
+    }
+    /**
+     * Handles the dismiss event
+     * @private
+     */
+    onDismiss() {
+        if (!this.disabled) {
+            this.emit('dismiss');
+        }
+    }
+    render() {
+        const filledStyles = {
+            '--i-bg-default': `var(--plus-color-background-${this.status}-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-text-color': `var(--plus-color-text-${this.status === 'default' ? 'default' : 'base'})`,
+            '--i-border-color': 'transparent',
+        };
+        const filledInvertStyles = {
+            '--i-bg-default': `var(--plus-color-background-${this.status}-invert-default)`,
+            '--i-bg-hovered': `var(--plus-color-background-${this.status}-invert-hovered)`,
+            '--i-bg-focused': `var(--plus-color-background-${this.status}-invert-pressed)`,
+            '--i-bg-pressed': `var(--plus-color-background-${this.status}-invert-focused)`,
+            '--i-text-color': `var(--plus-color-text-${this.status === 'default' ? 'base' : 'default'})`,
+            '--i-border-color': 'transparent',
+        };
+        const outlinedStyles = {
+            '--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-text-color': `var(--plus-color-text-${this.status})`,
+            '--i-border-color': `var(--plus-color-border-${this.status})`,
+        };
+        const styles = {
+            filled: this.invert ? filledInvertStyles : filledStyles,
+            outlined: outlinedStyles,
+        };
+        const style = o(styles[this.kind]);
+        const { base, icon } = chipStyle({
+            kind: this.kind,
+            size: this.size,
+            type: this.type,
+            shape: this.shape,
+            disabled: this.disabled,
+            status: this.status,
+        });
+        return x `
+      <div
+        role="status"
+        aria-live="polite"
+        tabindex=${this.disabled ? '-1' : '0'}
+        aria-disabled=${this.disabled}
+        aria-label=${`${this.status} chip`}
+        class=${base()}
+        style=${style}
+        part="base"
+      >
+        <slot></slot>
+        ${this.dismiss
+            ? x `<plus-icon
+              class=${icon()}
+              role="button"
+              tabindex="0"
+              part="icon"
+              aria-label="Remove"
+              @click=${this.onDismiss}
+              iconName="xmark"
+            >
+            </plus-icon>`
+            : E}
+      </div>
+    `;
+    }
+}
+__decorate([
+    n({ type: String })
+], PlusChip.prototype, "kind", void 0);
+__decorate([
+    n({ type: String })
+], PlusChip.prototype, "size", void 0);
+__decorate([
+    n({ type: String })
+], PlusChip.prototype, "type", void 0);
+__decorate([
+    n({ type: String })
+], PlusChip.prototype, "status", void 0);
+__decorate([
+    n({ type: String })
+], PlusChip.prototype, "shape", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value !== 'false' })
+], PlusChip.prototype, "invert", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value !== 'false' })
+], PlusChip.prototype, "dismiss", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusChip.prototype, "disabled", void 0);
+
+export { PlusChip, PlusChip as default };

package/dist/components/chip/chip.js.map

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

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

@@ -0,0 +1,263 @@
+export declare const chipStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    kind: {
+        filled: string;
+        outlined: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    disabled: {
+        true: {
+            base: string[];
+            icon: string[];
+        };
+        false: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    type: {
+        avatar: string;
+        default: string;
+    };
+    shape: {
+        full: string;
+        rounded: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=chip.style.d.ts.map

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

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

package/dist/components/chip/chip.style.js

@@ -0,0 +1,71 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const chipStyle = ce({
+    slots: {
+        base: [
+            'chip antialiased',
+            'font-sans font-normal',
+            'inline-flex items-center justify-center',
+            'border',
+        ],
+        icon: ['icon'],
+    },
+    variants: {
+        size: {
+            sm: 'small py-0.5 px-1.5 text-xs gap-1',
+            md: 'medium py-1 px-2 text-sm gap-1.5',
+            lg: 'large py-1.5 px-2.5 text-base gap-2',
+        },
+        kind: {
+            filled: 'filled',
+            outlined: 'outlined',
+        },
+        status: {
+            default: 'default',
+            primary: 'primary',
+            success: 'success',
+            warning: 'warning',
+            danger: 'danger',
+            info: 'info',
+        },
+        disabled: {
+            true: {
+                base: [
+                    'disabled cursor-not-allowed',
+                    'bg-color-disabled text-color-disabled border-color-disabled',
+                ],
+                icon: [''],
+            },
+            false: {
+                base: [
+                    'text-color-dynamic',
+                    'border-color-dynamic',
+                    'bg-color-dynamic-default',
+                    'hover:bg-color-dynamic-hovered',
+                    'active:bg-color-dynamic-pressed',
+                    'focus-visible:bg-color-dynamic-focused',
+                    'focus-visible:ring-default',
+                ],
+                icon: ['cursor-pointer'],
+            },
+        },
+        type: {
+            avatar: '',
+            default: '',
+        },
+        shape: {
+            full: 'full-rounded rounded-full',
+            rounded: 'rounded rounded-md',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        kind: 'filled',
+        type: 'default',
+        disabled: false,
+        shape: 'full',
+        status: 'default',
+    },
+});
+
+export { chipStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.style.js","sourceRoot":"","sources":["../../../src/components/chip/chip.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;IAC1B,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,kBAAkB;YAClB,uBAAuB;YACvB,yCAAyC;YACzC,QAAQ;SACT;QACD,IAAI,EAAE,CAAC,MAAM,CAAC;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,mCAAmC;YACvC,EAAE,EAAE,kCAAkC;YACtC,EAAE,EAAE,qCAAqC;SAC1C;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,UAAU;SACrB;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;oBACJ,6BAA6B;oBAC7B,6DAA6D;iBAC9D;gBACD,IAAI,EAAE,CAAC,EAAE,CAAC;aACX;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,oBAAoB;oBACpB,sBAAsB;oBACtB,0BAA0B;oBAC1B,gCAAgC;oBAChC,iCAAiC;oBACjC,wCAAwC;oBACxC,4BAA4B;iBAC7B;gBACD,IAAI,EAAE,CAAC,gBAAgB,CAAC;aACzB;SACF;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,2BAA2B;YACjC,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/chip/index.js

@@ -0,0 +1,12 @@
+import PlusChip from './chip.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 './chip.style.js';
+import '../../index-B9iart53.js';
+import '../../style-map-DC_vNus2.js';
+import '../../directive-DZCF8pFJ.js';
+
+customElements.define('plus-chip', PlusChip);

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAIrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC"}

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,49 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-divider
+ * @since 0.0.0
+ * @status stable
+ *
+ * PlusDivider component is used to visually separate content in a list or group.
+ *
+ * @slot - The default slot for optional divider content (for text dividers)
+ *
+ * @csspart divider - The component's base wrapper
+ * @csspart label - The text content container
+ *
+ * @cssproperty --divider-color - Controls the color of the divider
+ * @cssproperty --divider-thickness - Controls the thickness of the divider
+ * @cssproperty --divider-spacing - Controls the spacing around the divider
+ */
+export default class PlusDivider extends Tailwind {
+    /**
+     * The orientation of the divider.
+     * @default 'horizontal'
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * The Kind of the divider.
+     * @default 'solid'
+     */
+    kind: 'solid' | 'dashed' | 'dotted';
+    /**
+     * The position of the text content (only applicable with hasContent=true)
+     * @default 'center'
+     */
+    contentPosition: 'left' | 'center' | 'right';
+    /**
+     * The thickness of the divider
+     * @default 'thin'
+     */
+    thickness: 'thin' | 'medium' | 'thick';
+    /**
+     * Whether the divider has content or not
+     * @default false
+     */
+    hasContent: boolean;
+    static styles: import("lit").CSSResult[];
+    handleSlotChange(event: Event): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusDivider };
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;IAC/C;;;OAGG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;;OAGG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAW;IAE9C;;;OAGG;IAEH,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAExD;;;OAGG;IAEH,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAU;IAEhD;;;OAGG;IAEH,UAAU,UAAS;IAEnB,OAAgB,MAAM,4BAAsC;IAE5D,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAKpB,MAAM;CAoDhB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}