@plusui/library 0.1.0

package/dist/components/tag/tag.js

@@ -0,0 +1,189 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import Tailwind from '../base/tailwind-base.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { tagStyle } from './tag.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-tag
+ * @summary Tag component for displaying status, labels, and categories.
+ *
+ * @slot - The tag content (text, icons, etc.)
+ *
+ * @csspart tag - The component's base wrapper
+ *
+ * @cssproperty --text-color - Controls the text color of the tag
+ * @cssproperty --border-color - Controls the border color of the tag
+ * @cssproperty --bg-default - Controls the default background color
+ *
+ * @example
+ * ```html
+ * <plus-tag status="success">Completed</plus-tag>
+ * <plus-tag status="warning">Pending</plus-tag>
+ * <plus-tag status="danger">Error</plus-tag>
+ * ```
+ */
+const textColorMap = {
+    default: 'default',
+    primary: 'base',
+    success: 'base',
+    warning: 'base',
+    danger: 'base',
+    info: 'base',
+};
+/**
+ * A versatile tag component for displaying status, labels, and categories
+ *
+ * @tag plus-tag
+ *
+ * @csspart tag - The container element for the tag
+ *
+ * @cssproperty [--tag-bg-color] - Background color for default state (inherits from --plus-color-background-neutral-default)
+ * @cssproperty [--tag-text-color] - Text color for default state (inherits from --plus-color-text-default)
+ *
+ * @property {('success'|'warning'|'error'|'info'|'default')} status - Defines the tag's visual state and color scheme
+ * @property {('sm'|'md'|'lg')} size - Controls the tag's size variant
+ * @property {boolean} invert - Toggles between light/dark color themes
+ * @property {('full'|'medium'|'none')} radius - Sets the border radius style
+ *
+ * @attribute {string} aria-label - Accessible label for the tag (falls back to text content)
+ * @attribute {string} role - ARIA role (defaults to "status")
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage -->
+ * <plus-tag>Default Tag</plus-tag>
+ *
+ * <!-- With status -->
+ * <plus-tag status="success">Success</plus-tag>
+ * <plus-tag status="warning">Warning</plus-tag>
+ * <plus-tag status="error">Error</plus-tag>
+ *
+ * <!-- Size variants -->
+ * <plus-tag size="sm">Small</plus-tag>
+ * <plus-tag size="md">Medium</plus-tag>
+ * <plus-tag size="lg">Large</plus-tag>
+ *
+ * <!-- Border radius options -->
+ * <plus-tag radius="full">Pill Shape</plus-tag>
+ * <plus-tag radius="medium">Rounded</plus-tag>
+ * <plus-tag radius="none">Square</plus-tag>
+ *
+ * <!-- Inverted theme -->
+ * <plus-tag invert>Dark Theme</plus-tag>
+ * ```
+ *
+ * @cssExample
+ * ```css
+ * plus-tag {
+ *   --tag-bg-color: #f0f0f0;
+ *   --tag-text-color: #333333;
+ * }
+ * ```
+ */
+class PlusTag extends Tailwind {
+    constructor() {
+        super();
+        /**
+         * Sets the status/color variant of the tag
+         * - default: Neutral color scheme
+         * - primary: Brand color scheme
+         * - success: Green color scheme
+         * - warning: Yellow color scheme
+         * - danger: Red color scheme
+         * - info: Blue color scheme
+         * @default 'default'
+         */
+        this.status = 'default';
+        /**
+         * Sets the size of the tag
+         * - sm: Small size
+         * - md: Medium size
+         * - lg: Large size
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Toggles between light/dark color themes
+         * @default false
+         */
+        this.invert = false;
+        /**
+         * Sets the border radius style
+         * - full: Pill shape
+         * - medium: Rounded corners
+         * - none: Square corners
+         * @default 'full'
+         */
+        this.radius = 'full';
+    }
+    get ariaLabel() {
+        return this.getAttribute('aria-label') || this.textContent || 'tag';
+    }
+    render() {
+        const getColorVariables = () => {
+            if (this.invert) {
+                return {
+                    '--i-bg-default': `var(--plus-color-background-${this.status}-invert-default)`,
+                    '--i-text-color': `var(--plus-color-text-default)`,
+                    '--i-border-color': `var(--plus-color-border-${this.status}-invert)`,
+                };
+            }
+            return {
+                '--i-bg-default': `var(--plus-color-background-${this.status}-default)`,
+                '--i-text-color': `var(--plus-color-text-${textColorMap[this.status]})`,
+                '--i-border-color': `var(--plus-color-border-${this.status})`,
+            };
+        };
+        const commonStyles = getColorVariables();
+        const dynamicStyles = {
+            '--d-text': 'var(--text-color,var(--i-text-color))',
+            '--d-border': 'var(--border-color,var(--i-border-color))',
+            '--d-bg-default': 'var(--bg-default,var(--i-bg-default))',
+        };
+        return x `
+      <div
+        part="tag"
+        role="status"
+        aria-label=${this.ariaLabel}
+        class=${tagStyle({
+            size: this.size,
+            radius: this.radius,
+            status: this.status,
+        })}
+        style=${o({ ...dynamicStyles, ...commonStyles })}
+      >
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+PlusTag.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: inline-block;
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+      }
+    `,
+];
+__decorate([
+    n({ type: String })
+], PlusTag.prototype, "status", void 0);
+__decorate([
+    n({ type: String })
+], PlusTag.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusTag.prototype, "invert", void 0);
+__decorate([
+    n({ type: String })
+], PlusTag.prototype, "radius", void 0);
+
+export { PlusTag, PlusTag as default };

package/dist/components/tag/tag.js.map

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

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

@@ -0,0 +1,135 @@
+export declare const tagStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        full: string;
+        medium: string;
+        none: string;
+    };
+    status: {
+        default: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=tag.style.d.ts.map

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

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

package/dist/components/tag/tag.style.js

@@ -0,0 +1,38 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const tagStyle = ce({
+    base: [
+        'tag antialiased flex flex-row items-center justify-center font-sans overflow-hidden',
+        'py-0.5 px-1.5 gap-1.5',
+        'text-(--d-text)',
+        'bg-(--d-bg-default)',
+        'border border-(--d-border)',
+    ],
+    variants: {
+        size: {
+            sm: 'text-xs px-1 gap-1',
+            md: 'text-sm',
+            lg: 'text-md',
+        },
+        radius: {
+            full: 'rounded-full',
+            medium: 'rounded-md',
+            none: 'rounded-none',
+        },
+        status: {
+            default: 'default',
+            primary: 'primary',
+            success: 'success',
+            warning: 'warning',
+            danger: 'danger',
+            info: 'info',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        status: 'default',
+        radius: 'full',
+    },
+});
+
+export { tagStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.style.js","sourceRoot":"","sources":["../../../src/components/tag/tag.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;IACzB,IAAI,EAAE;QACJ,qFAAqF;QACrF,uBAAuB;QACvB,iBAAiB;QACjB,qBAAqB;QACrB,4BAA4B;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,oBAAoB;YACxB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;QACD,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,cAAc;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;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/text/index.js

@@ -0,0 +1,12 @@
+import { PlusText } from './text.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 './text.style.js';
+import '../../index-B9iart53.js';
+
+customElements.define('plus-text', PlusText);
+
+export { PlusText };

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

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

package/dist/components/text/text.d.ts

@@ -0,0 +1,36 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-text
+ *
+ * Text component for displaying text with various styles based on the design system.
+ * Renders the appropriate semantic HTML tag based on the `kind` property (e.g., h1, h2, p, div).
+ *
+ * @slot - The default slot for the text content.
+ *
+ * @csspart base - The component's base wrapper element (e.g., h1, p, div).
+ *
+ * @cssproperty --i-text-color - Inherited text color variable.
+ */
+export declare class PlusText extends Tailwind {
+    /**
+     * Defines the visual style and semantic meaning of the text.
+     * - `display`: For large, prominent display text (rendered as div).
+     * - `heading1`: For the main heading (rendered as h1).
+     * - `heading2`: For secondary headings (rendered as h2).
+     * - `title1`: For primary titles (rendered as h3 - adjust as needed).
+     * - `title2`: For secondary titles (rendered as h4 - adjust as needed).
+     * - `body`: For standard body text (rendered as p) (default).
+     * - `body-accent`: For emphasized body text (rendered as p).
+     * - `helper`: For helper text, often used with form elements (rendered as div).
+     * - `caption`: For small caption text (rendered as div).
+     * @default 'body'
+     */
+    kind: 'display' | 'heading1' | 'heading2' | 'title1' | 'title2' | 'body' | 'body-accent' | 'helper' | 'caption';
+    private getTag;
+    /**
+     * Renders the text component with the appropriate styles and semantic tag.
+     * @returns The rendered template.
+     */
+    render(): import("lit-html").TemplateResult;
+}
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAG7C;;;;;;;;;;;GAWG;AACH,qBAAa,QAAS,SAAQ,QAAQ;IACpC;;;;;;;;;;;;OAYG;IAEH,IAAI,EACA,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,aAAa,GACb,QAAQ,GACR,SAAS,CAAU;IAEvB,OAAO,CAAC,MAAM;IAqBd;;;OAGG;IACM,MAAM;CAWhB"}

package/dist/components/text/text.js

@@ -0,0 +1,85 @@
+import { _ as __decorate, n as n$1 } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import Tailwind from '../base/tailwind-base.js';
+import { textStyle } from './text.style.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const a=Symbol.for(""),o=t=>{if(t?.r===a)return t?._$litStatic$},i=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a}),l=new Map,n=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u=n(x);
+
+/**
+ * @tag plus-text
+ *
+ * Text component for displaying text with various styles based on the design system.
+ * Renders the appropriate semantic HTML tag based on the `kind` property (e.g., h1, h2, p, div).
+ *
+ * @slot - The default slot for the text content.
+ *
+ * @csspart base - The component's base wrapper element (e.g., h1, p, div).
+ *
+ * @cssproperty --i-text-color - Inherited text color variable.
+ */
+class PlusText extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the visual style and semantic meaning of the text.
+         * - `display`: For large, prominent display text (rendered as div).
+         * - `heading1`: For the main heading (rendered as h1).
+         * - `heading2`: For secondary headings (rendered as h2).
+         * - `title1`: For primary titles (rendered as h3 - adjust as needed).
+         * - `title2`: For secondary titles (rendered as h4 - adjust as needed).
+         * - `body`: For standard body text (rendered as p) (default).
+         * - `body-accent`: For emphasized body text (rendered as p).
+         * - `helper`: For helper text, often used with form elements (rendered as div).
+         * - `caption`: For small caption text (rendered as div).
+         * @default 'body'
+         */
+        this.kind = 'body';
+    }
+    getTag() {
+        switch (this.kind) {
+            case 'heading1':
+                return i `h1`;
+            case 'heading2':
+                return i `h2`;
+            case 'title1':
+                return i `h3`; // Or another appropriate heading level
+            case 'title2':
+                return i `h4`; // Or another appropriate heading level
+            case 'body':
+            case 'body-accent':
+                return i `p`;
+            case 'display':
+            case 'helper':
+            case 'caption':
+            default:
+                return i `div`; // Use div for non-paragraph/heading types
+        }
+    }
+    /**
+     * Renders the text component with the appropriate styles and semantic tag.
+     * @returns The rendered template.
+     */
+    render() {
+        const classes = textStyle({ kind: this.kind });
+        const tag = this.getTag();
+        // Render the dynamic tag using the result from getTag()
+        return u `
+      <${tag} part="base" class=${classes}>
+        <slot></slot>
+      </${tag}>
+    `;
+    }
+}
+__decorate([
+    n$1({ type: String })
+], PlusText.prototype, "kind", void 0);
+
+export { PlusText };

package/dist/components/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,QAAS,SAAQ,QAAQ;IAAtC;;QACE;;;;;;;;;;;;WAYG;QAEH,SAAI,GASY,MAAM,CAAC;IAsCzB,CAAC;IApCS,MAAM;QACZ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,UAAU;gBACb,OAAO,OAAO,CAAA,IAAI,CAAC;YACrB,KAAK,UAAU;gBACb,OAAO,OAAO,CAAA,IAAI,CAAC;YACrB,KAAK,QAAQ;gBACX,OAAO,OAAO,CAAA,IAAI,CAAC,CAAC,uCAAuC;YAC7D,KAAK,QAAQ;gBACX,OAAO,OAAO,CAAA,IAAI,CAAC,CAAC,uCAAuC;YAC7D,KAAK,MAAM,CAAC;YACZ,KAAK,aAAa;gBAChB,OAAO,OAAO,CAAA,GAAG,CAAC;YACpB,KAAK,SAAS,CAAC;YACf,KAAK,QAAQ,CAAC;YACd,KAAK,SAAS,CAAC;YACf;gBACE,OAAO,OAAO,CAAA,KAAK,CAAC,CAAC,0CAA0C;QACnE,CAAC;IACH,CAAC;IAED;;;OAGG;IACM,MAAM;QACb,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAE1B,wDAAwD;QACxD,OAAO,IAAI,CAAA;SACN,GAAG,sBAAsB,OAAO;;UAE/B,GAAG;KACR,CAAC;IACJ,CAAC;CACF;AA/CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAUJ"}

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

@@ -0,0 +1,86 @@
+export declare const textStyle: import("tailwind-variants").TVReturnType<{
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}, {
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}>, {
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}, {
+    kind: {
+        display: string;
+        heading1: string;
+        heading2: string;
+        title1: string;
+        title2: string;
+        body: string;
+        'body-accent': string;
+        helper: string;
+        caption: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=text.style.d.ts.map

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

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

package/dist/components/text/text.style.js

@@ -0,0 +1,23 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const textStyle = ce({
+    base: ['plus-text', 'plus-ui-element'],
+    variants: {
+        kind: {
+            display: 'font-bold text-6xl text-color-default',
+            heading1: 'font-semibold text-3xl text-color-default',
+            heading2: 'font-semibold text-2xl text-color-default',
+            title1: 'font-medium text-xl text-color-default',
+            title2: 'font-medium text-lg text-color-default',
+            body: 'font-normal text-base text-color-default',
+            'body-accent': 'font-medium text-base text-color-default',
+            helper: 'font-medium text-sm text-color-placeholder',
+            caption: 'font-normal text-sm text-color-caption',
+        },
+    },
+    defaultVariants: {
+        kind: 'body',
+    },
+});
+
+export { textStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.style.js","sourceRoot":"","sources":["../../../src/components/text/text.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EACL,uCAAuC;YACzC,QAAQ,EACN,2CAA2C;YAC7C,QAAQ,EACN,2CAA2C;YAC7C,MAAM,EACJ,wCAAwC;YAC1C,MAAM,EACJ,wCAAwC;YAC1C,IAAI,EAAE,0CAA0C;YAChD,aAAa,EACX,0CAA0C;YAC5C,MAAM,EACJ,4CAA4C;YAC9C,OAAO,EACL,wCAAwC;SAC3C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/textarea/index.js

@@ -0,0 +1,20 @@
+import { PlusTextarea } from './textarea.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 '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
+import '../../directive-DZCF8pFJ.js';
+import './textarea.style.js';
+import '../../index-B9iart53.js';
+import '../label/label.style.js';
+import '../caption/caption.style.js';
+
+customElements.define('plus-textarea', PlusTextarea);
+
+export { PlusTextarea };