@ndla/primitives 1.0.130-alpha.0 → 1.0.132-alpha.0

package/lib/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":["treeViewAnatomy","TreeView","Text","_createTreeCollection","_useTreeView"],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport {\n  TreeView,\n  treeViewAnatomy,\n  type TreeNode,\n  createTreeCollection as _createTreeCollection,\n  useTreeView as _useTreeView,\n} from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"../Text\";\n\nconst treeRecipe = sva({\n  slots: treeViewAnatomy.keys(),\n  base: {\n    root: {\n      width: \"100%\",\n    },\n    branch: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchContent: {\n      position: \"relative\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchControl: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"3xsmall\",\n      borderRadius: \"xsmall\",\n      height: \"xxlarge\",\n      cursor: \"pointer\",\n      paddingInlineStart: \"calc((var(--depth) - 1) * token(spacing.medium))\",\n      paddingInlineEnd: \"xsmall\",\n      paddingBlock: \"xsmall\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n      },\n    },\n    branchIndicator: {\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(90deg)\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      cursor: \"pointer\",\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      justifyContent: \"space-between\",\n      paddingBlock: \"xsmall\",\n      paddingInlineEnd: \"xsmall\",\n      paddingInlineStart:\n        \"calc(((var(--depth) - 1) * token(spacing.medium)) + token(spacing.xxlarge) + token(spacing.3xsmall))\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      height: \"xxlarge\",\n      alignItems: \"center\",\n\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n    },\n    itemText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    branchText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    tree: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(treeRecipe);\n\nexport interface TreeRootProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\n\nconst InternalTreeRoot = withProvider<ElementType<TreeRootProps>>(TreeView.Root, \"root\", { baseComponent: true });\n\nexport const TreeRoot = <T extends TreeNode = TreeNode>(props: TreeRootProps<T>) => <InternalTreeRoot {...props} />;\n\nexport interface TreeRootProviderProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProviderProps<T>, StyledProps {}\n\nconst InternalTreeRootProvider = withProvider<ElementType<TreeRootProviderProps>>(TreeView.RootProvider, \"root\", {\n  baseComponent: true,\n});\n\nexport const TreeRootProvider = <T extends TreeNode = TreeNode>(props: TreeRootProviderProps<T>) => (\n  <InternalTreeRootProvider {...props} />\n);\n\nexport const TreeBranchContent = withContext(TreeView.BranchContent, \"branchContent\", { baseComponent: true });\n\nexport const TreeBranchControl = withContext(TreeView.BranchControl, \"branchControl\", { baseComponent: true });\n\nexport const TreeBranchIndicator = withContext(TreeView.BranchIndicator, \"branchIndicator\", { baseComponent: true });\n\nexport const TreeBranch = withContext(TreeView.Branch, \"branch\", {\n  baseComponent: true,\n});\n\nconst InternalTreeBranchText = withContext(TreeView.BranchText, \"branchText\", { baseComponent: true });\n\ninterface TreeBranchTextProps\n  extends Omit<TreeView.BranchTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeBranchText = forwardRef<HTMLDivElement, TreeBranchTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeBranchText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeBranchText>\n  ),\n);\n\nexport const TreeBranchTrigger = withContext(TreeView.BranchTrigger, \"branchTrigger\", { baseComponent: true });\n\nexport const TreeItemIndicator = withContext(TreeView.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const TreeItem = withContext(TreeView.Item, \"item\", { baseComponent: true });\n\nconst InternalTreeItemText = withContext(TreeView.ItemText, \"itemText\", { baseComponent: true });\n\ninterface TreeItemTextProps\n  extends Omit<TreeView.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeItemText = forwardRef<HTMLDivElement, TreeItemTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeItemText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeItemText>\n  ),\n);\n\nconst InternalTreeLabel = withContext(TreeView.Label, \"label\", { baseComponent: true });\n\ninterface TreeLabelProps\n  extends Omit<TreeView.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeLabel = forwardRef<HTMLDivElement, TreeLabelProps>(\n  ({ children, textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <InternalTreeLabel asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeLabel>\n  ),\n);\n\nexport const Tree = withContext(TreeView.Tree, \"tree\", { baseComponent: true });\n\nexport const createTreeCollection = _createTreeCollection;\n\nexport const TreeNodeProvider = TreeView.NodeProvider;\nexport const TreeNodeContext = TreeView.NodeContext;\nexport const useTreeView = _useTreeView;\n"],"mappings":";;;;;;;;;;;;;;AAgHA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA3FC;CACrB,OAAOA,cAAAA,gBAAgB,KAAK;CAC5B,MAAM;EACJ,MAAM,EACJ,OAAO,OACT;EACA,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,eAAe;GACb,UAAU;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,eAAe;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,QAAQ;GACR,QAAQ;GACR,oBAAoB;GACpB,kBAAkB;GAClB,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ,EACN,YAAY,gBACd;GACA,WAAW,EACT,YAAY,mBACd;EACF;EACA,iBAAiB;GACf,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EACL,WAAW,gBACb;EACF;EACA,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,UAAU;GACV,cAAc;GACd,gBAAgB;GAChB,cAAc;GACd,kBAAkB;GAClB,oBACE;GACF,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ;GACR,YAAY;GAEZ,QAAQ,EACN,YAAY,gBACd;GACA,WAAW;IACT,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;GACF;EACF;EACA,eAAe,EACb,OAAO,cACT;EACA,UAAU;GACR,UAAU;GACV,cAAc;EAChB;EACA,YAAY;GACV,UAAU;GACV,cAAc;EAChB;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;EACP;CACF;AACF,CAEkE,CAAC;AAKnE,MAAM,mBAAmB,aAAyCC,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAEhH,MAAa,YAA2C,UAA4B,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;AAKlH,MAAM,2BAA2B,aAAiDA,cAAAA,SAAS,cAAc,QAAQ,EAC/G,eAAe,KACjB,CAAC;AAED,MAAa,oBAAmD,UAC9D,iBAAA,GAAA,kBAAA,KAAC,0BAAD,EAA0B,GAAI,MAAQ,CAAA;AAGxC,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,KAAK,CAAC;AAE7G,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,KAAK,CAAC;AAE7G,MAAa,sBAAsB,YAAYA,cAAAA,SAAS,iBAAiB,mBAAmB,EAAE,eAAe,KAAK,CAAC;AAEnH,MAAa,aAAa,YAAYA,cAAAA,SAAS,QAAQ,UAAU,EAC/D,eAAe,KACjB,CAAC;AAED,MAAM,yBAAyB,YAAYA,cAAAA,SAAS,YAAY,cAAc,EAAE,eAAe,KAAK,CAAC;AAKrG,MAAa,kBAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,UAAU,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,wBAAD;CAAwB,SAAA;CAAQ,GAAI;CAAY;WAC9C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,SAAc,CAAA;CAChB,CAAA;AACgB,CAAA,CAE5B;AAEA,MAAa,oBAAoB,YAAYD,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,KAAK,CAAC;AAE7G,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,KAAK,CAAC;AAE7G,MAAa,WAAW,YAAYA,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAElF,MAAM,uBAAuB,YAAYA,cAAAA,SAAS,UAAU,YAAY,EAAE,eAAe,KAAK,CAAC;AAK/F,MAAa,gBAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,UAAU,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,sBAAD;CAAsB,SAAA;CAAQ,GAAI;CAAY;WAC5C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,SAAc,CAAA;CAChB,CAAA;AACc,CAAA,CAE1B;AAEA,MAAM,oBAAoB,YAAYD,cAAAA,SAAS,OAAO,SAAS,EAAE,eAAe,KAAK,CAAC;AAKtF,MAAa,aAAA,GAAA,MAAA,aACV,EAAE,UAAU,YAAY,gBAAgB,aAAa,QAAQ,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,SAAA;CAAQ,GAAI;CAAY;WACzC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,SAAc,CAAA;CAChB,CAAA;AACW,CAAA,CAEvB;AAEA,MAAa,OAAO,YAAYD,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAE9E,MAAa,uBAAuBE,cAAAA;AAEpC,MAAa,mBAAmBF,cAAAA,SAAS;AACzC,MAAa,kBAAkBA,cAAAA,SAAS;AACxC,MAAa,cAAcG,cAAAA"}
+{"version":3,"file":"Tree.js","names":["treeViewAnatomy","TreeView","Text","_createTreeCollection","_useTreeView"],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport {\n  TreeView,\n  treeViewAnatomy,\n  type TreeNode,\n  createTreeCollection as _createTreeCollection,\n  useTreeView as _useTreeView,\n} from \"@ark-ui/react/tree-view\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"../Text\";\n\nconst treeRecipe = sva({\n  slots: treeViewAnatomy.keys(),\n  base: {\n    root: {\n      width: \"100%\",\n    },\n    branch: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchContent: {\n      position: \"relative\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchControl: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"3xsmall\",\n      borderRadius: \"xsmall\",\n      height: \"xxlarge\",\n      cursor: \"pointer\",\n      paddingInlineStart: \"calc((var(--depth) - 1) * token(spacing.medium))\",\n      paddingInlineEnd: \"xsmall\",\n      paddingBlock: \"xsmall\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n      },\n    },\n    branchIndicator: {\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(90deg)\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      cursor: \"pointer\",\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      justifyContent: \"space-between\",\n      paddingBlock: \"xsmall\",\n      paddingInlineEnd: \"xsmall\",\n      paddingInlineStart:\n        \"calc(((var(--depth) - 1) * token(spacing.medium)) + token(spacing.xxlarge) + token(spacing.3xsmall))\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      height: \"xxlarge\",\n      alignItems: \"center\",\n\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n    },\n    itemText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    branchText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    tree: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(treeRecipe);\n\nexport interface TreeRootProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\n\nconst InternalTreeRoot = withProvider<ElementType<TreeRootProps>>(TreeView.Root, \"root\", { baseComponent: true });\n\nexport const TreeRoot = <T extends TreeNode = TreeNode>(props: TreeRootProps<T>) => <InternalTreeRoot {...props} />;\n\nexport interface TreeRootProviderProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProviderProps<T>, StyledProps {}\n\nconst InternalTreeRootProvider = withProvider<ElementType<TreeRootProviderProps>>(TreeView.RootProvider, \"root\", {\n  baseComponent: true,\n});\n\nexport const TreeRootProvider = <T extends TreeNode = TreeNode>(props: TreeRootProviderProps<T>) => (\n  <InternalTreeRootProvider {...props} />\n);\n\nexport const TreeBranchContent = withContext(TreeView.BranchContent, \"branchContent\", { baseComponent: true });\n\nexport const TreeBranchControl = withContext(TreeView.BranchControl, \"branchControl\", { baseComponent: true });\n\nexport const TreeBranchIndicator = withContext(TreeView.BranchIndicator, \"branchIndicator\", { baseComponent: true });\n\nexport const TreeBranch = withContext(TreeView.Branch, \"branch\", {\n  baseComponent: true,\n});\n\nconst InternalTreeBranchText = withContext(TreeView.BranchText, \"branchText\", { baseComponent: true });\n\ninterface TreeBranchTextProps\n  extends Omit<TreeView.BranchTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeBranchText = forwardRef<HTMLDivElement, TreeBranchTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeBranchText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeBranchText>\n  ),\n);\n\nexport const TreeBranchTrigger = withContext(TreeView.BranchTrigger, \"branchTrigger\", { baseComponent: true });\n\nexport const TreeItemIndicator = withContext(TreeView.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const TreeItem = withContext(TreeView.Item, \"item\", { baseComponent: true });\n\nconst InternalTreeItemText = withContext(TreeView.ItemText, \"itemText\", { baseComponent: true });\n\ninterface TreeItemTextProps\n  extends Omit<TreeView.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeItemText = forwardRef<HTMLDivElement, TreeItemTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeItemText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeItemText>\n  ),\n);\n\nconst InternalTreeLabel = withContext(TreeView.Label, \"label\", { baseComponent: true });\n\ninterface TreeLabelProps\n  extends Omit<TreeView.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeLabel = forwardRef<HTMLDivElement, TreeLabelProps>(\n  ({ children, textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <InternalTreeLabel asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeLabel>\n  ),\n);\n\nexport const Tree = withContext(TreeView.Tree, \"tree\", { baseComponent: true });\n\nexport const createTreeCollection = _createTreeCollection;\n\nexport const TreeNodeProvider = TreeView.NodeProvider;\nexport const TreeNodeContext = TreeView.NodeContext;\nexport const useTreeView = _useTreeView;\n"],"mappings":"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"}

package/lib/index.d.ts

@@ -30,7 +30,7 @@ export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner,
 export type { ExpandableBoxProps, ExpandableBoxSummaryProps } from "./ExpandableBox";
 export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
 export { ErrorMessageRoot, ErrorMessageContent, ErrorMessageActions, ErrorMessageDescription, ErrorMessageTitle, } from "./ErrorMessage/ErrorMessage";
-export { useFieldContext } from "@ark-ui/react";
+export { useFieldContext } from "@ark-ui/react/field";
 export { FieldRoot, FieldsetRoot } from "./Field";
 export type { FieldErrorMessageProps, FieldsetErrorTextProps } from "./FieldErrorMessage";
 export { FieldErrorMessage, FieldsetErrorText } from "./FieldErrorMessage";
@@ -68,6 +68,7 @@ export type { PopoverRootProps } from "./Popover";
 export { PopoverRoot, PopoverRootProvider, PopoverAnchor, PopoverArrowStandalone, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContentStandalone, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover, } from "./Popover";
 export type { RadioGroupRootProps } from "./RadioGroup";
 export { RadioGroupRoot, RadioGroupIndicator, RadioGroupItemControl, RadioGroupItem, RadioGroupItemText, RadioGroupLabel, RadioGroupItemHiddenInput, } from "./RadioGroup";
+export { RainbowSpinner } from "./RainbowSpinner";
 export type { SelectRootProps } from "./Select";
 export { SelectRoot, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItemGroupLabel, SelectItemGroup, SelectItemIndicator, SelectItem, SelectItemText, SelectLabel, SelectPositioner, SelectContentStandalone, SelectTrigger, SelectValueText, SelectList, SelectHiddenSelect, } from "./Select";
 export type { SkeletonProps } from "./Skeleton";

package/lib/index.js

@@ -33,6 +33,7 @@ const require_NdlaLogo = require("./NdlaLogo.js");
 const require_Pagination = require("./Pagination.js");
 const require_Popover = require("./Popover.js");
 const require_RadioGroup = require("./RadioGroup.js");
+const require_RainbowSpinner = require("./RainbowSpinner.js");
 const require_Select = require("./Select.js");
 const require_Skeleton = require("./Skeleton.js");
 const require_Slider = require("./Slider.js");
@@ -43,7 +44,8 @@ const require_Tabs = require("./Tabs.js");
 const require_Toast = require("./Toast.js");
 const require_Tooltip = require("./Tooltip.js");
 const require_Tree = require("./Tree/Tree.js");
-let _ark_ui_react = require("@ark-ui/react");
+let _ark_ui_react_field = require("@ark-ui/react/field");
+let _ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
 exports.AccordionItem = require_Accordion.AccordionItem;
 exports.AccordionItemContent = require_Accordion.AccordionItemContent;
 exports.AccordionItemIndicator = require_Accordion.AccordionItemIndicator;
@@ -83,7 +85,7 @@ exports.DatePickerContent = require_DatePicker.DatePickerContent;
 Object.defineProperty(exports, "DatePickerContext", {
 	enumerable: true,
 	get: function() {
-		return _ark_ui_react.DatePickerContext;
+		return _ark_ui_react_date_picker.DatePickerContext;
 	}
 });
 exports.DatePickerControl = require_DatePicker.DatePickerControl;
@@ -216,6 +218,7 @@ exports.RadioGroupItemHiddenInput = require_RadioGroup.RadioGroupItemHiddenInput
 exports.RadioGroupItemText = require_RadioGroup.RadioGroupItemText;
 exports.RadioGroupLabel = require_RadioGroup.RadioGroupLabel;
 exports.RadioGroupRoot = require_RadioGroup.RadioGroupRoot;
+exports.RainbowSpinner = require_RainbowSpinner.RainbowSpinner;
 exports.SelectClearTrigger = require_Select.SelectClearTrigger;
 exports.SelectContent = require_Select.SelectContent;
 exports.SelectContentStandalone = require_Select.SelectContentStandalone;
@@ -305,7 +308,7 @@ exports.useDialog = require_Dialog.useDialog;
 Object.defineProperty(exports, "useFieldContext", {
 	enumerable: true,
 	get: function() {
-		return _ark_ui_react.useFieldContext;
+		return _ark_ui_react_field.useFieldContext;
 	}
 });
 exports.usePopover = require_Popover.usePopover;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/primitives",
   "type": "module",
-  "version": "1.0.130-alpha.0",
+  "version": "1.0.132-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "exports": {
@@ -32,12 +32,12 @@
     "lib"
   ],
   "dependencies": {
-    "@ark-ui/react": "^5.34.1",
-    "@ndla/styled-system": "^0.0.49",
+    "@ark-ui/react": "^5.36.2",
+    "@ndla/styled-system": "^0.0.51",
     "@ndla/util": "^5.0.21-alpha.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.76",
+    "@ndla/preset-panda": "^0.0.78",
     "@pandacss/dev": "^1.10.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "609d5d044ece059de95a3142847ad9ab8737f468"
+  "gitHead": "759d1a57b0a7ad06e831472aae9f8fba287d552e"
 }