@atom-learning/components 3.6.0 → 3.7.0

package/dist/components/tree/Tree.js

@@ -0,0 +1,2 @@
+import e from"react";import{styled as m}from"../../stitches.js";import{TreeCollapsible as i}from"./TreeCollapsible.js";import{TreeCollapsibleContent as p}from"./TreeCollapsibleContent.js";import{TreeCollapsibleTrigger as f}from"./TreeCollapsibleTrigger.js";import{TreeIcon as T}from"./TreeIcon.js";import{TreeItem as s}from"./TreeItem.js";import{TreeList as a}from"./TreeList.js";import{TreeText as n}from"./TreeText.js";const C=m(a,{}),r=e.forwardRef(({children:o,...t},l)=>e.createElement(C,{...t,ref:l,role:"tree"},o)),b=Object.assign(r,{Collapsible:i,CollapsibleContent:p,CollapsibleTrigger:f,Item:s,Icon:T,Text:n});export{b as Tree,r as TreeRoot};
+//# sourceMappingURL=Tree.js.map

package/dist/components/tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../src/components/tree/Tree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsible } from './TreeCollapsible'\nimport { TreeCollapsibleContent } from './TreeCollapsibleContent'\nimport { TreeCollapsibleTrigger } from './TreeCollapsibleTrigger'\nimport { TreeIcon } from './TreeIcon'\nimport { TreeItem } from './TreeItem'\nimport { TreeList } from './TreeList'\nimport { TreeText } from './TreeText'\n\nconst StyledRoot = styled(TreeList, {})\n\ntype TreeProps = React.ComponentProps<typeof StyledRoot>\n\nexport const TreeRoot = React.forwardRef(\n  (\n    { children, ...rest }: TreeProps,\n    ref: React.ForwardedRef<HTMLUListElement>\n  ) => {\n    return (\n      <StyledRoot {...rest} ref={ref} role=\"tree\">\n        {children}\n      </StyledRoot>\n    )\n  }\n)\n\nexport const Tree = Object.assign(TreeRoot, {\n  Collapsible: TreeCollapsible,\n  CollapsibleContent: TreeCollapsibleContent,\n  CollapsibleTrigger: TreeCollapsibleTrigger,\n  Item: TreeItem,\n  Icon: TreeIcon,\n  Text: TreeText\n})\n"],"names":["StyledRoot","styled","TreeList","TreeRoot","React","children","rest","ref","Tree","TreeCollapsible","TreeCollapsibleContent","TreeCollapsibleTrigger","TreeItem","TreeIcon","TreeText"],"mappings":"qaAYA,MAAMA,EAAaC,EAAOC,EAAU,CAAE,CAAA,EAIzBC,EAAWC,EAAM,WAC5B,CACE,CAAE,SAAAC,KAAaC,CAAK,EACpBC,IAGEH,EAAA,cAACJ,EAAA,CAAY,GAAGM,EAAM,IAAKC,EAAK,KAAK,MAAA,EAClCF,CACH,CAGN,EAEaG,EAAO,OAAO,OAAOL,EAAU,CAC1C,YAAaM,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,EACN,KAAMC,EACN,KAAMC,CACR,CAAC"}

package/dist/components/tree/TreeCollapsible.d.ts

@@ -0,0 +1,328 @@
+import * as React from 'react';
+declare type TreeCollapsibleContextValue = {
+    triggerRef?: React.MutableRefObject<HTMLElement | null>;
+    setTriggerRef?: (HTMLElement: any) => void;
+};
+export declare const TreeCollapsibleContext: React.Context<TreeCollapsibleContextValue>;
+export declare const TreeCollapsible: React.ForwardRefExoticComponent<Pick<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}> & {
+    css?: 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;
+            grey100: any;
+            grey200: any;
+            grey300: any;
+            grey400: any;
+            grey500: any;
+            grey600: any;
+            grey700: any;
+            grey800: any;
+            grey900: any;
+            grey1000: any;
+            grey1100: any;
+            grey1200: any;
+            blue100: any;
+            blue200: any;
+            blue300: any;
+            blue400: any;
+            blue500: any;
+            blue600: any;
+            blue700: any;
+            blue800: any;
+            blue900: any;
+            blue1000: any;
+            blue1100: any;
+            blue1200: any;
+            purple100: any;
+            purple200: any;
+            purple300: any;
+            purple400: any;
+            purple500: any;
+            purple600: any;
+            purple700: any;
+            purple800: any;
+            purple900: any;
+            purple1000: any;
+            purple1100: any;
+            purple1200: any;
+            cyan100: any;
+            cyan200: any;
+            cyan300: any;
+            cyan400: any;
+            cyan500: any;
+            cyan600: any;
+            cyan700: any;
+            cyan800: any;
+            cyan900: any;
+            cyan1000: any;
+            cyan1100: any;
+            cyan1200: any;
+            green100: any;
+            green200: any;
+            green300: any;
+            green400: any;
+            green500: any;
+            green600: any;
+            green700: any;
+            green800: any;
+            green900: any;
+            green1000: any;
+            green1100: any;
+            green1200: any;
+            magenta100: any;
+            magenta200: any;
+            magenta300: any;
+            magenta400: any;
+            magenta500: any;
+            magenta600: any;
+            magenta700: any;
+            magenta800: any;
+            magenta900: any;
+            magenta1000: any;
+            magenta1100: any;
+            magenta1200: any;
+            red100: any;
+            red200: any;
+            red300: any;
+            red400: any;
+            red500: any;
+            red600: any;
+            red700: any;
+            red800: any;
+            red900: any;
+            red1000: any;
+            red1100: any;
+            red1200: any;
+            teal100: any;
+            teal200: any;
+            teal300: any;
+            teal400: any;
+            teal500: any;
+            teal600: any;
+            teal700: any;
+            teal800: any;
+            teal900: any;
+            teal1000: any;
+            teal1100: any;
+            teal1200: any;
+            orange100: any;
+            orange200: any;
+            orange300: any;
+            orange400: any;
+            orange500: any;
+            orange600: any;
+            orange700: any;
+            orange800: any;
+            orange900: any;
+            orange1000: any;
+            orange1100: any;
+            orange1200: any;
+            yellow100: any;
+            yellow200: any;
+            yellow300: any;
+            yellow400: any;
+            yellow500: any;
+            yellow600: any;
+            yellow700: any;
+            yellow800: any;
+            yellow900: any;
+            yellow1000: any;
+            yellow1100: any;
+            yellow1200: any;
+            lime100: any;
+            lime200: any;
+            lime300: any;
+            lime400: any;
+            lime500: any;
+            lime600: any;
+            lime700: any;
+            lime800: any;
+            lime900: any;
+            lime1000: any;
+            lime1100: any;
+            lime1200: 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;
+            glBlueLight: any;
+            glBluePrimary: any;
+            glBlueDark: any;
+        };
+        space: {
+            "0": any;
+            "1": any;
+            "2": any;
+            "3": any;
+            "4": any;
+            "5": any;
+            "6": any;
+            "7": any;
+            "8": any;
+            "9": any;
+            "24": 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;
+        };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+    }> | undefined;
+}, "color" | "translate" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "open" | "asChild" | "defaultOpen" | "disabled" | "onOpenChange"> & React.RefAttributes<HTMLLIElement>>;
+export {};

package/dist/components/tree/TreeCollapsible.js

@@ -0,0 +1,2 @@
+import{Root as m}from"@radix-ui/react-collapsible";import*as e from"react";import{styled as n}from"../../stitches.js";import{useCallbackRef as a}from"../../utilities/hooks/useCallbackRef.js";import{TreeListItem as i}from"./TreeListItem.js";const o=e.createContext({}),c=({children:r})=>{const[t,l]=a();return e.createElement(o.Provider,{value:{triggerRef:t,setTriggerRef:l}},r)},f=n(m,{width:"100%"}),s=e.forwardRef((r,t)=>e.createElement(i,{ref:t},e.createElement(c,null,e.createElement(f,{...r}))));export{s as TreeCollapsible,o as TreeCollapsibleContext};
+//# sourceMappingURL=TreeCollapsible.js.map

package/dist/components/tree/TreeCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeCollapsible.js","sources":["../../../src/components/tree/TreeCollapsible.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeCollapsibleContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const TreeCollapsibleContext =\n  React.createContext<TreeCollapsibleContextValue>({})\nconst TreeCollapsibleProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <TreeCollapsibleContext.Provider value={{ triggerRef, setTriggerRef }}>\n      {children}\n    </TreeCollapsibleContext.Provider>\n  )\n}\n\nconst StyledCollapsibleTreeItemRoot = styled(Root, {\n  width: '100%'\n})\n\ntype TreeCollapsibleProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof StyledCollapsibleTreeItemRoot>\nexport const TreeCollapsible = React.forwardRef(\n  (\n    props: TreeCollapsibleProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <TreeListItem ref={ref}>\n        <TreeCollapsibleProvider>\n          <StyledCollapsibleTreeItemRoot {...props} />\n        </TreeCollapsibleProvider>\n      </TreeListItem>\n    )\n  }\n)\n"],"names":["TreeCollapsibleContext","React","TreeCollapsibleProvider","children","triggerRef","setTriggerRef","useCallbackRef","StyledCollapsibleTreeItemRoot","styled","Root","TreeCollapsible","props","ref","TreeListItem"],"mappings":"sPAYaA,EACXC,EAAM,cAA2C,CAAE,CAAA,EAC/CC,EAA0B,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChD,KAAM,CAACC,EAAYC,CAAa,EAAIC,IACpC,OACEL,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,GACjEF,CACH,CAEJ,EAEMI,EAAgCC,EAAOC,EAAM,CACjD,MAAO,MACT,CAAC,EAIYC,EAAkBT,EAAM,WACnC,CACEU,EACAC,IAGEX,EAAA,cAACY,EAAA,CAAa,IAAKD,GACjBX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACM,EAAA,CAA+B,GAAGI,CAAO,CAAA,CAC5C,CACF,CAGN"}