@alfadocs/ui-kit-debug 0.1.8

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,132 @@
+# @alfadocs/ui-kit
+
+The AlfaDocs design system — React components, tokens, and translations.
+
+> **Pre-release.** APIs may change between minor versions before 1.0.
+
+## Install
+
+```bash
+npm install @alfadocs/ui-kit
+```
+
+Requires React 18+ and Node ≥ 22.6.
+
+### Source maps (optional)
+
+The default `@alfadocs/ui-kit` tarball ships without `.map` files to keep
+installs small (~680 KB tarball). Browsers only request source maps on
+demand when devtools is open, so end-users don't pay this cost regardless.
+
+If you need symbolicated stack traces (Sentry / Rollbar uploads, in-browser
+debugging of kit internals), install the `-debug` sibling instead. Both
+packages are runtime-identical and version-locked:
+
+```jsonc
+// package.json — alias-install so imports still resolve as @alfadocs/ui-kit
+"@alfadocs/ui-kit": "npm:@alfadocs/ui-kit-debug@^0.1.8"
+```
+
+Or as a separate dev-only dep if your error reporter accepts maps from a
+sibling package.
+
+## Usage
+
+### Tokens
+
+Import the design tokens once at your app root so the CSS custom
+properties are available everywhere:
+
+```ts
+import '@alfadocs/ui-kit/tokens';
+```
+
+Then apply a theme class on the root element:
+
+```html
+<html class="theme-light">
+  <!-- or theme-dark, optionally combined with theme-accessible -->
+</html>
+```
+
+### Components
+
+Each component is also available as its own subpath import for
+narrower bundles:
+
+```tsx
+import { Button } from '@alfadocs/ui-kit/button';
+import { Card } from '@alfadocs/ui-kit/card';
+
+export function Example() {
+  return (
+    <Card>
+      <Card.Body>
+        <Button intent="primary">Save</Button>
+      </Card.Body>
+    </Card>
+  );
+}
+```
+
+Or import everything from the root entry:
+
+```tsx
+import { Button, Card } from '@alfadocs/ui-kit';
+```
+
+### i18n
+
+The kit ships with `react-i18next` pre-configured and locale bundles
+in `dist/locales/`:
+
+```ts
+import i18n from '@alfadocs/ui-kit/i18n';
+import en from '@alfadocs/ui-kit/locales/en.json';
+
+i18n.addResourceBundle('en', 'ui', en);
+```
+
+## Host integration
+
+The kit's dismissable primitives — `Dialog`, `Popover`, `DropdownMenu`,
+`Tooltip`, `Select`, `ContextMenu`, `NavigationMenu`, `AlertDialog` —
+all build on Radix's `@radix-ui/react-dismissable-layer`, which attaches
+a bubble-phase `pointerdown` listener on `document` to detect outside
+clicks. Consuming applications **must not** register a capture-phase
+`document` (or `body`) listener that calls `event.stopPropagation()` on
+`pointerdown` / `mousedown` / `click` — capture-phase consumers run
+BEFORE Radix's detector and starve it, leaving overlays stuck open.
+
+```js
+// Will break every dismissable primitive in the kit
+document.addEventListener('pointerdown', (e) => e.stopPropagation(), true);
+```
+
+If a legacy script must intercept pointer events at `document` level
+(jQuery plugins, Bootstrap modals, in-house global menu handlers, etc.):
+
+- Scope the listener to a specific container instead of `document` / `body`.
+- Drop the `useCapture: true` flag — bubble-phase listeners fire AFTER Radix and don't interfere.
+- Drop the `stopPropagation()` call entirely if it isn't load-bearing.
+
+Each dismissable component's Storybook page carries a `WithHostInterference`
+story that reproduces the failure mode for diagnosis.
+
+## Peer dependencies
+
+`react`, `react-dom`, `react-i18next`, `i18next`. Tailwind CSS is not
+required to consume the kit — components ship pre-styled, and the
+tokens stylesheet exposes CSS custom properties you can reference from
+your own styles.
+
+## License
+
+[Business Source License 1.1](./LICENSE) — production use is
+permitted; offering the Licensed Work, or a substantial portion of it,
+as a competing hosted, embedded, or rebranded design-system or
+component-library product is not. The Licensed Work converts to the
+Apache License 2.0 on the Change Date specified in the LICENSE.
+
+For commercial licensing arrangements outside the BUSL grant, contact
+AlfaDocs GmbH.

package/dist/_chunks/accordion-B6fyINUk.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-B6fyINUk.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: 'ds:divide-y ds:divide-border',\n      card: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      separated: 'ds:flex ds:flex-col ds: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: 'ds:bg-[var(--card)] ds:border ds:border-[var(--card-border,var(--border))] ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n      separated: 'ds:border ds:border-border ds:rounded-[var(--radius-md)] ds:overflow-hidden',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentVariants = cva(\n  [\n    'ds:overflow-hidden',\n    'ds:data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]',\n    'ds:data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]',\n  ].join(' '),\n);\n\nconst chevronVariants = cva(\n  'ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180',\n);\n\nconst triggerVariants = cva(\n  [\n    'ds:group ds:flex ds:w-full ds:items-center ds:[min-block-size:var(--min-target-size)]',\n    'ds:py-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:text-start ds:font-medium ds:hover:underline',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds: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          data-component=\"accordion\"\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=\"ds: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=\"ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds: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-DIWDvWum.js

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

package/dist/_chunks/agenda-card-DIWDvWum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-card-DIWDvWum.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    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds: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=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds: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 + ' ds: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 + ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds: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-component=\"agenda-card\"\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds: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=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds: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=\"ds: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=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds: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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"}

package/dist/_chunks/agenda-tray-BqQZwiHc.js

@@ -0,0 +1,120 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as b } from "react-i18next";
+import { I as M } from "./icon-button-Wnnde5lc.js";
+import { S as T } from "./skeleton-dtqyF09N.js";
+import { E as A } from "./empty-state-DQPtRp2b.js";
+import { A as z } from "./agenda-card-DIWDvWum.js";
+import { c as j } from "./createLucideIcon-CrFbzy84.js";
+import { P as C } from "./plus-CYKNmfuA.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const E = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], I = j("calendar-days", E), S = w(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), L = N(
+  ({
+    items: t,
+    title: m,
+    caption: i,
+    size: n = "sm",
+    onOpenAppointment: p,
+    onAddAppointment: o,
+    addLabel: h,
+    loading: l = !1,
+    emptyTitle: y,
+    emptyDescription: f,
+    className: g,
+    ...v
+  }, u) => {
+    const { t: e } = b(), c = m ?? e("ui.agendaTray.title", "Today's appointments"), x = h ?? e("ui.agendaTray.add", "Add appointment"), k = !l && t.length === 0;
+    let s;
+    return l ? s = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((d) => /* @__PURE__ */ a(T, { variant: "rectangular", height: "2.5rem" }, d)) }) : k ? s = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      A,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: y ?? e("ui.agendaTray.empty.title", "No appointments"),
+        description: f ?? e(
+          "ui.agendaTray.empty.description",
+          "New appointments will appear here."
+        )
+      }
+    ) }) : s = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: t.map((d) => /* @__PURE__ */ a(
+      z,
+      {
+        item: d,
+        size: n,
+        onActivate: p
+      },
+      d.id
+    )) }), /* @__PURE__ */ r(
+      "section",
+      {
+        ref: u,
+        "aria-label": c,
+        "data-component": "agenda-tray",
+        className: S({ size: n, className: g }),
+        ...v,
+        children: [
+          /* @__PURE__ */ r("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+              /* @__PURE__ */ r("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+                /* @__PURE__ */ a(I, { "aria-hidden": "true", className: "ds:size-4" }),
+                c
+              ] }),
+              i ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: i }) : null
+            ] }),
+            o ? /* @__PURE__ */ a(
+              M,
+              {
+                icon: /* @__PURE__ */ a(C, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": x,
+                onClick: o
+              }
+            ) : null
+          ] }),
+          s
+        ]
+      }
+    );
+  }
+);
+L.displayName = "AgendaTray";
+export {
+  L as A
+};
+//# sourceMappingURL=agenda-tray-BqQZwiHc.js.map