@plusui/library 0.1.0

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

@@ -0,0 +1,439 @@
+/**
+ * Style configuration for the accordion component
+ */
+export declare const accordionStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    panel: string;
+    icon: string;
+    helper: string;
+    headerContainer: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}>, {
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    panel: string;
+    icon: string;
+    helper: string;
+    headerContainer: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    panel: string;
+    icon: string;
+    helper: string;
+    headerContainer: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        md: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+        lg: {
+            header: string;
+            panel: string;
+            helper: string;
+        };
+    };
+    expand: {
+        true: {
+            panel: string;
+            icon: string;
+        };
+        false: {
+            panel: string;
+            icon: string;
+        };
+    };
+    isGrouped: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLast: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isFirst: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            header: string;
+            panel: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=accordion.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.style.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.style.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwFzB,CAAC"}

package/dist/components/accordion/accordion.style.js

@@ -0,0 +1,91 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+/**
+ * Style configuration for the accordion component
+ */
+const accordionStyle = ce({
+    slots: {
+        base: 'accordion-base font-sans antialiased border border-color-default rounded bg-color-surface ',
+        header: 'header flex cursor-pointer flex-row items-center justify-between font-medium text-color-default',
+        panel: '',
+        icon: 'text-base text-center',
+        helper: 'text-color-caption font-normal',
+        headerContainer: 'flex flex-row items-center gap-3',
+    },
+    variants: {
+        size: {
+            sm: {
+                header: 'py-2 px-4 text-base gap-2',
+                panel: 'p-4 gap-4 text-base',
+                helper: 'text-base',
+            },
+            md: {
+                header: 'py-2.5 px-5 text-lg gap-3 h-[48px]',
+                panel: 'p-5 gap-5 text-lg',
+                helper: 'text-lg',
+            },
+            lg: {
+                header: 'py-3 px-6 text-xl gap-3  h-[52px]',
+                panel: 'p-6 gap-6 text-xl',
+                helper: 'text-xl',
+            },
+        },
+        expand: {
+            true: {
+                panel: 'block',
+                icon: 'fa-solid fa-angle-up',
+            },
+            false: {
+                panel: 'hidden',
+                icon: 'fa-solid fa-angle-down',
+            },
+        },
+        isGrouped: {
+            true: {
+                base: 'border-t-0 border-l-0 border-r-0 rounded-b-0',
+            },
+            false: {
+                base: '',
+            },
+        },
+        isLast: {
+            true: {
+                base: 'border-b-0',
+            },
+            false: {
+                base: 'border-b',
+            },
+        },
+        isFirst: {
+            true: {
+                base: '',
+            },
+            false: {
+                base: '',
+            },
+        },
+        disabled: {
+            true: {
+                base: 'cursor-not-allowed',
+                header: 'cursor-not-allowed bg-color-disabled text-color-disabled',
+                panel: 'bg-color-disabled',
+            },
+        },
+        // hasHelper: {
+        //   true: {
+        //     headerContainer: 'justify-between',
+        //   },
+        //   false: {
+        //     headerContainer: 'justify-end',
+        //   },
+        // },
+    },
+    defaultVariants: {
+        expand: false,
+        disabled: false,
+        isFirst: false,
+        hasHelper: false,
+    },
+});
+
+export { accordionStyle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.style.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;IAC/B,KAAK,EAAE;QACL,IAAI,EAAE,4FAA4F;QAClG,MAAM,EACJ,iGAAiG;QACnG,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,gCAAgC;QACxC,eAAe,EACb,kCAAkC;KACrC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,MAAM,EAAE,2BAA2B;gBACnC,KAAK,EAAE,qBAAqB;gBAC5B,MAAM,EAAE,WAAW;aACpB;YACD,EAAE,EAAE;gBACF,MAAM,EACJ,oCAAoC;gBACtC,KAAK,EAAE,mBAAmB;gBAC1B,MAAM,EAAE,SAAS;aAClB;YACD,EAAE,EAAE;gBACF,MAAM,EACJ,mCAAmC;gBACrC,KAAK,EAAE,mBAAmB;gBAC1B,MAAM,EAAE,SAAS;aAClB;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,sBAAsB;aAC7B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,wBAAwB;aAC/B;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,IAAI,EAAE,8CAA8C;aACrD;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;aACT;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,IAAI,EAAE,YAAY;aACnB;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;aACjB;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,IAAI,EAAE,EAAE;aACT;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;aACT;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,IAAI,EAAE,oBAAoB;gBAC1B,MAAM,EACJ,0DAA0D;gBAC5D,KAAK,EAAE,mBAAmB;aAC3B;SACF;QACD,eAAe;QACf,YAAY;QACZ,0CAA0C;QAC1C,OAAO;QACP,aAAa;QACb,sCAAsC;QACtC,OAAO;QACP,KAAK;KACN;IACD,eAAe,EAAE;QACf,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC"}

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

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

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

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

package/dist/components/accordion/index.js

@@ -0,0 +1,12 @@
+import PlusAccordion from './accordion.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import './accordion.style.js';
+import '../../index-B9iart53.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+
+customElements.define('plus-accordion', PlusAccordion);
+
+export { PlusAccordion };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,54 @@
+import Tailwind from '../base/tailwind-base';
+/**
+ * @tag plus-accordion-group
+ * @summary A container for grouping accordion items together.
+ *
+ * @slot default - Accordion items to be grouped
+ *
+ * @csspart container - The container element
+ *
+ * @example
+ * ```html
+ * <plus-accordion-group>
+ *   <plus-accordion>
+ *     <div slot="header">First Item</div>
+ *     <div slot="panel">Content</div>
+ *   </plus-accordion>
+ *   <plus-accordion>
+ *     <div slot="header">Second Item</div>
+ *     <div slot="panel">Content</div>
+ *   </plus-accordion>
+ * </plus-accordion-group>
+ * ```
+ */
+export default class PlusAccordionGroup extends Tailwind {
+    accordions: Array<Node>;
+    /**
+     * Whether multiple accordions can be expanded at the same time
+     * @type {boolean}
+     * @default false
+     * @attr multi
+     */
+    multi: boolean;
+    /**
+     * The visual style of the accordion group
+     * @type {'bordered' | 'divided' | 'separated'}
+     * @default 'bordered'
+     * @attr kind
+     */
+    kind: 'bordered' | 'divided' | 'separated';
+    /**
+     * The size of the accordions in the group
+     * @type {'sm' | 'md' | 'lg'}
+     * @default 'md'
+     * @attr size
+     */
+    size: 'sm' | 'md' | 'lg';
+    private toggleListener;
+    static styles: import("lit").CSSResult[];
+    private handleSlotChange;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusAccordionGroup };
+//# sourceMappingURL=accordion-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../src/components/accordion-group/accordion-group.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IACf,UAAU,EAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEhE;;;;;OAKG;IAMH,KAAK,UAAS;IAEd;;;;;OAKG;IAEH,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,CAAc;IAExD;;;;;OAKG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAKhC,OAAO,CAAC,cAAc,CAepB;IAEF,OAAgB,MAAM,4BAmDpB;IAEF,OAAO,CAAC,gBAAgB;IA6Bf,oBAAoB,IAAI,IAAI;IAkB5B,MAAM;CAYhB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}