@stackshift-ui/accordion 1.0.0-beta.2 → 1.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/accordion",
   "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -37,11 +37,11 @@
     "@radix-ui/react-accordion": "^1.2.11",
     "classnames": "^2.5.1",
     "lucide-react": "^0.468.0",
-    "@stackshift-ui/system": "6.1.0-beta.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.0"
+    "@stackshift-ui/scripts": "6.1.0-beta.2",
+    "@stackshift-ui/system": "6.1.0-beta.3"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.1",
+    "@stackshift-ui/system": ">=6.1.0-beta.3",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/accordion.tsx

@@ -40,14 +40,11 @@ function AccordionTrigger({
   children,
   ...props
 }: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  const { [displayNameAccordionHeader]: HeaderComponent = DefaultComponent } =
-    useStackShiftUIComponents();
-
   const { [displayNameAccordionTrigger]: Component = DefaultComponent } =
     useStackShiftUIComponents();
 
   return (
-    <HeaderComponent as={AccordionPrimitive.Header} className="flex">
+    <AccordionPrimitive.Header className="flex">
       <Component
         as={AccordionPrimitive.Trigger}
         data-slot="accordion-trigger"
@@ -59,7 +56,7 @@ function AccordionTrigger({
         {children}
         <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
       </Component>
-    </HeaderComponent>
+    </AccordionPrimitive.Header>
   );
 }
 AccordionTrigger.displayName = displayNameAccordionTrigger;

package/dist/chunk-Y5BC66KM.mjs

@@ -1 +0,0 @@
-import*as o from"@radix-ui/react-accordion";import{ChevronDownIcon as A}from"lucide-react";import{cn as s,DefaultComponent as r,useStackShiftUIComponents as c}from"@stackshift-ui/system";import{jsx as n,jsxs as N}from"react/jsx-runtime";var d="Accordion",m="AccordionItem",u="AccordionHeader",p="AccordionTrigger",l="AccordionContent";function v({...e}){let{[d]:t=r}=c();return n(t,{as:o.Root,"data-slot":"accordion",...e})}v.displayName=d;function C({className:e,...t}){let{[m]:i=r}=c();return n(i,{as:o.Item,"data-slot":"accordion-item",className:s("border-b last:border-b-0",e),...t})}C.displayName=m;function g({className:e,children:t,...i}){let{[u]:a=r}=c(),{[p]:f=r}=c();return n(a,{as:o.Header,className:"flex",children:N(f,{as:o.Trigger,"data-slot":"accordion-trigger",className:s("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",e),...i,children:[t,n(A,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}g.displayName=p;function y({className:e,children:t,...i}){let{[l]:a=r}=c();return n(a,{as:o.Content,"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...i,children:n("div",{className:s("pt-0 pb-4",e),children:t})})}y.displayName=l;export{v as a,C as b,g as c,y as d};