@alfadocs/ui-kit 0.0.12

package/LICENSE

@@ -0,0 +1,96 @@
+Parameters
+
+Licensor:             AlfaDocs GmbH
+Licensed Work:        @alfadocs/ui-kit
+                      The Licensed Work is (c) 2026 AlfaDocs GmbH.
+Additional Use Grant: You may make production use of the Licensed Work,
+                      provided that such use does not include offering the
+                      Licensed Work, or a substantial portion of it, to
+                      third parties as a hosted, embedded, or rebranded
+                      design-system, component-library, or developer-tooling
+                      product or service.
+Change Date:          2030-05-06
+Change License:       Apache License, Version 2.0
+
+For information about alternative licensing arrangements for the Licensed
+Work, please contact AlfaDocs GmbH.
+
+Notice
+
+The Business Source License (this document, or the "License") is not an
+Open Source license. However, the Licensed Work will eventually be made
+available under an Open Source License, as stated in this License.
+
+-----------------------------------------------------------------------------
+
+Business Source License 1.1
+
+License text copyright © 2017 MariaDB Corporation Ab, All Rights Reserved.
+"Business Source License" is a trademark of MariaDB Corporation Ab.
+
+Terms
+
+The Licensor hereby grants you the right to copy, modify, create derivative
+works, redistribute, and make non-production use of the Licensed Work. The
+Licensor may make an Additional Use Grant, above, permitting limited
+production use.
+
+Effective on the Change Date, or the fourth anniversary of the first publicly
+available distribution of a specific version of the Licensed Work under this
+License, whichever comes first, the Licensor hereby grants you rights under
+the terms of the Change License, and the rights granted in the paragraph
+above terminate.
+
+If your use of the Licensed Work does not comply with the requirements
+currently in effect as described in this License, you must purchase a
+commercial license from the Licensor, its affiliated entities, or authorized
+resellers, or you must refrain from using the Licensed Work.
+
+All copies of the original and modified Licensed Work, and derivative works
+of the Licensed Work, are subject to this License. This License applies
+separately for each version of the Licensed Work and the Change Date may vary
+for each version of the Licensed Work released by Licensor.
+
+You must conspicuously display this License on each original or modified copy
+of the Licensed Work. If you receive the Licensed Work in original or
+modified form from a third party, the terms and conditions set forth in this
+License apply to your use of that work.
+
+Any use of the Licensed Work in violation of this License will automatically
+terminate your rights under this License for the current and all other
+versions of the Licensed Work.
+
+This License does not grant you any right in any trademark or logo of
+Licensor or its affiliates (provided that you may use a trademark or logo of
+Licensor as expressly required by this License).
+
+TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
+AN “AS IS” BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
+EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
+TITLE.
+
+MariaDB hereby grants you permission to use this License’s text to license
+your works, and to refer to it using the trademark “Business Source License”,
+as long as you comply with the Covenants of Licensor below.
+
+Covenants of Licensor
+
+In consideration of the right to use this License’s text and the “Business
+Source License” name and trademark, Licensor covenants to MariaDB, and to all
+other recipients of the licensed work to be provided by Licensor:
+
+1. To specify as the Change License the GPL Version 2.0 or any later version,
+   or a license that is compatible with GPL Version 2.0 or a later version,
+   where “compatible” means that software provided under the Change License can
+   be included in a program with software provided under GPL Version 2.0 or a
+   later version. Licensor may specify additional Change Licenses without
+   limitation.
+
+2. To either: (a) specify an additional grant of rights to use that does not
+   impose any additional restriction on the right granted in this License, as
+   the Additional Use Grant; or (b) insert the text “None”.
+
+3. To specify a Change Date.
+
+4. Not to modify this License in any other way.

package/README.md

@@ -0,0 +1,152 @@
+# @alfadocs/ui-kit
+
+The AlfaDocs shared design system — a single source of truth for tokens, components, patterns, and translations across platform, booking, and alfascribe.
+
+**Status:** 0.0.1 (pre-release, iterating)
+**Repo:** `alfadocs/design_system`
+**Package:** `@alfadocs/ui-kit` (published to GitHub Packages, `npm.pkg.github.com`)
+**Visual reference:** https://new-alfa-docs.vercel.app/ (saved locally in [`reference/vercel-reference.html`](./reference/vercel-reference.html))
+
+Authoritative contributor guide: [`CLAUDE.md`](./CLAUDE.md). The product requirements specification lives at [`src/docs/`](./src/docs/) and is also rendered inside Storybook.
+
+## Stack
+
+| Layer | Technology |
+|---|---|
+| Language | React 18 + TypeScript (strict) |
+| Component foundation | shadcn/ui + Radix UI primitives |
+| Styling | Tailwind CSS v4 + CVA (class-variance-authority), tokens in `src/tokens/index.css` |
+| Build | Vite (library mode) |
+| Documentation | Storybook 10 (`@storybook/react-vite`) |
+| Testing | Vitest + Playwright (browser mode) via `@storybook/addon-vitest` + axe-core |
+| i18n | `react-i18next` (18 locales, RTL for `ar`) |
+
+## Repo layout
+
+```
+design_system/
+├── .claude/                 agents & skills shared with the team
+├── .storybook/              framework, decorators, theme/locale switchers
+├── reference/               brand PDFs, Vercel marketing HTML (read-only)
+├── scripts/                 build-locales.mjs etc.
+├── templates/               component-docs.mdx.template, pattern-docs.mdx.template
+└── src/
+    ├── tokens/
+    │   ├── index.css        single source of truth for CSS custom properties
+    │   ├── ag-grid-theme.css
+    │   ├── apexcharts-theme.ts
+    │   └── themes/bridges/  fullcalendar, react-day-picker, tiptap, stripe
+    ├── brand/               colour tables, type specimens, logo assets, *.mdx
+    ├── components/          95 components, each with .tsx / .stories.tsx / .test.tsx / .mdx
+    ├── patterns/            composition layer — realistic AlfaDocs workflows
+    ├── hooks/               use-prefers-reduced-motion, …
+    ├── i18n/                config.ts + resources.ts (bundled locales)
+    ├── docs/                PRS §§ 01–25 + examples/
+    └── user_stories/        foundations + feature stories (done/ and to-do/)
+```
+
+## Getting started
+
+```bash
+npm install
+npm run storybook        # Storybook on port 6006 — browse components, patterns, PRS
+```
+
+| Script | What it does |
+|---|---|
+| `npm run dev` | Vite dev server |
+| `npm run storybook` | Storybook on port 6006 |
+| `npm run build` | `tsc --noEmit` → `vite build` → `build:types` → `build:locales` |
+| `npm run build:types` | Emit `.d.ts` via `tsconfig.build.json` |
+| `npm run build:locales` | Copy locale JSON into `dist/locales/` |
+| `npm run build-storybook` | Static Storybook into `storybook-static/` |
+| `npx vitest` / `npx vitest run` | Vitest (browser mode) for story tests |
+
+Node ≥ 22.6.0 is required (`engines.node`).
+
+## Package exports
+
+Consumers install `@alfadocs/ui-kit` from the GitHub Packages registry and import from these entry points:
+
+| Export | Purpose |
+|---|---|
+| `@alfadocs/ui-kit` | React components (the default entry) |
+| `@alfadocs/ui-kit/tokens` | `tokens.css` — CSS custom properties (import once at app root) |
+| `@alfadocs/ui-kit/i18n` | Pre-configured `i18next` instance |
+| `@alfadocs/ui-kit/locales/*` | Locale JSON bundles (e.g. `.../locales/en.json`) |
+
+See [`src/docs/25-consuming.mdx`](./src/docs/25-consuming.mdx) for integration recipes.
+
+## Product Requirements Specification
+
+All sections live as MDX under [`src/docs/`](./src/docs/) and render in Storybook under **Product Requirements Specification → Documentation**.
+
+### Foundations
+- [01 — Overview & Goals](./src/docs/01-overview.mdx)
+- [02 — Current State](./src/docs/02-current-state.mdx)
+- [03 — Architecture](./src/docs/03-architecture.mdx)
+- [04 — Theming](./src/docs/04-theming.mdx)
+- [05 — Accessibility](./src/docs/05-accessibility.mdx)
+- [06 — Internationalisation](./src/docs/06-i18n.mdx)
+
+### Library
+- [07 — Component Library](./src/docs/07-component-library.mdx)
+- [08 — Third-Party Library Stack](./src/docs/08-third-party.mdx)
+- [09 — Centralisation Strategy](./src/docs/09-centralisation.mdx)
+
+### Design & docs
+- [11 — Storybook](./src/docs/11-storybook.mdx)
+
+### Non-functional
+- [12 — Security](./src/docs/12-security.mdx)
+- [13 — Maintainability](./src/docs/13-maintainability.mdx)
+- [14 — Browser & Device Compatibility](./src/docs/14-browser-compat.mdx)
+- [15 — Responsive Design & Breakpoints](./src/docs/15-responsive.mdx)
+- [16 — Print Styles & PDF Generation](./src/docs/16-print.mdx)
+- [17 — Error Handling & Resilience](./src/docs/17-error-handling.mdx)
+- [18 — Animation & Motion Tokens](./src/docs/18-animation.mdx)
+- [19 — Performance Requirements](./src/docs/19-performance.mdx)
+
+### Process
+- [20 — Versioning & Release Strategy](./src/docs/20-versioning.mdx)
+- [21 — Contribution Guidelines & Governance](./src/docs/21-contribution.mdx)
+- [22 — Agent Instructions](./src/docs/22-agents.mdx)
+- [23 — Mandatory Constraints](./src/docs/23-constraints.mdx)
+- [24 — Experimentation](./src/docs/24-experimentation.mdx)
+- [25 — Consuming the Kit](./src/docs/25-consuming.mdx)
+
+## Hard constraints
+
+The full list is in [`src/docs/23-constraints.mdx`](./src/docs/23-constraints.mdx). Highlights CI enforces:
+
+- Tokens only — no hardcoded colours, spacing, radii, shadows, fonts in components
+- CSS logical properties only — `ms-*`/`me-*`/`ps-*`/`pe-*`, never `ml-*`/`mr-*`/`pl-*`/`pr-*`
+- No inline `style={{…}}`; Tailwind classes only
+- All user-visible strings routed through `useTranslation()`; `ui.*` namespace for kit, `app.*` for consumers
+- axe-core zero violations per story
+- TypeScript strict, no `any`, no PropTypes, `forwardRef` where a ref is exposed
+- No `dangerouslySetInnerHTML` outside the `SafeHtml` helper
+- No jQuery (and no library that depends on it)
+- CVA for every component's variants
+- Co-located `.stories.tsx` and `.test.tsx` for every component
+- Four themes compose through class names on the theme root: `theme-light`, `theme-dark`, each optionally with `theme-accessible` (AAA)
+
+## Agents & skills
+
+Project-scoped agents (`.claude/agents/`) and user-invocable skills (`.claude/skills/`) are tracked in git. See [`CLAUDE.md`](./CLAUDE.md#agents--skills) for the full catalogue; common entry points:
+
+| Invocation | Purpose |
+|---|---|
+| `/new-component <Name> [category]` | scaffold a new component and self-check it |
+| `/component-gate <component-path>` | verify one component against the 9-row acceptance gate |
+| `/ds-check [path-or-diff]` | run `token-auditor` + `a11y-reviewer` in parallel and merge findings |
+
+Every feature implementation runs through `code-reviewer`, `a11y-reviewer`, and `token-auditor` in parallel before being declared done — see the "Post-implementation review" section in `CLAUDE.md`.
+
+## Environment variables
+
+Non-secret build-time values live in `.env` at the repo root and are read by Vite (and therefore Storybook). Anything genuinely secret goes in `.env.local` (gitignored).
+
+| Variable | Committed? | Purpose |
+|---|---|---|
+| `VITE_FULLCALENDAR_LICENSE_KEY` | ✔ `.env` | Scheduler premium key for `resourceTimeline` in `Calendar`. Domain-bound, ships in the client bundle, not a cryptographic secret. Without it, FullCalendar renders an "invalid license" watermark. |

package/dist/_chunks/accordion-Dgcd38U_.js

@@ -0,0 +1,117 @@
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as c, useContext as h, useRef as x, createContext as A } from "react";
+import * as n from "@radix-ui/react-accordion";
+import { c as i } from "./index-D2ZczOXr.js";
+import { u as N } from "./use-direction-D6rvvG9G.js";
+import { c as w } from "./compose-refs-C0k0tdqF.js";
+import { C } from "./chevron-down-BX_NP2Yh.js";
+const m = A({ variant: "default" }), V = i("", {
+  variants: {
+    variant: {
+      default: "divide-y divide-border",
+      card: "flex flex-col gap-[var(--spacing-sm)]",
+      separated: "flex flex-col gap-[var(--spacing-xs)]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), y = i("", {
+  variants: {
+    variant: {
+      default: "",
+      card: "bg-[var(--card)] border border-[var(--card-border,var(--border))] rounded-[var(--radius-lg)] overflow-hidden",
+      separated: "border border-border rounded-[var(--radius-md)] overflow-hidden"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), R = i(
+  [
+    "overflow-hidden",
+    "data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]",
+    "data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]"
+  ].join(" ")
+), j = i(
+  "ms-auto size-4 shrink-0 transition-transform duration-[calc(var(--animation-duration)*1.5)] ease-[var(--ease-out)] motion-reduce:transition-none group-data-[state=open]:rotate-180"
+), I = i(
+  [
+    "group flex w-full items-center [min-block-size:var(--min-target-size)]",
+    "py-[var(--spacing-md)] ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+    "text-start font-medium hover:underline",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none"
+  ].join(" ")
+), u = c(
+  ({ variant: a = "default", className: r, children: o, ...e }, d) => {
+    const s = x(null), l = w(d, s), g = N(s);
+    return /* @__PURE__ */ t(m.Provider, { value: { variant: a ?? "default" }, children: /* @__PURE__ */ t(
+      n.Root,
+      {
+        ref: l,
+        dir: g,
+        className: V({ variant: a, className: r }),
+        ...e,
+        children: o
+      }
+    ) });
+  }
+);
+u.displayName = "Accordion";
+const v = c(
+  ({ variant: a, className: r, children: o, ...e }, d) => {
+    const { variant: s } = h(m), l = a ?? s;
+    return /* @__PURE__ */ t(
+      n.Item,
+      {
+        ref: d,
+        className: y({ variant: l, className: r }),
+        ...e,
+        children: o
+      }
+    );
+  }
+);
+v.displayName = "AccordionItem";
+const f = c(
+  ({ className: a, children: r, ...o }, e) => /* @__PURE__ */ t(n.Header, { className: "flex", children: /* @__PURE__ */ b(
+    n.Trigger,
+    {
+      ref: e,
+      className: I({ className: a }),
+      ...o,
+      children: [
+        r,
+        /* @__PURE__ */ t(C, { "aria-hidden": "true", className: j() })
+      ]
+    }
+  ) })
+);
+f.displayName = "AccordionTrigger";
+const p = c(
+  ({ className: a, children: r, ...o }, e) => /* @__PURE__ */ t(
+    n.Content,
+    {
+      ref: e,
+      className: R({ className: a }),
+      ...o,
+      children: /* @__PURE__ */ t("div", { className: "pb-[var(--spacing-md)] ps-[var(--spacing-md)] pe-[var(--spacing-md)]", children: r })
+    }
+  )
+);
+p.displayName = "AccordionContent";
+const H = Object.assign(u, {
+  Item: v,
+  Trigger: f,
+  Content: p
+});
+export {
+  H as A,
+  p as a,
+  v as b,
+  f as c
+};
+//# sourceMappingURL=accordion-Dgcd38U_.js.map

package/dist/_chunks/accordion-Dgcd38U_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-Dgcd38U_.js","sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useRef, type ComponentPropsWithoutRef } from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\ntype AccordionVariant = 'default' | 'card' | 'separated';\n\nconst AccordionContext = createContext<{ variant: AccordionVariant }>({ variant: 'default' });\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      card: 'flex flex-col gap-[var(--spacing-sm)]',\n      separated: 'flex flex-col gap-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      card: 'bg-[var(--card)] border border-[var(--card-border,var(--border))] rounded-[var(--radius-lg)] overflow-hidden',\n      separated: 'border border-border rounded-[var(--radius-md)] overflow-hidden',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentVariants = cva(\n  [\n    'overflow-hidden',\n    'data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]',\n    'data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]',\n  ].join(' '),\n);\n\nconst chevronVariants = cva(\n  'ms-auto size-4 shrink-0 transition-transform duration-[calc(var(--animation-duration)*1.5)] ease-[var(--ease-out)] motion-reduce:transition-none group-data-[state=open]:rotate-180',\n);\n\nconst triggerVariants = cva(\n  [\n    'group flex w-full items-center [min-block-size:var(--min-target-size)]',\n    'py-[var(--spacing-md)] ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n    'text-start font-medium hover:underline',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'transition-all duration-[var(--animation-duration)] motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype PrimitiveSingleProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  type: 'single';\n};\ntype PrimitiveMultipleProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  type: 'multiple';\n};\n\nexport type AccordionProps = (PrimitiveSingleProps | PrimitiveMultipleProps) &\n  VariantProps<typeof accordionVariants>;\n\nexport type AccordionItemProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> &\n  VariantProps<typeof accordionItemVariants>;\n\nexport type AccordionTriggerProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;\n\nexport type AccordionContentProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;\n\nconst AccordionRoot = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ variant = 'default', className, children, ...props }, ref) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n    return (\n      <AccordionContext.Provider value={{ variant: variant ?? 'default' }}>\n        <AccordionPrimitive.Root\n          ref={composedRef}\n          dir={dir}\n          className={accordionVariants({ variant, className })}\n          {...(props as ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>)}\n        >\n          {children}\n        </AccordionPrimitive.Root>\n      </AccordionContext.Provider>\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion';\n\nconst AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ variant: variantProp, className, children, ...props }, ref) => {\n    const { variant: ctxVariant } = useContext(AccordionContext);\n    const variant = variantProp ?? ctxVariant;\n    return (\n      <AccordionPrimitive.Item\n        ref={ref}\n        className={accordionItemVariants({ variant, className })}\n        {...props}\n      >\n        {children}\n      </AccordionPrimitive.Item>\n    );\n  },\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ className, children, ...props }, ref) => (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={triggerVariants({ className })}\n        {...props}\n      >\n        {children}\n        <ChevronDown aria-hidden=\"true\" className={chevronVariants()} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  ),\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className={contentVariants({ className })}\n      {...props}\n    >\n      <div className=\"pb-[var(--spacing-md)] ps-[var(--spacing-md)] pe-[var(--spacing-md)]\">\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  ),\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["AccordionContext","createContext","accordionVariants","cva","accordionItemVariants","contentVariants","chevronVariants","triggerVariants","AccordionRoot","forwardRef","variant","className","children","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","jsx","AccordionPrimitive","AccordionItem","variantProp","ctxVariant","useContext","AccordionTrigger","jsxs","ChevronDown","AccordionContent","Accordion"],"mappings":"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"}

package/dist/_chunks/accordion.agent-Cz-yglRa.js

@@ -0,0 +1,17 @@
+const t = {
+  id: "accordion",
+  capabilities: ["expand", "select_single", "select_multiple"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "accordion" },
+    item: {
+      attr: "data-item-id",
+      description: "Each Accordion.Item emits its value as data-item-id."
+    }
+  }
+};
+export {
+  t as a
+};
+//# sourceMappingURL=accordion.agent-Cz-yglRa.js.map

package/dist/_chunks/accordion.agent-Cz-yglRa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.agent-Cz-yglRa.js","sources":["../../src/components/accordion/accordion.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport const accordionAgent: AgentAdapter<unknown> = {\n  id: 'accordion',\n  capabilities: ['expand', 'select_single', 'select_multiple'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'accordion' },\n    item: {\n      attr: 'data-item-id',\n      description: 'Each Accordion.Item emits its value as data-item-id.',\n    },\n  },\n};\n"],"names":["accordionAgent"],"mappings":"AAEO,MAAMA,IAAwC;AAAA,EACnD,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,iBAAiB,iBAAiB;AAAA,EAC3D,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,YAAA;AAAA,IACvC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/agenda-card-B2gq-gTq.js

@@ -0,0 +1,130 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as b } from "react-i18next";
+import { A as x } from "./avatar-BsV7vRA6.js";
+import { B as y } from "./badge--CmSr7ok.js";
+import { C as N } from "./chevron-right-BrpYejk0.js";
+const C = h(
+  [
+    "relative flex items-center gap-[var(--spacing-sm)]",
+    "rounded-[var(--radius-sm)]",
+    "transition-colors",
+    "motion-reduce:transition-none",
+    "text-start group",
+    "forced-colors:border forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "p-[var(--spacing-sm)]",
+        md: "p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "hover:bg-[color:var(--muted)]/40 cursor-pointer",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1
+    }
+  }
+), u = [
+  "focus-visible:outline-none",
+  "after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]",
+  "after:pointer-events-auto",
+  "focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "focus-visible:after:outline-solid",
+  "focus-visible:after:outline-[color:var(--ring)]",
+  "focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" ");
+function w(e) {
+  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
+}
+const k = {
+  confirmed: "success",
+  pending: "warning",
+  cancelled: "error"
+}, T = v(
+  ({ item: e, size: i = "sm", onActivate: a, className: f, ...m }, p) => {
+    const { t: l } = b(), t = !!a, g = !!e.url && w(e.url), c = l("ui.agendaCard.itemLabel", {
+      time: e.time,
+      patient: e.patient.name,
+      treatment: e.treatment ?? "",
+      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, " · "}}'
+    }), o = /* @__PURE__ */ r("span", { className: "flex-1 min-w-0 truncate type-body-sm text-[color:var(--foreground)]", children: e.patient.name });
+    let s;
+    return t && g ? s = /* @__PURE__ */ r(
+      "a",
+      {
+        href: e.url,
+        "aria-label": c,
+        className: u + " contents",
+        onClick: (n) => {
+          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || a == null || a(e);
+        },
+        children: o
+      }
+    ) : t ? s = /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": c,
+        className: u + " contents bg-transparent border-0 p-0 text-start",
+        onClick: () => a == null ? void 0 : a(e),
+        children: o
+      }
+    ) : s = o, /* @__PURE__ */ d(
+      "div",
+      {
+        ref: p,
+        role: "listitem",
+        "data-status": e.status ?? "confirmed",
+        className: C({ size: i, interactive: t, className: f }),
+        ...m,
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-flex w-12 shrink-0 type-body-sm font-medium text-[color:var(--foreground)] tabular-nums",
+              children: e.time
+            }
+          ),
+          /* @__PURE__ */ r(
+            x,
+            {
+              name: e.patient.name,
+              src: e.patient.avatarUrl,
+              size: i === "md" ? "md" : "sm",
+              className: "shrink-0",
+              "aria-hidden": "true",
+              role: "presentation",
+              "aria-label": void 0
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "flex-1 min-w-0 flex flex-col gap-[var(--spacing-2xs)]", children: [
+            s,
+            e.treatment ? /* @__PURE__ */ r("span", { className: "type-eyebrow text-[color:var(--muted-foreground)] truncate", children: e.treatment }) : null
+          ] }),
+          e.status && e.status !== "confirmed" ? /* @__PURE__ */ r(y, { variant: k[e.status], size: "sm", withDot: !0, className: "shrink-0", children: l(`ui.agendaCard.status.${e.status}`, e.status) }) : null,
+          t ? /* @__PURE__ */ r(
+            N,
+            {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0 text-[color:var(--muted-foreground)] opacity-0 transition-opacity motion-reduce:transition-none group-hover:opacity-100 group-focus-within:opacity-100 rtl:rotate-180"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+T.displayName = "AgendaCard";
+export {
+  T as A,
+  w as i
+};
+//# sourceMappingURL=agenda-card-B2gq-gTq.js.map

package/dist/_chunks/agenda-card-B2gq-gTq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-card-B2gq-gTq.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus = 'confirmed' | 'pending' | 'cancelled';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'relative flex items-center gap-[var(--spacing-sm)]',\n    'rounded-[var(--radius-sm)]',\n    'transition-colors',\n    'motion-reduce:transition-none',\n    'text-start group',\n    'forced-colors:border forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'p-[var(--spacing-sm)]',\n        md: 'p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'hover:bg-[color:var(--muted)]/40 cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'focus-visible:outline-none',\n  \"after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]\",\n  'after:pointer-events-auto',\n  'focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'focus-visible:after:outline-solid',\n  'focus-visible:after:outline-[color:var(--ring)]',\n  'focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nexport function isSafeAgendaUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> = {\n  confirmed: 'success',\n  pending: 'warning',\n  cancelled: 'error',\n};\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeAgendaUrl(item.url);\n    const ariaLabel = t('ui.agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n\n    const titleNode = (\n      <span className=\"flex-1 min-w-0 truncate type-body-sm text-[color:var(--foreground)]\">\n        {item.patient.name}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey) return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' contents bg-transparent border-0 p-0 text-start'}\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"inline-flex w-12 shrink-0 type-body-sm font-medium text-[color:var(--foreground)] tabular-nums\"\n        >\n          {item.time}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"flex-1 min-w-0 flex flex-col gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow text-[color:var(--muted-foreground)] truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n        </div>\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge variant={STATUS_TONE[item.status]} size=\"sm\" withDot className=\"shrink-0\">\n            {t(`ui.agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-4 shrink-0 text-[color:var(--muted-foreground)] opacity-0 transition-opacity motion-reduce:transition-none group-hover:opacity-100 group-focus-within:opacity-100 rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","isSafeAgendaUrl","url","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":"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"}