@baklavue/ui 1.0.0 → 1.0.1

package/dist/textarea/Textarea.vue.d.ts

@@ -0,0 +1,35 @@
+import { TextareaProps } from './textarea.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: CustomEvent<any>) => any;
+    change: (event: CustomEvent<any>) => any;
+    "update:modelValue": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
+    onInput?: ((event: CustomEvent<any>) => any) | undefined;
+    onChange?: ((event: CustomEvent<any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string | null;
+    required: boolean;
+    maxlength: number;
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Textarea.vue.d.ts.map

package/dist/textarea/Textarea.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../src/textarea/Textarea.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+CtD,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BvTextarea } from './Textarea.vue';
+export type { TextareaProps, TextareaSize } from './textarea.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/textarea/textarea.types.d.ts

@@ -0,0 +1,37 @@
+/** Textarea size */
+export type TextareaSize = "small" | "medium" | "large";
+export interface TextareaProps {
+    /** Textarea value (use with v-model) */
+    modelValue?: string | null;
+    /** Label text */
+    label?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Number of visible rows */
+    rows?: number;
+    /** Maximum character length */
+    maxlength?: number;
+    /** Minimum character length */
+    minlength?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Readonly state */
+    readonly?: boolean;
+    /** Help text below the textarea */
+    helpText?: string;
+    /** Custom error/invalid message */
+    invalidText?: string;
+    /** Enable character counter */
+    characterCounter?: boolean;
+    /** Enable auto-expand up to maxRows */
+    expand?: boolean;
+    /** Max rows when expand is true */
+    maxRows?: number;
+    /** Textarea size */
+    size?: TextareaSize;
+    /** Name attribute for forms */
+    name?: string;
+}
+//# sourceMappingURL=textarea.types.d.ts.map

package/dist/textarea/textarea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../src/textarea/textarea.types.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,33 @@
+import { TooltipProps } from './tooltip.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    show: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    placement: import('./tooltip.types').TooltipPlacement;
+    trigger: string;
+    content: string;
+    delay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Tooltip.vue.d.ts.map

package/dist/tooltip/Tooltip.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../src/tooltip/Tooltip.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA6CpD,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAZrB,GAAG;yBAEF,GAAG;yBADH,GAAG;;;;EAgBhC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BvTooltip } from './Tooltip.vue';
+export type { TooltipProps, TooltipPlacement } from './tooltip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/tooltip/tooltip.types.d.ts

@@ -0,0 +1,17 @@
+/** Tooltip placement relative to trigger */
+export type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+export interface TooltipProps {
+    /** Tooltip content text */
+    content?: string;
+    /** Placement of tooltip relative to trigger (default: 'top') */
+    placement?: TooltipPlacement;
+    /** Target element (selector or Element) when using external trigger */
+    target?: string | Element;
+    /** Trigger type: 'hover' | 'click' etc. (passed to bl-tooltip) */
+    trigger?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Delay before showing tooltip (ms) */
+    delay?: number;
+}
+//# sourceMappingURL=tooltip.types.d.ts.map

package/dist/tooltip/tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/utils/loadBaklavaResources.d.ts

@@ -0,0 +1,2 @@
+export declare const loadBaklavaResources: () => void;
+//# sourceMappingURL=loadBaklavaResources.d.ts.map

package/dist/utils/loadBaklavaResources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadBaklavaResources.d.ts","sourceRoot":"","sources":["../../src/utils/loadBaklavaResources.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,YAyBhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baklavue/ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Vue 3 UI kit for Trendyol Baklava Design System",
   "author": "erbilnas",
   "license": "MIT",
@@ -22,18 +22,34 @@
     "components",
     "ui"
   ],
-  "module": "index.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
   "type": "module",
   "scripts": {
+    "build": "bunx vite build",
+    "prepublishOnly": "bun run build",
     "release": "semantic-release -e semantic-release-monorepo",
     "release:dry-run": "semantic-release --dry-run -e semantic-release-monorepo",
     "test": "vitest",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage"
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@types/bun": "latest",
     "@vitejs/plugin-vue": "^5.2.4",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.3.0",
     "@vitest/coverage-v8": "^4.0.18",
     "@vue/test-utils": "^2.4.6",
     "happy-dom": "^20.6.1",

package/.releaserc.json

@@ -1,14 +0,0 @@
-{
-  "extends": "semantic-release-monorepo",
-  "tagFormat": "@baklavue/ui-v${version}",
-  "branches": ["main", { "name": "preview", "prerelease": true, "channel": "beta" }],
-  "repositoryUrl": "https://github.com/erbilnas/baklavue",
-  "plugins": [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    "@semantic-release/changelog",
-    ["@semantic-release/npm", { "npmPublish": true }],
-    "@semantic-release/github",
-    "@semantic-release/git"
-  ]
-}

package/CHANGELOG.md

@@ -1,88 +0,0 @@
-# @baklavue/ui-v1.0.0 (2026-02-12)
-
-
-### Bug Fixes
-
-* fix package version ([620618d](https://github.com/erbilnas/baklavue/commit/620618df664022f1b68859aee4b374f6586731bb))
-* fix release ci ([6c22554](https://github.com/erbilnas/baklavue/commit/6c225541b182c4b8692af000e7c13ca6e546599a))
-* fix release ci ([6e23d99](https://github.com/erbilnas/baklavue/commit/6e23d99cac122d033c72d6d98819e0329c92bcdc))
-
-
-### Features
-
-* add accordion and alert components ([10b8155](https://github.com/erbilnas/baklavue/commit/10b81556184432deb2772d3489c24be6115e667c))
-* add accordion, alert and badge components ([b939941](https://github.com/erbilnas/baklavue/commit/b939941e469a29b10ddcc6196f97700951672f97))
-* add file upload component ([7aa41b1](https://github.com/erbilnas/baklavue/commit/7aa41b1766c72572be97c84bddc2ca5dccac9be8))
-* add github pages support ([c76dffa](https://github.com/erbilnas/baklavue/commit/c76dffa8eb32b8293aca7c7e1f5d2ee4139802b0))
-* add image component ([609eefe](https://github.com/erbilnas/baklavue/commit/609eefe9a4a9f74fc19c7e2a8aa2ab0d7529686f))
-* add info for npm package ([8ffbb9f](https://github.com/erbilnas/baklavue/commit/8ffbb9f81d108d633608ebe8d3854a2f6861475a))
-* add new components ([b3c535e](https://github.com/erbilnas/baklavue/commit/b3c535e010e1e43b9b04365df2205b69a0777695))
-* add new components ([f977070](https://github.com/erbilnas/baklavue/commit/f977070bc1634941a5566f079922410838e1e257))
-* add new components ([fa3b4d1](https://github.com/erbilnas/baklavue/commit/fa3b4d1586f7e5b15194d182931e5bc89fd2f1dd))
-* add new components ([ec926f0](https://github.com/erbilnas/baklavue/commit/ec926f0e9ba11c1a28a97c8afee4829b38ed8539))
-* add new components ([5d3d7e2](https://github.com/erbilnas/baklavue/commit/5d3d7e2e5a040cb57bd964db2cee2178bb574a82))
-* add new components ([22a1506](https://github.com/erbilnas/baklavue/commit/22a150681ad8587c92ad5546fbc256d9275b6d00))
-* add new composables ([49105ea](https://github.com/erbilnas/baklavue/commit/49105eaa106f1a5b888f9e3f9638ed9776b3d55b))
-* add theme customizer tool for docs ([70c08cf](https://github.com/erbilnas/baklavue/commit/70c08cf505ff02b1ab6c3e569055b703674bb822))
-* disable npm package-lock for bun ([d91c5ca](https://github.com/erbilnas/baklavue/commit/d91c5ca0d8566aff9c021b1cad431eda86bc2d95))
-* disable npm package-lock for bun ([86fd15e](https://github.com/erbilnas/baklavue/commit/86fd15ed42ded4e198ed22845acdb659cdfde191))
-* initial commit ([d98b3f9](https://github.com/erbilnas/baklavue/commit/d98b3f9e6cc6e8238f197eaa117a050365987b18))
-* remove playground to develop new docs ([043d89c](https://github.com/erbilnas/baklavue/commit/043d89c7944c8b2acff3bb21c571691f21c99162))
-* seperate publishing packages ([e8092d8](https://github.com/erbilnas/baklavue/commit/e8092d87a6579cf6d2798053cd6150fc4ccd98a8))
-
-# [@baklavue/ui-v1.0.0-preview.4](https://github.com/erbilnas/baklavue/compare/@baklavue/ui-v1.0.0-preview.3...@baklavue/ui-v1.0.0-preview.4) (2026-02-11)
-
-
-### Features
-
-* add file upload component ([7aa41b1](https://github.com/erbilnas/baklavue/commit/7aa41b1766c72572be97c84bddc2ca5dccac9be8))
-* add image component ([609eefe](https://github.com/erbilnas/baklavue/commit/609eefe9a4a9f74fc19c7e2a8aa2ab0d7529686f))
-
-# [@baklavue/ui-v1.0.0-preview.3](https://github.com/erbilnas/baklavue/compare/@baklavue/ui-v1.0.0-preview.2...@baklavue/ui-v1.0.0-preview.3) (2026-02-11)
-
-
-### Features
-
-* add new components ([b3c535e](https://github.com/erbilnas/baklavue/commit/b3c535e010e1e43b9b04365df2205b69a0777695))
-* add new composables ([49105ea](https://github.com/erbilnas/baklavue/commit/49105eaa106f1a5b888f9e3f9638ed9776b3d55b))
-
-# [@baklavue/ui-v1.0.0-preview.2](https://github.com/erbilnas/baklavue/compare/@baklavue/ui-v1.0.0-preview.1...@baklavue/ui-v1.0.0-preview.2) (2026-02-11)
-
-
-### Features
-
-* add theme customizer tool for docs ([70c08cf](https://github.com/erbilnas/baklavue/commit/70c08cf505ff02b1ab6c3e569055b703674bb822))
-
-# @baklavue/ui-v1.0.0-preview.1 (2026-02-11)
-
-
-### Bug Fixes
-
-* fix package version ([620618d](https://github.com/erbilnas/baklavue/commit/620618df664022f1b68859aee4b374f6586731bb))
-* fix release ci ([6c22554](https://github.com/erbilnas/baklavue/commit/6c225541b182c4b8692af000e7c13ca6e546599a))
-* fix release ci ([6e23d99](https://github.com/erbilnas/baklavue/commit/6e23d99cac122d033c72d6d98819e0329c92bcdc))
-
-
-### Features
-
-* add accordion and alert components ([10b8155](https://github.com/erbilnas/baklavue/commit/10b81556184432deb2772d3489c24be6115e667c))
-* add accordion, alert and badge components ([b939941](https://github.com/erbilnas/baklavue/commit/b939941e469a29b10ddcc6196f97700951672f97))
-* add github pages support ([c76dffa](https://github.com/erbilnas/baklavue/commit/c76dffa8eb32b8293aca7c7e1f5d2ee4139802b0))
-* add info for npm package ([8ffbb9f](https://github.com/erbilnas/baklavue/commit/8ffbb9f81d108d633608ebe8d3854a2f6861475a))
-* add new components ([f977070](https://github.com/erbilnas/baklavue/commit/f977070bc1634941a5566f079922410838e1e257))
-* add new components ([fa3b4d1](https://github.com/erbilnas/baklavue/commit/fa3b4d1586f7e5b15194d182931e5bc89fd2f1dd))
-* add new components ([ec926f0](https://github.com/erbilnas/baklavue/commit/ec926f0e9ba11c1a28a97c8afee4829b38ed8539))
-* add new components ([5d3d7e2](https://github.com/erbilnas/baklavue/commit/5d3d7e2e5a040cb57bd964db2cee2178bb574a82))
-* add new components ([22a1506](https://github.com/erbilnas/baklavue/commit/22a150681ad8587c92ad5546fbc256d9275b6d00))
-* disable npm package-lock for bun ([d91c5ca](https://github.com/erbilnas/baklavue/commit/d91c5ca0d8566aff9c021b1cad431eda86bc2d95))
-* disable npm package-lock for bun ([86fd15e](https://github.com/erbilnas/baklavue/commit/86fd15ed42ded4e198ed22845acdb659cdfde191))
-* initial commit ([d98b3f9](https://github.com/erbilnas/baklavue/commit/d98b3f9e6cc6e8238f197eaa117a050365987b18))
-* remove playground to develop new docs ([043d89c](https://github.com/erbilnas/baklavue/commit/043d89c7944c8b2acff3bb21c571691f21c99162))
-* seperate publishing packages ([e8092d8](https://github.com/erbilnas/baklavue/commit/e8092d87a6579cf6d2798053cd6150fc4ccd98a8))
-
-# [1.0.0-preview.4](https://github.com/erbilnas/baklavue/compare/v1.0.0-preview.3...v1.0.0-preview.4) (2026-02-09)
-
-
-### Features
-
-* remove playground to develop new docs ([043d89c](https://github.com/erbilnas/baklavue/commit/043d89c7944c8b2acff3bb21c571691f21c99162))

package/env.d.ts

@@ -1,5 +0,0 @@
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
-  const component: DefineComponent<object, object, unknown>;
-  export default component;
-}

package/index.ts

@@ -1 +0,0 @@
-export * from "./src";

package/src/accordion/Accordion.spec.ts

@@ -1,75 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, it } from "vitest";
-import BvAccordion from "./Accordion.vue";
-
-describe("BvAccordion", () => {
-  it("renders single accordion mode", () => {
-    const wrapper = mount(BvAccordion, {
-      props: { caption: "Section" },
-      slots: { default: "Content" },
-    });
-    expect(wrapper.find("bl-accordion").exists()).toBe(true);
-    expect(wrapper.text()).toContain("Content");
-    expect(wrapper.find("bl-accordion").element.getAttribute("caption")).toBe("Section");
-  });
-
-  it("renders group mode when items and multiple provided", () => {
-    const wrapper = mount(BvAccordion, {
-      props: {
-        multiple: false,
-        items: [
-          { caption: "Q1", content: "A1" },
-          { caption: "Q2", content: "A2" },
-        ],
-      },
-      slots: { item: "<p>Answer</p>" },
-    });
-    expect(wrapper.find("bl-accordion-group").exists()).toBe(true);
-    expect(wrapper.findAll("bl-accordion").length).toBeGreaterThan(0);
-  });
-
-  it("emits toggle when single accordion fires bl-toggle", async () => {
-    const wrapper = mount(BvAccordion, {
-      props: { caption: "Test" },
-      slots: { default: "Content" },
-    });
-    const el = wrapper.find("bl-accordion").element;
-    el.dispatchEvent(
-      new CustomEvent("bl-toggle", { bubbles: true, detail: true }),
-    );
-    await wrapper.vm.$nextTick();
-    expect(wrapper.emitted("toggle")).toEqual([[true]]);
-  });
-
-  it("emits toggle false when detail is false", async () => {
-    const wrapper = mount(BvAccordion, {
-      props: { caption: "Test" },
-      slots: { default: "Content" },
-    });
-    wrapper.find("bl-accordion").element.dispatchEvent(
-      new CustomEvent("bl-toggle", { bubbles: true, detail: false }),
-    );
-    await wrapper.vm.$nextTick();
-    expect(wrapper.emitted("toggle")).toEqual([[false]]);
-  });
-
-  it("passes disabled to bl-accordion in single mode", () => {
-    const wrapper = mount(BvAccordion, {
-      props: { caption: "Test", disabled: true },
-      slots: { default: "Content" },
-    });
-    expect(wrapper.find("bl-accordion").element.hasAttribute("disabled")).toBe(true);
-  });
-
-  it("exposes expand and collapse methods", () => {
-    const wrapper = mount(BvAccordion, {
-      props: { caption: "Test" },
-      slots: { default: "Content" },
-    });
-    const vm = wrapper.vm as unknown as { expand: () => void; collapse: () => void };
-    expect(typeof vm.expand).toBe("function");
-    expect(typeof vm.collapse).toBe("function");
-    vm.expand();
-    vm.collapse();
-  });
-});

package/src/accordion/Accordion.vue

@@ -1,206 +0,0 @@
-<script setup lang="ts">
-/**
- * Accordion Component
- *
- * A Vue UI kit component for Baklava's `bl-accordion` and `bl-accordion-group` web components.
- * Can be used as either a single accordion or as a group container for multiple accordions.
- *
- * @component
- * @example
- * ```vue
- * <!-- Single accordion -->
- * <template>
- *   <Accordion :open="isOpen" @toggle="isOpen = $event" caption="Section Title">
- *     <p>Accordion content goes here</p>
- *   </Accordion>
- * </template>
- * ```
- *
- * @example
- * ```vue
- * <!-- Accordion group - only one open at a time -->
- * <template>
- *   <Accordion :multiple="false" :items="items">
- *     <template #item="{ item }">
- *       <p>{{ item.answer }}</p>
- *     </template>
- *   </Accordion>
- * </template>
- * ```
- *
- * @example
- * ```vue
- * <!-- Accordion group - multiple can be open -->
- * <template>
- *   <Accordion :multiple="true" :items="sections">
- *     <template #item="{ item }">
- *       <p>{{ item.description }}</p>
- *     </template>
- *   </Accordion>
- * </template>
- * ```
- */
-import { computed, onMounted, ref, watch } from "vue";
-import { loadBaklavaResources } from "../utils/loadBaklavaResources";
-import type { AccordionProps } from "./accordion.types";
-
-/**
- * Component props with default values.
- */
-const props = withDefaults(defineProps<AccordionProps>(), {
-  open: false,
-  caption: undefined,
-  icon: undefined,
-  disabled: false,
-  animationDuration: 250,
-  multiple: undefined,
-});
-
-/**
- * Component events.
- */
-const emit = defineEmits<{
-  /**
-   * Emitted when the accordion is toggled (opened or closed).
-   * Only used when component is in single accordion mode.
-   *
-   * @param {boolean} open - The new open state of the accordion.
-   */
-  toggle: [open: boolean];
-}>();
-
-/**
- * Reference to the underlying web component element.
- */
-const accordionRef = ref<HTMLElement | null>(null);
-
-/**
- * Determines if the component should act as a group container.
- * When `multiple` prop is provided and `items` is defined, it acts as a group.
- */
-const isGroupMode = computed(
-  () => props.multiple !== undefined && Array.isArray(props.items),
-);
-
-/**
- * Watches for changes to the `open` prop and syncs with the web component.
- * Only applies when in single accordion mode.
- *
- * When the prop changes, it calls the appropriate expand/collapse method
- * on the underlying web component.
- */
-watch(
-  () => props.open,
-  (newValue) => {
-    if (!isGroupMode.value && accordionRef.value) {
-      const blAccordion = accordionRef.value as any;
-      if (newValue && !blAccordion.open) {
-        blAccordion.expand();
-      } else if (!newValue && blAccordion.open) {
-        blAccordion.collapse();
-      }
-    }
-  },
-  { immediate: true },
-);
-
-/**
- * Handles the toggle event from the underlying web component.
- * Only used when component is in single accordion mode.
- *
- * @param {CustomEvent<boolean>} event - The toggle event from bl-accordion.
- */
-const handleToggle = (event: CustomEvent<boolean>): void => {
-  if (!isGroupMode.value) {
-    const isOpen = event.detail;
-    emit("toggle", isOpen);
-  }
-};
-
-/**
- * Lifecycle hook: Component mounted.
- *
- * Loads Baklava resources and syncs the initial open state with the web component
- * (only when in single accordion mode).
- */
-onMounted(() => {
-  loadBaklavaResources();
-
-  // Sync initial state (only for single accordion mode)
-  if (!isGroupMode.value && accordionRef.value) {
-    const blAccordion = accordionRef.value as any;
-    if (props.open && !blAccordion.open) {
-      blAccordion.expand();
-    } else if (!props.open && blAccordion.open) {
-      blAccordion.collapse();
-    }
-  }
-});
-
-/**
- * Exposed methods for programmatic control of the accordion.
- * Only available when component is in single accordion mode.
- */
-defineExpose({
-  /**
-   * Expands the accordion programmatically.
-   *
-   * @public
-   */
-  expand: (): void => {
-    if (!isGroupMode.value && accordionRef.value) {
-      (accordionRef.value as any).expand();
-    }
-  },
-
-  /**
-   * Collapses the accordion programmatically.
-   *
-   * @public
-   */
-  collapse: (): void => {
-    if (!isGroupMode.value && accordionRef.value) {
-      (accordionRef.value as any).collapse();
-    }
-  },
-});
-</script>
-
-<template>
-  <!-- Group mode: render as bl-accordion-group -->
-  <!-- Render bl-accordion for each item in props.items. Content via #item slot. -->
-  <bl-accordion-group
-    v-if="isGroupMode"
-    :multiple="props.multiple === true ? true : undefined"
-  >
-    <bl-accordion
-      v-for="(item, index) in props.items"
-      :key="index"
-      v-bind="{
-        open: item.open === true ? true : undefined,
-        caption: item.caption,
-        icon: item.icon,
-        disabled: item.disabled === true ? true : undefined,
-        animationDuration: item.animationDuration,
-      }"
-    >
-      <slot name="item" :item="item" :index="index" />
-    </bl-accordion>
-  </bl-accordion-group>
-
-  <!-- Single accordion mode: render as bl-accordion -->
-  <bl-accordion
-    v-else
-    ref="accordionRef"
-    v-bind="{
-      open: props.open === true ? true : undefined,
-      caption: props.caption,
-      icon: props.icon,
-      disabled: props.disabled === true ? true : undefined,
-      animationDuration: props.animationDuration,
-    }"
-    @bl-toggle="handleToggle"
-  >
-    <slot />
-  </bl-accordion>
-</template>