@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/tailwind/index.cjs

@@ -28,11 +28,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var preset_exports = {};
 __export(preset_exports, {
-  default: () => o
+  default: () => s
 });
 module.exports = __toCommonJS(preset_exports);
 var import_plugin = __toESM(require("tailwindcss/plugin"), 1);
-const o = {
+const s = {
   /**
    * Dark mode uses the `.dark` class strategy. If your app uses `darkMode: 'media'`,
    * set it explicitly in your own tailwind.config — your config takes precedence.
@@ -229,24 +229,40 @@ const o = {
         "surface-border-subtle": "var(--color-surface-border-subtle)",
         backdrop: "var(--color-backdrop)",
         // ═══ NEW: Status (step subsets) ═══
+        "error-2": "var(--color-error-2)",
         "error-3": "var(--color-error-3)",
+        "error-4": "var(--color-error-4)",
+        "error-5": "var(--color-error-5)",
         "error-7": "var(--color-error-7)",
         "error-9": "var(--color-error-9)",
+        "error-10": "var(--color-error-10)",
         "error-11": "var(--color-error-11)",
         "error-fg": "var(--color-error-fg)",
+        "success-2": "var(--color-success-2)",
         "success-3": "var(--color-success-3)",
+        "success-4": "var(--color-success-4)",
+        "success-5": "var(--color-success-5)",
         "success-7": "var(--color-success-7)",
         "success-9": "var(--color-success-9)",
+        "success-10": "var(--color-success-10)",
         "success-11": "var(--color-success-11)",
         "success-fg": "var(--color-success-fg)",
+        "warning-2": "var(--color-warning-2)",
         "warning-3": "var(--color-warning-3)",
+        "warning-4": "var(--color-warning-4)",
+        "warning-5": "var(--color-warning-5)",
         "warning-7": "var(--color-warning-7)",
         "warning-9": "var(--color-warning-9)",
+        "warning-10": "var(--color-warning-10)",
         "warning-11": "var(--color-warning-11)",
         "warning-fg": "var(--color-warning-fg)",
+        "info-2": "var(--color-info-2)",
         "info-3": "var(--color-info-3)",
+        "info-4": "var(--color-info-4)",
+        "info-5": "var(--color-info-5)",
         "info-7": "var(--color-info-7)",
         "info-9": "var(--color-info-9)",
+        "info-10": "var(--color-info-10)",
         "info-11": "var(--color-info-11)",
         "info-fg": "var(--color-info-fg)",
         // ═══ NEW: Category (step subsets) ═══
@@ -332,6 +348,9 @@ const o = {
         "timer-bar": {
           "0%": { transform: "scaleX(1)" },
           "100%": { transform: "scaleX(0)" }
+        },
+        "processing-ants": {
+          to: { "--border-angle": "360deg" }
         }
       },
       animation: {
@@ -344,7 +363,10 @@ const o = {
         "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
         "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
         "caret-blink": "caret-blink 1.25s ease-out infinite",
-        "timer-bar": "timer-bar linear forwards"
+        "timer-bar": "timer-bar linear forwards",
+        "processing-ants-ambient": "processing-ants 3s linear infinite",
+        "processing-ants-working": "processing-ants 2s linear infinite",
+        "processing-ants-urgent": "processing-ants 1s linear infinite"
       },
       backgroundImage: {
         "gradient-brand": "var(--gradient-brand-light)",
@@ -353,11 +375,16 @@ const o = {
       boxShadow: {
         raised: "var(--shadow-raised)",
         "raised-hover": "var(--shadow-raised-hover)",
+        "raised-inner": "var(--shadow-raised-inner)",
         floating: "var(--shadow-floating)",
         overlay: "var(--shadow-overlay)",
         brand: "var(--shadow-brand)",
         glow: "var(--shadow-glow)",
         inset: "var(--shadow-inset)",
+        pressed: "var(--shadow-pressed)",
+        success: "var(--shadow-success)",
+        error: "var(--shadow-error)",
+        warning: "var(--shadow-warning)",
         "ring-sm": "var(--shadow-ring-sm)",
         ring: "var(--shadow-ring)"
       },
@@ -397,8 +424,14 @@ const o = {
     }
   },
   plugins: [
-    (0, import_plugin.default)(({ addUtilities: r }) => {
+    (0, import_plugin.default)(({ addBase: r, addUtilities: a }) => {
       r({
+        "@property --border-angle": {
+          syntax: '"<angle>"',
+          "initial-value": "0deg",
+          inherits: "false"
+        }
+      }), a({
         ".focus-ring": {
           "&:focus-visible": {
             outline: "none",

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA4Y3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA8a3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -1,5 +1,5 @@
-import a from "tailwindcss/plugin";
-const o = {
+import e from "tailwindcss/plugin";
+const s = {
   /**
    * Dark mode uses the `.dark` class strategy. If your app uses `darkMode: 'media'`,
    * set it explicitly in your own tailwind.config — your config takes precedence.
@@ -196,24 +196,40 @@ const o = {
         "surface-border-subtle": "var(--color-surface-border-subtle)",
         backdrop: "var(--color-backdrop)",
         // ═══ NEW: Status (step subsets) ═══
+        "error-2": "var(--color-error-2)",
         "error-3": "var(--color-error-3)",
+        "error-4": "var(--color-error-4)",
+        "error-5": "var(--color-error-5)",
         "error-7": "var(--color-error-7)",
         "error-9": "var(--color-error-9)",
+        "error-10": "var(--color-error-10)",
         "error-11": "var(--color-error-11)",
         "error-fg": "var(--color-error-fg)",
+        "success-2": "var(--color-success-2)",
         "success-3": "var(--color-success-3)",
+        "success-4": "var(--color-success-4)",
+        "success-5": "var(--color-success-5)",
         "success-7": "var(--color-success-7)",
         "success-9": "var(--color-success-9)",
+        "success-10": "var(--color-success-10)",
         "success-11": "var(--color-success-11)",
         "success-fg": "var(--color-success-fg)",
+        "warning-2": "var(--color-warning-2)",
         "warning-3": "var(--color-warning-3)",
+        "warning-4": "var(--color-warning-4)",
+        "warning-5": "var(--color-warning-5)",
         "warning-7": "var(--color-warning-7)",
         "warning-9": "var(--color-warning-9)",
+        "warning-10": "var(--color-warning-10)",
         "warning-11": "var(--color-warning-11)",
         "warning-fg": "var(--color-warning-fg)",
+        "info-2": "var(--color-info-2)",
         "info-3": "var(--color-info-3)",
+        "info-4": "var(--color-info-4)",
+        "info-5": "var(--color-info-5)",
         "info-7": "var(--color-info-7)",
         "info-9": "var(--color-info-9)",
+        "info-10": "var(--color-info-10)",
         "info-11": "var(--color-info-11)",
         "info-fg": "var(--color-info-fg)",
         // ═══ NEW: Category (step subsets) ═══
@@ -299,6 +315,9 @@ const o = {
         "timer-bar": {
           "0%": { transform: "scaleX(1)" },
           "100%": { transform: "scaleX(0)" }
+        },
+        "processing-ants": {
+          to: { "--border-angle": "360deg" }
         }
       },
       animation: {
@@ -311,7 +330,10 @@ const o = {
         "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
         "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
         "caret-blink": "caret-blink 1.25s ease-out infinite",
-        "timer-bar": "timer-bar linear forwards"
+        "timer-bar": "timer-bar linear forwards",
+        "processing-ants-ambient": "processing-ants 3s linear infinite",
+        "processing-ants-working": "processing-ants 2s linear infinite",
+        "processing-ants-urgent": "processing-ants 1s linear infinite"
       },
       backgroundImage: {
         "gradient-brand": "var(--gradient-brand-light)",
@@ -320,11 +342,16 @@ const o = {
       boxShadow: {
         raised: "var(--shadow-raised)",
         "raised-hover": "var(--shadow-raised-hover)",
+        "raised-inner": "var(--shadow-raised-inner)",
         floating: "var(--shadow-floating)",
         overlay: "var(--shadow-overlay)",
         brand: "var(--shadow-brand)",
         glow: "var(--shadow-glow)",
         inset: "var(--shadow-inset)",
+        pressed: "var(--shadow-pressed)",
+        success: "var(--shadow-success)",
+        error: "var(--shadow-error)",
+        warning: "var(--shadow-warning)",
         "ring-sm": "var(--shadow-ring-sm)",
         ring: "var(--shadow-ring)"
       },
@@ -364,8 +391,14 @@ const o = {
     }
   },
   plugins: [
-    a(({ addUtilities: r }) => {
+    e(({ addBase: r, addUtilities: a }) => {
       r({
+        "@property --border-angle": {
+          syntax: '"<angle>"',
+          "initial-value": "0deg",
+          inherits: "false"
+        }
+      }), a({
         ".focus-ring": {
           "&:focus-visible": {
             outline: "none",
@@ -389,5 +422,5 @@ const o = {
   ]
 };
 export {
-  o as default
+  s as default
 };

package/dist/tokens/primitives.css

@@ -147,6 +147,16 @@
   --amber-11: oklch(0.43 0.0884 70);
   --amber-12: oklch(0.32 0.0505 70);
 
+  /* ── Amber Bright — lightness-corrected for warning semantic use ── */
+  --amber-bright-2:  oklch(0.96 0.04 70);
+  --amber-bright-3:  oklch(0.92 0.08 70);
+  --amber-bright-4:  oklch(0.88 0.11 70);
+  --amber-bright-5:  oklch(0.84 0.14 70);
+  --amber-bright-7:  oklch(0.75 0.17 65);
+  --amber-bright-9:  oklch(0.78 0.16 65);
+  --amber-bright-10: oklch(0.74 0.16 65);
+  --amber-bright-11: oklch(0.42 0.12 55);
+
   /* ── Slate — Megha (मेघ) — H:260 ── */
   --slate-1:  oklch(0.99 0.0011 260);
   --slate-2:  oklch(0.97 0.0032 260);

package/dist/tokens/semantic.css

@@ -120,30 +120,46 @@
   /* ═══════════════════════════════════════════════════════════
      STATUS — Error
      ═══════════════════════════════════════════════════════════ */
+  --color-error-2: var(--red-2);
   --color-error-3: var(--red-3);
+  --color-error-4: var(--red-4);
+  --color-error-5: var(--red-5);
   --color-error-7: var(--red-7);
   --color-error-9: var(--red-9);
+  --color-error-10: var(--red-10);
   --color-error-11: var(--red-11);
   --color-error-fg: var(--neutral-1);
 
   /* ═══ Status — Success ═══ */
+  --color-success-2: var(--green-2);
   --color-success-3: var(--green-3);
+  --color-success-4: var(--green-4);
+  --color-success-5: var(--green-5);
   --color-success-7: var(--green-7);
   --color-success-9: var(--green-9);
+  --color-success-10: var(--green-10);
   --color-success-11: var(--green-11);
   --color-success-fg: var(--neutral-1);
 
-  /* ═══ Status — Warning ═══ */
-  --color-warning-3: var(--yellow-3);
-  --color-warning-7: var(--yellow-7);
-  --color-warning-9: var(--yellow-9);
-  --color-warning-11: var(--yellow-11);
-  --color-warning-fg: var(--neutral-1);
+  /* ═══ Status — Warning (amber-bright — lightness-corrected) ═══ */
+  --color-warning-2:  var(--amber-bright-2);
+  --color-warning-3:  var(--amber-bright-3);
+  --color-warning-4:  var(--amber-bright-4);
+  --color-warning-5:  var(--amber-bright-5);
+  --color-warning-7:  var(--amber-bright-7);
+  --color-warning-9:  var(--amber-bright-9);
+  --color-warning-10: var(--amber-bright-10);
+  --color-warning-11: var(--amber-bright-11);
+  --color-warning-fg: oklch(0.25 0.01 55);
 
   /* ═══ Status — Info ═══ */
+  --color-info-2: var(--blue-2);
   --color-info-3: var(--blue-3);
+  --color-info-4: var(--blue-4);
+  --color-info-5: var(--blue-5);
   --color-info-7: var(--blue-7);
   --color-info-9: var(--blue-9);
+  --color-info-10: var(--blue-10);
   --color-info-11: var(--blue-11);
   --color-info-fg: var(--neutral-1);
 
@@ -315,6 +331,13 @@
   --shadow-ring-sm: 0 0 0 1px var(--color-surface-border);
   --shadow-ring: 0 0 0 2px oklch(0.55 0.19 360 / 0.30);
 
+  /* Status & state effect shadows */
+  --shadow-raised-inner: inset 0 1px 0 oklch(1 0 0 / 0.10), inset 0 -1px 0 oklch(0 0 0 / 0.06);
+  --shadow-pressed: 0 0 0 1px oklch(var(--shadow-color) / calc(0.04 * var(--shadow-strength)));
+  --shadow-success: 0 2px 8px oklch(0.55 0.14 145 / 0.20), 0 6px 20px oklch(0.55 0.14 145 / 0.15);
+  --shadow-error:   0 2px 8px oklch(0.55 0.18 25 / 0.20),  0 6px 20px oklch(0.55 0.18 25 / 0.15);
+  --shadow-warning: 0 2px 8px oklch(0.78 0.16 65 / 0.22),  0 6px 20px oklch(0.78 0.16 65 / 0.15);
+
   /* ═══════════════════════════════════════════════════════════
      SIZES
      ═══════════════════════════════════════════════════════════ */
@@ -399,9 +422,15 @@
   --color-secondary-fg: var(--neutral-12);
   --color-error-fg: var(--neutral-12);
   --color-success-fg: var(--neutral-12);
-  --color-warning-fg: var(--neutral-12);
   --color-info-fg: var(--neutral-12);
 
+  /* Warning: amber-bright bg stays light in dark mode, so fg stays dark */
+  --color-warning-2:  var(--amber-bright-2);
+  --color-warning-3:  var(--amber-bright-3);
+  --color-warning-4:  var(--amber-bright-4);
+  --color-warning-5:  var(--amber-bright-5);
+  --color-warning-fg: oklch(0.25 0.01 55);
+
   /* Dark mode borders need lower contrast — bright borders look harsh.
      Drop to step 3/4 for subtle resting borders that don't overpower surfaces */
   /* Dark mode: restore base/raised to original direction (raised = lighter than base) */
@@ -433,6 +462,10 @@
   --shadow-brand: 0 2px 8px oklch(0.55 0.19 360 / 0.30), 0 6px 20px oklch(0.55 0.19 360 / 0.20);
   --shadow-glow: 0 0 0 1.5px oklch(0.55 0.19 360 / 0.35), 0 0 10px oklch(0.55 0.19 360 / 0.20);
   --shadow-ring: 0 0 0 2px oklch(0.55 0.19 360 / 0.45);
+  --shadow-raised-inner: inset 0 1px 0 oklch(1 0 0 / 0.06), inset 0 -1px 0 oklch(0 0 0 / 0.12);
+  --shadow-success: 0 2px 8px oklch(0.6 0.14 145 / 0.30), 0 6px 20px oklch(0.6 0.14 145 / 0.20);
+  --shadow-error:   0 2px 8px oklch(0.6 0.18 25 / 0.30),  0 6px 20px oklch(0.6 0.18 25 / 0.20);
+  --shadow-warning: 0 2px 8px oklch(0.78 0.16 65 / 0.30), 0 6px 20px oklch(0.78 0.16 65 / 0.20);
 
   /* Gradients */
   --gradient-brand-light: linear-gradient(135deg, var(--pink-9), var(--purple-9));
@@ -464,6 +497,36 @@
 }
 
 /* ── Reduced Motion ──────────────────────────────────── */
+/* ═══════════════════════════════════════════════════════════
+   PROCESSING ANIMATIONS
+   ═══════════════════════════════════════════════════════════ */
+
+@property --border-angle {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
+
+@keyframes processing-ants-rotate {
+  to {
+    --border-angle: 360deg;
+  }
+}
+
+@keyframes processing-ants-march {
+  to {
+    background-position: 16px 0, 100% 16px, calc(100% - 16px) 100%, 0 calc(100% - 16px);
+  }
+}
+
+@keyframes processing-ants-svg {
+  to {
+    stroke-dashoffset: -10;
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════ */
+
 @media (prefers-reduced-motion: reduce) {
 
   *,

package/dist/ui/accordion.d.ts

@@ -48,10 +48,13 @@ import * as AccordionPrimitive from '../primitives/react-accordion';
  */
 declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionTriggerExtendedProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    chevronPosition?: 'left' | 'right';
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerExtendedProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
-export type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+export type AccordionTriggerProps = AccordionTriggerExtendedProps;
 export type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
 //# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAiBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAiBpB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC/F,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AACrG,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,UAAU,6BAA8B,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC/G,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACnC;AAED,QAAA,MAAM,gBAAgB,yGAwBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAiBpB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC/F,MAAM,MAAM,qBAAqB,GAAG,6BAA6B,CAAA;AACjE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/accordion.js

@@ -1,57 +1,62 @@
 "use client";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import * as s from "react";
-import { I as m, H as f, T as d, C as n, R as l } from "../_chunks/primitives.js";
-import { IconChevronDown as p } from "@tabler/icons-react";
+import { I as l, H as p, T as d, C as c, R as u } from "../_chunks/primitives.js";
+import { IconChevronDown as g } from "@tabler/icons-react";
+import { Icon as b } from "./icon.js";
 import { cn as i } from "./lib/utils.js";
-import { tweens as u } from "./lib/motion.js";
-import { m as b } from "../_chunks/framer.js";
-const I = l, g = s.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
-  m,
+import { tweens as N } from "./lib/motion.js";
+import { m as h } from "../_chunks/framer.js";
+const H = u, x = s.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ o(
+  l,
   {
-    ref: t,
-    className: i("border-b border-surface-border", o),
-    ...a
+    ref: e,
+    className: i("border-b border-surface-border", a),
+    ...r
   }
 ));
-g.displayName = "AccordionItem";
-const N = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ c(
-  d,
-  {
-    ref: r,
-    className: i(
-      "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:bg-surface-raised rounded-ds-md data-[state=open]:bg-surface-raised focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-      o
-    ),
-    ...t,
-    children: [
-      a,
-      /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180" })
-    ]
-  }
-) }));
-N.displayName = d.displayName;
-const w = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
-  n,
+x.displayName = "AccordionItem";
+const v = s.forwardRef(({ className: a, children: r, chevronPosition: e = "right", ...t }, m) => {
+  const n = /* @__PURE__ */ o(b, { icon: g, size: "sm", className: "shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180" });
+  return /* @__PURE__ */ o(p, { className: "flex", children: /* @__PURE__ */ f(
+    d,
+    {
+      ref: m,
+      className: i(
+        "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:bg-surface-raised rounded-ds-md data-[state=open]:bg-surface-raised focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+        a
+      ),
+      ...t,
+      children: [
+        e === "left" && n,
+        r,
+        e === "right" && n
+      ]
+    }
+  ) });
+});
+v.displayName = d.displayName;
+const w = s.forwardRef(({ className: a, children: r, ...e }, t) => /* @__PURE__ */ o(
+  c,
   {
-    ref: r,
+    ref: t,
     className: "w-full overflow-hidden text-ds-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
-    ...t,
-    children: /* @__PURE__ */ e(
-      b.div,
+    ...e,
+    children: /* @__PURE__ */ o(
+      h.div,
       {
         initial: !1,
         animate: { opacity: 1 },
-        transition: u.fade,
-        children: /* @__PURE__ */ e("div", { className: i("pb-ds-05 pt-ds-02", o), children: a })
+        transition: N.fade,
+        children: /* @__PURE__ */ o("div", { className: i("pb-ds-05 pt-ds-02", a), children: r })
       }
     )
   }
 ));
-w.displayName = n.displayName;
+w.displayName = c.displayName;
 export {
-  I as Accordion,
+  H as Accordion,
   w as AccordionContent,
-  g as AccordionItem,
-  N as AccordionTrigger
+  x as AccordionItem,
+  v as AccordionTrigger
 };