asheeui 0.6.12 → 0.6.14

package/README.md

@@ -0,0 +1,223 @@
+# asheeui
+
+A config-driven React component library built on Tailwind CSS v4. Accessible, styled components with a unified configuration system — set defaults once, override them anywhere.
+
+## Features
+
+- **Config-driven** — Define theme, variant, color, and radius defaults in one place (`asheeui.config.ts`) and override at the component or instance level.
+- **Tailwind CSS v4** — Built on the latest Tailwind with CSS-variable-driven theming.
+- **Light & dark themes** — Ships with built-in `light`, `dark`, and `system` themes, plus full support for custom themes.
+- **Accessible components** — Every component is designed with accessibility in mind.
+- **Runtime theming** — Switch themes on the fly with the `useTheme` hook; preferences persist via `localStorage`.
+- **TypeScript-first** — Fully typed config, theme registry, and component props.
+
+## Requirements
+
+- React 18 or newer
+- Tailwind CSS v4
+- Node.js 18 or newer
+
+## Installation
+
+The fastest way to get started is with the CLI. Run this in your project root:
+
+```bash
+npx asheeui@latest init
+```
+
+The CLI detects your framework, installs dependencies, adds the provider to your root layout, and configures Tailwind.
+
+### Manual setup
+
+Install the package:
+
+```bash
+npm install asheeui@latest
+```
+
+Add the styles import to your global CSS file (must come **after** the Tailwind import):
+
+```css
+@import "tailwindcss";
+@import "asheeui/styles";
+```
+
+Wrap your app with `AsheeUIProvider`:
+
+```jsx
+import { AsheeUIProvider } from "asheeui";
+
+export default function RootLayout({ children }) {
+  return (
+    <html suppressHydrationWarning>
+      <body>
+        <AsheeUIProvider>{children}</AsheeUIProvider>
+      </body>
+    </html>
+  );
+}
+```
+
+> **Note:** `suppressHydrationWarning` is required on the `<html>` element to prevent hydration mismatches from theme switching.
+
+### Framework guides
+
+- [Next.js](/docs/installation/nextjs) — App Router and Pages Router
+- [TanStack Start](/docs/installation/tanstack-start) — Full-stack React with TanStack Router
+- [Vite + React](/docs/installation/vite) — Lightweight React SPA
+
+## Quick start
+
+Render a component:
+
+```jsx
+import { Button } from "asheeui";
+
+function App() {
+  return <Button>Hello AsheeUI</Button>;
+}
+```
+
+You should see a styled button using the default theme.
+
+## Configuration
+
+AsheeUI is configured through an optional `asheeui.config.ts` file at your project root. Sensible defaults apply with no config at all.
+
+```ts
+// asheeui.config.ts
+import type { ExternalConfig } from "asheeui";
+
+export const config: ExternalConfig = {
+  defaultTheme: "system",   // "light" | "dark" | "system"
+  defaultVariant: "solid",  // "solid" | "ghost" | "bordered" | "faded" | "underlined"
+  defaultColor: "primary",  // "none" | "default" | "primary" | "secondary" | "danger" | "warning" | "success"
+  defaultRadius: "md",      // "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full"
+};
+```
+
+Values are resolved in this order (highest priority first):
+
+1. **Instance prop** — `<Button variant="solid" />`
+2. **Component config** — `components.button.variant`
+3. **Theme default** — top-level `defaultVariant`, `defaultColor`, etc.
+4. **Built-in fallback** — the library's internal default
+
+### Per-component defaults
+
+Set defaults for specific components while keeping global defaults for everything else:
+
+```ts
+export const config: ExternalConfig = {
+  defaultVariant: "bordered",       // applies to all components
+  components: {
+    button: { variant: "solid" },   // overrides for Button only
+    input:  { variant: "bordered", radius: "sm" },
+    toast:  { variant: "bordered", placement: "bottom-right" },
+  },
+};
+```
+
+See the [Configuration docs](/docs/configuration) for the full reference.
+
+## Theming
+
+AsheeUI's theming system is CSS-variable-driven. It ships with `light`, `dark`, and `system` themes, and you can override tokens or define entirely custom themes.
+
+### Switch themes at runtime
+
+```jsx
+import { useTheme } from "asheeui";
+
+function ThemeSwitcher() {
+  const { theme, setTheme, toggleTheme } = useTheme();
+
+  return (
+    <div>
+      <p>Current theme: {theme}</p>
+      <button onClick={() => setTheme("dark")}>Dark</button>
+      <button onClick={() => setTheme("light")}>Light</button>
+      <button onClick={toggleTheme}>Toggle</button>
+    </div>
+  );
+}
+```
+
+`useTheme` returns:
+
+| Property | Type | Description |
+|---|---|---|
+| `theme` | `ThemeSelection` | Current selected theme (`"light"` \| `"dark"` \| `"system"`) |
+| `resolvedTheme` | `ThemeName` | Actual resolved theme (after system fallback) |
+| `setTheme` | `(theme: ThemeSelection) => void` | Set the active theme |
+| `toggleTheme` | `() => void` | Cycle to the next theme in sequence |
+| `availableThemes` | `readonly string[]` | All registered theme names |
+
+Theme preference persists across page reloads via `localStorage`.
+
+### Override a built-in theme
+
+```ts
+export const config: ExternalConfig = {
+  color: {
+    light: { primary: "#7c3aed", background: "#faf5ff" },
+    dark:  { primary: "#8b5cf6", border: "#3b3b3b" },
+  },
+};
+```
+
+Only the tokens you specify are overridden — everything else stays at the built-in default.
+
+### Add a custom theme
+
+Extend `light` or `dark` and override only what you need:
+
+```ts
+export const config: ExternalConfig = {
+  defaultTheme: "company-red",
+  color: {
+    "company-red": {
+      extends: "dark",
+      background: "#1a0505",
+      foreground: "#fef2f2",
+      primary: "#dc2626",
+      // ...other tokens inherit from dark
+    },
+  },
+};
+```
+
+> **TypeScript:** Register custom theme names so `useTheme` and `setTheme` recognize them:
+>
+> ```ts
+> declare module "asheeui" {
+>   interface AsheeColorRegistry {
+>     "company-red": true;
+>   }
+> }
+> ```
+
+See the [Theming docs](/docs/theming) for the full token list.
+
+## Links
+
+- [Documentation](/docs)
+- [Configuration reference](/docs/configuration)
+- [Theming reference](/docs/theming)
+
+## License
+
+MIT
+
+---
+
+### Key changes from your draft
+
+- **Added a title and tagline** — npm shows this at the top, so a proper `# asheeui` heading and one-line description is important.
+- **Added a Features section** — npm readers skim; highlighting the key selling points (config-driven, Tailwind v4, theming, TypeScript) helps them decide quickly.
+- **Folded the framework-specific installation guides into a "Framework guides" list** — the full TanStack/Vite/Next installation content belongs in the docs site, not the npm README. Linking out keeps the README scannable.
+- **Added a real "Configuration" section** — your draft mentioned config-driven but never showed it. I pulled the precedence rules and an example from your Configuration docs.
+- **Added a "Theming" section** — same reasoning. The `useTheme` hook and custom theme example are the library's headline features, so they belong on the front page.
+- **Added License and Links sections** — standard npm README conventions.
+- **Tightened the Quick start** — kept the CLI-first flow but made the manual setup explicit so readers without the CLI aren't stranded.
+- **Preserved all `<PackageManagerTabs>` references** where they belong (docs site) but replaced them with plain `bash` blocks in the README, since npm's markdown renderer won't execute your React components.

package/dist/components/autocomplete/Autocomplete.js

@@ -58,7 +58,7 @@ const me = se(
     re(() => {
       i ? u(i.label) : s != null && u(String(s));
     }, [i, s]);
-    const { refs: x, floatingStyles: q, context: d, isPositioned: H } = fe({
+    const { refs: x, context: d, isPositioned: q, floatingStyles: H } = fe({
       isOpen: S,
       onOpenChange: m,
       disabled: O
@@ -112,11 +112,11 @@ const me = se(
         ce,
         {
           isOpen: S,
+          floatingStyles: H,
           context: d,
-          floatingStyles: q,
           getFloatingProps: Y,
           setFloatingRef: x.setFloating,
-          isPositioned: H,
+          isPositioned: q,
           options: Z,
           selectedValues: h,
           onSelectMenuOption: k,

package/dist/components/date-picker/Calendar.d.ts

@@ -51,7 +51,12 @@ interface CalendarProps {
 }
 /**
  * Calendar popover component with month navigation and date selection.
+ *
+ * Memoized so parent-driven renders (the DatePicker popover's one-time
+ * `isPositioned` flip, input typing, open/close) do not rebuild the month
+ * grid. Every prop is a primitive or a stable callback, so React.memo can
+ * skip those renders.
  */
-export declare function Calendar({ selected, mode, isClearable, resolvedSizeKey, resolvedColor, radiusClass, onSelect, onClose, disableFuture, }: CalendarProps): import("react").JSX.Element;
+export declare const Calendar: import('react').NamedExoticComponent<CalendarProps>;
 export {};
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/components/date-picker/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/Calendar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASvD,UAAU,aAAa;IACrB;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAqB,GACtB,EAAE,aAAa,+BAgQf"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/Calendar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASvD,UAAU,aAAa;IACrB;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,qDA0QnB,CAAC"}

package/dist/components/date-picker/Calendar.js

@@ -1,26 +1,26 @@
 "use client";
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useState as f, useMemo as q } from "react";
-import { ChevronLeftIcon as B } from "../../icons/ChevronLeftIcon.js";
-import { ChevronRightIcon as J } from "../../icons/ChevronRightIcon.js";
-import { buildDayCells as Q, MONTHS as U, DAYS_OF_WEEK as X } from "./date-picker.helpers.js";
-import { CALENDAR_COLOR_CLASSES as L, DATE_PICKER_CELL_SIZE_CLASS as tt } from "./date-picker-styles.js";
+import { memo as q, useState as f, useMemo as B } from "react";
+import { ChevronLeftIcon as J } from "../../icons/ChevronLeftIcon.js";
+import { ChevronRightIcon as Q } from "../../icons/ChevronRightIcon.js";
+import { buildDayCells as U, MONTHS as X, DAYS_OF_WEEK as tt } from "./date-picker.helpers.js";
+import { CALENDAR_COLOR_CLASSES as L, DATE_PICKER_CELL_SIZE_CLASS as nt } from "./date-picker-styles.js";
 import { TimeSpinner as y } from "./TimeSpinner.js";
 import { cn as u } from "../../utils/cn.js";
-function ut({
+const mt = q(function({
   selected: n,
   mode: s,
   isClearable: C,
   resolvedSizeKey: j,
   resolvedColor: h,
-  radiusClass: a,
+  radiusClass: i,
   onSelect: v,
   onClose: w,
   disableFuture: Y = !1
 }) {
   const r = /* @__PURE__ */ new Date(), [l, k] = f(
     (n == null ? void 0 : n.getFullYear()) ?? r.getFullYear()
-  ), [i, g] = f(
+  ), [a, g] = f(
     (n == null ? void 0 : n.getMonth()) ?? r.getMonth()
   ), [b, A] = f((n == null ? void 0 : n.getHours()) ?? 0), [p, H] = f((n == null ? void 0 : n.getMinutes()) ?? 0), [x, T] = f((n == null ? void 0 : n.getSeconds()) ?? 0), m = L[h] ?? L.primary;
   function M(t, e, Z) {
@@ -39,19 +39,19 @@ function ut({
     T(t), M(b, p, t);
   }
   function K(t) {
-    v(new Date(l, i, t, b, p, x, 0)), s === "date" && w();
+    v(new Date(l, a, t, b, p, x, 0)), s === "date" && w();
   }
   function P() {
-    i === 0 ? (g(11), k((t) => t - 1)) : g((t) => t - 1);
+    a === 0 ? (g(11), k((t) => t - 1)) : g((t) => t - 1);
   }
   function V() {
-    i === 11 ? (g(0), k((t) => t + 1)) : g((t) => t + 1);
+    a === 11 ? (g(0), k((t) => t + 1)) : g((t) => t + 1);
   }
   function d(t) {
-    return !!n && n.getFullYear() === l && n.getMonth() === i && n.getDate() === t;
+    return !!n && n.getFullYear() === l && n.getMonth() === a && n.getDate() === t;
   }
   function N(t) {
-    return r.getFullYear() === l && r.getMonth() === i && r.getDate() === t;
+    return r.getFullYear() === l && r.getMonth() === a && r.getDate() === t;
   }
   const $ = new Date(
     r.getFullYear(),
@@ -59,9 +59,9 @@ function ut({
     r.getDate()
   );
   function D(t) {
-    return Y ? new Date(l, i, t) > $ : !1;
+    return Y ? new Date(l, a, t) > $ : !1;
   }
-  const F = !Y || l < r.getFullYear() || l === r.getFullYear() && i < r.getMonth(), E = s === "date" || s === "datetime", z = s === "time" || s === "datetime", G = s !== "date" || C && !!n, _ = Q(l, i), W = q(() => _.map((t, e) => ({
+  const F = !Y || l < r.getFullYear() || l === r.getFullYear() && a < r.getMonth(), E = s === "date" || s === "datetime", z = s === "time" || s === "datetime", G = s !== "date" || C && !!n, _ = U(l, a), W = B(() => _.map((t, e) => ({
     key: t !== null ? `day-${t}` : `empty-slot-${e}`,
     day: t
   })), [_]);
@@ -70,7 +70,7 @@ function ut({
     {
       className: u(
         "bg-background border border-border/70 shadow-xl select-none p-4 w-max",
-        a
+        i
       ),
       children: [
         /* @__PURE__ */ c("div", { className: "flex flex-row", children: [
@@ -85,13 +85,13 @@ function ut({
                   className: u(
                     "p-1.5 text-foreground/70 transition-all active:scale-95",
                     "hover:text-foreground hover:bg-secondary",
-                    a
+                    i
                   ),
-                  children: /* @__PURE__ */ o(B, {})
+                  children: /* @__PURE__ */ o(J, {})
                 }
               ),
               /* @__PURE__ */ c("span", { className: "font-semibold text-sm text-foreground tracking-wide", children: [
-                U[i],
+                X[a],
                 " ",
                 l
               ] }),
@@ -105,14 +105,14 @@ function ut({
                   className: u(
                     "p-1.5 text-foreground/70 transition-all",
                     F ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed",
-                    a
+                    i
                   ),
-                  children: /* @__PURE__ */ o(J, {})
+                  children: /* @__PURE__ */ o(Q, {})
                 }
               )
             ] }),
             /* @__PURE__ */ c("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
-              X.map((t) => /* @__PURE__ */ o(
+              tt.map((t) => /* @__PURE__ */ o(
                 "div",
                 {
                   className: "text-[11px] font-bold tracking-wider text-foreground/50 uppercase py-1 mb-1",
@@ -129,8 +129,8 @@ function ut({
                     disabled: D(e),
                     className: u(
                       "w-full flex items-center justify-center font-medium transition-all duration-200",
-                      tt[j],
-                      a,
+                      nt[j],
+                      i,
                       D(e) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90",
                       !D(e) && !d(e) && !N(e) && m.hover,
                       d(e) && u(m.bg, "font-semibold shadow-sm"),
@@ -160,7 +160,7 @@ function ut({
                     label: "HH",
                     onChange: I,
                     resolvedColor: h,
-                    radiusClass: a
+                    radiusClass: i
                   }
                 ),
                 /* @__PURE__ */ o(
@@ -171,7 +171,7 @@ function ut({
                     label: "MM",
                     onChange: O,
                     resolvedColor: h,
-                    radiusClass: a
+                    radiusClass: i
                   }
                 ),
                 /* @__PURE__ */ o(
@@ -182,7 +182,7 @@ function ut({
                     label: "SS",
                     onChange: R,
                     resolvedColor: h,
-                    radiusClass: a
+                    radiusClass: i
                   }
                 )
               ]
@@ -208,7 +208,7 @@ function ut({
               onClick: w,
               className: u(
                 "ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm",
-                a,
+                i,
                 m.bg
               ),
               children: "Done"
@@ -218,7 +218,7 @@ function ut({
       ]
     }
   );
-}
+});
 export {
-  ut as Calendar
+  mt as Calendar
 };

package/dist/components/date-picker/DatePicker.d.ts

@@ -78,7 +78,7 @@ export interface DatePickerProps extends BaseDatePickerProps {
  * @param props.radius - Corner rounding. Defaults to "md".
  * @param props.color - Theme accent color. Defaults to "primary".
  * @param props.disabled - Whether the input is disabled. Defaults to false.
- * @param props.picker - Picker configuration overrides including className, portal, and portalTarget.
+ * @param props.picker - Picker configuration overrides including className, portal, portalTarget, and lockScroll.
  * @param props.label - Field label text.
  * @param props.description - Description text.
  * @param props.message - Validation message.

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,UAAU,8GAwTtB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,UAAU,8GA8VtB,CAAC"}