@plusui/library 0.1.0

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

@@ -0,0 +1,366 @@
+export declare const alertStyle: import("tailwind-variants").TVReturnType<{
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}, {
+    base: string[];
+    statusIcon: string;
+    content: string;
+    message: string;
+    description: string;
+    dismiss: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}, {
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}>, {
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}, {
+    base: string[];
+    statusIcon: string;
+    content: string;
+    message: string;
+    description: string;
+    dismiss: string;
+}, import("tailwind-variants").TVReturnType<{
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}, {
+    base: string[];
+    statusIcon: string;
+    content: string;
+    message: string;
+    description: string;
+    dismiss: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}, {
+    kind: {
+        filled: string;
+        outlined: string;
+        dashed: string;
+    };
+    size: {
+        sm: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        md: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+            dismiss: string;
+        };
+        lg: {
+            base: string;
+            content: string;
+            icon: string;
+            message: string;
+            description: string;
+        };
+    };
+    status: {
+        default: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+    invert: {
+        true: string;
+        false: string;
+    };
+    dismissible: {
+        true: string;
+        false: string;
+    };
+    hidden: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=alert.style.d.ts.map

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

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

package/dist/components/alert/alert.style.js

@@ -0,0 +1,81 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const alertStyle = ce({
+    slots: {
+        base: [
+            'alert plus-ui-element',
+            'flex items-start justify-between',
+            'w-full rounded',
+            'bg-[var(--bg-color,var(--i-bg-color))]',
+            'border-[var(--border-color,var(--i-border-color))] border border-solid',
+            'transition-all duration-200 ease-out',
+            'opacity-100 transform scale-100',
+            'motion-reduce:transition-none',
+        ],
+        statusIcon: 'status-icon text-[var(--icon-color,var(--i-icon-color))] ',
+        content: 'content-area flex flex-col gap-2 flex-1',
+        message: 'message block font-medium text-[var(--message-color,var(--i-message-color))] ',
+        description: 'description block font-normal text-[var(--description-color,var(--i-description-color))] empty:hidden',
+        dismiss: 'dismiss flex items-center justify-center text-[var(--dismiss-color,var(--i-dismiss-color))] w-[1em] cursor-pointer',
+    },
+    variants: {
+        kind: {
+            filled: 'filled',
+            outlined: 'outlined',
+            dashed: 'dashed border-dashed',
+        },
+        size: {
+            sm: {
+                base: 'p-3 gap-2',
+                content: 'gap-2',
+                icon: 'text-sm',
+                message: 'text-sm',
+                description: 'text-xs',
+                dismiss: 'text-sm',
+            },
+            md: {
+                base: 'p-3.5 gap-2.5',
+                content: 'gap-2.5',
+                icon: 'text-base',
+                message: 'text-base ',
+                description: 'text-sm',
+                dismiss: 'text-base',
+            },
+            lg: {
+                base: 'p-4 gap-3',
+                content: 'gap-3',
+                icon: 'text-lg',
+                message: 'text-lg',
+                description: 'text-lg',
+            },
+        },
+        status: {
+            default: 'default',
+            success: 'success',
+            warning: 'warning',
+            danger: 'danger',
+            info: 'info',
+        },
+        invert: {
+            true: '',
+            false: '',
+        },
+        dismissible: {
+            true: '',
+            false: '',
+        },
+        hidden: {
+            true: 'hidden',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        kind: 'filled',
+        status: 'info',
+        invert: false,
+        dismissible: true,
+        hidden: false,
+    },
+});
+
+export { alertStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.style.js","sourceRoot":"","sources":["../../../src/components/alert/alert.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;IAC3B,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,uBAAuB;YACvB,kCAAkC;YAClC,gBAAgB;YAChB,wCAAwC;YACxC,wEAAwE;YACxE,sCAAsC;YACtC,iCAAiC;YACjC,+BAA+B;SAChC;QACD,UAAU,EACR,2DAA2D;QAC7D,OAAO,EACL,yCAAyC;QAC3C,OAAO,EACL,+EAA+E;QACjF,WAAW,EACT,uGAAuG;QACzG,OAAO,EACL,oHAAoH;KACvH;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,sBAAsB;SAC/B;QACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,SAAS;gBACtB,OAAO,EAAE,SAAS;aACnB;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,YAAY;gBACrB,WAAW,EAAE,SAAS;gBACtB,OAAO,EAAE,WAAW;aACrB;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,SAAS;aACvB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,MAAM;SACb;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;QACD,WAAW,EAAE;YACX,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,KAAK;KACd;CACF,CAAC,CAAC"}

package/dist/components/alert/alert.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=alert.styles.d.ts.map

package/dist/components/alert/alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":";AAEA,wBAYE"}

package/dist/components/alert/alert.styles.js

@@ -0,0 +1,15 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  :host([full-width]) {
+    width: 100%;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+`;
+//# sourceMappingURL=alert.styles.js.map

package/dist/components/alert/alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.js","sourceRoot":"","sources":["../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;CAYjB,CAAC"}

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

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

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

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

package/dist/components/alert/index.js

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

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

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

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,75 @@
+import Tailwind from '../base/tailwind-base';
+import { Size } from '../../model/plus';
+/**
+ * @tag plus-avatar
+ * @since 0.0.0
+ * @status experimental
+ *
+ * PlusAvatar component provides a visual representation for users or entities.
+ * Supports images, text initials, icons and various visual styles.
+ *
+ * @slot - The default slot for avatar content
+ * @slot fallback - Optional slot for custom fallback content
+ *
+ * @csspart base - The component's base wrapper
+ *
+ * @cssproperty --text-color - Controls the text color of the avatar
+ * @cssproperty --bg-default - Controls the default background color
+ */
+export default class PlusAvatar extends Tailwind {
+    /**
+     * URL of the avatar image
+     */
+    image?: string;
+    /**
+     * Alternative text for the avatar
+     */
+    alt?: string;
+    /**
+     * Shape of the avatar
+     * - circle: Circular shape
+     * - square: Square shape with slight rounding
+     * @default 'circle'
+     */
+    shape: 'circle' | 'square';
+    /**
+     * Size of the avatar
+     * Can be a predefined size (xs, sm, md, lg, xl) or custom value
+     * @default 'md'
+     */
+    size: Size | string;
+    /**
+     * Icon class to use when no image is available
+     * @default 'fa-solid fa-user'
+     */
+    icon: string;
+    /**
+     * Toggles inverted color scheme
+     * @default false
+     */
+    invert: boolean;
+    /**
+     * Text to display as initials when no image is available
+     */
+    text?: string;
+    /**
+     * Strategy to use when image fails to load
+     * - icon: Shows an icon
+     * - text: Shows text initials
+     * - custom: Uses fallback slot content
+     * @default 'icon'
+     */
+    fallbackStrategy: 'icon' | 'text' | 'custom';
+    private isFallback;
+    private get hasValidImage();
+    private get hasValidText();
+    private getInitials;
+    private handleError;
+    private handleLoad;
+    private renderImage;
+    private renderFallback;
+    private renderContent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusAvatar };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAe,IAAI,EAAS,MAAM,kBAAkB,CAAC;AAI5D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C;;OAEG;IACS,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACS,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACS,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAElD;;;;OAIG;IACS,IAAI,EAAE,IAAI,GAAG,MAAM,CAAY;IAE3C;;;OAGG;IACS,IAAI,EAAE,MAAM,CAAsB;IAE9C;;;OAGG;IAC0B,MAAM,UAAS;IAE5C;;OAEG;IACS,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;OAMG;IACS,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAU;IAIzD,OAAO,CAAC,UAAU,CAAS;IAGpC,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAGF,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,aAAa;IAgBZ,MAAM;CAiChB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}