@karakuri-ui/react 0.2.3 → 0.3.0

package/README.md

@@ -82,7 +82,6 @@ import { Chart, type ChartConfig } from '@karakuri-ui/react/chart'  // charts: s
 
 ## Roadmap
 
-- [ ] AI guide via `llms.txt` — AI tool integration for token-aware code generation
 - [ ] Chat components — TypingIndicator, QuickReply, ChatInput, ChatMessage
 - [ ] Token Playground — live token editor with real-time preview
 - [ ] Figma design kit — component library for designers

package/dist/components/ui/accordion.d.mts

@@ -0,0 +1,40 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { VariantProps } from 'class-variance-authority';
+
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "bordered" | "splitted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'single' | 'multiple';
+    variant?: 'default' | 'bordered' | 'splitted';
+    size?: 'sm' | 'default' | 'lg';
+    iconPosition?: 'left' | 'right';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: ((value: string) => void) | ((value: string[]) => void);
+    disabled?: boolean;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const accordionItemVariants: (props?: ({
+    variant?: "default" | "bordered" | "splitted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    iconPosition?: "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /** Custom indicator icon (replaces default chevron) */
+    icon?: React.ReactNode;
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, accordionTriggerVariants, accordionVariants };

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

@@ -0,0 +1,40 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { VariantProps } from 'class-variance-authority';
+
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "bordered" | "splitted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'single' | 'multiple';
+    variant?: 'default' | 'bordered' | 'splitted';
+    size?: 'sm' | 'default' | 'lg';
+    iconPosition?: 'left' | 'right';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: ((value: string) => void) | ((value: string[]) => void);
+    disabled?: boolean;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const accordionItemVariants: (props?: ({
+    variant?: "default" | "bordered" | "splitted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    iconPosition?: "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /** Custom indicator icon (replaces default chevron) */
+    icon?: React.ReactNode;
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, accordionTriggerVariants, accordionVariants };

package/dist/components/ui/accordion.js

@@ -0,0 +1,215 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  accordionTriggerVariants: () => accordionTriggerVariants,
+  accordionVariants: () => accordionVariants
+});
+module.exports = __toCommonJS(accordion_exports);
+var React = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const DefaultChevronIcon = ({ className }) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    className,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+);
+const AccordionStyleContext = React.createContext({});
+const useAccordionStyleContext = () => React.useContext(AccordionStyleContext);
+const accordionVariants = (0, import_class_variance_authority.cva)("w-full", {
+  variants: {
+    variant: {
+      default: "divide-y divide-border",
+      bordered: "divide-y divide-border border border-border rounded-xl",
+      splitted: "flex flex-col gap-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Accordion = React.forwardRef(
+  ({ className, variant = "default", size = "default", iconPosition = "right", type = "single", collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
+    const sharedClassName = (0, import_utils.cn)(accordionVariants({ variant }), className);
+    const radixProps = type === "multiple" ? {
+      type: "multiple",
+      defaultValue,
+      value,
+      onValueChange,
+      disabled
+    } : {
+      type: "single",
+      collapsible,
+      defaultValue,
+      value,
+      onValueChange,
+      disabled
+    };
+    return /* @__PURE__ */ React.createElement(AccordionStyleContext.Provider, { value: { variant, size, iconPosition } }, /* @__PURE__ */ React.createElement(
+      AccordionPrimitive.Root,
+      {
+        ref,
+        className: sharedClassName,
+        ...radixProps,
+        ...props
+      }
+    ));
+  }
+);
+Accordion.displayName = "Accordion";
+const accordionItemVariants = (0, import_class_variance_authority.cva)("", {
+  variants: {
+    variant: {
+      default: "",
+      bordered: "",
+      splitted: "border border-border rounded-xl"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useAccordionStyleContext();
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: (0, import_utils.cn)(accordionItemVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+const accordionTriggerVariants = (0, import_class_variance_authority.cva)(
+  [
+    "flex flex-1 items-center gap-3 font-semibold text-foreground",
+    "transition-all duration-micro ease-out cursor-pointer",
+    "hover:bg-background-muted/50",
+    "focus-visible:focus-ring focus-visible:rounded-md",
+    "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50",
+    "[&[data-state=open]>svg.accordion-chevron]:rotate-180"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "py-3 px-4 text-sm",
+        // 13px
+        default: "py-4 px-4 text-md",
+        // 14px
+        lg: "py-5 px-6 text-base"
+        // 16px
+      },
+      iconPosition: {
+        left: "flex-row",
+        right: "flex-row-reverse justify-between"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      iconPosition: "right"
+    }
+  }
+);
+const triggerIconSizeClasses = {
+  sm: "icon-xs",
+  // 14px
+  default: "icon-sm",
+  // 16px
+  lg: "icon-sm"
+  // 16px
+};
+const AccordionTrigger = React.forwardRef(({ className, children, icon, ...props }, ref) => {
+  const { size, iconPosition } = useAccordionStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: (0, import_utils.cn)(
+        "group",
+        accordionTriggerVariants({ size: resolvedSize, iconPosition }),
+        className
+      ),
+      ...props
+    },
+    icon || /* @__PURE__ */ React.createElement(DefaultChevronIcon, { className: (0, import_utils.cn)(
+      "accordion-chevron shrink-0 text-text-muted transition-transform duration-normal",
+      triggerIconSizeClasses[resolvedSize]
+    ) }),
+    /* @__PURE__ */ React.createElement("span", { className: "text-left" }, children)
+  ));
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const accordionContentSizeClasses = {
+  sm: "px-4 pb-3 text-sm",
+  default: "px-4 pb-4 text-md",
+  lg: "px-6 pb-5 text-base"
+};
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { size } = useAccordionStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)(
+      "text-text-muted",
+      accordionContentSizeClasses[resolvedSize],
+      className
+    ) }, children)
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionTriggerVariants,
+  accordionVariants
+});
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordion.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/accordion.mjs

@@ -0,0 +1,176 @@
+"use client";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const DefaultChevronIcon = ({ className }) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    className,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+);
+const AccordionStyleContext = React.createContext({});
+const useAccordionStyleContext = () => React.useContext(AccordionStyleContext);
+const accordionVariants = cva("w-full", {
+  variants: {
+    variant: {
+      default: "divide-y divide-border",
+      bordered: "divide-y divide-border border border-border rounded-xl",
+      splitted: "flex flex-col gap-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Accordion = React.forwardRef(
+  ({ className, variant = "default", size = "default", iconPosition = "right", type = "single", collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
+    const sharedClassName = cn(accordionVariants({ variant }), className);
+    const radixProps = type === "multiple" ? {
+      type: "multiple",
+      defaultValue,
+      value,
+      onValueChange,
+      disabled
+    } : {
+      type: "single",
+      collapsible,
+      defaultValue,
+      value,
+      onValueChange,
+      disabled
+    };
+    return /* @__PURE__ */ React.createElement(AccordionStyleContext.Provider, { value: { variant, size, iconPosition } }, /* @__PURE__ */ React.createElement(
+      AccordionPrimitive.Root,
+      {
+        ref,
+        className: sharedClassName,
+        ...radixProps,
+        ...props
+      }
+    ));
+  }
+);
+Accordion.displayName = "Accordion";
+const accordionItemVariants = cva("", {
+  variants: {
+    variant: {
+      default: "",
+      bordered: "",
+      splitted: "border border-border rounded-xl"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useAccordionStyleContext();
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn(accordionItemVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+const accordionTriggerVariants = cva(
+  [
+    "flex flex-1 items-center gap-3 font-semibold text-foreground",
+    "transition-all duration-micro ease-out cursor-pointer",
+    "hover:bg-background-muted/50",
+    "focus-visible:focus-ring focus-visible:rounded-md",
+    "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50",
+    "[&[data-state=open]>svg.accordion-chevron]:rotate-180"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "py-3 px-4 text-sm",
+        // 13px
+        default: "py-4 px-4 text-md",
+        // 14px
+        lg: "py-5 px-6 text-base"
+        // 16px
+      },
+      iconPosition: {
+        left: "flex-row",
+        right: "flex-row-reverse justify-between"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      iconPosition: "right"
+    }
+  }
+);
+const triggerIconSizeClasses = {
+  sm: "icon-xs",
+  // 14px
+  default: "icon-sm",
+  // 16px
+  lg: "icon-sm"
+  // 16px
+};
+const AccordionTrigger = React.forwardRef(({ className, children, icon, ...props }, ref) => {
+  const { size, iconPosition } = useAccordionStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "group",
+        accordionTriggerVariants({ size: resolvedSize, iconPosition }),
+        className
+      ),
+      ...props
+    },
+    icon || /* @__PURE__ */ React.createElement(DefaultChevronIcon, { className: cn(
+      "accordion-chevron shrink-0 text-text-muted transition-transform duration-normal",
+      triggerIconSizeClasses[resolvedSize]
+    ) }),
+    /* @__PURE__ */ React.createElement("span", { className: "text-left" }, children)
+  ));
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const accordionContentSizeClasses = {
+  sm: "px-4 pb-3 text-sm",
+  default: "px-4 pb-4 text-md",
+  lg: "px-6 pb-5 text-base"
+};
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { size } = useAccordionStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("div", { className: cn(
+      "text-text-muted",
+      accordionContentSizeClasses[resolvedSize],
+      className
+    ) }, children)
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionTriggerVariants,
+  accordionVariants
+};
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/ui/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordion.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/alert.d.mts

@@ -0,0 +1,38 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    radius?: "sm" | "lg" | "base" | "none" | "md" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertVariant = 'default' | 'outline' | 'filled';
+type AlertColor = 'info' | 'success' | 'warning' | 'error';
+type AlertSize = 'sm' | 'default' | 'lg';
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Visual style */
+    variant?: AlertVariant;
+    /** Semantic color (determines icon, colors, and ARIA role) */
+    color?: AlertColor;
+    /** Size */
+    size?: AlertSize;
+    /** Closable — shows close button */
+    closable?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+    /** Custom close icon */
+    closeIcon?: React.ReactNode;
+    /** Custom status icon (overrides default) */
+    icon?: React.ReactNode;
+    /** Hide the status icon entirely */
+    hideIcon?: boolean;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,38 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    radius?: "sm" | "lg" | "base" | "none" | "md" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertVariant = 'default' | 'outline' | 'filled';
+type AlertColor = 'info' | 'success' | 'warning' | 'error';
+type AlertSize = 'sm' | 'default' | 'lg';
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Visual style */
+    variant?: AlertVariant;
+    /** Semantic color (determines icon, colors, and ARIA role) */
+    color?: AlertColor;
+    /** Size */
+    size?: AlertSize;
+    /** Closable — shows close button */
+    closable?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+    /** Custom close icon */
+    closeIcon?: React.ReactNode;
+    /** Custom status icon (overrides default) */
+    icon?: React.ReactNode;
+    /** Hide the status icon entirely */
+    hideIcon?: boolean;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };