@work-rjkashyap/unified-ui 0.3.3 → 0.3.5

package/CHANGELOG.md

@@ -10,8 +10,113 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### 🚀 Features
 
+- **docs:** Add motion preset previews (#13)
+* feat(docs): add motion preset previews
+
+  * Update content/docs/motion.mdx ([#13](https://github.com/imrj05/unified-ui/issues/13)) ([5bc4c3c](https://github.com/imrj05/unified-ui/commit/5bc4c3c60757c82b713b6a3772c5642c26d36ca0))
+- **docs:** Add motion preset previews (#11)
+* feat(docs): add motion preset previews
+
+  * Update content/docs/motion.mdx ([#11](https://github.com/imrj05/unified-ui/issues/11)) ([ceb9fed](https://github.com/imrj05/unified-ui/commit/ceb9fed3307003cbf575b55178f4bd3b5fc941b3))
+- Add new color tokens (indigo, purple, pink, cyan, emerald, yellow, fuchsia, sky, lime) to the design system ([2eafdc1](https://github.com/imrj05/unified-ui/commit/2eafdc1c3a3f29ea8abaaa93c1b4cf5eea74acb4))
+
+### 📖 Documentation
+
+- **oss:** Add contribution standards and protected-branch CI fixes (#5)
+* docs(plan): add open-source contribution setup design
+
+  * docs(oss): add contribution, security, and governance standards
+
+  * chore(dist): add regenerated chunk artifacts
+
+  * ci: switch changelog updates to PR flow for protected main
+
+  * docs(readme): refresh component count and monorepo sections
+
+  * ci(sync): trigger template sync only on template path changes
+
+  * docs: remove brainstorming design artifact ([#5](https://github.com/imrj05/unified-ui/issues/5)) ([7286344](https://github.com/imrj05/unified-ui/commit/7286344503ed667ca1bbb861a29e400f271fbe2c))
+- **oss:** Add contribution standards and protected-branch CI fixes (#3)
+* docs(plan): add open-source contribution setup design
+
+  * docs(oss): add contribution, security, and governance standards
+
+  * chore(dist): add regenerated chunk artifacts
+
+  * ci: switch changelog updates to PR flow for protected main
+
+  * docs(readme): refresh component count and monorepo sections ([#3](https://github.com/imrj05/unified-ui/issues/3)) ([e77d86f](https://github.com/imrj05/unified-ui/commit/e77d86f818f7226eced8d846ebed265504ed4127))
+
+### 🏗️ Miscellaneous
+
+- **changelog:** Auto-update unreleased entries [skip ci] (#12) ([#12](https://github.com/imrj05/unified-ui/issues/12)) ([77d3670](https://github.com/imrj05/unified-ui/commit/77d36705c83146732171f838f2bcdb52bac409fb))
+- **changelog:** Auto-update unreleased entries [skip ci] (#10) ([#10](https://github.com/imrj05/unified-ui/issues/10)) ([dc691b1](https://github.com/imrj05/unified-ui/commit/dc691b1df0d28dee7961a0cf695a3751e756d8af))
+- **changelog:** Auto-update unreleased entries [skip ci] (#8) ([#8](https://github.com/imrj05/unified-ui/issues/8)) ([59a0b38](https://github.com/imrj05/unified-ui/commit/59a0b3863c9deb7b6914202d7be46707ea83a09b))
+- **changelog:** Auto-update unreleased entries [skip ci] (#6) ([#6](https://github.com/imrj05/unified-ui/issues/6)) ([00f8056](https://github.com/imrj05/unified-ui/commit/00f805695032ac4eb6f25984d276f85cde6aa2f3))
+- **changelog:** Auto-update unreleased entries [skip ci] (#4) ([#4](https://github.com/imrj05/unified-ui/issues/4)) ([6e46e82](https://github.com/imrj05/unified-ui/commit/6e46e82745d62b346015991d075994869d0e4322))
+- **changelog:** Auto-update unreleased entries [skip ci] ([7fb8661](https://github.com/imrj05/unified-ui/commit/7fb8661ffd7650de9bf5e90f52dbf73e2b628ae0))
+- **changelog:** Auto-update unreleased entries [skip ci] ([f9f2c15](https://github.com/imrj05/unified-ui/commit/f9f2c156c6c15a716d56635de647eb3c308ba2fb))
+
+### Other
+
+- Feat/add analytics (#9)
+
+* docs(plan): add open-source contribution setup design
+
+* docs(oss): add contribution, security, and governance standards
+
+* chore(dist): add regenerated chunk artifacts
+
+* ci: switch changelog updates to PR flow for protected main
+
+* docs(readme): refresh component count and monorepo sections
+
+* ci(sync): trigger template sync only on template path changes
+
+* docs: remove brainstorming design artifact
+
+* Add MIT license
+
+* feat: add @vercel/speed-insights dependency and integrate into layout ([#9](https://github.com/imrj05/unified-ui/issues/9)) ([7628e79](https://github.com/imrj05/unified-ui/commit/7628e79bff11cfe1e57c593f0c13961c395412e6))
+- Add MIT license (#7)
+
+* docs(plan): add open-source contribution setup design
+
+* docs(oss): add contribution, security, and governance standards
+
+* chore(dist): add regenerated chunk artifacts
+
+* ci: switch changelog updates to PR flow for protected main
+
+* docs(readme): refresh component count and monorepo sections
+
+* ci(sync): trigger template sync only on template path changes
+
+* docs: remove brainstorming design artifact
+
+* Add MIT license ([#7](https://github.com/imrj05/unified-ui/issues/7)) ([9ccd0da](https://github.com/imrj05/unified-ui/commit/9ccd0daf66750f4a009ee777ded828ad874772d9))
+- Fix/oss contrib pr (#2)
+
+* docs(plan): add open-source contribution setup design
+
+* docs(oss): add contribution, security, and governance standards
+
+* chore(dist): add regenerated chunk artifacts ([#2](https://github.com/imrj05/unified-ui/issues/2)) ([2a39426](https://github.com/imrj05/unified-ui/commit/2a3942616f95f7616db1a52dded533345688f948))
+## [0.3.4] — 2026-03-10
+
+### 🚀 Features
+
+- Update version to 0.3.3, enhance CLI with Tailwind CSS setup, and auto-update changelog ([9ac9ceb](https://github.com/imrj05/unified-ui/commit/9ac9cebee65702a8e3864cb5358a2bf198f0b168))
+## [0.3.3] — 2026-03-10
+
+### 🚀 Features
+
 - Add motion tokens for animation consistency
 - Introduced motion tokens in `motion.ts` for durations, easings, springs, and stagger timings to standardize animations across the design system. ([65feea0](https://github.com/imrj05/unified-ui/commit/65feea0c5ab3b43d3aa6a4300aedda58b9769fad))
+
+### 🏗️ Miscellaneous
+
+- **changelog:** Auto-update unreleased entries [skip ci] ([d3abb8a](https://github.com/imrj05/unified-ui/commit/d3abb8a6527f8275d3cabf9f81c3c636c9e5831b))
 ## [0.3.2] — 2026-03-09
 
 ### 🚀 Features

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Rajeshwar Kashyap
+
+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/dist/components/accordion.cjs

@@ -0,0 +1,225 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  accordionContentVariants: () => accordionContentVariants,
+  accordionRootVariants: () => accordionRootVariants,
+  accordionTriggerVariants: () => accordionTriggerVariants
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+var import_focus_ring = require("../utils/focus-ring");
+var import_class_variance_authority = require("class-variance-authority");
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+const AccordionContext = (0, import_react.createContext)({
+  variant: "bordered",
+  size: "md"
+});
+function useAccordionContext() {
+  return (0, import_react.useContext)(AccordionContext);
+}
+const accordionRootVariants = (0, import_class_variance_authority.cva)(["flex flex-col"], {
+  variants: {
+    variant: {
+      /**
+       * Bordered — each item has a visible border separator.
+       * Default variant for most use cases.
+       */
+      bordered: "divide-y divide-border",
+      /**
+       * Borderless — no visible borders between items.
+       * Use for tighter layouts or when embedded inside cards.
+       */
+      borderless: ""
+    }
+  },
+  defaultVariants: {
+    variant: "bordered"
+  }
+});
+const accordionTriggerVariants = (0, import_class_variance_authority.cva)(
+  [
+    // Layout
+    "flex flex-1 items-center justify-between w-full",
+    // Typography
+    "font-medium text-foreground",
+    // Transition
+    "transition-[color,background-color,opacity]",
+    "duration-fast ease-standard",
+    // Focus ring
+    import_focus_ring.focusRingClasses,
+    // Hover
+    "hover:text-foreground hover:underline",
+    // Disabled
+    "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+    // Cursor
+    "cursor-pointer",
+    // Chevron rotation on open
+    "[&>svg]:transition-transform [&>svg]:duration-normal [&>svg]:ease-standard",
+    "[&[data-state=open]>svg]:rotate-180"
+  ],
+  {
+    variants: {
+      size: {
+        /**
+         * Small — compact for dense UIs, sidebars.
+         */
+        sm: "py-3 text-sm leading-5",
+        /**
+         * Medium — default size for most accordions.
+         */
+        md: "py-4 text-sm leading-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const accordionContentVariants = (0, import_class_variance_authority.cva)(
+  [
+    // Animate expand/collapse using CSS grid trick
+    "overflow-hidden",
+    "data-[state=closed]:animate-accordion-up",
+    "data-[state=open]:animate-accordion-down"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm leading-5",
+        md: "text-sm leading-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const accordionContentInnerVariants = (0, import_class_variance_authority.cva)(["text-muted-foreground"], {
+  variants: {
+    size: {
+      sm: "pb-3",
+      md: "pb-4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+const Accordion = (0, import_react.forwardRef)(function Accordion2({ variant = "bordered", size = "md", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.Accordion.Root,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "not-prose",
+        accordionRootVariants({ variant }),
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "accordion",
+      "data-ds-variant": variant,
+      "data-ds-size": size,
+      ...rest,
+      children
+    }
+  ) });
+});
+Accordion.displayName = "Accordion";
+const AccordionItem = (0, import_react.forwardRef)(function AccordionItem2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.Accordion.Item,
+    {
+      ref,
+      className: (0, import_cn.cn)("", className),
+      "data-ds": "",
+      "data-ds-component": "accordion-item",
+      ...rest,
+      children
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = (0, import_react.forwardRef)(function AccordionTrigger2({ className, hideChevron = false, children, ...rest }, ref) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_radix_ui.Accordion.Trigger,
+    {
+      ref,
+      className: (0, import_cn.cn)(accordionTriggerVariants({ size }), className),
+      "data-ds": "",
+      "data-ds-component": "accordion-trigger",
+      ...rest,
+      children: [
+        children,
+        !hideChevron && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground" })
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = (0, import_react.forwardRef)(function AccordionContent2({ className, children, ...rest }, ref) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.Accordion.Content,
+    {
+      ref,
+      className: (0, import_cn.cn)(accordionContentVariants({ size }), className),
+      "data-ds": "",
+      "data-ds-component": "accordion-content",
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)(accordionContentInnerVariants({ size })), children })
+    }
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionContentVariants,
+  accordionRootVariants,
+  accordionTriggerVariants
+});

package/dist/components/accordion.d.cts

@@ -0,0 +1,157 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { Accordion as Accordion$1 } from 'radix-ui';
+
+declare const accordionRootVariants: (props?: ({
+    variant?: "bordered" | "borderless" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AccordionVariant = "bordered" | "borderless";
+type AccordionSize = "sm" | "md";
+/**
+ * Props for a single-mode accordion (only one item open at a time).
+ */
+interface AccordionSingleProps extends Omit<ComponentPropsWithoutRef<typeof Accordion$1.Root>, "type" | "asChild">, VariantProps<typeof accordionRootVariants> {
+    type: "single";
+    /** Visual variant of the accordion. @default "bordered" */
+    variant?: AccordionVariant;
+    /** Size of the accordion items. @default "md" */
+    size?: AccordionSize;
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Props for a multiple-mode accordion (multiple items can be open).
+ */
+interface AccordionMultipleProps extends Omit<ComponentPropsWithoutRef<typeof Accordion$1.Root>, "type" | "asChild">, VariantProps<typeof accordionRootVariants> {
+    type: "multiple";
+    /** Visual variant of the accordion. @default "bordered" */
+    variant?: AccordionVariant;
+    /** Size of the accordion items. @default "md" */
+    size?: AccordionSize;
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+interface AccordionItemProps extends ComponentPropsWithoutRef<typeof Accordion$1.Item> {
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion$1.Trigger> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether to hide the chevron icon. @default false */
+    hideChevron?: boolean;
+    children: ReactNode;
+}
+interface AccordionContentProps extends ComponentPropsWithoutRef<typeof Accordion$1.Content> {
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Accordion — a vertically stacked set of interactive headings that each
+ * reveal a section of content.
+ *
+ * Built on Radix UI's Accordion primitive for full keyboard navigation
+ * and ARIA compliance. All colors, radii, and transitions come from CSS
+ * custom properties defined in design-system.css.
+ *
+ * Accessibility:
+ *   - Radix handles `aria-expanded`, `aria-controls`, arrow key navigation
+ *   - Focus ring visible on keyboard navigation (focus-visible)
+ *   - Disabled items are skipped in keyboard navigation
+ *   - Supports both single and multiple expand modes
+ *
+ * @example
+ * ```tsx
+ * // Single mode (only one open at a time)
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="faq-1">
+ *     <AccordionTrigger>What is Unified UI?</AccordionTrigger>
+ *     <AccordionContent>
+ *       A token-driven design system for React applications.
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // Multiple mode
+ * <Accordion type="multiple" variant="borderless" size="sm">
+ *   <AccordionItem value="a">
+ *     <AccordionTrigger>Section A</AccordionTrigger>
+ *     <AccordionContent>Content A</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="b">
+ *     <AccordionTrigger>Section B</AccordionTrigger>
+ *     <AccordionContent>Content B</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionItem — a single collapsible section within the Accordion.
+ *
+ * Must be used as a direct child of `Accordion`.
+ *
+ * @example
+ * ```tsx
+ * <AccordionItem value="unique-value">
+ *   <AccordionTrigger>Click to expand</AccordionTrigger>
+ *   <AccordionContent>Expanded content here</AccordionContent>
+ * </AccordionItem>
+ * ```
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionTrigger — the clickable heading that toggles an AccordionItem.
+ *
+ * Must be used inside an `AccordionItem`. Renders as a button within a
+ * heading element for proper accessibility semantics.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>Frequently asked question?</AccordionTrigger>
+ * <AccordionTrigger hideChevron>No arrow here</AccordionTrigger>
+ * ```
+ */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * AccordionContent — the collapsible content area of an AccordionItem.
+ *
+ * Uses CSS `animate-accordion-down` / `animate-accordion-up` keyframes
+ * for smooth expand/collapse animation. This relies on the Radix
+ * `--radix-accordion-content-height` CSS variable.
+ *
+ * Note: You must define the following keyframes and animation utilities
+ * in your Tailwind / CSS configuration for the animations to work:
+ *
+ *   @keyframes accordion-down {
+ *     from { height: 0; }
+ *     to { height: var(--radix-accordion-content-height); }
+ *   }
+ *   @keyframes accordion-up {
+ *     from { height: var(--radix-accordion-content-height); }
+ *     to { height: 0; }
+ *   }
+ *
+ * @example
+ * ```tsx
+ * <AccordionContent>
+ *   <p>This content expands and collapses smoothly.</p>
+ * </AccordionContent>
+ * ```
+ */
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, accordionContentVariants, accordionRootVariants, accordionTriggerVariants };

package/dist/components/accordion.d.ts

@@ -0,0 +1,157 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { Accordion as Accordion$1 } from 'radix-ui';
+
+declare const accordionRootVariants: (props?: ({
+    variant?: "bordered" | "borderless" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AccordionVariant = "bordered" | "borderless";
+type AccordionSize = "sm" | "md";
+/**
+ * Props for a single-mode accordion (only one item open at a time).
+ */
+interface AccordionSingleProps extends Omit<ComponentPropsWithoutRef<typeof Accordion$1.Root>, "type" | "asChild">, VariantProps<typeof accordionRootVariants> {
+    type: "single";
+    /** Visual variant of the accordion. @default "bordered" */
+    variant?: AccordionVariant;
+    /** Size of the accordion items. @default "md" */
+    size?: AccordionSize;
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Props for a multiple-mode accordion (multiple items can be open).
+ */
+interface AccordionMultipleProps extends Omit<ComponentPropsWithoutRef<typeof Accordion$1.Root>, "type" | "asChild">, VariantProps<typeof accordionRootVariants> {
+    type: "multiple";
+    /** Visual variant of the accordion. @default "bordered" */
+    variant?: AccordionVariant;
+    /** Size of the accordion items. @default "md" */
+    size?: AccordionSize;
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+interface AccordionItemProps extends ComponentPropsWithoutRef<typeof Accordion$1.Item> {
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion$1.Trigger> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether to hide the chevron icon. @default false */
+    hideChevron?: boolean;
+    children: ReactNode;
+}
+interface AccordionContentProps extends ComponentPropsWithoutRef<typeof Accordion$1.Content> {
+    /** Additional CSS classes. */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Accordion — a vertically stacked set of interactive headings that each
+ * reveal a section of content.
+ *
+ * Built on Radix UI's Accordion primitive for full keyboard navigation
+ * and ARIA compliance. All colors, radii, and transitions come from CSS
+ * custom properties defined in design-system.css.
+ *
+ * Accessibility:
+ *   - Radix handles `aria-expanded`, `aria-controls`, arrow key navigation
+ *   - Focus ring visible on keyboard navigation (focus-visible)
+ *   - Disabled items are skipped in keyboard navigation
+ *   - Supports both single and multiple expand modes
+ *
+ * @example
+ * ```tsx
+ * // Single mode (only one open at a time)
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="faq-1">
+ *     <AccordionTrigger>What is Unified UI?</AccordionTrigger>
+ *     <AccordionContent>
+ *       A token-driven design system for React applications.
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // Multiple mode
+ * <Accordion type="multiple" variant="borderless" size="sm">
+ *   <AccordionItem value="a">
+ *     <AccordionTrigger>Section A</AccordionTrigger>
+ *     <AccordionContent>Content A</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="b">
+ *     <AccordionTrigger>Section B</AccordionTrigger>
+ *     <AccordionContent>Content B</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionItem — a single collapsible section within the Accordion.
+ *
+ * Must be used as a direct child of `Accordion`.
+ *
+ * @example
+ * ```tsx
+ * <AccordionItem value="unique-value">
+ *   <AccordionTrigger>Click to expand</AccordionTrigger>
+ *   <AccordionContent>Expanded content here</AccordionContent>
+ * </AccordionItem>
+ * ```
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionTrigger — the clickable heading that toggles an AccordionItem.
+ *
+ * Must be used inside an `AccordionItem`. Renders as a button within a
+ * heading element for proper accessibility semantics.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>Frequently asked question?</AccordionTrigger>
+ * <AccordionTrigger hideChevron>No arrow here</AccordionTrigger>
+ * ```
+ */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * AccordionContent — the collapsible content area of an AccordionItem.
+ *
+ * Uses CSS `animate-accordion-down` / `animate-accordion-up` keyframes
+ * for smooth expand/collapse animation. This relies on the Radix
+ * `--radix-accordion-content-height` CSS variable.
+ *
+ * Note: You must define the following keyframes and animation utilities
+ * in your Tailwind / CSS configuration for the animations to work:
+ *
+ *   @keyframes accordion-down {
+ *     from { height: 0; }
+ *     to { height: var(--radix-accordion-content-height); }
+ *   }
+ *   @keyframes accordion-up {
+ *     from { height: var(--radix-accordion-content-height); }
+ *     to { height: 0; }
+ *   }
+ *
+ * @example
+ * ```tsx
+ * <AccordionContent>
+ *   <p>This content expands and collapses smoothly.</p>
+ * </AccordionContent>
+ * ```
+ */
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, accordionContentVariants, accordionRootVariants, accordionTriggerVariants };