@chayns-ui/core 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tobit.Software
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @chayns-ui/core
+
+React Core UI components. Consumers import component JavaScript and CSS explicitly.

package/dist/accordion.css

@@ -0,0 +1,147 @@
+@layer chayns.components {
+  .chayns-accordion {
+    box-sizing: border-box;
+  }
+
+  .chayns-accordion--standalone {
+    overflow: hidden;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    background: var(--surface);
+  }
+
+  .chayns-accordion--wrapped {
+    overflow: hidden;
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    background: var(--surface);
+  }
+
+  .chayns-accordion-group {
+    box-sizing: border-box;
+    overflow: hidden;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    background: var(--surface);
+  }
+
+  .chayns-accordion--grouped + .chayns-accordion--grouped {
+    border-top: 1px solid var(--border);
+  }
+
+  .chayns-accordion__header {
+    position: relative;
+    box-sizing: border-box;
+    inline-size: 100%;
+    display: flex;
+    align-items: center;
+    gap: var(--k12);
+    margin: 0;
+    padding: var(--k14) var(--k16);
+    border: 0;
+    background: transparent;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+
+  .chayns-accordion--wrapped > .chayns-accordion__header {
+    gap: var(--k10);
+    padding: var(--k10) var(--k12);
+  }
+
+  .chayns-accordion__header:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 var(--focus-ring-size)
+      rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong));
+  }
+
+  .chayns-accordion__chevron {
+    flex: none;
+    inline-size: var(--k16);
+    font-size: var(--icon);
+    color: var(--accent);
+    transition: transform 0.2s ease;
+  }
+
+  .chayns-accordion--wrapped > .chayns-accordion__header > .chayns-accordion__chevron {
+    inline-size: var(--k14);
+    font-size: var(--fs-caption);
+  }
+
+  .chayns-accordion--open > .chayns-accordion__header > .chayns-accordion__chevron {
+    transform: rotate(90deg);
+  }
+
+  .chayns-accordion__title {
+    flex: 1;
+    min-inline-size: 0;
+    font-size: var(--fs-body);
+    color: var(--text);
+  }
+
+  .chayns-accordion--open > .chayns-accordion__header > .chayns-accordion__title {
+    font-weight: 600;
+  }
+
+  .chayns-accordion__panel {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows 0.25s ease;
+  }
+
+  .chayns-accordion--open > .chayns-accordion__panel {
+    grid-template-rows: 1fr;
+  }
+
+  .chayns-accordion__inner {
+    overflow: hidden;
+    visibility: hidden;
+    transition: visibility 0s linear 0.25s;
+  }
+
+  .chayns-accordion--open > .chayns-accordion__panel > .chayns-accordion__inner {
+    visibility: visible;
+    transition: visibility 0s linear 0s;
+  }
+
+  .chayns-accordion__content {
+    padding: 0 var(--k16) var(--k15) calc(var(--k16) + var(--k16) + var(--k12));
+    font-size: var(--fs-body);
+    line-height: 1.55;
+    color: var(--text-3);
+  }
+
+  .chayns-accordion--wrapped
+    > .chayns-accordion__panel
+    > .chayns-accordion__inner
+    > .chayns-accordion__content {
+    padding: 0 var(--k12) var(--k10) calc(var(--k12) + var(--k14) + var(--k10));
+  }
+
+  .chayns-accordion--disabled > .chayns-accordion__header {
+    cursor: default;
+  }
+
+  .chayns-accordion--disabled > .chayns-accordion__header > .chayns-accordion__chevron {
+    color: var(--muted);
+  }
+
+  .chayns-accordion--disabled > .chayns-accordion__header > .chayns-accordion__title {
+    color: var(--muted);
+  }
+
+  @media (hover: hover) {
+    .chayns-accordion__header:not(:disabled):hover {
+      background: var(--hover);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .chayns-accordion__chevron,
+    .chayns-accordion__panel,
+    .chayns-accordion__inner {
+      transition: none;
+    }
+  }
+}

package/dist/button.css

@@ -0,0 +1,191 @@
+@layer chayns.components {
+  :where(.chayns-button, .chayns-icon-button) {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    max-inline-size: 100%;
+    margin: 0;
+    border: 0;
+    font: inherit;
+    font-size: var(--fs-body);
+    font-weight: 500;
+    line-height: 1.1;
+    text-align: center;
+    color: var(--text);
+    cursor: pointer;
+  }
+
+  .chayns-button {
+    gap: var(--sp-2);
+    padding-block: var(--btn-py);
+    padding-inline: var(--btn-px);
+    border-radius: 999px;
+  }
+
+  .chayns-button--ghost {
+    padding-inline: var(--sp-4);
+  }
+
+  :where(.chayns-icon-button) {
+    flex: none;
+    inline-size: var(--ctrl-h);
+    block-size: var(--ctrl-h);
+    padding: 0;
+    border-radius: 50%;
+  }
+
+  :where(.chayns-button--primary, .chayns-icon-button--primary) {
+    background: var(--accent);
+    color: var(--on-accent);
+    box-shadow: var(--shadow-btn);
+  }
+
+  :where(.chayns-button--outline, .chayns-icon-button--outline) {
+    border: 1.5px solid var(--accent);
+    background: var(--surface);
+    color: var(--accent);
+  }
+
+  :where(.chayns-button--ghost, .chayns-icon-button--ghost) {
+    background: transparent;
+    color: var(--text-2);
+  }
+
+  :where(.chayns-button--danger, .chayns-icon-button--danger) {
+    background: var(--danger-bg);
+    color: var(--danger);
+  }
+
+  :where(.chayns-button, .chayns-icon-button):active:not(:disabled) {
+    transform: scale(0.97);
+  }
+
+  :where(.chayns-icon-button):active:not(:disabled) {
+    transform: scale(0.9);
+  }
+
+  :where(.chayns-button--primary, .chayns-icon-button--primary):active:not(:disabled) {
+    background: var(--accent-active);
+  }
+
+  :where(.chayns-button--outline, .chayns-icon-button--outline):active:not(:disabled) {
+    background: var(--accent);
+    color: var(--on-accent);
+  }
+
+  :where(.chayns-button--ghost, .chayns-icon-button--ghost):active:not(:disabled) {
+    background: var(--surface-alt);
+    color: var(--accent);
+  }
+
+  :where(.chayns-button--danger, .chayns-icon-button--danger):active:not(:disabled) {
+    background: var(--danger-bg-hover);
+  }
+
+  :where(.chayns-button, .chayns-icon-button):disabled {
+    color: var(--disabled-fg);
+    cursor: not-allowed;
+    box-shadow: none;
+    transform: none;
+  }
+
+  :where(
+    .chayns-button--primary,
+    .chayns-button--danger,
+    .chayns-icon-button--primary,
+    .chayns-icon-button--danger
+  ):disabled {
+    background: var(--disabled-bg);
+  }
+
+  :where(.chayns-button--outline, .chayns-icon-button--outline):disabled {
+    border-color: var(--disabled-border);
+    background: var(--surface);
+  }
+
+  :where(.chayns-button--ghost, .chayns-icon-button--ghost):disabled {
+    background: transparent;
+  }
+
+  .chayns-button-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: 1em;
+    block-size: 1em;
+    flex: none;
+    line-height: 1;
+  }
+
+  .chayns-button-icon__weight {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .chayns-button-icon__weight--active {
+    display: none;
+  }
+
+  :where(.chayns-button, .chayns-icon-button):active:not(:disabled)
+    .chayns-button-icon__weight:not(.chayns-button-icon__weight--active) {
+    display: none;
+  }
+
+  :where(.chayns-button, .chayns-icon-button):active:not(:disabled)
+    .chayns-button-icon__weight--active {
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    :where(.chayns-button--primary, .chayns-icon-button--primary):hover:not(:disabled) {
+      background: var(--accent-hover);
+      box-shadow: var(--shadow-btn-hover);
+    }
+
+    :where(.chayns-button--outline, .chayns-icon-button--outline):hover:not(:disabled) {
+      background: var(--accent);
+      color: var(--on-accent);
+      box-shadow: var(--shadow-btn-hover);
+    }
+
+    :where(.chayns-button--ghost, .chayns-icon-button--ghost):hover:not(:disabled) {
+      background: var(--surface-alt);
+      color: var(--accent);
+    }
+
+    :where(.chayns-button--danger, .chayns-icon-button--danger):hover:not(:disabled) {
+      background: var(--danger-bg-hover);
+    }
+
+    :where(.chayns-button, .chayns-icon-button):hover:not(:disabled)
+      .chayns-button-icon__weight:not(.chayns-button-icon__weight--active) {
+      display: none;
+    }
+
+    :where(.chayns-button, .chayns-icon-button):hover:not(:disabled)
+      .chayns-button-icon__weight--active {
+      display: inline-flex;
+    }
+  }
+
+  :where(.chayns-button, .chayns-icon-button):focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 var(--focus-ring-size)
+      rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong));
+  }
+
+  :where(.chayns-button--primary, .chayns-icon-button--primary):focus-visible {
+    box-shadow:
+      0 0 0 var(--focus-ring-size) rgb(var(--focus-ring-rgb), var(--focus-ring-alpha-strong)),
+      var(--shadow-btn);
+  }
+
+  @media (forced-colors: active) {
+    :where(.chayns-button, .chayns-icon-button):focus-visible {
+      outline: var(--focus-ring-size) solid ButtonText;
+      outline-offset: 1px;
+    }
+  }
+}

package/dist/card.css

@@ -0,0 +1,13 @@
+@layer chayns.components {
+  .chayns-card {
+    box-sizing: border-box;
+    display: block;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+  }
+
+  .chayns-card--elevated {
+    box-shadow: var(--shadow-card);
+  }
+}

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import type { AccordionProps } from './Accordion.types.js';
+declare function Accordion({ children, className, defaultOpen, disabled, id, onOpenChange, open, title, }: AccordionProps): import("react").JSX.Element;
+export default Accordion;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,WAAmB,EACnB,QAAgB,EAChB,EAAE,EACF,YAAY,EACZ,IAAI,EACJ,KAAK,GACN,EAAE,cAAc,+BA8EhB;AAED,eAAe,SAAS,CAAC"}

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,72 @@
+import { AccordionDepthContext, AccordionGroupContext } from "./AccordionContext.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useId, useState } from "react";
+//#region src/components/accordion/Accordion.tsx
+function Accordion({ children, className, defaultOpen = false, disabled = false, id, onOpenChange, open, title }) {
+	const depth = useContext(AccordionDepthContext);
+	const group = useContext(AccordionGroupContext);
+	const generatedId = useId();
+	const baseId = id ?? generatedId;
+	const headerId = `${baseId}-header`;
+	const panelId = `${baseId}-panel`;
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+	let isOpen;
+	if (group) isOpen = group.isOpen(baseId);
+	else if (open !== void 0) isOpen = open;
+	else isOpen = uncontrolledOpen;
+	const handleToggle = () => {
+		if (group) {
+			group.toggle(baseId);
+			return;
+		}
+		const nextOpen = !isOpen;
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	};
+	const grouped = group !== null;
+	const rootClassName = [
+		"chayns-accordion",
+		grouped ? "chayns-accordion--grouped" : !grouped && depth > 0 ? "chayns-accordion--wrapped" : "chayns-accordion--standalone",
+		isOpen ? "chayns-accordion--open" : null,
+		disabled ? "chayns-accordion--disabled" : null,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: rootClassName,
+		children: [/* @__PURE__ */ jsxs("button", {
+			"aria-controls": panelId,
+			"aria-expanded": isOpen,
+			className: "chayns-accordion__header",
+			disabled,
+			id: headerId,
+			onClick: handleToggle,
+			type: "button",
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "chayns-accordion__chevron far fa-chevron-right"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "chayns-accordion__title",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-labelledby": headerId,
+			className: "chayns-accordion__panel",
+			id: panelId,
+			role: "region",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "chayns-accordion__inner",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "chayns-accordion__content",
+					children: /* @__PURE__ */ jsx(AccordionDepthContext.Provider, {
+						value: depth + 1,
+						children
+					})
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { Accordion as default };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useContext, useId, useState } from 'react';\n\nimport { AccordionDepthContext, AccordionGroupContext } from './AccordionContext.js';\nimport type { AccordionProps } from './Accordion.types.js';\n\nfunction Accordion({\n  children,\n  className,\n  defaultOpen = false,\n  disabled = false,\n  id,\n  onOpenChange,\n  open,\n  title,\n}: AccordionProps) {\n  const depth = useContext(AccordionDepthContext);\n  const group = useContext(AccordionGroupContext);\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const headerId = `${baseId}-header`;\n  const panelId = `${baseId}-panel`;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  let isOpen: boolean;\n  if (group) {\n    isOpen = group.isOpen(baseId);\n  } else if (open !== undefined) {\n    isOpen = open;\n  } else {\n    isOpen = uncontrolledOpen;\n  }\n\n  const handleToggle = () => {\n    if (group) {\n      group.toggle(baseId);\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    if (open === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen);\n  };\n\n  const grouped = group !== null;\n  const wrapped = !grouped && depth > 0;\n  const variantClassName = grouped\n    ? 'chayns-accordion--grouped'\n    : wrapped\n      ? 'chayns-accordion--wrapped'\n      : 'chayns-accordion--standalone';\n\n  const rootClassName = [\n    'chayns-accordion',\n    variantClassName,\n    isOpen ? 'chayns-accordion--open' : null,\n    disabled ? 'chayns-accordion--disabled' : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClassName}>\n      <button\n        aria-controls={panelId}\n        aria-expanded={isOpen}\n        className=\"chayns-accordion__header\"\n        disabled={disabled}\n        id={headerId}\n        onClick={handleToggle}\n        type=\"button\"\n      >\n        <i aria-hidden=\"true\" className=\"chayns-accordion__chevron far fa-chevron-right\" />\n        <span className=\"chayns-accordion__title\">{title}</span>\n      </button>\n      <div\n        aria-labelledby={headerId}\n        className=\"chayns-accordion__panel\"\n        id={panelId}\n        role=\"region\"\n      >\n        <div className=\"chayns-accordion__inner\">\n          <div className=\"chayns-accordion__content\">\n            <AccordionDepthContext.Provider value={depth + 1}>\n              {children}\n            </AccordionDepthContext.Provider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"mappings":";;;;AAKA,SAAS,UAAU,EACjB,UACA,WACA,cAAc,OACd,WAAW,OACX,IACA,cACA,MACA,SACiB;CACjB,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,cAAc,MAAM;CAC1B,MAAM,SAAS,MAAM;CACrB,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAE1B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CAEpE,IAAI;CACJ,IAAI,OACF,SAAS,MAAM,OAAO,MAAM;MACvB,IAAI,SAAS,KAAA,GAClB,SAAS;MAET,SAAS;CAGX,MAAM,qBAAqB;EACzB,IAAI,OAAO;GACT,MAAM,OAAO,MAAM;GACnB;EACF;EAEA,MAAM,WAAW,CAAC;EAClB,IAAI,SAAS,KAAA,GAAW,oBAAoB,QAAQ;EACpD,eAAe,QAAQ;CACzB;CAEA,MAAM,UAAU,UAAU;CAQ1B,MAAM,gBAAgB;EACpB;EAPuB,UACrB,8BAFY,CAAC,WAAW,QAAQ,IAI9B,8BACA;EAKJ,SAAS,2BAA2B;EACpC,WAAW,+BAA+B;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,WAAW;EAAhB,UAAA,CACE,qBAAC,UAAD;GACE,iBAAe;GACf,iBAAe;GACf,WAAU;GACA;GACV,IAAI;GACJ,SAAS;GACT,MAAK;GAPP,UAAA,CASE,oBAAC,KAAD;IAAG,eAAY;IAAO,WAAU;GAAkD,CAAA,GAClF,oBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,CACjD;EACR,CAAA,GAAA,oBAAC,OAAD;GACE,mBAAiB;GACjB,WAAU;GACV,IAAI;GACJ,MAAK;GAEL,UAAA,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,sBAAsB,UAAvB;MAAgC,OAAO,QAAQ;MAC5C;KAC6B,CAAA;IAC7B,CAAA;GACF,CAAA;EACF,CAAA,CACF;;AAET"}

package/dist/components/accordion/Accordion.types.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+/** Props for a single disclosure accordion. */
+export interface AccordionProps {
+    /** Visible, localized header label used as the accessible name. */
+    title: ReactNode;
+    /** Panel content revealed when the accordion is open. */
+    children?: ReactNode;
+    /** Controlled open state. Ignored when inside an AccordionGroup. */
+    open?: boolean;
+    /** Uncontrolled initial open state. Ignored when inside an AccordionGroup. */
+    defaultOpen?: boolean;
+    /** Called with the next open state on user toggle. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables the header trigger. */
+    disabled?: boolean;
+    /**
+     * Stable id used to wire header and panel and, inside an AccordionGroup, to
+     * identify the item. Falls back to a generated id.
+     */
+    id?: string;
+    /** Additional class names on the accordion root element. */
+    className?: string;
+}
+/** Props for a group of mutually exclusive accordions. */
+export interface AccordionGroupProps {
+    /** Accordion items belonging to the group. */
+    children?: ReactNode;
+    /** Controlled id of the currently open item, or null when all are closed. */
+    openId?: string | null;
+    /** Uncontrolled id of the initially open item. */
+    defaultOpenId?: string | null;
+    /** Called with the next open item id, or null when the group closes. */
+    onOpenChange?: (openId: string | null) => void;
+    /** Additional class names on the group root element. */
+    className?: string;
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

package/dist/components/accordion/Accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAC;IAEjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE/C,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/accordion/AccordionContext.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Nesting depth of the current accordion subtree. Depth 0 is a top-level
+ * accordion; any depth greater than 0 renders as an automatically detected
+ * wrapped (nested) accordion. Each open panel provides an incremented depth to
+ * its content.
+ */
+export declare const AccordionDepthContext: import("react").Context<number>;
+/** Exclusive open-state contract shared by an AccordionGroup with its items. */
+export interface AccordionGroupContextValue {
+    /** Whether the item registered under this id is the open one. */
+    isOpen: (id: string) => boolean;
+    /** Toggles the item registered under this id within the group. */
+    toggle: (id: string) => void;
+}
+/**
+ * Present when an Accordion is rendered inside an AccordionGroup. Items then
+ * share the group's exclusive open state instead of owning local state.
+ */
+export declare const AccordionGroupContext: import("react").Context<AccordionGroupContextValue | null>;
+//# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/accordion/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/AccordionContext.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,iCAA2B,CAAC;AAE9D,gFAAgF;AAChF,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAEhC,kEAAkE;IAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,4DAAyD,CAAC"}

package/dist/components/accordion/AccordionContext.js

@@ -0,0 +1,18 @@
+import { createContext } from "react";
+//#region src/components/accordion/AccordionContext.ts
+/**
+* Nesting depth of the current accordion subtree. Depth 0 is a top-level
+* accordion; any depth greater than 0 renders as an automatically detected
+* wrapped (nested) accordion. Each open panel provides an incremented depth to
+* its content.
+*/
+var AccordionDepthContext = createContext(0);
+/**
+* Present when an Accordion is rendered inside an AccordionGroup. Items then
+* share the group's exclusive open state instead of owning local state.
+*/
+var AccordionGroupContext = createContext(null);
+//#endregion
+export { AccordionDepthContext, AccordionGroupContext };
+
+//# sourceMappingURL=AccordionContext.js.map

package/dist/components/accordion/AccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.js","names":[],"sources":["../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Nesting depth of the current accordion subtree. Depth 0 is a top-level\n * accordion; any depth greater than 0 renders as an automatically detected\n * wrapped (nested) accordion. Each open panel provides an incremented depth to\n * its content.\n */\nexport const AccordionDepthContext = createContext<number>(0);\n\n/** Exclusive open-state contract shared by an AccordionGroup with its items. */\nexport interface AccordionGroupContextValue {\n  /** Whether the item registered under this id is the open one. */\n  isOpen: (id: string) => boolean;\n\n  /** Toggles the item registered under this id within the group. */\n  toggle: (id: string) => void;\n}\n\n/**\n * Present when an Accordion is rendered inside an AccordionGroup. Items then\n * share the group's exclusive open state instead of owning local state.\n */\nexport const AccordionGroupContext = createContext<AccordionGroupContextValue | null>(null);\n"],"mappings":";;;;;;;;AAQA,IAAa,wBAAwB,cAAsB,CAAC;;;;;AAe5D,IAAa,wBAAwB,cAAiD,IAAI"}

package/dist/components/accordion/AccordionGroup.d.ts

@@ -0,0 +1,4 @@
+import type { AccordionGroupProps } from './Accordion.types.js';
+declare function AccordionGroup({ children, className, defaultOpenId, onOpenChange, openId, }: AccordionGroupProps): import("react").JSX.Element;
+export default AccordionGroup;
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/dist/components/accordion/AccordionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,YAAY,EACZ,MAAM,GACP,EAAE,mBAAmB,+BA6BrB;AAED,eAAe,cAAc,CAAC"}

package/dist/components/accordion/AccordionGroup.js

@@ -0,0 +1,35 @@
+import { AccordionGroupContext } from "./AccordionContext.js";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+//#region src/components/accordion/AccordionGroup.tsx
+function AccordionGroup({ children, className, defaultOpenId = null, onOpenChange, openId }) {
+	const [uncontrolledOpenId, setUncontrolledOpenId] = useState(defaultOpenId);
+	const isControlled = openId !== void 0;
+	const currentOpenId = isControlled ? openId : uncontrolledOpenId;
+	const isOpen = useCallback((id) => currentOpenId === id, [currentOpenId]);
+	const toggle = useCallback((id) => {
+		const nextOpenId = currentOpenId === id ? null : id;
+		if (!isControlled) setUncontrolledOpenId(nextOpenId);
+		onOpenChange?.(nextOpenId);
+	}, [
+		currentOpenId,
+		isControlled,
+		onOpenChange
+	]);
+	const contextValue = useMemo(() => ({
+		isOpen,
+		toggle
+	}), [isOpen, toggle]);
+	const rootClassName = ["chayns-accordion-group", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: rootClassName,
+			children
+		})
+	});
+}
+//#endregion
+export { AccordionGroup as default };
+
+//# sourceMappingURL=AccordionGroup.js.map

package/dist/components/accordion/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","names":[],"sources":["../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { AccordionGroupContext } from './AccordionContext.js';\nimport type { AccordionGroupContextValue } from './AccordionContext.js';\nimport type { AccordionGroupProps } from './Accordion.types.js';\n\nfunction AccordionGroup({\n  children,\n  className,\n  defaultOpenId = null,\n  onOpenChange,\n  openId,\n}: AccordionGroupProps) {\n  const [uncontrolledOpenId, setUncontrolledOpenId] = useState<string | null>(defaultOpenId);\n\n  const isControlled = openId !== undefined;\n  const currentOpenId = isControlled ? openId : uncontrolledOpenId;\n\n  const isOpen = useCallback((id: string) => currentOpenId === id, [currentOpenId]);\n\n  const toggle = useCallback(\n    (id: string) => {\n      const nextOpenId = currentOpenId === id ? null : id;\n      if (!isControlled) setUncontrolledOpenId(nextOpenId);\n      onOpenChange?.(nextOpenId);\n    },\n    [currentOpenId, isControlled, onOpenChange],\n  );\n\n  const contextValue = useMemo<AccordionGroupContextValue>(\n    () => ({ isOpen, toggle }),\n    [isOpen, toggle],\n  );\n\n  const rootClassName = ['chayns-accordion-group', className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionGroupContext.Provider value={contextValue}>\n      <div className={rootClassName}>{children}</div>\n    </AccordionGroupContext.Provider>\n  );\n}\n\nexport default AccordionGroup;\n"],"mappings":";;;;AAMA,SAAS,eAAe,EACtB,UACA,WACA,gBAAgB,MAChB,cACA,UACsB;CACtB,MAAM,CAAC,oBAAoB,yBAAyB,SAAwB,aAAa;CAEzF,MAAM,eAAe,WAAW,KAAA;CAChC,MAAM,gBAAgB,eAAe,SAAS;CAE9C,MAAM,SAAS,aAAa,OAAe,kBAAkB,IAAI,CAAC,aAAa,CAAC;CAEhF,MAAM,SAAS,aACZ,OAAe;EACd,MAAM,aAAa,kBAAkB,KAAK,OAAO;EACjD,IAAI,CAAC,cAAc,sBAAsB,UAAU;EACnD,eAAe,UAAU;CAC3B,GACA;EAAC;EAAe;EAAc;CAAY,CAC5C;CAEA,MAAM,eAAe,eACZ;EAAE;EAAQ;CAAO,IACxB,CAAC,QAAQ,MAAM,CACjB;CAEA,MAAM,gBAAgB,CAAC,0BAA0B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEpF,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACrC,UAAA,oBAAC,OAAD;GAAK,WAAW;GAAgB;EAAc,CAAA;CAChB,CAAA;AAEpC"}

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

@@ -0,0 +1,4 @@
+export { default as Accordion } from './Accordion.js';
+export { default as AccordionGroup } from './AccordionGroup.js';
+export type { AccordionGroupProps, AccordionProps } from './Accordion.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/accordion/index.js

@@ -0,0 +1,3 @@
+import Accordion from "./Accordion.js";
+import AccordionGroup from "./AccordionGroup.js";
+export { Accordion, AccordionGroup };

package/dist/components/button/Button.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from './Button.types.js';
+declare function Button({ children, className, icon, type, variant, ...buttonProps }: ButtonProps): import("react").JSX.Element;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,WAAW,+BASb;AAED,eAAe,MAAM,CAAC"}

package/dist/components/button/Button.js

@@ -0,0 +1,17 @@
+import ButtonIcon from "./ButtonIcon.js";
+import { getButtonClassName } from "./buttonClassName.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/button/Button.tsx
+function Button({ children, className, icon, type = "button", variant, ...buttonProps }) {
+	const resolvedClassName = getButtonClassName("chayns-button", variant, className);
+	return /* @__PURE__ */ jsxs("button", {
+		...buttonProps,
+		className: resolvedClassName,
+		type,
+		children: [icon ? /* @__PURE__ */ jsx(ButtonIcon, { icon }) : null, children]
+	});
+}
+//#endregion
+export { Button as default };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonProps } from './Button.types.js';\nimport ButtonIcon from './ButtonIcon.js';\nimport { getButtonClassName } from './buttonClassName.js';\n\nfunction Button({\n  children,\n  className,\n  icon,\n  type = 'button',\n  variant,\n  ...buttonProps\n}: ButtonProps) {\n  const resolvedClassName = getButtonClassName('chayns-button', variant, className);\n\n  return (\n    <button {...buttonProps} className={resolvedClassName} type={type}>\n      {icon ? <ButtonIcon icon={icon} /> : null}\n      {children}\n    </button>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;;AAIA,SAAS,OAAO,EACd,UACA,WACA,MACA,OAAO,UACP,SACA,GAAG,eACW;CACd,MAAM,oBAAoB,mBAAmB,iBAAiB,SAAS,SAAS;CAEhF,OACE,qBAAC,UAAD;EAAQ,GAAI;EAAa,WAAW;EAAyB;EAA7D,UAAA,CACG,OAAO,oBAAC,YAAD,EAAkB,KAAO,CAAA,IAAI,MACpC,QACK;;AAEZ"}