@plusui/library 0.1.0

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

@@ -0,0 +1,436 @@
+export declare const textareaStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}, {
+    host: string;
+    textareaElement: string[];
+    textareaWrapper: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}>, {
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}, {
+    host: string;
+    textareaElement: string[];
+    textareaWrapper: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}, {
+    host: string;
+    textareaElement: string[];
+    textareaWrapper: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            textareaElement: string;
+        };
+        md: {
+            textareaElement: string;
+        };
+        lg: {
+            textareaElement: string;
+        };
+    };
+    error: {
+        true: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+        false: {
+            textareaElement: string;
+            textareaWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            textareaElement: string[];
+            textareaWrapper: string;
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+    readonly: {
+        true: {
+            textareaElement: string[];
+        };
+        false: {};
+    };
+    resize: {
+        none: {
+            textareaElement: string;
+        };
+        vertical: {
+            textareaElement: string;
+        };
+        horizontal: {
+            textareaElement: string;
+        };
+        both: {
+            textareaElement: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            host: string;
+        };
+        false: {
+            host: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export { labelStyle } from '../label/label.style';
+export { captionStyle } from '../caption/caption.style';
+//# sourceMappingURL=textarea.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.style.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0GxB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/textarea/textarea.style.js

@@ -0,0 +1,106 @@
+import { c as ce } from '../../index-B9iart53.js';
+export { labelStyle } from '../label/label.style.js';
+export { captionStyle } from '../caption/caption.style.js';
+
+const textareaStyle = ce({
+    slots: {
+        host: 'font-sans antialiased flex flex-col gap-1 items-start justify-start w-full relative',
+        textareaElement: [
+            'block',
+            'w-full',
+            'min-h-[60px]', // Default min height
+            'rounded-md',
+            'border',
+            'border-solid',
+            'border-color-default', // Use theme variable
+            'bg-color-surface', // Use theme variable
+            'px-3', // Horizontal padding
+            'py-2', // Vertical padding
+            'text-base', // Base font size
+            'text-color-default', // Use theme variable
+            'placeholder:text-color-placeholder', // Use theme variable
+            'transition-colors',
+            'duration-150',
+            'ease-in-out',
+            'focus:outline-none', // Focus handled by wrapper variant
+        ],
+        textareaWrapper: [
+            // Added wrapper for focus ring similar to input
+            'block w-full relative',
+            'rounded', // Wrapper gets the border radius
+            'focus-within:ring-default focus-within:border-color-primary focus-within:z-[1]', // Focus ring on wrapper
+        ],
+    },
+    variants: {
+        size: {
+            sm: {
+                textareaElement: 'text-sm min-h-[52px] py-1.5 px-2.5',
+            },
+            md: {
+                textareaElement: 'text-base min-h-[60px] py-2 px-3',
+            },
+            lg: {
+                textareaElement: 'text-lg min-h-[68px] py-2.5 px-4',
+            },
+        },
+        error: {
+            true: {
+                textareaElement: 'border-color-danger text-color-danger placeholder:text-color-danger', // Error styles on element
+                textareaWrapper: 'focus-within:border-color-danger focus-within:ring-color-danger border-color-danger', // Error styles on wrapper
+            },
+            false: {
+                textareaElement: 'border-color-default hover:border-color-primary',
+                textareaWrapper: 'focus-within:border-color-primary focus-within:ring-default',
+            },
+        },
+        disabled: {
+            true: {
+                textareaElement: [
+                    'border-color-disabled cursor-not-allowed',
+                    'bg-color-disabled text-color-disabled',
+                    'placeholder:text-color-disabled',
+                    'hover:border-color-disabled',
+                ],
+                textareaWrapper: 'border-color-disabled', // Ensure wrapper also gets disabled border
+                host: 'cursor-not-allowed',
+            },
+            false: {
+                host: 'cursor-text',
+            },
+        },
+        readonly: {
+            true: {
+                textareaElement: [
+                    'bg-color-default border-color-default',
+                    'text-color-default pointer-events-none cursor-default',
+                    'placeholder:text-color-default',
+                ],
+            },
+            false: {},
+        },
+        resize: {
+            none: { textareaElement: 'resize-none' },
+            vertical: { textareaElement: 'resize-y' },
+            horizontal: { textareaElement: 'resize-x' },
+            both: { textareaElement: 'resize' },
+        },
+        fullWidth: {
+            true: {
+                host: 'max-w-none',
+            },
+            false: {
+                host: 'max-w-md', // Or your default max-width
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        error: false,
+        disabled: false,
+        readonly: false,
+        resize: 'vertical',
+        fullWidth: false,
+    },
+});
+
+export { textareaStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.style.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;IAC9B,KAAK,EAAE;QACL,IAAI,EAAE,qFAAqF;QAC3F,eAAe,EAAE;YACf,OAAO;YACP,QAAQ;YACR,cAAc,EAAE,qBAAqB;YACrC,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,sBAAsB,EAAE,qBAAqB;YAC7C,kBAAkB,EAAE,qBAAqB;YACzC,MAAM,EAAE,qBAAqB;YAC7B,MAAM,EAAE,mBAAmB;YAC3B,WAAW,EAAE,iBAAiB;YAC9B,oBAAoB,EAAE,qBAAqB;YAC3C,oCAAoC,EAAE,qBAAqB;YAC3D,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,oBAAoB,EAAE,mCAAmC;SAC1D;QACD,eAAe,EAAE;YACf,gDAAgD;YAChD,uBAAuB;YACvB,SAAS,EAAE,iCAAiC;YAC5C,gFAAgF,EAAE,wBAAwB;SAC3G;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,eAAe,EACb,oCAAoC;aACvC;YACD,EAAE,EAAE;gBACF,eAAe,EACb,kCAAkC;aACrC;YACD,EAAE,EAAE;gBACF,eAAe,EACb,kCAAkC;aACrC;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,eAAe,EACb,qEAAqE,EAAE,0BAA0B;gBACnG,eAAe,EACb,qFAAqF,EAAE,0BAA0B;aACpH;YACD,KAAK,EAAE;gBACL,eAAe,EACb,iDAAiD;gBACnD,eAAe,EACb,6DAA6D;aAChE;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,eAAe,EAAE;oBACf,0CAA0C;oBAC1C,uCAAuC;oBACvC,iCAAiC;oBACjC,6BAA6B;iBAC9B;gBACD,eAAe,EAAE,uBAAuB,EAAE,2CAA2C;gBACrF,IAAI,EAAE,oBAAoB;aAC3B;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;aACpB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,eAAe,EAAE;oBACf,uCAAuC;oBACvC,uDAAuD;oBACvD,gCAAgC;iBACjC;aACF;YACD,KAAK,EAAE,EAAE;SACV;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;YACxC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;YACzC,UAAU,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;YAC3C,IAAI,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;SACpC;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,IAAI,EAAE,YAAY;aACnB;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU,EAAE,4BAA4B;aAC/C;SACF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,2CAA2C;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

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

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

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

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

package/dist/components/toast/index.js

@@ -0,0 +1,17 @@
+import { PlusToast } from './toast.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import './toast.style.js';
+import '../../index-B9iart53.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../controllers/slot-controller.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../../directive-DZCF8pFJ.js';
+import '../svg-icon/icons.js';
+
+customElements.define('plus-toast', PlusToast);
+
+export { PlusToast };

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

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

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,57 @@
+import { TemplateResult } from 'lit';
+import Tailwind from '../base/tailwind-base.js';
+import '../svg-icon/svg-icon.js';
+type SizeType = 'sm' | 'md' | 'lg';
+type StatusType = 'info' | 'success' | 'warning' | 'danger' | 'default';
+/**
+ * @tag plus-toast
+ * @summary Displays short, temporary messages.
+ *
+ * @slot - The default slot for the toast message content. If both message and header properties are set, this slot is ignored.
+ * @slot header - Optional header content for the toast. Overrides the header property.
+ * @slot icon - Optional icon content to replace the default status icon.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart container - The main container for icon, content, and close button.
+ * @csspart icon - The container for the status icon.
+ * @csspart content - The container for header and message text.
+ * @csspart header - The header text element.
+ * @csspart message - The message text element.
+ * @csspart close-button - The close button container.
+ *
+ * @cssproperty --toast-border-radius - Controls the border radius of the toast.
+ * @cssproperty --toast-padding - Controls the padding of the toast.
+ * @cssproperty --icon-size - Controls the size of the status icon.
+ * @cssproperty --close-button-size - Controls the size of the close button.
+ *
+ * @event plus-close - Emitted when the toast is closed by the user via the close button.
+ *
+ * @dependency plus-svg-icon
+ * @dependency SlotController
+ */
+export declare class PlusToast extends Tailwind {
+    private readonly slotController;
+    static styles: import("lit").CSSResult[];
+    /** The size of the toast. */
+    size: SizeType;
+    /** The visual style of the toast. */
+    kind: 'default' | 'outlined' | 'dashed';
+    /** The status variant of the toast, controlling color and icon. */
+    status: StatusType;
+    /** Determines if the dismiss button is shown. */
+    dismiss: boolean;
+    /** Shows the default status icon. */
+    statusIcon: boolean;
+    header?: string;
+    /** Optional custom icon name (e.g., 'fa-solid fa-star') or SVG string. Overrides the default status icon. Ignored if the 'icon' slot is used.*/
+    icon?: string;
+    message?: string;
+    private _handleCloseClick;
+    private _renderIcon;
+    private _renderHeader;
+    private _renderMessage;
+    private _renderDismissButton;
+    render(): TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAIhD,OAAO,yBAAyB,CAAC;AAGjC,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnC,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,SAAU,SAAQ,QAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA4B;IAE3D,OAAgB,MAAM,4BAQpB;IAEF,6BAA6B;IACD,IAAI,EAAE,QAAQ,CAAQ;IAElD,qCAAqC;IACT,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CACvD;IAEZ,mEAAmE;IACvC,MAAM,EAAE,UAAU,CAAa;IAE3D,iDAAiD;IAMjD,OAAO,UAAQ;IAEf,qCAAqC;IAOrC,UAAU,UAAQ;IAEU,MAAM,CAAC,EAAE,MAAM,CAAC;IAE5C,gJAAgJ;IACpH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,MAAM,CAAC;IAE7C,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,WAAW;IAkCnB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,oBAAoB;IAiBnB,MAAM;CA6BhB"}