@atom-learning/components 2.18.0 → 2.20.0

package/CHANGELOG.md

@@ -1,20 +1,14 @@
-# [2.18.0](https://github.com/Atom-Learning/components/compare/v2.17.0...v2.18.0) (2022-11-30)
+# [2.20.0](https://github.com/Atom-Learning/components/compare/v2.19.0...v2.20.0) (2022-12-02)
 
 
 ### Bug Fixes
 
-* update README ([3ae762d](https://github.com/Atom-Learning/components/commit/3ae762dde4d9decba395bb3e278c00fb404a8d81))
+* update snapshots ([db7ef16](https://github.com/Atom-Learning/components/commit/db7ef16412906bbc11d7a7881038bb2a640a5206))
 
 
 ### Features
 
-* add experimental flag to ColorScheme component ([bb8d223](https://github.com/Atom-Learning/components/commit/bb8d223889de948d5502f8bd2627c154dd7e20b1))
-* change foreground colour to one from slate gradient and use white directly ([cbf8aac](https://github.com/Atom-Learning/components/commit/cbf8aacd903f20a4efe9dda2d29b906056d9d06f))
-* changes based on PR comments ([d58d803](https://github.com/Atom-Learning/components/commit/d58d80399fe55ec6c52c15b1fb52e53173e7b97f))
-* ColorScheme alpha version ([bc204cb](https://github.com/Atom-Learning/components/commit/bc204cb9c6ac4163c8bfab552d5f4daa769610fa))
-* remove testing lib requirement ([c9d68b9](https://github.com/Atom-Learning/components/commit/c9d68b95a8fbd54ee36cc23a532ce6465507afdc))
-* rename tonal vars to base to match property of ColorScheme component ([6253323](https://github.com/Atom-Learning/components/commit/62533232a5d91b84a7e6d996fa9dd02ce78e8f5d))
-* space out all children of StackContent ([004848e](https://github.com/Atom-Learning/components/commit/004848e6f602579cadb3cbe741ab61fca5240688))
+* upgrade packages ([8c0df76](https://github.com/Atom-Learning/components/commit/8c0df768169f5e4f3fbd6af3515ba2178f9bde89))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/index.d.ts

@@ -44,6 +44,7 @@ export { PasswordField } from './password-field';
 export { PasswordInput } from './password-input';
 export { Popover } from './popover';
 export { ProgressBar } from './progress-bar';
+export { Sidedrawer } from './sidedrawer';
 export { Stepper } from './stepper';
 export { RadioButton, RadioButtonGroup } from './radio-button';
 export { RadioButtonField } from './radio-button-field';

package/dist/components/sidedrawer/Sidedrawer.d.ts

@@ -0,0 +1,24 @@
+import * as Dialog from '@radix-ui/react-dialog';
+import React from 'react';
+import { SidedrawerAccordionContent, SidedrawerAccordionItem, SidedrawerAccordionTrigger } from './SidedrawerAccordion';
+import { SidedrawerBody } from './SidedrawerBody';
+import { SidedrawerClose } from './SidedrawerClose';
+import { SidedrawerContent } from './SidedrawerContent';
+import { SidedrawerFooter } from './SidedrawerFooter';
+import { SidedrawerHeader } from './SidedrawerHeader';
+import { SidedrawerItem } from './SidedrawerItem';
+import { SidedrawerTrigger } from './SidedrawerTrigger';
+declare type SidedrawerSubComponents = {
+    Accordion: typeof SidedrawerAccordionItem;
+    AccordionContent: typeof SidedrawerAccordionContent;
+    AccordionTrigger: typeof SidedrawerAccordionTrigger;
+    Body: typeof SidedrawerBody;
+    Close: typeof SidedrawerClose;
+    Content: typeof SidedrawerContent;
+    Footer: typeof SidedrawerFooter;
+    Header: typeof SidedrawerHeader;
+    Item: typeof SidedrawerItem;
+    Trigger: typeof SidedrawerTrigger;
+};
+export declare const Sidedrawer: React.FC<React.ComponentProps<typeof Dialog.Root>> & SidedrawerSubComponents;
+export {};

package/dist/components/sidedrawer/Sidedrawer.js

@@ -0,0 +1 @@
+import*as i from"@radix-ui/react-dialog";import d from"react";import"./SidedrawerAccordion/SidedrawerAccordionRoot.js";import{SidedrawerAccordionContent as t}from"./SidedrawerAccordion/SidedrawerAccordionContent.js";import{SidedrawerAccordionItem as m}from"./SidedrawerAccordion/SidedrawerAccordionItem.js";import{SidedrawerAccordionTrigger as n}from"./SidedrawerAccordion/SidedrawerAccordionTrigger.js";import{SidedrawerBody as a}from"./SidedrawerBody.js";import{SidedrawerClose as c}from"./SidedrawerClose.js";import{SidedrawerContent as p}from"./SidedrawerContent.js";import{SidedrawerFooter as f}from"./SidedrawerFooter.js";import{SidedrawerHeader as w}from"./SidedrawerHeader.js";import{SidedrawerItem as S}from"./SidedrawerItem.js";import{SidedrawerTrigger as g}from"./SidedrawerTrigger.js";const r=({children:o,...e})=>d.createElement(i.Root,{...e},o);r.Accordion=m,r.AccordionContent=t,r.AccordionTrigger=n,r.Body=a,r.Close=c,r.Content=p,r.Footer=f,r.Header=w,r.Item=S,r.Trigger=g;export{r as Sidedrawer};

package/dist/components/sidedrawer/Sidedrawer.styles.d.ts

@@ -0,0 +1,44 @@
+export declare const sidedrawerItemStyles: {
+    alignItems: string;
+    bg: string;
+    border: string;
+    borderLeft: string;
+    color: string;
+    cursor: string;
+    display: string;
+    fontFamily: string;
+    fontWeight: string;
+    fontSize: string;
+    margin: number;
+    minHeight: string;
+    outline: string;
+    outlineOffset: string;
+    py: string;
+    px: string;
+    width: string;
+    textDecoration: string;
+    '&:hover': {
+        bg: string;
+    };
+    '&:active': {
+        bg: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&[disabled]': {
+        opacity: string;
+        pointerEvents: string;
+        cursor: string;
+    };
+    variants: {
+        active: {
+            true: {
+                bg: string;
+                borderLeft: string;
+                color: string;
+                fontWeight: string;
+            };
+        };
+    };
+};

package/dist/components/sidedrawer/Sidedrawer.styles.js

@@ -0,0 +1 @@
+const t={alignItems:"center",bg:"white",border:"unset",borderLeft:"4px solid transparent",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:"400",fontSize:"$md",margin:0,minHeight:"48px",outline:"unset",outlineOffset:"unset",py:"$3",px:"$4",width:"100%",textDecoration:"none","&:hover":{bg:"$tonal50"},"&:active":{bg:"$tonal100"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary"},"&[disabled]":{opacity:"0.3",pointerEvents:"none",cursor:"default"},variants:{active:{true:{bg:"$primaryLight",borderLeft:"4px solid $primary",color:"$primary",fontWeight:"600"}}}};export{t as sidedrawerItemStyles};

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SidedrawerAccordionContent: React.FC;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.js

@@ -0,0 +1 @@
+import t from"react";import{Content as n}from"@radix-ui/react-accordion";import{Box as r}from"../../box/Box.js";import{keyframes as o,styled as i}from"../../../stitches.js";const m=o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),d=o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),h=i(n,{bg:"white",overflow:"hidden","@allowMotion":{'&[data-state="open"]':{animation:`${m} 300ms ease-out`},'&[data-state="closed"]':{animation:`${d} 300ms ease-out`}}}),c=({children:e})=>t.createElement(h,null,t.Children.map(e,a=>t.createElement(r,{css:{"> a":{px:"$6"},"> button":{px:"$6"}}},a)));export{c as SidedrawerAccordionContent};

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.d.ts

@@ -0,0 +1,267 @@
+/// <reference types="react" />
+export declare const SidedrawerAccordionItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.js

@@ -0,0 +1 @@
+import{Item as o}from"@radix-ui/react-accordion";import{styled as r}from"../../../stitches.js";const t=r(o,{});export{t as SidedrawerAccordionItem};

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.d.ts

@@ -0,0 +1,267 @@
+/// <reference types="react" />
+export declare const SidedrawerAccordionRoot: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.js

@@ -0,0 +1 @@
+import{Root as r}from"@radix-ui/react-accordion";import{styled as d}from"../../../stitches.js";const o=d(r,{width:"100%"});o.displayName="SidedrawerAccordionRoot";export{o as SidedrawerAccordionRoot};

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SidedrawerAccordionTrigger: React.FC;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.js

@@ -0,0 +1 @@
+import{ChevronDown as o}from"@atom-learning/icons";import e from"react";import{Trigger as m,Header as n}from"@radix-ui/react-accordion";import{styled as t}from"../../../stitches.js";import{Icon as a}from"../../icon/Icon.js";import{Flex as i}from"../../flex/Flex.js";import{sidedrawerItemStyles as s}from"../Sidedrawer.styles.js";const l=t(m,{justifyContent:"space-between",m:0,p:0,"&[data-state=open]":{fontWeight:"600"},...s}),c=t(a,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"}}),d=({children:r})=>e.createElement(n,null,e.createElement(l,null,e.createElement(i,{css:{alignItems:"center"}},r),e.createElement(c,{is:o,size:"sm"})));export{d as SidedrawerAccordionTrigger};

package/dist/components/sidedrawer/SidedrawerAccordion/index.d.ts

@@ -0,0 +1,4 @@
+export { SidedrawerAccordionRoot } from './SidedrawerAccordionRoot';
+export { SidedrawerAccordionContent } from './SidedrawerAccordionContent';
+export { SidedrawerAccordionItem } from './SidedrawerAccordionItem';
+export { SidedrawerAccordionTrigger } from './SidedrawerAccordionTrigger';

package/dist/components/sidedrawer/SidedrawerBody.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SidedrawerBody: React.FC;

package/dist/components/sidedrawer/SidedrawerBody.js

@@ -0,0 +1 @@
+import r,{isValidElement as l}from"react";import{Box as d}from"../box/Box.js";import{SidedrawerAccordionRoot as m}from"./SidedrawerAccordion/SidedrawerAccordionRoot.js";import"./SidedrawerAccordion/SidedrawerAccordionContent.js";import"./SidedrawerAccordion/SidedrawerAccordionItem.js";import"./SidedrawerAccordion/SidedrawerAccordionTrigger.js";const a=({children:e})=>{let o=!1;return r.Children.forEach(e,t=>{var i;l(t)&&((i=t.props)==null?void 0:i.value)&&(o=!0)}),r.createElement(d,{css:{flexGrow:1,width:"100%",overflowY:"auto"}},o?r.createElement(m,{type:"single"},e):e)};export{a as SidedrawerBody};

package/dist/components/sidedrawer/SidedrawerClose.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SidedrawerClose: React.FC;