@semplice-studio/pa-design-system 0.1.0

package/LICENSE

@@ -0,0 +1,190 @@
+EUROPEAN UNION PUBLIC LICENCE v. 1.2
+EUPL © the European Union 2007, 2016
+
+This European Union Public Licence (the ‘EUPL’) applies to the Work (as defined below) which is provided under the
+terms of this Licence. Any use of the Work, other than as authorised under this Licence is prohibited (to the extent such
+use is covered by a right of the copyright holder of the Work).
+The Work is provided under the terms of this Licence when the Licensor (as defined below) has placed the following
+notice immediately following the copyright notice for the Work:
+                          Licensed under the EUPL
+or has expressed by any other means his willingness to license under the EUPL.
+
+1.Definitions
+In this Licence, the following terms have the following meaning:
+— ‘The Licence’:this Licence.
+— ‘The Original Work’:the work or software distributed or communicated by the Licensor under this Licence, available
+as Source Code and also as Executable Code as the case may be.
+— ‘Derivative Works’:the works or software that could be created by the Licensee, based upon the Original Work or
+modifications thereof. This Licence does not define the extent of modification or dependence on the Original Work
+required in order to classify a work as a Derivative Work; this extent is determined by copyright law applicable in
+the country mentioned in Article 15.
+— ‘The Work’:the Original Work or its Derivative Works.
+— ‘The Source Code’:the human-readable form of the Work which is the most convenient for people to study and
+modify.
+— ‘The Executable Code’:any code which has generally been compiled and which is meant to be interpreted by
+a computer as a program.
+— ‘The Licensor’:the natural or legal person that distributes or communicates the Work under the Licence.
+— ‘Contributor(s)’:any natural or legal person who modifies the Work under the Licence, or otherwise contributes to
+the creation of a Derivative Work.
+— ‘The Licensee’ or ‘You’:any natural or legal person who makes any usage of the Work under the terms of the
+Licence.
+— ‘Distribution’ or ‘Communication’:any act of selling, giving, lending, renting, distributing, communicating,
+transmitting, or otherwise making available, online or offline, copies of the Work or providing access to its essential
+functionalities at the disposal of any other natural or legal person.
+
+2.Scope of the rights granted by the Licence
+The Licensor hereby grants You a worldwide, royalty-free, non-exclusive, sublicensable licence to do the following, for
+the duration of copyright vested in the Original Work:
+— use the Work in any circumstance and for all usage,
+— reproduce the Work,
+— modify the Work, and make Derivative Works based upon the Work,
+— communicate to the public, including the right to make available or display the Work or copies thereof to the public
+and perform publicly, as the case may be, the Work,
+— distribute the Work or copies thereof,
+— lend and rent the Work or copies thereof,
+— sublicense rights in the Work or copies thereof.
+Those rights can be exercised on any media, supports and formats, whether now known or later invented, as far as the
+applicable law permits so.
+In the countries where moral rights apply, the Licensor waives his right to exercise his moral right to the extent allowed
+by law in order to make effective the licence of the economic rights here above listed.
+The Licensor grants to the Licensee royalty-free, non-exclusive usage rights to any patents held by the Licensor, to the
+extent necessary to make use of the rights granted on the Work under this Licence.
+
+3.Communication of the Source Code
+The Licensor may provide the Work either in its Source Code form, or as Executable Code. If the Work is provided as
+Executable Code, the Licensor provides in addition a machine-readable copy of the Source Code of the Work along with
+each copy of the Work that the Licensor distributes or indicates, in a notice following the copyright notice attached to
+the Work, a repository where the Source Code is easily and freely accessible for as long as the Licensor continues to
+distribute or communicate the Work.
+
+4.Limitations on copyright
+Nothing in this Licence is intended to deprive the Licensee of the benefits from any exception or limitation to the
+exclusive rights of the rights owners in the Work, of the exhaustion of those rights or of other applicable limitations
+thereto.
+
+5.Obligations of the Licensee
+The grant of the rights mentioned above is subject to some restrictions and obligations imposed on the Licensee. Those
+obligations are the following:
+
+Attribution right: The Licensee shall keep intact all copyright, patent or trademarks notices and all notices that refer to
+the Licence and to the disclaimer of warranties. The Licensee must include a copy of such notices and a copy of the
+Licence with every copy of the Work he/she distributes or communicates. The Licensee must cause any Derivative Work
+to carry prominent notices stating that the Work has been modified and the date of modification.
+
+Copyleft clause: If the Licensee distributes or communicates copies of the Original Works or Derivative Works, this
+Distribution or Communication will be done under the terms of this Licence or of a later version of this Licence unless
+the Original Work is expressly distributed only under this version of the Licence — for example by communicating
+‘EUPL v. 1.2 only’. The Licensee (becoming Licensor) cannot offer or impose any additional terms or conditions on the
+Work or Derivative Work that alter or restrict the terms of the Licence.
+
+Compatibility clause: If the Licensee Distributes or Communicates Derivative Works or copies thereof based upon both
+the Work and another work licensed under a Compatible Licence, this Distribution or Communication can be done
+under the terms of this Compatible Licence. For the sake of this clause, ‘Compatible Licence’ refers to the licences listed
+in the appendix attached to this Licence. Should the Licensee's obligations under the Compatible Licence conflict with
+his/her obligations under this Licence, the obligations of the Compatible Licence shall prevail.
+
+Provision of Source Code: When distributing or communicating copies of the Work, the Licensee will provide
+a machine-readable copy of the Source Code or indicate a repository where this Source will be easily and freely available
+for as long as the Licensee continues to distribute or communicate the Work.
+Legal Protection: This Licence does not grant permission to use the trade names, trademarks, service marks, or names
+of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the copyright notice.
+
+6.Chain of Authorship
+The original Licensor warrants that the copyright in the Original Work granted hereunder is owned by him/her or
+licensed to him/her and that he/she has the power and authority to grant the Licence.
+Each Contributor warrants that the copyright in the modifications he/she brings to the Work are owned by him/her or
+licensed to him/her and that he/she has the power and authority to grant the Licence.
+Each time You accept the Licence, the original Licensor and subsequent Contributors grant You a licence to their contributions
+to the Work, under the terms of this Licence.
+
+7.Disclaimer of Warranty
+The Work is a work in progress, which is continuously improved by numerous Contributors. It is not a finished work
+and may therefore contain defects or ‘bugs’ inherent to this type of development.
+For the above reason, the Work is provided under the Licence on an ‘as is’ basis and without warranties of any kind
+concerning the Work, including without limitation merchantability, fitness for a particular purpose, absence of defects or
+errors, accuracy, non-infringement of intellectual property rights other than copyright as stated in Article 6 of this
+Licence.
+This disclaimer of warranty is an essential part of the Licence and a condition for the grant of any rights to the Work.
+
+8.Disclaimer of Liability
+Except in the cases of wilful misconduct or damages directly caused to natural persons, the Licensor will in no event be
+liable for any direct or indirect, material or moral, damages of any kind, arising out of the Licence or of the use of the
+Work, including without limitation, damages for loss of goodwill, work stoppage, computer failure or malfunction, loss
+of data or any commercial damage, even if the Licensor has been advised of the possibility of such damage. However,
+the Licensor will be liable under statutory product liability laws as far such laws apply to the Work.
+
+9.Additional agreements
+While distributing the Work, You may choose to conclude an additional agreement, defining obligations or services
+consistent with this Licence. However, if accepting obligations, You may act only on your own behalf and on your sole
+responsibility, not on behalf of the original Licensor or any other Contributor, and only if You agree to indemnify,
+defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against such Contributor by
+the fact You have accepted any warranty or additional liability.
+
+10.Acceptance of the Licence
+The provisions of this Licence can be accepted by clicking on an icon ‘I agree’ placed under the bottom of a window
+displaying the text of this Licence or by affirming consent in any other similar way, in accordance with the rules of
+applicable law. Clicking on that icon indicates your clear and irrevocable acceptance of this Licence and all of its terms
+and conditions.
+Similarly, you irrevocably accept this Licence and all of its terms and conditions by exercising any rights granted to You
+by Article 2 of this Licence, such as the use of the Work, the creation by You of a Derivative Work or the Distribution
+or Communication by You of the Work or copies thereof.
+
+11.Information to the public
+In case of any Distribution or Communication of the Work by means of electronic communication by You (for example,
+by offering to download the Work from a remote location) the distribution channel or media (for example, a website)
+must at least provide to the public the information requested by the applicable law regarding the Licensor, the Licence
+and the way it may be accessible, concluded, stored and reproduced by the Licensee.
+
+12.Termination of the Licence
+The Licence and the rights granted hereunder will terminate automatically upon any breach by the Licensee of the terms
+of the Licence.
+Such a termination will not terminate the licences of any person who has received the Work from the Licensee under
+the Licence, provided such persons remain in full compliance with the Licence.
+
+13.Miscellaneous
+Without prejudice of Article 9 above, the Licence represents the complete agreement between the Parties as to the
+Work.
+If any provision of the Licence is invalid or unenforceable under applicable law, this will not affect the validity or
+enforceability of the Licence as a whole. Such provision will be construed or reformed so as necessary to make it valid
+and enforceable.
+The European Commission may publish other linguistic versions or new versions of this Licence or updated versions of
+the Appendix, so far this is required and reasonable, without reducing the scope of the rights granted by the Licence.
+New versions of the Licence will be published with a unique version number.
+All linguistic versions of this Licence, approved by the European Commission, have identical value. Parties can take
+advantage of the linguistic version of their choice.
+
+14.Jurisdiction
+Without prejudice to specific agreement between parties,
+— any litigation resulting from the interpretation of this License, arising between the European Union institutions,
+bodies, offices or agencies, as a Licensor, and any Licensee, will be subject to the jurisdiction of the Court of Justice
+of the European Union, as laid down in article 272 of the Treaty on the Functioning of the European Union,
+— any litigation arising between other parties and resulting from the interpretation of this License, will be subject to
+the exclusive jurisdiction of the competent court where the Licensor resides or conducts its primary business.
+
+15.Applicable Law
+Without prejudice to specific agreement between parties,
+— this Licence shall be governed by the law of the European Union Member State where the Licensor has his seat,
+resides or has his registered office,
+— this licence shall be governed by Belgian law if the Licensor has no seat, residence or registered office inside
+a European Union Member State.
+
+
+                                                         Appendix
+
+‘Compatible Licences’ according to Article 5 EUPL are:
+— GNU General Public License (GPL) v. 2, v. 3
+— GNU Affero General Public License (AGPL) v. 3
+— Open Software License (OSL) v. 2.1, v. 3.0
+— Eclipse Public License (EPL) v. 1.0
+— CeCILL v. 2.0, v. 2.1
+— Mozilla Public Licence (MPL) v. 2
+— GNU Lesser General Public Licence (LGPL) v. 2.1, v. 3
+— Creative Commons Attribution-ShareAlike v. 3.0 Unported (CC BY-SA 3.0) for works other than software
+— European Union Public Licence (EUPL) v. 1.1, v. 1.2
+— Québec Free and Open-Source Licence — Reciprocity (LiLiQ-R) or Strong Reciprocity (LiLiQ-R+).
+
+The European Commission may update this Appendix to later versions of the above licences without producing
+a new version of the EUPL, as long as they provide the rights granted in Article 2 of this Licence and protect the
+covered Source Code from exclusive appropriation.
+All other changes or additions to this Appendix require the production of a new EUPL version.

package/README.md

@@ -0,0 +1,166 @@
+# Coding-Agent Project Template
+
+A boilerplate that captures the Sapra.ai development methodology — a **Plan first, Develop second** workflow optimized for working with a coding agent like Claude Code.
+
+This template doesn't ship application code. It ships the **scaffolding the agent needs** to make good decisions in your project: a structured `CLAUDE.md`, a `docs/` knowledge base, and a set of skills (`/init-prd`, `/import-design-system`, `/data-model`, `/user-story`, `/ui-composer`, `/figma-component`) that drive the project from empty repo to shipped feature.
+
+## Philosophy
+
+- **Knowledge as code.** Everything the agent needs to know lives in version-controlled markdown — no tribal knowledge, no Slack archeology.
+- **One conversation per phase.** Each skill is a guided Q&A that produces one durable artifact (PRD, design system, data model, user story).
+- **Plan first, develop second.** No code is written before a plan is confirmed. Stories are drafted before they're built. Components are mapped before they're composed.
+- **Per-step approval.** The agent never batch-implements. Every user story gets its own approval gate.
+
+## The flow
+
+There are two flavors depending on what you're building. Pick one bootstrap skill at step 2 — the rest is identical.
+
+### Product / app project
+
+```
+1. Clone this template       →  empty repo with .claude/ + docs/ scaffolding
+2. /init-prd                 →  dialog → docs/prd.md + populated CLAUDE.md
+3. /import-design-system     →  Figma → docs/frontend/design-system.md + tokens
+4. /data-model               →  dialog → docs/data-model.md + schema sketch
+5. /user-story <topic>       →  Q&A → docs/user-stories/user-stories-vX.X.md
+6. /user-story implement vX.X →  loop: plan → approve → implement → tick AC
+7. git commit                →  one bundled commit per story
+```
+
+### Library / npm package project (e.g. a Vue design system)
+
+```
+1. Clone this template       →  empty repo with .claude/ + docs/ scaffolding
+2. /init-library             →  dialog → docs/prd.md (library spec) + CLAUDE.md
+                                + optional package.json + tsconfig + build config
+3. /import-design-system     →  Figma → docs/frontend/design-system.md + tokens
+4. (skip /data-model — libraries have no data model)
+5. /user-story <component>   →  Q&A → docs/user-stories/user-stories-vX.X.md
+6. /user-story implement vX.X →  loop: plan → approve → /figma-component → tick AC
+7. git commit                →  one bundled commit per story (or per component)
+```
+
+The two paths are mutually exclusive — you pick `/init-prd` or `/init-library` once per project, not both.
+
+## How this maps to software development phases
+
+The template isn't a novel methodology — it's a classic software development lifecycle, reorganized so that **every phase produces an agent-readable artifact** and **every artifact accumulates into a living knowledge base**.
+
+The flow has two macro-phases:
+
+- **Setup** — one-shot at project start. Produces the blueprints.
+- **Iteration** — repeated forever, one user story at a time. Produces the software.
+
+A third theme runs across both: **knowledge accumulation**. Every skill writes back to `docs/`, so every future agent session starts with more context, not less.
+
+### Setup phase (one-shot)
+
+| SDLC phase | Skill | Artifact | Inputs the next phase will consume |
+|---|---|---|---|
+| Requirements / discovery | `/init-prd` (product) or `/init-library` (npm package) | `docs/prd.md` + populated `CLAUDE.md` | Personas/package surface, scope, stack, constraints |
+| UX / visual design | `/import-design-system` | `docs/frontend/design-system.md` + token files + Figma→component recognition rules | Components available, token names, icon registry |
+| System / data design | `/data-model` | `docs/data-model.md` + ORM schema sketch | Entities, relationships, indexes, RLS policies *(skip for library projects)* |
+
+After setup: the project has a complete blueprint. No production code yet — every downstream decision will be anchored to these artifacts.
+
+### Iteration phase (repeated per release)
+
+| SDLC phase | Skill | Artifact | Notes |
+|---|---|---|---|
+| Sprint planning | `/user-story <topic>` | `docs/user-stories/user-stories-vX.X.md` | One file per release. Stories scoped, AC testable, files listed. |
+| Implementation | `/user-story implement vX.X` | Source code + ticked AC | Per-step approval. Calls `/ui-composer` and `/figma-component` as sub-skills when needed. |
+| Component design (sub-skill) | `/figma-component <Name> <figma-url>` | Component file + design-system.md update (status 🟡 → ✅) | Only when a story needs a new atom. |
+| Page composition (sub-skill) | `/ui-composer` | Page file with mock data, AC checklist | Only when a story scaffolds a page from existing atoms. |
+| Review / merge | (manual) | git commit per story | One bundled commit per story; commit message follows `feat(area): <summary> (US-NN)`. |
+
+After each iteration: the codebase grows and the docs grow with it. The next agent session has more context than the previous one — never less.
+
+### Cross-cutting — continuous documentation
+
+Nothing lives in tribal knowledge. Every skill writes to `docs/`:
+
+- `/figma-component` updates `docs/frontend/design-system.md` (component status, prop tables, recognition rules)
+- `/user-story implement` ticks acceptance criteria (✅) in the story file and proposes commits
+- New conventions discovered during implementation get appended to the relevant `docs/tech/*.md`
+- `/data-model` is re-runnable when entities change — diffs against the existing model
+
+This is what makes the methodology agent-ready: the project state lives in markdown, not in anyone's head.
+
+### Typical use case — bootstrapping a Vue design system as an npm package
+
+A concrete walkthrough mapping each step to its SDLC phase:
+
+**Day 1 morning — Requirements**
+```
+git clone <template> dx-design-system && cd dx-design-system && claude
+> /init-library
+```
+The agent Q&As through 18 questions (package name, target framework, build tool, peer deps, distribution shape). ~30 min later: `docs/prd.md` is filled with the library spec, `CLAUDE.md` is populated, optional `package.json` + `tsconfig.json` + build config are scaffolded. *Phase: Requirements engineering.*
+
+**Day 1 afternoon — Visual design**
+```
+> /import-design-system
+```
+The agent extracts color/typography/spacing/radius tokens from Figma, enumerates atoms and composed components, builds the icon registry. Output: `docs/frontend/design-system.md` (every component marked 🟡 designed, awaiting implementation), `src/tokens/*.css`, Figma→component recognition rules seeded. *Phase: UX/visual design.*
+
+**(Skip `/data-model` — libraries have no data model.)**
+
+**Day 2 morning — Sprint planning**
+```
+> /user-story tokens wiring + 5 base atoms (Button, Input, Badge, Tag, Icon) + Histoire setup
+```
+The agent Q&As scope, AC, file paths, dependencies. Output: `docs/user-stories/user-stories-v1.1.md` with ~6 user stories (US-01 → US-06), each with concrete AC and file paths. *Phase: Sprint planning.*
+
+**Day 2-3 — Implementation**
+```
+> /user-story implement v1.1
+```
+For each US-NN: agent proposes a plan → user approves → agent calls `/figma-component UiButton <figma-url>` as a sub-skill → component generated → `docs/frontend/design-system.md` updated (status 🟡 → ✅) → AC ticked → commit suggested (`feat(button): add UiButton with primary/outline/ghost variants (US-01)`). Loop continues for each story. *Phase: Implementation, with continuous documentation woven in.*
+
+**Day 4 — Next iteration**
+```
+> /user-story Composed components: Card, Header, Sidebar
+```
+The agent reads `CLAUDE.md`, `docs/prd.md`, `docs/frontend/design-system.md` (now with 5 ✅ atoms it can compose with), and the previous user-stories file as structural reference. Phase B repeats — but the knowledge base is bigger and the agent's plans are sharper. *Phase: next iteration of sprint planning + implementation.*
+
+The compounding effect is the point: by Day 30, when you onboard a teammate (or a fresh agent session), they don't ask "where do I start?" — they read `CLAUDE.md`, follow the references, and have the project's full context in 15 minutes.
+
+## What's in the box
+
+```
+template/
+├── AUDIT.md                  ← what's reusable methodology vs Sapra-specific
+├── CLAUDE.md                 ← skeleton with {{TODO}} slots filled by skills
+├── .claude/skills/
+│   ├── init-prd/             ← NEW: bootstrap a product/app project
+│   ├── init-library/         ← NEW: bootstrap a library/npm package project
+│   ├── import-design-system/ ← NEW: Figma → design-system.md + tokens
+│   ├── data-model/           ← NEW: entities + relationships → data-model.md
+│   ├── user-story/           ← LIFTED from Sapra (deparametrized)
+│   ├── ui-composer/          ← LIFTED from Sapra (deparametrized)
+│   └── figma-component/      ← LIFTED from Sapra (deparametrized, now a skill)
+└── docs/
+    ├── workflow.md           ← Plan-first/Develop-second workflow rules
+    ├── prd.md                ← empty template, filled by /init-prd
+    ├── data-model.md         ← empty template, filled by /data-model
+    ├── frontend/
+    │   └── design-system.md  ← empty template, filled by /import-design-system
+    └── user-stories/         ← created per release by /user-story
+```
+
+## How to use
+
+1. Copy `template/` contents to a fresh repo (the `template/` folder itself is for reference inside Sapra)
+2. Open it in Claude Code — the agent reads `CLAUDE.md` on session start
+3. Decide: is this a **product** or a **library**?
+   - Product/app → run `/init-prd`. Q&A through tech stack, product surface, constraints
+   - Library (npm package, design system, SDK) → run `/init-library`. Q&A through package surface, peer deps, build, distribution
+4. Run `/import-design-system` once your designer has a Figma file ready
+5. Run `/data-model` to lock down entities before any backend work — **skip for library projects**
+6. From there: `/user-story` per feature/component, then `implement vX.X` per release
+
+## Stack-agnostic — but with framework hooks
+
+The methodology is stack-agnostic. The `/ui-composer` and `/figma-component` skills, however, need framework-specific references (which Vue patterns? React? Svelte?). They read `CLAUDE.md` to discover the stack chosen by `/init-prd`, then look up the right reference under `.claude/skills/<skill>/references/frameworks/`. v0 of this template ships Vue/Nuxt as the only framework reference (lifted from Sapra) — adding React/Next is a matter of dropping a new file in `references/frameworks/`.
+
+See `AUDIT.md` for the full breakdown of what was reusable, what was project-specific, and what needed generalization.

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/_virtual/_plugin-vue_export-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PaAccordion/PaAccordion.vue.d.ts

@@ -0,0 +1,26 @@
+import type { PaIconName } from '../PaIcon';
+export declare function nextPaAccordionId(): string;
+export interface PaAccordionProps {
+    modelValue?: boolean;
+    title?: string;
+    icon?: PaIconName;
+    defaultOpen?: boolean;
+    id?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PaAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    title?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaAccordion/PaAccordion.vue.js

@@ -0,0 +1,10 @@
+import o from "./PaAccordion.vue2.js";
+import { nextPaAccordionId as p } from "./PaAccordion.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6a513fcd"]]);
+export {
+  d as default,
+  p as nextPaAccordionId
+};
+//# sourceMappingURL=PaAccordion.vue.js.map

package/dist/components/PaAccordion/PaAccordion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaAccordion.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/PaAccordion/PaAccordion.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as B, getCurrentInstance as x, computed as c, inject as C, ref as I, onMounted as $, onBeforeUnmount as k, openBlock as v, createElementBlock as w, createElementVNode as r, createBlock as N, createCommentVNode as O, renderSlot as f, createTextVNode as P, toDisplayString as A, createVNode as _, Transition as S, withCtx as z, withDirectives as D, vShow as E } from "vue";
+import g from "../PaIcon/PaIcon.vue.js";
+import { PaAccordionGroupKey as T } from "./groupKey.js";
+const j = ["data-open"], G = ["id", "aria-expanded", "aria-controls"], K = { class: "pa-accordion__title" }, M = ["id", "aria-labelledby"];
+let U = 0;
+function q() {
+  return `pa-accordion-${++U}`;
+}
+const R = /* @__PURE__ */ B({
+  __name: "PaAccordion",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    icon: {},
+    defaultOpen: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: h }) {
+    const l = t, y = h, d = x().vnode.props ?? {}, s = "modelValue" in d || "model-value" in d, V = q(), o = c(() => l.id ?? V), u = c(() => `${o.value}-header`), p = c(() => `${o.value}-panel`), e = C(T, null), n = e ? e.isOpen(o.value) : null, m = I(l.defaultOpen), i = c(() => n ? n.value : s ? !!l.modelValue : m.value);
+    function b() {
+      const a = !i.value;
+      e ? e.toggle(o.value) : s || (m.value = a), y("update:modelValue", a);
+    }
+    return $(() => {
+      e && (e.register(o.value), l.defaultOpen && !(n != null && n.value) && e.toggle(o.value));
+    }), k(() => {
+      e && e.unregister(o.value);
+    }), (a, H) => (v(), w("div", {
+      class: "pa-accordion",
+      "data-open": i.value
+    }, [
+      r("button", {
+        class: "pa-accordion__header",
+        type: "button",
+        id: u.value,
+        "aria-expanded": i.value,
+        "aria-controls": p.value,
+        onClick: b
+      }, [
+        t.icon ? (v(), N(g, {
+          key: 0,
+          name: t.icon,
+          size: "sm",
+          class: "pa-accordion__icon"
+        }, null, 8, ["name"])) : O("", !0),
+        r("span", K, [
+          f(a.$slots, "title", {}, () => [
+            P(A(t.title), 1)
+          ], !0)
+        ]),
+        _(g, {
+          name: "caret-down",
+          size: "sm",
+          class: "pa-accordion__chevron"
+        })
+      ], 8, G),
+      _(S, { name: "pa-accordion-body" }, {
+        default: z(() => [
+          D(r("div", {
+            class: "pa-accordion__body",
+            id: p.value,
+            role: "region",
+            "aria-labelledby": u.value
+          }, [
+            f(a.$slots, "default", {}, void 0, !0)
+          ], 8, M), [
+            [E, i.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 8, j));
+  }
+});
+export {
+  R as default,
+  q as nextPaAccordionId
+};
+//# sourceMappingURL=PaAccordion.vue2.js.map

package/dist/components/PaAccordion/PaAccordion.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaAccordion.vue2.js","sources":["../../../src/components/PaAccordion/PaAccordion.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName } from '../PaIcon'\n\nlet uid = 0\nexport function nextPaAccordionId() {\n  return `pa-accordion-${++uid}`\n}\n\nexport interface PaAccordionProps {\n  modelValue?: boolean\n  title?: string\n  icon?: PaIconName\n  defaultOpen?: boolean\n  id?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\nimport { PaAccordionGroupKey } from './groupKey'\n\nconst props = withDefaults(defineProps<PaAccordionProps>(), {\n  defaultOpen: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst instance = getCurrentInstance()!\nconst initialVnodeProps = instance.vnode.props ?? {}\nconst isControlled =\n  'modelValue' in initialVnodeProps || 'model-value' in initialVnodeProps\n\nconst generatedId = nextPaAccordionId()\nconst resolvedId = computed(() => props.id ?? generatedId)\nconst headerId = computed(() => `${resolvedId.value}-header`)\nconst panelId = computed(() => `${resolvedId.value}-panel`)\n\nconst group = inject(PaAccordionGroupKey, null)\nconst groupOpen = group ? group.isOpen(resolvedId.value) : null\n\nconst internalOpen = ref(props.defaultOpen)\nconst open = computed(() => {\n  if (groupOpen) return groupOpen.value\n  if (isControlled) return Boolean(props.modelValue)\n  return internalOpen.value\n})\n\nfunction toggle() {\n  const next = !open.value\n  if (group) {\n    group.toggle(resolvedId.value)\n  } else if (!isControlled) {\n    internalOpen.value = next\n  }\n  emit('update:modelValue', next)\n}\n\nonMounted(() => {\n  if (!group) return\n  group.register(resolvedId.value)\n  if (props.defaultOpen && !groupOpen?.value) {\n    group.toggle(resolvedId.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(resolvedId.value)\n})\n</script>\n\n<template>\n  <div class=\"pa-accordion\" :data-open=\"open\">\n    <button\n      class=\"pa-accordion__header\"\n      type=\"button\"\n      :id=\"headerId\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"panelId\"\n      @click=\"toggle\"\n    >\n      <PaIcon\n        v-if=\"icon\"\n        :name=\"icon\"\n        size=\"sm\"\n        class=\"pa-accordion__icon\"\n      />\n      <span class=\"pa-accordion__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </span>\n      <PaIcon\n        name=\"caret-down\"\n        size=\"sm\"\n        class=\"pa-accordion__chevron\"\n      />\n    </button>\n    <Transition name=\"pa-accordion-body\">\n      <div\n        v-show=\"open\"\n        class=\"pa-accordion__body\"\n        :id=\"panelId\"\n        role=\"region\"\n        :aria-labelledby=\"headerId\"\n      >\n        <slot />\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n.pa-accordion {\n  display: block;\n  width: 100%;\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-accordion__header {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n  width: 100%;\n  padding: var(--pa-space-sm) var(--pa-space-md);\n  margin: 0;\n  border: none;\n  border-radius: var(--pa-radius-smooth);\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n  font-family: inherit;\n  font-size: var(--pa-font-label-sm-size);\n  line-height: var(--pa-font-label-sm-line-height);\n  font-weight: var(--pa-font-label-sm-weight);\n  text-align: left;\n  cursor: pointer;\n}\n\n.pa-accordion__header:focus { outline: none; }\n\n.pa-accordion__header:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-accordion:not([data-open=\"true\"]) .pa-accordion__header:hover {\n  background: var(--pa-color-primary-hover);\n}\n\n.pa-accordion[data-open=\"true\"] .pa-accordion__header {\n  background: var(--pa-color-primary-pressed);\n}\n\n.pa-accordion__title {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.pa-accordion__icon {\n  flex-shrink: 0;\n}\n\n.pa-accordion__chevron {\n  flex-shrink: 0;\n  margin-left: auto;\n  transition: transform 150ms ease;\n}\n\n.pa-accordion[data-open=\"true\"] .pa-accordion__chevron {\n  transform: rotate(180deg);\n}\n\n.pa-accordion[data-open=\"true\"] .pa-accordion__header:hover {\n  background: var(--pa-color-primary-hover);\n}\n\n.pa-accordion__body {\n  padding: var(--pa-space-md);\n  background: var(--pa-color-bg-white);\n  color: var(--pa-color-text-black);\n  font-family: inherit;\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  font-weight: var(--pa-font-body-weight);\n}\n\n.pa-accordion-body-enter-active,\n.pa-accordion-body-leave-active {\n  transition: opacity 150ms ease, transform 150ms ease;\n}\n\n.pa-accordion-body-enter-from,\n.pa-accordion-body-leave-to {\n  opacity: 0;\n  transform: translateY(-4px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pa-accordion__chevron,\n  .pa-accordion-body-enter-active,\n  .pa-accordion-body-leave-active {\n    transition-duration: 0ms;\n  }\n}\n</style>\n"],"names":["uid","nextPaAccordionId","props","__props","emit","__emit","initialVnodeProps","getCurrentInstance","isControlled","generatedId","resolvedId","computed","headerId","panelId","group","inject","PaAccordionGroupKey","groupOpen","internalOpen","ref","open","toggle","next","onMounted","onBeforeUnmount","_createElementBlock","_createElementVNode","_createBlock","PaIcon","_hoisted_3","_renderSlot","_ctx","_createVNode","_Transition"],"mappings":";;;;AAGA,IAAIA,IAAM;AACH,SAASC,IAAoB;AAClC,SAAO,gBAAgB,EAAED,CAAG;AAC9B;;;;;;;;;;;;AAuBA,UAAME,IAAQC,GAIRC,IAAOC,GAKPC,IADWC,EAAA,EACkB,MAAM,SAAS,CAAA,GAC5CC,IACJ,gBAAgBF,KAAqB,iBAAiBA,GAElDG,IAAcR,EAAA,GACdS,IAAaC,EAAS,MAAMT,EAAM,MAAMO,CAAW,GACnDG,IAAWD,EAAS,MAAM,GAAGD,EAAW,KAAK,SAAS,GACtDG,IAAUF,EAAS,MAAM,GAAGD,EAAW,KAAK,QAAQ,GAEpDI,IAAQC,EAAOC,GAAqB,IAAI,GACxCC,IAAYH,IAAQA,EAAM,OAAOJ,EAAW,KAAK,IAAI,MAErDQ,IAAeC,EAAIjB,EAAM,WAAW,GACpCkB,IAAOT,EAAS,MAChBM,IAAkBA,EAAU,QAC5BT,IAAqB,EAAQN,EAAM,aAChCgB,EAAa,KACrB;AAED,aAASG,IAAS;AAChB,YAAMC,IAAO,CAACF,EAAK;AACnB,MAAIN,IACFA,EAAM,OAAOJ,EAAW,KAAK,IACnBF,MACVU,EAAa,QAAQI,IAEvBlB,EAAK,qBAAqBkB,CAAI;AAAA,IAChC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAKT,MACLA,EAAM,SAASJ,EAAW,KAAK,GAC3BR,EAAM,eAAe,EAACe,KAAA,QAAAA,EAAW,UACnCH,EAAM,OAAOJ,EAAW,KAAK;AAAA,IAEjC,CAAC,GAEDc,EAAgB,MAAM;AACpB,MAAIV,KAAOA,EAAM,WAAWJ,EAAW,KAAK;AAAA,IAC9C,CAAC,mBAICe,EAmCM,OAAA;AAAA,MAnCD,OAAM;AAAA,MAAgB,aAAWL,EAAA;AAAA,IAAA;MACpCM,EAsBS,UAAA;AAAA,QArBP,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,IAAId,EAAA;AAAA,QACJ,iBAAeQ,EAAA;AAAA,QACf,iBAAeP,EAAA;AAAA,QACf,SAAOQ;AAAA,MAAA;QAGAlB,EAAA,aADRwB,EAKEC,GAAA;AAAA;UAHC,MAAMzB,EAAA;AAAA,UACP,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;QAERuB,EAEO,QAFPG,GAEO;AAAA,UADLC,EAAqCC,uBAArC,MAAqC;AAAA,gBAAf5B,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;QAE7B6B,EAIEJ,GAAA;AAAA,UAHA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;;MAGVI,EAUaC,GAAA,EAVD,MAAK,uBAAmB;AAAA,mBAClC,MAQM;AAAA,YARNP,EAQM,OAAA;AAAA,YANJ,OAAM;AAAA,YACL,IAAIb,EAAA;AAAA,YACL,MAAK;AAAA,YACJ,mBAAiBD,EAAA;AAAA,UAAA;YAElBkB,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;gBANAX,EAAA,KAAI;AAAA,UAAA;;;;;;;"}

package/dist/components/PaAccordion/groupKey.d.ts

@@ -0,0 +1,8 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface PaAccordionGroupContext {
+    register(id: string): void;
+    unregister(id: string): void;
+    isOpen(id: string): ComputedRef<boolean>;
+    toggle(id: string): void;
+}
+export declare const PaAccordionGroupKey: InjectionKey<PaAccordionGroupContext>;

package/dist/components/PaAccordion/groupKey.js

@@ -0,0 +1,5 @@
+const o = Symbol("PaAccordionGroupKey");
+export {
+  o as PaAccordionGroupKey
+};
+//# sourceMappingURL=groupKey.js.map

package/dist/components/PaAccordion/groupKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupKey.js","sources":["../../../src/components/PaAccordion/groupKey.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport interface PaAccordionGroupContext {\n  register(id: string): void\n  unregister(id: string): void\n  isOpen(id: string): ComputedRef<boolean>\n  toggle(id: string): void\n}\n\nexport const PaAccordionGroupKey: InjectionKey<PaAccordionGroupContext> =\n  Symbol('PaAccordionGroupKey')\n"],"names":["PaAccordionGroupKey"],"mappings":"AASO,MAAMA,IACX,OAAO,qBAAqB;"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaAccordion } from './PaAccordion.vue';
+export type { PaAccordionProps } from './PaAccordion.vue';

package/dist/components/PaAccordion/index.js

@@ -0,0 +1,6 @@
+import { default as d, default as e } from "./PaAccordion.vue.js";
+export {
+  d as PaAccordion,
+  e as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.d.ts

@@ -0,0 +1,19 @@
+export interface PaAccordionGroupProps {
+    modelValue?: string | string[] | null;
+    multiple?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaAccordionGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<PaAccordionGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
+}>, {
+    multiple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.js

@@ -0,0 +1,8 @@
+import o from "./PaAccordionGroup.vue2.js";
+/* empty css                      */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-85bbb134"]]);
+export {
+  c as default
+};
+//# sourceMappingURL=PaAccordionGroup.vue.js.map

package/dist/components/PaAccordionGroup/PaAccordionGroup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaAccordionGroup.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/PaAccordionGroup/PaAccordionGroup.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as f, ref as v, computed as n, provide as g, openBlock as A, createElementBlock as _, renderSlot as y } from "vue";
+import { PaAccordionGroupKey as V } from "../PaAccordion/groupKey.js";
+const B = {
+  class: "pa-accordion-group",
+  role: "region"
+}, G = /* @__PURE__ */ f({
+  __name: "PaAccordionGroup",
+  props: {
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: i }) {
+    const t = s, p = i, u = v(t.multiple ? [] : null), a = n(() => t.modelValue !== void 0), r = n(() => a.value ? t.modelValue : u.value);
+    function c(e) {
+      a.value || (u.value = e), p("update:modelValue", e);
+    }
+    const l = /* @__PURE__ */ new Set();
+    return g(V, {
+      register(e) {
+        if (l.has(e)) {
+          console.warn(`[PaAccordionGroup] duplicate id: "${e}"`);
+          return;
+        }
+        l.add(e);
+      },
+      unregister(e) {
+        l.delete(e);
+      },
+      isOpen(e) {
+        return n(() => {
+          const o = r.value;
+          return t.multiple ? Array.isArray(o) && o.includes(e) : o === e;
+        });
+      },
+      toggle(e) {
+        if (t.multiple) {
+          const o = Array.isArray(r.value) ? r.value : [], d = o.includes(e) ? o.filter((m) => m !== e) : [...o, e];
+          c(d);
+          return;
+        }
+        c(r.value === e ? null : e);
+      }
+    }), (e, o) => (A(), _("div", B, [
+      y(e.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=PaAccordionGroup.vue2.js.map