@atom-learning/components 3.7.0 → 3.8.0

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -0,0 +1,2 @@
+import*as e from"react";import{CheckboxGroupMountedProvider as h}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedProvider as p}from"./context/CheckboxGroupChecked.context.js";import{Box as l}from"../box/Box.js";import{Slot as d}from"@radix-ui/react-slot";import{styled as C}from"../../stitches.js";import{CheckboxGroupItem as i}from"./CheckboxGroupItem.js";import{CheckboxGroupAllItem as k}from"./CheckboxGroupAllItem.js";import{CheckboxGroupSub as n}from"./CheckboxGroupSub.js";const u=C(d),f=({checked:o,defaultChecked:r,onCheckedChange:t,asChild:m=!1,...c})=>e.createElement(p,{checked:o,defaultChecked:r,onCheckedChange:t},e.createElement(h,null,e.createElement(m?u:l,{...c}))),a=Object.assign(f,{Item:i,AllItem:k,Sub:n});export{a as CheckboxGroup};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/checkbox-group/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  CheckboxGroupMountedProvider,\n  CheckboxGroupCheckedProvider\n} from './CheckboxGroup.context'\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { Box } from '../box'\nimport { Slot } from '@radix-ui/react-slot'\nimport { styled } from '~/stitches'\n\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\n\ntype CheckboxGroupRootProps = React.ComponentProps<typeof Box> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst StyledSlot = styled(Slot)\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? StyledSlot : Box\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"names":["StyledSlot","styled","Slot","CheckboxGroupRoot","checked","defaultChecked","onCheckedChange","asChild","rest","React","CheckboxGroupCheckedProvider","CheckboxGroupMountedProvider","Box","CheckboxGroup","CheckboxGroupItem","CheckboxGroupAllItem","CheckboxGroupSub"],"mappings":"0fAqBA,MAAMA,EAAaC,EAAOC,CAAI,EAExBC,EAAoB,CAAC,CACzB,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,MACPC,CACL,IAIIC,EAAA,cAACC,EAAA,CACC,QAASN,EACT,eAAgBC,EAChB,gBAAiBC,CAAAA,EAEjBG,EAAA,cAACE,EAAA,KACCF,EAAA,cATYF,EAAUP,EAAaY,EASlC,CAAW,GAAGJ,EAAM,CACvB,CACF,EAISK,EAAgB,OAAO,OAAOV,EAAmB,CAC5D,KAAMW,EACN,QAASC,EACT,IAAKC,CACP,CAAC"}

package/dist/components/checkbox-group/CheckboxGroup.types.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Checkbox } from '../checkbox';
+export declare type CheckboxGroupItemValue = React.ComponentProps<typeof Checkbox>['value'];

package/dist/components/checkbox-group/CheckboxGroupAllItem.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Checkbox } from '../checkbox';
+declare type CheckboxGroupAllItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'checked' | 'defaultChecked'>;
+export declare const CheckboxGroupAllItem: ({ onCheckedChange, title, ...rest }: CheckboxGroupAllItemProps) => JSX.Element;
+export {};

package/dist/components/checkbox-group/CheckboxGroupAllItem.js

@@ -0,0 +1,2 @@
+import*as t from"react";import{Checkbox as u}from"../checkbox/Checkbox.js";import{CheckboxGroupMountedContext as i}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedContext as k}from"./context/CheckboxGroupChecked.context.js";const a=({onCheckedChange:n,title:r="all",...h})=>{const{checked:c,handleItemCheckedChange:C}=t.useContext(k),{mounted:o}=t.useContext(i),m=e=>{o.forEach(d=>{C(e,d)}),n==null||n(e)},l=(()=>o.every(e=>c.includes(e))?!0:o.some(e=>c.includes(e))?"indeterminate":!1)();return t.createElement(u,{onCheckedChange:m,checked:l,title:r,...h})};export{a as CheckboxGroupAllItem};
+//# sourceMappingURL=CheckboxGroupAllItem.js.map

package/dist/components/checkbox-group/CheckboxGroupAllItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupAllItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"names":["CheckboxGroupAllItem","onCheckedChange","title","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","mountedItems","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","value","isAllChecked","mountedItem","Checkbox"],"mappings":"2PAaO,MAAMA,EAAuB,CAAC,CACnC,gBAAAC,EACA,MAAAC,EAAQ,SACLC,CACL,IAA8C,CAC5C,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,QAASC,CAAa,EAAIF,EAAM,WACtCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CH,EAAa,QAASI,GAAU,CAC9BP,EAA+BM,EAAYC,CAAK,CAClD,CAAC,EACDX,GAAA,MAAAA,EAAkBU,CAAAA,CACpB,EAEME,GAAgB,IAChBL,EAAa,MAAOM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EACjE,GAELN,EAAa,KAAMM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EAChE,gBAEF,MAGT,OACER,EAAA,cAACS,EAAA,CACC,gBAAiBL,EACjB,QAASG,EACT,MAAOX,EACN,GAAGC,CAAAA,CACN,CAEJ"}

package/dist/components/checkbox-group/CheckboxGroupItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Checkbox } from '../checkbox';
+declare type CheckboxGroupItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'onCheckedChange' | 'checked' | 'defaultChecked'> & {
+    onCheckedChange?: (newChecked: boolean) => void;
+};
+export declare const CheckboxGroupItem: ({ value, title, onCheckedChange, ...rest }: CheckboxGroupItemProps) => JSX.Element;
+export {};

package/dist/components/checkbox-group/CheckboxGroupItem.js

@@ -0,0 +1,2 @@
+import*as t from"react";import{Checkbox as d}from"../checkbox/Checkbox.js";import{CheckboxGroupMountedContext as l}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedContext as k}from"./context/CheckboxGroupChecked.context.js";const a=({value:e,title:n,onCheckedChange:C,...r})=>{const{checked:h,handleItemCheckedChange:m}=t.useContext(k),{handleItemMountedChange:o}=t.useContext(l),u=c=>{m(c,e),C==null||C(c)};return t.useEffect(()=>(o(!0,e),()=>{o(!1,e)}),[o,e]),t.createElement(d,{onCheckedChange:u,checked:h.includes(e),title:n!=null?n:String(e),...r})};export{a as CheckboxGroupItem};
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/components/checkbox-group/CheckboxGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"names":["CheckboxGroupItem","value","title","onCheckedChange","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","handleItemMountedChange","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","Checkbox"],"mappings":"2PAeO,MAAMA,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EACA,gBAAAC,KACGC,CACL,IAA2C,CACzC,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,wBAAAC,CAAwB,EAAIF,EAAM,WACxCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CN,EAA+BM,EAAYX,CAAK,EAChDE,GAAA,MAAAA,EAAkBS,EACpB,EAEA,OAAAL,EAAM,UAAU,KACdE,EAAwB,GAAMR,CAAK,EAC5B,IAAM,CACXQ,EAAwB,GAAOR,CAAK,CACtC,GACC,CAACQ,EAAyBR,CAAK,CAAC,EAGjCM,EAAA,cAACM,EAAA,CACC,gBAAiBF,EACjB,QAASN,EAAa,SAASJ,CAAK,EACpC,MAAOC,GAAA,KAAAA,EAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}

package/dist/components/checkbox-group/CheckboxGroupSub.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Box } from '../box';
+declare type CheckboxGroupSubProps = React.ComponentProps<typeof Box> & {
+    asChild?: boolean;
+};
+export declare const CheckboxGroupSub: ({ asChild, ...rest }: CheckboxGroupSubProps) => JSX.Element;
+export {};

package/dist/components/checkbox-group/CheckboxGroupSub.js

@@ -0,0 +1,2 @@
+import*as o from"react";import{Slot as e}from"@radix-ui/react-slot";import{styled as m}from"../../stitches.js";import{CheckboxGroupMountedProvider as p}from"./context/CheckboxGroupMounted.context.js";import"./context/CheckboxGroupChecked.context.js";import{Box as i}from"../box/Box.js";const l=m(e),c=({asChild:r=!1,...t})=>o.createElement(p,null,o.createElement(r?l:i,{...t}));export{c as CheckboxGroupSub};
+//# sourceMappingURL=CheckboxGroupSub.js.map

package/dist/components/checkbox-group/CheckboxGroupSub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupSub.js","sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { styled } from '~/stitches'\nimport { CheckboxGroupMountedProvider } from './CheckboxGroup.context'\nimport { Box } from '../box'\n\ntype CheckboxGroupSubProps = React.ComponentProps<typeof Box> & {\n  asChild?: boolean\n}\nconst StyledSlot = styled(Slot)\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n  const Component = asChild ? StyledSlot : Box\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"names":["StyledSlot","styled","Slot","CheckboxGroupSub","asChild","rest","React","CheckboxGroupMountedProvider","Box"],"mappings":"8RASA,MAAMA,EAAaC,EAAOC,CAAI,EAEjBC,EAAmB,CAAC,CAC/B,QAAAC,EAAU,MACPC,CACL,IAIIC,EAAA,cAACC,EAAA,KACCD,EAAA,cAJcF,EAAUJ,EAAaQ,EAIpC,CAAW,GAAGH,EAAM,CACvB"}

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+declare type CheckboxGroupCheckedContextValue = {
+    checked: CheckboxGroupItemValue[];
+    handleItemCheckedChange: (newItemChecked: boolean, itemValue: CheckboxGroupItemValue) => void;
+};
+declare type CheckboxGroupCheckedContextProps = {
+    checked?: CheckboxGroupCheckedContextValue['checked'];
+    defaultChecked?: CheckboxGroupCheckedContextValue['checked'];
+    onCheckedChange?: (checked: CheckboxGroupCheckedContextValue['checked']) => void;
+};
+export declare const CheckboxGroupCheckedContext: React.Context<CheckboxGroupCheckedContextValue>;
+export declare const CheckboxGroupCheckedProvider: React.FC<CheckboxGroupCheckedContextProps>;
+export {};

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js

@@ -0,0 +1,2 @@
+import*as n from"react";const C=n.createContext({checked:[],handleItemCheckedChange:()=>null}),k=t=>(c,e)=>{const o=new Set(t);return c?o.add(e):o.delete(e),Array.from(o)},i=({checked:t,defaultChecked:c=[],onCheckedChange:e,...o})=>{const[u,m]=n.useState(c),d=n.useCallback((r,a)=>{if(!t)return()=>null;const l=k(t)(r,a);e==null||e(l)},[e,t]),h=n.useCallback((r,a)=>{m(l=>{const s=k(l)(r,a);return e==null||e(s),s})},[e]),x=n.useMemo(()=>{const r=Array.isArray(t);return{checked:r?t:u,handleItemCheckedChange:r?d:h}},[u,h,d,t]);return n.createElement(C.Provider,{value:x,...o})};export{C as CheckboxGroupCheckedContext,i as CheckboxGroupCheckedProvider};
+//# sourceMappingURL=CheckboxGroupChecked.context.js.map

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupChecked.context.js","sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    newItemChecked\n      ? newCheckedSet.add(itemValue)\n      : newCheckedSet.delete(itemValue)\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider: React.FC<\n  CheckboxGroupCheckedContextProps\n> = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"names":["CheckboxGroupCheckedContext","React","generateNewCheckedFn","currentChecked","newItemChecked","itemValue","newCheckedSet","CheckboxGroupCheckedProvider","controlledChecked","defaultChecked","onCheckedChange","rest","checked","setChecked","handleItemControlledCheckedChange","newChecked","handleItemCheckedChange","prevChecked","value","isControlled"],"mappings":"wBAoBO,MAAMA,EACXC,EAAM,cAAgD,CACpD,QAAS,CAAA,EACT,wBAAyB,IAAM,IACjC,CAAC,EAEGC,EACJC,GAEO,CAACC,EAAgBC,IAAc,CACpC,MAAMC,EAAgB,IAAI,IAAIH,CAAc,EAC5C,OAAAC,EACIE,EAAc,IAAID,CAAS,EAC3BC,EAAc,OAAOD,CAAS,EACf,MAAM,KAAKC,CAAa,CAE7C,EAGWC,EAET,CAAC,CACH,QAASC,EACT,eAAAC,EAAiB,CAAC,EAClB,gBAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAACC,EAASC,CAAU,EAAIZ,EAAM,SAASQ,CAAc,EAErDK,EAAoCb,EAAM,YAC9C,CAACG,EAAgBC,IAAc,CAC7B,GAAI,CAACG,EAAmB,MAAO,IAAM,KAErC,MAAMO,EADeb,EAAqBM,CAAiB,EAC3BJ,EAAgBC,CAAS,EACzDK,GAAA,MAAAA,EAAkBK,EACpB,EACA,CAACL,EAAiBF,CAAiB,CACrC,EAEMQ,EAA0Bf,EAAM,YACpC,CAACG,EAAgBC,IAAc,CAC7BQ,EAAYI,GAAgB,CAE1B,MAAMF,EADeb,EAAqBe,CAAW,EACrBb,EAAgBC,CAAS,EACzD,OAAAK,GAAA,MAAAA,EAAkBK,CAAAA,EACXA,CACT,CAAC,CACH,EACA,CAACL,CAAe,CAClB,EAEMQ,EAAQjB,EAAM,QAA0C,IAAM,CAClE,MAAMkB,EAAe,MAAM,QAAQX,CAAiB,EACpD,MAAO,CACL,QAASW,EACJX,EACDI,EACJ,wBAAyBO,EACrBL,EACAE,CACN,CACF,EAAG,CACDJ,EACAI,EACAF,EACAN,CACF,CAAC,EAED,OAAOP,EAAA,cAACD,EAA4B,SAA5B,CAAqC,MAAOkB,EAAQ,GAAGP,EAAM,CACvE"}

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+declare type CheckboxGroupMountedContextValue = {
+    mounted: CheckboxGroupItemValue[];
+    handleItemMountedChange: (newItemMounted: boolean, itemValue: CheckboxGroupItemValue) => void;
+};
+export declare const CheckboxGroupMountedContext: React.Context<CheckboxGroupMountedContextValue>;
+export declare const CheckboxGroupMountedProvider: (props: any) => JSX.Element;
+export {};

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js

@@ -0,0 +1,2 @@
+import*as e from"react";const r=e.createContext({mounted:[],handleItemMountedChange:()=>null}),h=l=>{const{handleItemMountedChange:t}=e.useContext(r),[u,m]=e.useState([]),a=e.useCallback((d,n)=>{t==null||t(d,n),m(c=>{const o=new Set(c);return d?o.add(n):o.delete(n),Array.from(o)})},[t]),C=e.useMemo(()=>({mounted:u,handleItemMountedChange:a}),[u,a]);return e.createElement(r.Provider,{value:C,...l})};export{r as CheckboxGroupMountedContext,h as CheckboxGroupMountedProvider};
+//# sourceMappingURL=CheckboxGroupMounted.context.js.map

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupMounted.context.js","sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        newItemMounted\n          ? newMountedSet.add(itemValue)\n          : newMountedSet.delete(itemValue)\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"names":["CheckboxGroupMountedContext","React","CheckboxGroupMountedProvider","props","handleItemMountedChangeFurtherUpContext","mounted","setMounted","handleItemMountedChange","newItemMounted","itemValue","prevMounted","newMountedSet","value"],"mappings":"wBAWa,MAAAA,EACXC,EAAM,cAAgD,CACpD,QAAS,CAAA,EACT,wBAAyB,IAAM,IACjC,CAAC,EAEUC,EAAgCC,GAAU,CACrD,KAAM,CAAE,wBAAyBC,CAAwC,EACvEH,EAAM,WAAWD,CAA2B,EAExC,CAACK,EAASC,CAAU,EAAIL,EAAM,SAAmC,CAAE,CAAA,EACnEM,EAA0BN,EAAM,YACpC,CAACO,EAAgBC,IAAc,CAC7BL,GAAA,MAAAA,EAA0CI,EAAgBC,CAC1DH,EAAAA,EAAYI,GAAgB,CAC1B,MAAMC,EAAgB,IAAI,IAAID,CAAW,EACzC,OAAAF,EACIG,EAAc,IAAIF,CAAS,EAC3BE,EAAc,OAAOF,CAAS,EACf,MAAM,KAAKE,CAAa,CAE7C,CAAC,CACH,EACA,CAACP,CAAuC,CAC1C,EAEMQ,EAAQX,EAAM,QAClB,KAAO,CAAE,QAAAI,EAAS,wBAAAE,CAAwB,GAC1C,CAACF,EAASE,CAAuB,CACnC,EAEA,OAAON,EAAA,cAACD,EAA4B,SAA5B,CAAqC,MAAOY,EAAQ,GAAGT,CAAAA,CAAO,CACxE"}

package/dist/components/checkbox-group/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxGroup } from './CheckboxGroup';

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { Box } from './box';
 export { Button, StyledButton } from './button';
 export { Carousel, useCarousel } from './carousel';
 export { Checkbox } from './checkbox';
+export { CheckboxGroup } from './checkbox-group';
 export { CheckboxField } from './checkbox-field';
 export { Chip, ChipGroup } from './chip';
 export { ChipDismissibleGroup } from './chip-dismissible-group';

package/dist/components/pagination/PaginationPopover.js

@@ -1,2 +1,2 @@
-import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../side-bar/SideBar.js";import"../side-bar/SideBarContext.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../tree/Tree.js";import"../video/Video.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
+import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-group/CheckboxGroup.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../side-bar/SideBar.js";import"../side-bar/SideBarContext.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../tree/Tree.js";import"../video/Video.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
 //# sourceMappingURL=PaginationPopover.js.map

package/dist/components/pagination/PaginationPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"okHAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}
+{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"+mHAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}

package/dist/components/tree/TreeCollapsibleTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as p}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-collapsible";import e from"react";import{StyledIcon as r,Icon as d}from"../icon/Icon.js";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{styled as a}from"../../stitches.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as C}from"./TreeItemContent.js";const T=a(C,{cursor:"pointer"}),b=a(g,{position:"absolute",left:0,top:0,pointerEvents:"none",[`${r}`]:{transition:"transform 300ms"},[`&[data-state="closed"] > ${r}`]:{transform:"rotate(-90deg)"},[`&[data-state="open"] > ${r}`]:{transform:"rotate(0deg)"}}),h=({children:m,label:s,...t})=>{const{setTriggerRef:c,triggerRef:n}=e.useContext(u);return e.createElement(T,{...t,onClick:o=>{var l,i;(l=t.onClick)==null||l.call(t,o),(i=n==null?void 0:n.current)==null||i.click()}},e.createElement(f,{asChild:!0},e.createElement(b,{size:"sm",ref:c,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(d,{is:p}))),m)};export{h as TreeCollapsibleTrigger};
+import{ChevronDown as p}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-collapsible";import e from"react";import{ActionIcon as d}from"../action-icon/ActionIcon.js";import{StyledIcon as r,Icon as g}from"../icon/Icon.js";import{styled as a}from"../../stitches.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as C}from"./TreeItemContent.js";const T=a(C,{cursor:"pointer"}),b=a(d,{position:"absolute",left:0,top:0,pointerEvents:"none",[`${r}`]:{transition:"transform 300ms"},[`&[data-state="closed"] > ${r}`]:{transform:"rotate(-90deg)"},[`&[data-state="open"] > ${r}`]:{transform:"rotate(0deg)"}}),h=({children:m,label:s,...t})=>{const{setTriggerRef:c,triggerRef:n}=e.useContext(u);return e.createElement(T,{...t,onClick:o=>{var l,i;(l=t.onClick)==null||l.call(t,o),(i=n==null?void 0:n.current)==null||i.click()}},e.createElement(f,{asChild:!0},e.createElement(b,{size:"sm",ref:c,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(g,{is:p}))),m)};export{h as TreeCollapsibleTrigger};
 //# sourceMappingURL=TreeCollapsibleTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { Icon, StyledIcon } from '~/components/icon'\nimport { ActionIcon } from '~/components/action-icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  pointerEvents: 'none',\n  [`${StyledIcon}`]: {\n    transition: 'transform 300ms'\n  },\n  [`&[data-state=\"closed\"] > ${StyledIcon}`]: {\n    transform: 'rotate(-90deg)'\n  },\n  [`&[data-state=\"open\"] > ${StyledIcon}`]: {\n    transform: 'rotate(0deg)'\n  }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","StyledIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+YAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,CAAC,GAAGC,KAAe,CACjB,WAAY,iBACd,EACA,CAAC,4BAA4BA,KAAe,CAC1C,UAAW,gBACb,EACA,CAAC,0BAA0BA,KAAe,CACxC,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACZ,EAAA,CACE,GAAGS,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MACvB,CAAA,CAAA,EAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACT,EAAA,CACC,KAAK,KACL,IAAKO,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,iBAEhCN,EAAAA,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CACF,EACCb,CACH,CAEJ"}
+{"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Icon, StyledIcon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  pointerEvents: 'none',\n  [`${StyledIcon}`]: {\n    transition: 'transform 300ms'\n  },\n  [`&[data-state=\"closed\"] > ${StyledIcon}`]: {\n    transform: 'rotate(-90deg)'\n  },\n  [`&[data-state=\"open\"] > ${StyledIcon}`]: {\n    transform: 'rotate(0deg)'\n  }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","StyledIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+YAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,CAAC,GAAGC,KAAe,CACjB,WAAY,iBACd,EACA,CAAC,4BAA4BA,KAAe,CAC1C,UAAW,gBACb,EACA,CAAC,0BAA0BA,KAAe,CACxC,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACZ,EAAA,CACE,GAAGS,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MACvB,CAAA,CAAA,EAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACT,EAAA,CACC,KAAK,KACL,IAAKO,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,iBAEhCN,EAAAA,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CACF,EACCb,CACH,CAEJ"}

package/dist/components/tree/TreeListItem.js

@@ -1,2 +1,2 @@
-import{styled as o}from"../../stitches.js";import*as e from"react";import{Flex as i}from"../flex/Flex.js";const m=o(i,{"&:not(:first-child)":{mt:"$0"}}),f=e.forwardRef((t,r)=>e.createElement(m,{as:"li",gap:2,align:"center",...t,ref:r,role:"treeitem"}));export{f as TreeListItem};
+import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as i}from"../../stitches.js";const m=i(o,{"&:not(:first-child)":{mt:"$0"}}),f=e.forwardRef((t,r)=>e.createElement(m,{as:"li",gap:2,align:"center",...t,ref:r,role:"treeitem"}));export{f as TreeListItem};
 //# sourceMappingURL=TreeListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import { styled } from '~/stitches'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\n\ntype TreeListItemProps = React.ComponentProps<typeof Flex>\n\nconst StyledTreeListItem = styled(Flex, {\n  '&:not(:first-child)': {\n    mt: '$0'\n  }\n})\n\nexport const TreeListItem = React.forwardRef(\n  (\n    props: TreeListItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <StyledTreeListItem\n        as=\"li\"\n        gap={2}\n        align=\"center\"\n        {...props}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Stitches polymorphic components issue due to `as=\"li\"`\n        ref={ref}\n        role=\"treeitem\"\n      />\n    )\n  }\n)\n"],"names":["StyledTreeListItem","styled","Flex","TreeListItem","React","props","ref"],"mappings":"0GAOA,MAAMA,EAAqBC,EAAOC,EAAM,CACtC,sBAAuB,CACrB,GAAI,IACN,CACF,CAAC,EAEYC,EAAeC,EAAM,WAChC,CACEC,EACAC,IAGEF,EAAA,cAACJ,EAAA,CACC,GAAG,KACH,IAAK,EACL,MAAM,SACL,GAAGK,EAGJ,IAAKC,EACL,KAAK,UAAA,CACP,CAGN"}
+{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/stitches'\n\ntype TreeListItemProps = React.ComponentProps<typeof Flex>\n\nconst StyledTreeListItem = styled(Flex, {\n  '&:not(:first-child)': {\n    mt: '$0'\n  }\n})\n\nexport const TreeListItem = React.forwardRef(\n  (\n    props: TreeListItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <StyledTreeListItem\n        as=\"li\"\n        gap={2}\n        align=\"center\"\n        {...props}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Stitches polymorphic components issue due to `as=\"li\"`\n        ref={ref}\n        role=\"treeitem\"\n      />\n    )\n  }\n)\n"],"names":["StyledTreeListItem","styled","Flex","TreeListItem","React","props","ref"],"mappings":"0GAOA,MAAMA,EAAqBC,EAAOC,EAAM,CACtC,sBAAuB,CACrB,GAAI,IACN,CACF,CAAC,EAEYC,EAAeC,EAAM,WAChC,CACEC,EACAC,IAGEF,EAAA,cAACJ,EAAA,CACC,GAAG,KACH,IAAK,EACL,MAAM,SACL,GAAGK,EAGJ,IAAKC,EACL,KAAK,UAAA,CACP,CAGN"}