@simpli-route/apollo-ds 0.0.20 → 0.0.22

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

@@ -1,3 +1,3 @@
 import { AccordionProps } from './types';
 
-export declare const Accordion: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon, allowMultipleOpen, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,6 +13,11 @@ type ItemProps = {
 };
 export interface AccordionProps {
     items: ItemProps[];
+    /**
+     * Define whether the accordion is allowed to be multiple open or not
+     * @default false
+     */
+    allowMultipleOpen?: boolean;
     /**
      * Defines the styling for accordion container (optional)
      */
@@ -27,6 +32,7 @@ export interface AccordionProps {
     sectionClassName?: string;
     /**
      * Defines whether or not to show the plus or minus icon
+     * @default true
      */
     hasIcon?: boolean;
 }

package/dist/index.cjs18.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=[{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-100"},{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-primary-700 text-primary-50"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-300"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-primary-700 text-primary-50"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-neutral-200 text-neutral-800"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-neutral-200 text-primary-700"}],i=[{intent:"primary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"primary",isActive:!0,isDisabled:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isActive:!0,isDisabled:!1,class:"bg-primary-700 text-primary-50"},{intent:"secondary",isActive:!0,isDisabled:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isActive:!0,isDisabled:!1,class:"text-primary-500"},{intent:"minimal",isActive:!0,isDisabled:!0,class:"text-neutral-700"}],s=[{intent:"primary",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"primary",isDisabled:!0,isActive:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isDisabled:!0,isActive:!1,class:"bg-neutral-400 text-neutral-600"},{intent:"secondary",isDisabled:!0,isActive:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"minimal",isDisabled:!0,isActive:!0,class:"text-neutral-700"}],r=e.cva("inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out",{variants:{intent:{primary:"bg-transparent text-primary-500",secondary:"bg-primary-200 text-primary-500",minimal:"bg-transparent text-neutral-700"},size:{xxs:"p-1",xs:"p-2",sm:"p-2.5",md:"p-3",lg:"p-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed"},isHovered:{true:""},isActive:{true:""},isFocused:{false:"",true:"focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"}},compoundVariants:[...t,...i,...s]});exports.buttonVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs10.js"),i=require("./index.cjs11.js"),m=({label:e,description:s,errorMessage:x,isDisabled:n,isInvalid:l,children:r,renderLabelIcon:u})=>!e&&!s&&!r?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx("p",{className:i.cn("text-sm font-semibold",n?"text-neutral-600":"text-neutral-900"),children:e}),u?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:u}):null]}):r,s&&!x&&t.jsxRuntimeExports.jsx("p",{className:i.cn("text-xs",n?"text-neutral-600":"text-neutral-800"),children:s}),l&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=m;

package/dist/index.cjs19.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs10.js"),i=require("./index.cjs11.js"),m=({label:e,description:s,errorMessage:x,isDisabled:n,isInvalid:l,children:r,renderLabelIcon:u})=>!e&&!s&&!r?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx("p",{className:i.cn("text-sm font-semibold",n?"text-neutral-600":"text-neutral-900"),children:e}),u?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:u}):null]}):r,s&&!x&&t.jsxRuntimeExports.jsx("p",{className:i.cn("text-xs",n?"text-neutral-600":"text-neutral-800"),children:s}),l&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs15.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;

package/dist/index.cjs2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),m=require("react"),g=require("./index.cjs11.js"),j=require("./index.cjs12.js"),p=({items:c,accordionClassName:s,itemClassName:i,sectionClassName:u,hasIcon:l})=>{const[o,a]=m.useState(null),d=g.cn("flex flex-col gap-y-4",s),x=e=>{a(e===o?null:e)};return r.jsxRuntimeExports.jsx("div",{className:d,children:c.map(({label:e,section:t},n)=>r.jsxRuntimeExports.jsx(j.AccordionItem,{hasIcon:l,label:e,section:t,active:o===n,itemClassName:i,sectionClassName:u,onToggle:()=>x(n)},n))})};exports.Accordion=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),j=require("react"),q=require("./index.cjs11.js"),d=require("./index.cjs12.js"),x=({items:n,accordionClassName:c,itemClassName:i,sectionClassName:u,hasIcon:l,allowMultipleOpen:a=!1})=>{const[m,t]=j.useState([]),g=q.cn("flex flex-col gap-y-4",c),f=e=>{t(a?o=>o.includes(e)?o.filter(s=>s!==e):[...o,e]:o=>o.includes(e)?[]:[e])};return r.jsxRuntimeExports.jsx("div",{className:g,children:n.map(({label:e,section:o},s)=>r.jsxRuntimeExports.jsx(d.AccordionItem,{hasIcon:l,label:e,section:o,active:m.includes(s),itemClassName:i,sectionClassName:u,onToggle:()=>f(s)},s))})};exports.Accordion=x;

package/dist/index.cjs20.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs15.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=[{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-100"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-500 text-primary-50"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-neutral-200 text-neutral-800"}],i=[{intent:"primary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"primary",isActive:!0,isDisabled:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"secondary",isActive:!0,isDisabled:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isActive:!0,isDisabled:!1,class:"text-primary-500"},{intent:"minimal",isActive:!0,isDisabled:!0,class:"text-neutral-700"}],s=[{intent:"primary",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"primary",isDisabled:!0,isActive:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isDisabled:!0,isActive:!1,class:"bg-neutral-400 text-neutral-600"},{intent:"secondary",isDisabled:!0,isActive:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"minimal",isDisabled:!0,isActive:!0,class:"text-neutral-700"}],r=e.cva("inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out focus:outline-none",{variants:{intent:{primary:"bg-transparent text-primary-500",secondary:"bg-primary-200 text-primary-500",minimal:"bg-transparent text-neutral-700"},size:{xxs:"p-1",xs:"p-2",sm:"p-2.5",md:"p-3",lg:"p-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed"},isHovered:{true:""},isActive:{true:""},isFocused:{false:"",true:"focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"}},compoundVariants:[...t,...i,...s]});exports.buttonVariants=r;

package/dist/index.cjs5.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),q=require("react"),n=require("react-aria-components"),R=require("./index.cjs11.js"),g=require("./index.cjs18.js");function v(i,c){const[a,u]=n.useContextProps(i,c,n.ButtonContext),{intent:l="secondary",size:d="lg",isDisabled:o=!1,isActive:x=!1,children:e,className:f,...m}=a,r="flex h-full items-center overflow-hidden whitespace-nowrap";return s.jsxRuntimeExports.jsx(n.Button,{ref:u,className:({isPressed:t,isHovered:p,isFocusVisible:j,isFocused:h})=>R.cn(g.buttonVariants({intent:l,size:d,isDisabled:o,isActive:x||t,isHovered:p,isFocused:j||h}),f),isDisabled:o,...m,children:typeof e=="function"?t=>s.jsxRuntimeExports.jsx("span",{className:r+"p-2.",children:e(t)}):s.jsxRuntimeExports.jsx("span",{className:r,children:e})})}const B=q.forwardRef(v);exports.IconButton=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),h=require("react"),n=require("react-aria-components"),q=require("./index.cjs11.js"),R=require("./index.cjs20.js");function g(i,c){const[a,u]=n.useContextProps(i,c,n.ButtonContext),{intent:l="secondary",size:d="lg",isDisabled:o=!1,isActive:x=!1,children:e,className:f,...m}=a,r="flex h-full items-center overflow-hidden whitespace-nowrap";return s.jsxRuntimeExports.jsx(n.Button,{ref:u,className:({isPressed:t,isHovered:p,isFocusVisible:j})=>q.cn(R.buttonVariants({intent:l,size:d,isDisabled:o,isActive:x||t,isHovered:p,isFocused:j}),f),isDisabled:o,...m,children:typeof e=="function"?t=>s.jsxRuntimeExports.jsx("span",{className:r+"p-2.",children:e(t)}):s.jsxRuntimeExports.jsx("span",{className:r,children:e})})}const v=h.forwardRef(g);exports.IconButton=v;

package/dist/index.cjs7.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),p=require("react-aria-components"),c=require("./index.cjs11.js"),q=require("./index.cjs19.js"),R=require("./index.cjs20.js"),v=require("./index.cjs15.js"),E=({children:s,label:i,description:o,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,renderLabelIcon:m=null,"aria-label":h,"aria-describedby":j})=>{const l=u==="invalid"&&!t,w=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:c.cn("group flex flex-row gap-2",(i||s)&&o?"items-start":"items-center"),children:[r.jsxRuntimeExports.jsx(p.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":h,"aria-describedby":j,onChange:f,children:({isFocusVisible:d,isHovered:a})=>r.jsxRuntimeExports.jsx("div",{className:c.cn(v.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:d,size:e,isHoveredWhenOff:a&&!n})),children:r.jsxRuntimeExports.jsx(R.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:a,size:e,dimensions:w})})}),r.jsxRuntimeExports.jsx(q.ContentSwitch,{label:i,description:o,errorMessage:x,isDisabled:t,isInvalid:l,renderLabelIcon:m,children:s})]})};exports.Switch=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),p=require("react-aria-components"),c=require("./index.cjs11.js"),q=require("./index.cjs18.js"),R=require("./index.cjs19.js"),v=require("./index.cjs15.js"),E=({children:s,label:i,description:o,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,renderLabelIcon:m=null,"aria-label":h,"aria-describedby":j})=>{const l=u==="invalid"&&!t,w=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:c.cn("group flex flex-row gap-2",(i||s)&&o?"items-start":"items-center"),children:[r.jsxRuntimeExports.jsx(p.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":h,"aria-describedby":j,onChange:f,children:({isFocusVisible:d,isHovered:a})=>r.jsxRuntimeExports.jsx("div",{className:c.cn(v.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:d,size:e,isHoveredWhenOff:a&&!n})),children:r.jsxRuntimeExports.jsx(R.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:a,size:e,dimensions:w})})}),r.jsxRuntimeExports.jsx(q.ContentSwitch,{label:i,description:o,errorMessage:x,isDisabled:t,isInvalid:l,renderLabelIcon:m,children:s})]})};exports.Switch=E;

package/dist/index.es18.js

@@ -1,154 +1,21 @@
-import { cva as e } from "class-variance-authority";
-const i = [
-  {
-    intent: "primary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-100"
-  },
-  {
-    intent: "primary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !0,
-    class: "bg-primary-700 text-primary-50"
-  },
-  {
-    intent: "secondary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-300"
-  },
-  {
-    intent: "secondary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !0,
-    class: "bg-primary-700 text-primary-50"
-  },
-  {
-    intent: "minimal",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-neutral-200 text-neutral-800"
-  },
-  {
-    intent: "minimal",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !0,
-    class: "bg-neutral-200 text-primary-700"
-  }
-], t = [
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-700 text-primary-50"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !1,
-    class: "text-primary-500"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !0,
-    class: "text-neutral-700"
-  }
-], s = [
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "bg-neutral-400 text-neutral-600"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !0,
-    class: "text-neutral-700"
-  }
-], a = e(
-  "inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out",
-  {
-    variants: {
-      intent: {
-        primary: "bg-transparent text-primary-500",
-        secondary: "bg-primary-200 text-primary-500",
-        minimal: "bg-transparent text-neutral-700"
-      },
-      size: {
-        xxs: "p-1",
-        xs: "p-2",
-        sm: "p-2.5",
-        md: "p-3",
-        lg: "p-4"
-      },
-      isDisabled: {
-        true: "pointer-events-none cursor-not-allowed"
-      },
-      isHovered: {
-        true: ""
-      },
-      isActive: {
-        true: ""
-      },
-      isFocused: {
-        false: "",
-        true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
-      }
-    },
-    compoundVariants: [...i, ...t, ...s]
-  }
-);
+import { j as t } from "./index.es10.js";
+import { cn as c } from "./index.es11.js";
+const i = ({
+  label: e,
+  description: x,
+  errorMessage: s,
+  isDisabled: l,
+  isInvalid: r,
+  children: n,
+  renderLabelIcon: m
+}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
+    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
+  ] }) : n,
+  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
+  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
+] });
 export {
-  a as buttonVariants
+  i as ContentSwitch
 };

package/dist/index.es19.js

@@ -1,21 +1,22 @@
-import { j as t } from "./index.es10.js";
-import { cn as c } from "./index.es11.js";
-const i = ({
-  label: e,
-  description: x,
-  errorMessage: s,
-  isDisabled: l,
-  isInvalid: r,
-  children: n,
-  renderLabelIcon: m
-}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
-    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
-    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
-  ] }) : n,
-  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
-  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
-] });
+import { j as i } from "./index.es10.js";
+import { cn as m } from "./index.es11.js";
+import { indicatorVariants as n } from "./index.es15.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+    }
+  }
+);
 export {
-  i as ContentSwitch
+  c as SwitchIndicator
 };

package/dist/index.es2.js

@@ -1,25 +1,34 @@
-import { j as e } from "./index.es10.js";
-import { useState as u } from "react";
-import { cn as d } from "./index.es11.js";
-import { AccordionItem as f } from "./index.es12.js";
-const A = ({ items: s, accordionClassName: c, itemClassName: l, sectionClassName: m, hasIcon: a }) => {
-  const [t, i] = u(null), p = d("flex flex-col gap-y-4", c), x = (o) => {
-    i(o === t ? null : o);
+import { j as m } from "./index.es10.js";
+import { useState as g } from "react";
+import { cn as j } from "./index.es11.js";
+import { AccordionItem as h } from "./index.es12.js";
+const C = ({
+  items: a,
+  accordionClassName: e,
+  itemClassName: l,
+  sectionClassName: c,
+  hasIcon: i,
+  allowMultipleOpen: n = !1
+}) => {
+  const [f, r] = g([]), p = j("flex flex-col gap-y-4", e), u = (o) => {
+    r(
+      n ? (s) => s.includes(o) ? s.filter((t) => t !== o) : [...s, o] : (s) => s.includes(o) ? [] : [o]
+    );
   };
-  return /* @__PURE__ */ e.jsx("div", { className: p, children: s.map(({ label: o, section: n }, r) => /* @__PURE__ */ e.jsx(
-    f,
+  return /* @__PURE__ */ m.jsx("div", { className: p, children: a.map(({ label: o, section: s }, t) => /* @__PURE__ */ m.jsx(
+    h,
     {
-      hasIcon: a,
+      hasIcon: i,
       label: o,
-      section: n,
-      active: t === r,
+      section: s,
+      active: f.includes(t),
       itemClassName: l,
-      sectionClassName: m,
-      onToggle: () => x(r)
+      sectionClassName: c,
+      onToggle: () => u(t)
     },
-    r
+    t
   )) });
 };
 export {
-  A as Accordion
+  C as Accordion
 };

package/dist/index.es20.js

@@ -1,22 +1,133 @@
-import { j as i } from "./index.es10.js";
-import { cn as m } from "./index.es11.js";
-import { indicatorVariants as n } from "./index.es15.js";
-const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    className: m(
-      n({
-        isSelected: r,
-        isDisabled: o,
-        size: a,
-        isHoveredWhenOff: f && !r
-      })
-    ),
-    style: {
-      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
-    }
+import { cva as e } from "class-variance-authority";
+const t = [
+  {
+    intent: "primary",
+    isHovered: !0,
+    isDisabled: !1,
+    isActive: !1,
+    class: "bg-primary-100"
+  },
+  {
+    intent: "secondary",
+    isHovered: !0,
+    isDisabled: !1,
+    isActive: !1,
+    class: "bg-primary-500 text-primary-50"
+  },
+  {
+    intent: "minimal",
+    isHovered: !0,
+    isDisabled: !1,
+    isActive: !1,
+    class: "bg-neutral-200 text-neutral-800"
+  }
+], i = [
+  {
+    intent: "primary",
+    isActive: !0,
+    isDisabled: !1,
+    class: "bg-primary-500 text-primary-50"
+  },
+  {
+    intent: "primary",
+    isActive: !0,
+    isDisabled: !0,
+    class: "bg-primary-300 text-primary-100"
+  },
+  {
+    intent: "secondary",
+    isActive: !0,
+    isDisabled: !1,
+    class: "bg-primary-500 text-primary-50"
+  },
+  {
+    intent: "secondary",
+    isActive: !0,
+    isDisabled: !0,
+    class: "bg-primary-100 text-primary-300"
+  },
+  {
+    intent: "minimal",
+    isActive: !0,
+    isDisabled: !1,
+    class: "text-primary-500"
+  },
+  {
+    intent: "minimal",
+    isActive: !0,
+    isDisabled: !0,
+    class: "text-neutral-700"
+  }
+], s = [
+  {
+    intent: "primary",
+    isDisabled: !0,
+    isActive: !1,
+    class: "text-neutral-600"
+  },
+  {
+    intent: "primary",
+    isDisabled: !0,
+    isActive: !0,
+    class: "bg-primary-300 text-primary-100"
+  },
+  {
+    intent: "secondary",
+    isDisabled: !0,
+    isActive: !1,
+    class: "bg-neutral-400 text-neutral-600"
+  },
+  {
+    intent: "secondary",
+    isDisabled: !0,
+    isActive: !0,
+    class: "bg-primary-100 text-primary-300"
+  },
+  {
+    intent: "minimal",
+    isDisabled: !0,
+    isActive: !1,
+    class: "text-neutral-600"
+  },
+  {
+    intent: "minimal",
+    isDisabled: !0,
+    isActive: !0,
+    class: "text-neutral-700"
+  }
+], a = e(
+  "inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out focus:outline-none",
+  {
+    variants: {
+      intent: {
+        primary: "bg-transparent text-primary-500",
+        secondary: "bg-primary-200 text-primary-500",
+        minimal: "bg-transparent text-neutral-700"
+      },
+      size: {
+        xxs: "p-1",
+        xs: "p-2",
+        sm: "p-2.5",
+        md: "p-3",
+        lg: "p-4"
+      },
+      isDisabled: {
+        true: "pointer-events-none cursor-not-allowed"
+      },
+      isHovered: {
+        true: ""
+      },
+      isActive: {
+        true: ""
+      },
+      isFocused: {
+        false: "",
+        true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
+      }
+    },
+    compoundVariants: [...t, ...i, ...s]
   }
 );
 export {
-  c as SwitchIndicator
+  a as buttonVariants
 };

package/dist/index.es5.js

@@ -1,10 +1,10 @@
 import { j as s } from "./index.es10.js";
-import { forwardRef as j } from "react";
-import { useContextProps as B, ButtonContext as w, Button as C } from "react-aria-components";
-import { cn as N } from "./index.es11.js";
-import { buttonVariants as g } from "./index.es18.js";
-function v(r, i) {
-  const [c, a] = B(r, i, w), {
+import { forwardRef as h } from "react";
+import { useContextProps as j, ButtonContext as B, Button as w } from "react-aria-components";
+import { cn as C } from "./index.es11.js";
+import { buttonVariants as N } from "./index.es20.js";
+function g(r, i) {
+  const [c, a] = j(r, i, B), {
     intent: m = "secondary",
     size: f = "lg",
     isDisabled: o = !1,
@@ -14,17 +14,17 @@ function v(r, i) {
     ...u
   } = c, n = "flex h-full items-center overflow-hidden whitespace-nowrap";
   return /* @__PURE__ */ s.jsx(
-    C,
+    w,
     {
       ref: a,
-      className: ({ isPressed: e, isHovered: d, isFocusVisible: x, isFocused: h }) => N(
-        g({
+      className: ({ isPressed: e, isHovered: d, isFocusVisible: x }) => C(
+        N({
           intent: m,
           size: f,
           isDisabled: o,
           isActive: l || e,
           isHovered: d,
-          isFocused: x || h
+          isFocused: x
         }),
         p
       ),
@@ -34,7 +34,7 @@ function v(r, i) {
     }
   );
 }
-const P = j(v);
+const A = h(g);
 export {
-  P as IconButton
+  A as IconButton
 };

package/dist/index.es7.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es10.js";
 import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es11.js";
-import { ContentSwitch as L } from "./index.es19.js";
-import { SwitchIndicator as v } from "./index.es20.js";
+import { ContentSwitch as L } from "./index.es18.js";
+import { SwitchIndicator as v } from "./index.es19.js";
 import { switchVariants as b } from "./index.es15.js";
 const E = ({
   children: f,

package/dist/stories/Accordion.stories.d.ts

@@ -2,9 +2,10 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon }: import('../components').AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon, allowMultipleOpen, }: import('../components').AccordionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
+export declare const Default: Story;
+export declare const AllowMultipleOpen: Story;

package/dist/style.css

@@ -1327,10 +1327,6 @@ select {
   --tw-text-opacity: 1;
   color: rgb(42 22 218 / var(--tw-text-opacity));
 }
-.text-primary-700 {
-  --tw-text-opacity: 1;
-  color: rgb(29 13 165 / var(--tw-text-opacity));
-}
 .text-primary-800 {
   --tw-text-opacity: 1;
   color: rgb(23 13 108 / var(--tw-text-opacity));
@@ -1385,6 +1381,9 @@ select {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "files": [
     "dist"