primevuelab 4.0.0-beta.4 → 5.0.0-beta.2

package/LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2018-2024 PrimeTek
+Copyright (c) 2018-2025 PrimeTek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,90 +1,10 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![npm version](https://badge.fury.io/js/primevuelab.svg)](https://badge.fury.io/js/primevuelab)
+[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)
 [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
 [![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)
 
-[![primevuelab Hero](https://www.primefaces.org/static/social/primevuelab-preview.jpg)](https://primevuelab.org/)
+[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)
 
-# primevuelab
+# PrimeVue Website
 
-primevuelab is a rich set of open source UI Components for Vue. See [primevuelab homepage](https://primevuelab.org/) for live showcase and documentation.
-
-## Download
-
-primevuelab is available at [npm](https://www.npmjs.com/package/primevuelab).
-
-```
-# Using npm
-npm install primevuelab
-
-# Using yarn
-yarn add primevuelab
-
-# Using pnpm
-pnpm add primevuelab
-```
-
-## Plugin
-
-primevuelab plugin is required to be installed as an application plugin to set up the default configuration. The plugin is lightweight, only sets up the configuration object without affecting your application. primevuelab has two styling modes; Styled and Unstyled. If you are just getting started, we suggest to using the styled mode.
-
-**Styled Mode**
-
-Styled mode provides pre-skinned components, default theme is Aura with emerald as the primary color.
-
-```javascript
-import { createApp } from 'vue';
-import primevuelabStyled from 'primevuelab/config';
-const app = createApp(App);
-
-app.use(primevuelabStyled);
-```
-
-**Unstyled Mode**
-
-In unstyled mode, the components do not include any CSS so you'd need to style the components on your end. If you are using Tailwind CSS, visit the [Tailwind Presets](https://tailwind.primevuelab.org) project to get you started with styling the components with Tailwind utility classes.
-
-```javascript
-import { createApp } from 'vue';
-import primevuelabUnstyled from 'primevuelab/config';
-const app = createApp(App);
-
-app.use(primevuelabUnstyled);
-```
-
-## Usage
-
-Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.
-
-```javascript
-import Button from 'primevuelab/button';
-
-const app = createApp(App);
-app.component('Button', Button);
-```
-
-## Prop Cases
-
-Component prop names are described as camel case throughout the documentation however kebab-case is also fully supported. Events on the other hand should always be kebab-case.
-
-```vue
-<Dialog :showHeader="false"></Dialog>
-
-<!-- can be written as -->
-
-<Dialog :show-header="false"></Dialog>
-```
-
-## Nuxt Integration
-
-The [nuxt-primevuelab](https://www.npmjs.com/package/nuxt-primevuelab) package is the official module by PrimeTek. See the nuxt documentation for details. [information](https://primevuelab.org/nuxt)
-
-## Example
-
-We've created various samples for the popular options in the Vue ecosystem. Visit the [primevuelab-examples](https://github.com/primefaces/primevuelab-examples) repository for the samples.
-
-## Contributors
-
-<a href="https://github.com/primefaces/primevuelab/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=primefaces/primevuelab" />
-</a>
+PrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.

package/accordion/Accordion.vue

@@ -1,72 +1,27 @@
 <template>
     <div :class="cx('root')" v-bind="ptmi('root')">
-        <template v-if="hasAccordionTab">
-            <AccordionPanel v-for="(tab, i) of tabs" :key="getKey(tab, i)" :value="`${i}`" :pt="{ root: getTabPT(tab, 'root', i) }" :disabled="getTabProp(tab, 'disabled')">
-                <AccordionHeader :class="getTabProp(tab, 'headerClass')" :pt="getHeaderPT(tab, i)">
-                    <component v-if="tab.children && tab.children.headericon" :is="tab.children.headericon" :isTabActive="isItemActive(`${i}`)" :active="isItemActive(`${i}`)" :index="i"></component>
-                    <span v-if="tab.props && tab.props.header" v-bind="getTabPT(tab, 'headertitle', i)">{{ tab.props.header }}</span>
-                    <template #toggleicon="slotProps">
-                        <component
-                            v-if="slotProps.active"
-                            :is="$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'"
-                            :class="[collapseIcon, slotProps.class]"
-                            aria-hidden="true"
-                            v-bind="getTabPT(tab, 'headericon', i)"
-                        />
-                        <component v-else :is="$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'" :class="[expandIcon, slotProps.class]" aria-hidden="true" v-bind="getTabPT(tab, 'headericon', i)" />
-                    </template>
-                    <component v-if="tab.children && tab.children.header" :is="tab.children.header"></component>
-                </AccordionHeader>
-                <AccordionContent :pt="getContentPT(tab, i)">
-                    <component :is="tab"></component>
-                </AccordionContent>
-            </AccordionPanel>
-        </template>
-
-        <slot v-else></slot>
+        <slot></slot>
     </div>
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevuelab/core/utils';
-import ChevronRightIcon from '@primevuelab/icons/chevronright';
-import ChevronUpIcon from '@primevuelab/icons/chevronup';
-import AccordionContent from 'primevuelab/accordioncontent';
-import AccordionHeader from 'primevuelab/accordionheader';
-import AccordionPanel from 'primevuelab/accordionpanel';
-import { mergeProps } from 'vue';
 import BaseAccordion from './BaseAccordion.vue';
 
 export default {
     name: 'Accordion',
     extends: BaseAccordion,
     inheritAttrs: false,
-    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],
+    emits: ['update:value'],
     data() {
         return {
-            id: this.$attrs.id,
             d_value: this.value
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        },
         value(newValue) {
             this.d_value = newValue;
-        },
-        activeIndex: {
-            immediate: true,
-            handler(newValue) {
-                if (this.hasAccordionTab) {
-                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();
-                }
-            }
         }
     },
-    mounted() {
-        this.id = this.id || UniqueComponentId();
-    },
     methods: {
         isItemActive(value) {
             return this.multiple ? this.d_value?.includes(value) : this.d_value === value;
@@ -86,85 +41,7 @@ export default {
             }
 
             this.$emit('update:value', this.d_value);
-
-            // @deprecated since v4.
-            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));
-            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });
-        },
-        // @deprecated since v4. Use new structure instead.
-        isAccordionTab(child) {
-            return child.type.name === 'AccordionTab';
-        },
-        getTabProp(tab, name) {
-            return tab.props ? tab.props[name] : undefined;
-        },
-        getKey(tab, index) {
-            return this.getTabProp(tab, 'header') || index;
-        },
-        getHeaderPT(tab, index) {
-            return {
-                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),
-                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))
-            };
-        },
-        getContentPT(tab, index) {
-            return {
-                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),
-                transition: this.getTabPT(tab, 'transition', index),
-                content: this.getTabPT(tab, 'content', index)
-            };
-        },
-        getTabPT(tab, key, index) {
-            const count = this.tabs.length;
-            const tabMetaData = {
-                props: tab.props || {},
-                parent: {
-                    instance: this,
-                    props: this.$props,
-                    state: this.$data
-                },
-                context: {
-                    index,
-                    count,
-                    first: index === 0,
-                    last: index === count - 1,
-                    active: this.isItemActive(`${index}`)
-                }
-            };
-
-            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));
-        },
-        onTabClick(event, index) {
-            this.$emit('tab-click', { originalEvent: event, index });
         }
-    },
-    computed: {
-        // @deprecated since v4.
-        tabs() {
-            return this.$slots.default().reduce((tabs, child) => {
-                if (this.isAccordionTab(child)) {
-                    tabs.push(child);
-                } else if (child.children && child.children instanceof Array) {
-                    child.children.forEach((nestedChild) => {
-                        if (this.isAccordionTab(nestedChild)) {
-                            tabs.push(nestedChild);
-                        }
-                    });
-                }
-
-                return tabs;
-            }, []);
-        },
-        hasAccordionTab() {
-            return this.tabs.length;
-        }
-    },
-    components: {
-        AccordionPanel,
-        AccordionHeader,
-        AccordionContent,
-        ChevronUpIcon,
-        ChevronRightIcon
     }
 };
 </script>

package/accordion/BaseAccordion.vue

@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         value: {
-            type: [String, Array],
+            type: [String, Number, Array],
             default: undefined
         },
         multiple: {
@@ -33,11 +33,6 @@ export default {
         collapseIcon: {
             type: String,
             default: undefined
-        },
-        // @deprecated since v4.
-        activeIndex: {
-            type: [Number, Array],
-            default: null
         }
     },
     style: AccordionStyle,

package/accordion/index.d.ts

@@ -0,0 +1,222 @@
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordion
+ *
+ */
+import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevuelab/core';
+import type { ComponentHooks } from '@primevuelab/core/basecomponent';
+import type { PassThroughOptions } from 'primevuelab/passthrough';
+import { VNode } from 'vue';
+
+export declare type AccordionPassThroughOptionType = AccordionPassThroughAttributes | ((options: AccordionPassThroughMethodOptions) => AccordionPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface AccordionPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: AccordionProps;
+    /**
+     * Defines current inline state.
+     */
+    state: AccordionState;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+/**
+ * Custom tab open event.
+ * @see {@link AccordionEmitsOptions.tab-open}
+ */
+export interface AccordionTabOpenEvent {
+    /**
+     * Browser mouse event.
+     * @type {MouseEvent}
+     */
+    originalEvent: MouseEvent;
+    /**
+     * Opened tab index.
+     */
+    index: number;
+}
+
+/**
+ * Custom tab close event.
+ * @see {@link AccordionEmitsOptions.tab-close}
+ * @extends {AccordionTabOpenEvent}
+ */
+export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {}
+
+/**
+ * Custom tab open event.
+ * @see {@link AccordionEmitsOptions.tab-open}
+ * @extends AccordionTabOpenEvent
+ */
+export interface AccordionClickEvent extends AccordionTabOpenEvent {}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link AccordionProps.pt}
+ */
+export interface AccordionPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: AccordionPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface AccordionPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Accordion component.
+ */
+export interface AccordionState {
+    /**
+     * Current id state as a string
+     */
+    id: string;
+    /**
+     * Current active value state.
+     */
+    d_value: string | string[];
+}
+
+/**
+ * Defines valid properties in Accordion component.
+ */
+export interface AccordionProps {
+    /**
+     * Value of the active panel or an array of values in multiple mode.
+     * @defaultValue null
+     */
+    value?: string | string[] | number | number[] | null | undefined;
+    /**
+     * When enabled, multiple tabs can be activated at the same time.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
+     * @defaultValue false
+     */
+    lazy?: boolean | undefined;
+    /**
+     * Icon of a collapsed tab.
+     */
+    expandIcon?: string | undefined;
+    /**
+     * Icon of an expanded tab.
+     */
+    collapseIcon?: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @defaultValue 0
+     */
+    tabindex?: number | undefined;
+    /**
+     * When enabled, the focused tab is activated.
+     * @defaultValue false
+     */
+    selectOnFocus?: boolean | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {AccordionPassThroughOptions}
+     */
+    pt?: PassThrough<AccordionPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Accordion slots.
+ */
+export interface AccordionSlots {
+    /**
+     * Default slot to detect AccordionTab components.
+     */
+    default(): VNode[];
+    /**
+     * Custom collapse icon template.
+     */
+    collapseicon(): VNode[];
+    /**
+     * Custom expand icon template.
+     */
+    expandicon(): VNode[];
+}
+
+/**
+ * Defines valid emits in Accordion component.
+ */
+export interface AccordionEmitsOptions {
+    /**
+     * Emitted when the active panel changes.
+     * @param {string | string[] | null | undefined} value - Value of new active panel.
+     */
+    'update:value'(value: string | string[] | null | undefined): void;
+}
+
+export declare type AccordionEmits = EmitFn<AccordionEmitsOptions>;
+
+/**
+ * **PrimeVue - Accordion**
+ *
+ * _Accordion groups a collection of contents in tabs._
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Accordion: DefineComponent<AccordionProps, AccordionSlots, AccordionEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Accordion: DefineComponent<AccordionProps, AccordionSlots, AccordionEmits>;
+    }
+}
+
+export default Accordion;

package/accordion/index.mjs

@@ -0,0 +1,94 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionStyle from 'primevuelab/accordion/style';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseAccordion',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: [String, Number, Array],
+      "default": undefined
+    },
+    multiple: {
+      type: Boolean,
+      "default": false
+    },
+    lazy: {
+      type: Boolean,
+      "default": false
+    },
+    tabindex: {
+      type: Number,
+      "default": 0
+    },
+    selectOnFocus: {
+      type: Boolean,
+      "default": false
+    },
+    expandIcon: {
+      type: String,
+      "default": undefined
+    },
+    collapseIcon: {
+      type: String,
+      "default": undefined
+    }
+  },
+  style: AccordionStyle,
+  provide: function provide() {
+    return {
+      $pcAccordion: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Accordion',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:value'],
+  data: function data() {
+    return {
+      d_value: this.value
+    };
+  },
+  watch: {
+    value: function value(newValue) {
+      this.d_value = newValue;
+    }
+  },
+  methods: {
+    isItemActive: function isItemActive(value) {
+      var _this$d_value;
+      return this.multiple ? (_this$d_value = this.d_value) === null || _this$d_value === void 0 ? void 0 : _this$d_value.includes(value) : this.d_value === value;
+    },
+    updateValue: function updateValue(newValue) {
+      var active = this.isItemActive(newValue);
+      if (this.multiple) {
+        if (active) {
+          this.d_value = this.d_value.filter(function (v) {
+            return v !== newValue;
+          });
+        } else {
+          if (this.d_value) this.d_value.push(newValue);else this.d_value = [newValue];
+        }
+      } else {
+        this.d_value = active ? null : newValue;
+      }
+      this.$emit('update:value', this.d_value);
+    }
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=index.mjs.map

package/accordion/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/accordion/BaseAccordion.vue","../../src/accordion/Accordion.vue","../../src/accordion/Accordion.vue?vue&type=template&id=5f509aee&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport AccordionStyle from 'primevuelab/accordion/style';\n\nexport default {\n    name: 'BaseAccordion',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number, Array],\n            default: undefined\n        },\n        multiple: {\n            type: Boolean,\n            default: false\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        },\n        expandIcon: {\n            type: String,\n            default: undefined\n        },\n        collapseIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: AccordionStyle,\n    provide() {\n        return {\n            $pcAccordion: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","Array","undefined","multiple","Boolean","lazy","tabindex","selectOnFocus","expandIcon","collapseIcon","style","AccordionStyle","provide","$pcAccordion","$parentInstance","BaseAccordion","inheritAttrs","emits","data","d_value","watch","newValue","methods","isItemActive","_this$d_value","includes","updateValue","active","filter","v","push","$emit","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":"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"}

package/accordion/package.json

@@ -1,7 +1,7 @@
 {
-    "main": "accordion.mjs",
-    "module": "accordion.mjs",
-    "types": "./Accordion.d.ts",
+    "main": "./index.mjs",
+    "module": "./index.mjs",
+    "types": "./index.d.ts",
     "browser": {
         "./sfc": "./Accordion.vue"
     },

package/accordion/style/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordionstyle
+ *
+ */
+import type { BaseStyle } from '@primevuelab/core/base/style';
+
+export enum AccordionClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-accordion'
+}
+
+export interface AccordionStyle extends BaseStyle {}

package/accordion/style/index.mjs

@@ -0,0 +1,14 @@
+import { style } from '@primeuix/styles/accordion';
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: 'p-accordion p-component'
+};
+var AccordionStyle = BaseStyle.extend({
+  name: 'accordion',
+  style: style,
+  classes: classes
+});
+
+export { AccordionStyle as default };
+//# sourceMappingURL=index.mjs.map

package/accordion/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/accordion';\nimport BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: 'p-accordion p-component'\n};\n\nexport default BaseStyle.extend({\n    name: 'accordion',\n    style,\n    classes\n});\n"],"names":["classes","root","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,KAAK,EAALA,KAAK;AACLL,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/accordion/style/package.json

@@ -1,6 +1,6 @@
 {
-    "main": "accordionstyle.mjs",
-    "module": "accordionstyle.mjs",
-    "types": "./AccordionStyle.d.ts",
+    "main": "./index.mjs",
+    "module": "./index.mjs",
+    "types": "./index.d.ts",
     "sideEffects": false
 }