@ndla/primitives 1.0.124-alpha.0 → 1.0.126-alpha.0

package/lib/ToggleGroup.js

@@ -1,7 +1,5 @@
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
-let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
-
 //#region src/ToggleGroup.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -10,7 +8,7 @@ let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 * LICENSE file in the root directory of this source tree.
 *
 */
-const { withProvider, withContext } = (0, _ndla_styled_system_jsx.createStyleContext)((0, _ndla_styled_system_css.sva)({
+const { withProvider, withContext } = (0, require("@ndla/styled-system/jsx").createStyleContext)((0, _ndla_styled_system_css.sva)({
 	slots: _ark_ui_react.toggleGroupAnatomy.keys(),
 	base: { root: {
 		display: "flex",
@@ -20,8 +18,8 @@ const { withProvider, withContext } = (0, _ndla_styled_system_jsx.createStyleCon
 }));
 const ToggleGroupRoot = withProvider(_ark_ui_react.ToggleGroup.Root, "root", { baseComponent: true });
 const ToggleGroupItem = withContext(_ark_ui_react.ToggleGroup.Item, "item", { baseComponent: true });
-
 //#endregion
 exports.ToggleGroupItem = ToggleGroupItem;
 exports.ToggleGroupRoot = ToggleGroupRoot;
+
 //# sourceMappingURL=ToggleGroup.js.map

package/lib/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":["toggleGroupAnatomy","ToggleGroup"],"sources":["../src/ToggleGroup.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 { toggleGroupAnatomy, ToggleGroup } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst toggleGroupRecipe = sva({\n  slots: toggleGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      gap: \"4xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toggleGroupRecipe);\n\nexport type ToggleGroupVariantProps = NonNullable<RecipeVariantProps<typeof toggleGroupRecipe>>;\nexport interface ToggleGroupRootProps extends ToggleGroup.RootProps, StyledProps, ToggleGroupVariantProps {}\n\nexport const ToggleGroupRoot = withProvider(ToggleGroup.Root, \"root\", { baseComponent: true });\n\nexport interface ToggleGroupItemProps extends ToggleGroup.ItemProps, StyledProps {}\n\nexport const ToggleGroupItem = withContext(ToggleGroup.Item, \"item\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,EAAE,cAAc,iGAXQ;CAC5B,OAAOA,iCAAmB,MAAM;CAChC,MAAM,EACJ,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;EACN,EACF;CACF,CAAC,CAEyE;AAK3E,MAAa,kBAAkB,aAAaC,0BAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAI9F,MAAa,kBAAkB,YAAYA,0BAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"ToggleGroup.js","names":["toggleGroupAnatomy","ToggleGroup"],"sources":["../src/ToggleGroup.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 { toggleGroupAnatomy, ToggleGroup } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst toggleGroupRecipe = sva({\n  slots: toggleGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      gap: \"4xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toggleGroupRecipe);\n\nexport type ToggleGroupVariantProps = NonNullable<RecipeVariantProps<typeof toggleGroupRecipe>>;\nexport interface ToggleGroupRootProps extends ToggleGroup.RootProps, StyledProps, ToggleGroupVariantProps {}\n\nexport const ToggleGroupRoot = withProvider(ToggleGroup.Root, \"root\", { baseComponent: true });\n\nexport interface ToggleGroupItemProps extends ToggleGroup.ItemProps, StyledProps {}\n\nexport const ToggleGroupItem = withContext(ToggleGroup.Item, \"item\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,EAAE,cAAc,iBAAA,sCAAA,qBAAA,GAAA,wBAAA,KAXQ;CAC5B,OAAOA,cAAAA,mBAAmB,MAAM;CAChC,MAAM,EACJ,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;EACN,EACF;CACF,CAAC,CAEyE;AAK3E,MAAa,kBAAkB,aAAaC,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAI9F,MAAa,kBAAkB,YAAYA,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC"}

package/lib/Tooltip.js

@@ -3,7 +3,6 @@ let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/Tooltip.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -43,7 +42,6 @@ const TooltipContent = (0, react.forwardRef)(({ children, ...props }, ref) => /*
 }) }));
 const TooltipPositioner = withContext(_ark_ui_react.Tooltip.Positioner, "positioner", { baseComponent: true });
 const TooltipTrigger = withContext(_ark_ui_react.Tooltip.Trigger, "trigger", { baseComponent: true });
-
 //#endregion
 exports.TooltipArrow = TooltipArrow;
 exports.TooltipArrowTip = TooltipArrowTip;
@@ -52,4 +50,5 @@ exports.TooltipContentStandalone = TooltipContentStandalone;
 exports.TooltipPositioner = TooltipPositioner;
 exports.TooltipRoot = TooltipRoot;
 exports.TooltipTrigger = TooltipTrigger;
+
 //# sourceMappingURL=Tooltip.js.map

package/lib/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["tooltipAnatomy","Tooltip"],"sources":["../src/Tooltip.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 { Tooltip, tooltipAnatomy } 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 } from \"react\";\n\nconst tooltipRecipe = sva({\n  slots: tooltipAnatomy.keys(),\n  base: {\n    content: {\n      background: \"surface.action\",\n      textStyle: \"label.small\",\n      color: \"text.onAction\",\n      paddingInline: \"xxsmall\",\n      paddingBlock: \"4xsmall\",\n      \"--arrow-size\": \"spacing.xxsmall\",\n      \"--arrow-background\": \"colors.surface.action\",\n      _open: {\n        animation: \"fade-shift-in 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(tooltipRecipe);\n\nexport type TooltipRootProps = Tooltip.RootProps;\nexport const TooltipRoot = withRootProvider(Tooltip.Root);\n\nexport const TooltipArrow = withContext(Tooltip.Arrow, \"arrow\", { baseComponent: true });\n\nexport const TooltipArrowTip = withContext(Tooltip.ArrowTip, \"arrowTip\", { baseComponent: true });\n\nexport const TooltipContentStandalone = withContext(Tooltip.Content, \"content\", { baseComponent: true });\n\ninterface TooltipContentProps extends Tooltip.ContentProps, StyledProps {}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(({ children, ...props }, ref) => (\n  <TooltipPositioner>\n    <TooltipContentStandalone {...props} ref={ref}>\n      <TooltipArrow>\n        <TooltipArrowTip />\n      </TooltipArrow>\n      {children}\n    </TooltipContentStandalone>\n  </TooltipPositioner>\n));\n\nexport const TooltipPositioner = withContext(Tooltip.Positioner, \"positioner\", { baseComponent: true });\n\nexport const TooltipTrigger = withContext(Tooltip.Trigger, \"trigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;;;AAyCA,MAAM,EAAE,kBAAkB,iGA3BA;CACxB,OAAOA,6BAAe,MAAM;CAC5B,MAAM,EACJ,SAAS;EACP,YAAY;EACZ,WAAW;EACX,OAAO;EACP,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,OAAO;GACL,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACD,SAAS;GACP,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACF,EACF;CACF,CAAC,CAEyE;AAG3E,MAAa,cAAc,iBAAiBC,sBAAQ,KAAK;AAEzD,MAAa,eAAe,YAAYA,sBAAQ,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAExF,MAAa,kBAAkB,YAAYA,sBAAQ,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAEjG,MAAa,2BAA2B,YAAYA,sBAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,wCAAkE,EAAE,UAAU,GAAG,SAAS,QACrG,2CAAC,+BACC,4CAAC;CAAyB,GAAI;CAAY;YACxC,2CAAC,0BACC,2CAAC,oBAAkB,GACN,EACd;EACwB,GACT,CACpB;AAEF,MAAa,oBAAoB,YAAYA,sBAAQ,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAEvG,MAAa,iBAAiB,YAAYA,sBAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Tooltip.js","names":["tooltipAnatomy","Tooltip"],"sources":["../src/Tooltip.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 { Tooltip, tooltipAnatomy } 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 } from \"react\";\n\nconst tooltipRecipe = sva({\n  slots: tooltipAnatomy.keys(),\n  base: {\n    content: {\n      background: \"surface.action\",\n      textStyle: \"label.small\",\n      color: \"text.onAction\",\n      paddingInline: \"xxsmall\",\n      paddingBlock: \"4xsmall\",\n      \"--arrow-size\": \"spacing.xxsmall\",\n      \"--arrow-background\": \"colors.surface.action\",\n      _open: {\n        animation: \"fade-shift-in 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(tooltipRecipe);\n\nexport type TooltipRootProps = Tooltip.RootProps;\nexport const TooltipRoot = withRootProvider(Tooltip.Root);\n\nexport const TooltipArrow = withContext(Tooltip.Arrow, \"arrow\", { baseComponent: true });\n\nexport const TooltipArrowTip = withContext(Tooltip.ArrowTip, \"arrowTip\", { baseComponent: true });\n\nexport const TooltipContentStandalone = withContext(Tooltip.Content, \"content\", { baseComponent: true });\n\ninterface TooltipContentProps extends Tooltip.ContentProps, StyledProps {}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(({ children, ...props }, ref) => (\n  <TooltipPositioner>\n    <TooltipContentStandalone {...props} ref={ref}>\n      <TooltipArrow>\n        <TooltipArrowTip />\n      </TooltipArrow>\n      {children}\n    </TooltipContentStandalone>\n  </TooltipPositioner>\n));\n\nexport const TooltipPositioner = withContext(Tooltip.Positioner, \"positioner\", { baseComponent: true });\n\nexport const TooltipTrigger = withContext(Tooltip.Trigger, \"trigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;;AAyCA,MAAM,EAAE,kBAAkB,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA3BA;CACxB,OAAOA,cAAAA,eAAe,MAAM;CAC5B,MAAM,EACJ,SAAS;EACP,YAAY;EACZ,WAAW;EACX,OAAO;EACP,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,OAAO;GACL,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACD,SAAS;GACP,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACF,EACF;CACF,CAAC,CAEyE;AAG3E,MAAa,cAAc,iBAAiBC,cAAAA,QAAQ,KAAK;AAEzD,MAAa,eAAe,YAAYA,cAAAA,QAAQ,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAExF,MAAa,kBAAkB,YAAYA,cAAAA,QAAQ,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAEjG,MAAa,2BAA2B,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,kBAAA,GAAA,MAAA,aAAkE,EAAE,UAAU,GAAG,SAAS,QACrG,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,0BAAD;CAA0B,GAAI;CAAY;WAA1C,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA,EACN,CAAA,EACd,SACwB;IACT,CAAA,CACpB;AAEF,MAAa,oBAAoB,YAAYA,cAAAA,QAAQ,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAEvG,MAAa,iBAAiB,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC"}

package/lib/Tree/Tree.js

@@ -1,10 +1,9 @@
-const require_Text = require('../Text.js');
+const require_Text = require("../Text.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/Tree/Tree.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -142,7 +141,6 @@ const createTreeCollection = _ark_ui_react.createTreeCollection;
 const TreeNodeProvider = _ark_ui_react.TreeView.NodeProvider;
 const TreeNodeContext = _ark_ui_react.TreeView.NodeContext;
 const useTreeView = _ark_ui_react.useTreeView;
-
 //#endregion
 exports.Tree = Tree;
 exports.TreeBranch = TreeBranch;
@@ -161,4 +159,5 @@ exports.TreeRoot = TreeRoot;
 exports.TreeRootProvider = TreeRootProvider;
 exports.createTreeCollection = createTreeCollection;
 exports.useTreeView = useTreeView;
+
 //# sourceMappingURL=Tree.js.map

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":"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"}
+{"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":"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"}

package/lib/index.js

@@ -1,50 +1,49 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_Accordion = require('./Accordion.js');
-const require_ArticleLists = require('./ArticleLists.js');
-const require_Badge = require('./Badge.js');
-const require_BlockQuote = require('./BlockQuote.js');
-const require_Spinner = require('./Spinner.js');
-const require_Button = require('./Button.js');
-const require_Image = require('./Image.js');
-const require_Text = require('./Text.js');
-const require_Card = require('./Card/Card.js');
-const require_ToggleGroup = require('./ToggleGroup.js');
-const require_Checkbox = require('./Checkbox.js');
-const require_Label = require('./Label.js');
-const require_Combobox = require('./Combobox.js');
-const require_DatePicker = require('./DatePicker.js');
-const require_Dialog = require('./Dialog.js');
-const require_ExpandableBox = require('./ExpandableBox.js');
-const require_ErrorMessage = require('./ErrorMessage/ErrorMessage.js');
-const require_Field = require('./Field.js');
-const require_FieldErrorMessage = require('./FieldErrorMessage.js');
-const require_FieldHelper = require('./FieldHelper.js');
-const require_Figure = require('./Figure.js');
-const require_FileUpload = require('./FileUpload.js');
-const require_FramedContent = require('./FramedContent.js');
-const require_Hero = require('./Hero.js');
-const require_Input = require('./Input.js');
-const require_ListItem = require('./ListItem/ListItem.js');
-const require_PageContent = require('./Layout/PageContent.js');
-const require_PageContainer = require('./Layout/PageContainer.js');
-const require_Menu = require('./Menu.js');
-const require_MessageBox = require('./MessageBox.js');
-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_Select = require('./Select.js');
-const require_Skeleton = require('./Skeleton.js');
-const require_Slider = require('./Slider.js');
-const require_Switch = require('./Switch.js');
-const require_Table = require('./Table.js');
-const require_TagsInput = require('./TagsInput.js');
-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');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Accordion = require("./Accordion.js");
+const require_ArticleLists = require("./ArticleLists.js");
+const require_Badge = require("./Badge.js");
+const require_BlockQuote = require("./BlockQuote.js");
+const require_Spinner = require("./Spinner.js");
+const require_Button = require("./Button.js");
+const require_Image = require("./Image.js");
+const require_Text = require("./Text.js");
+const require_Card = require("./Card/Card.js");
+const require_ToggleGroup = require("./ToggleGroup.js");
+const require_Checkbox = require("./Checkbox.js");
+const require_Label = require("./Label.js");
+const require_Combobox = require("./Combobox.js");
+const require_DatePicker = require("./DatePicker.js");
+const require_Dialog = require("./Dialog.js");
+const require_ExpandableBox = require("./ExpandableBox.js");
+const require_ErrorMessage = require("./ErrorMessage/ErrorMessage.js");
+const require_Field = require("./Field.js");
+const require_FieldErrorMessage = require("./FieldErrorMessage.js");
+const require_FieldHelper = require("./FieldHelper.js");
+const require_Figure = require("./Figure.js");
+const require_FileUpload = require("./FileUpload.js");
+const require_FramedContent = require("./FramedContent.js");
+const require_Hero = require("./Hero.js");
+const require_Input = require("./Input.js");
+const require_ListItem = require("./ListItem/ListItem.js");
+const require_PageContent = require("./Layout/PageContent.js");
+const require_PageContainer = require("./Layout/PageContainer.js");
+const require_Menu = require("./Menu.js");
+const require_MessageBox = require("./MessageBox.js");
+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_Select = require("./Select.js");
+const require_Skeleton = require("./Skeleton.js");
+const require_Slider = require("./Slider.js");
+const require_Switch = require("./Switch.js");
+const require_Table = require("./Table.js");
+const require_TagsInput = require("./TagsInput.js");
+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");
-
 exports.AccordionItem = require_Accordion.AccordionItem;
 exports.AccordionItemContent = require_Accordion.AccordionItemContent;
 exports.AccordionItemIndicator = require_Accordion.AccordionItemIndicator;
@@ -81,11 +80,11 @@ exports.ComboboxRoot = require_Combobox.ComboboxRoot;
 exports.ComboboxTrigger = require_Combobox.ComboboxTrigger;
 exports.DatePickerClearTrigger = require_DatePicker.DatePickerClearTrigger;
 exports.DatePickerContent = require_DatePicker.DatePickerContent;
-Object.defineProperty(exports, 'DatePickerContext', {
-  enumerable: true,
-  get: function () {
-    return _ark_ui_react.DatePickerContext;
-  }
+Object.defineProperty(exports, "DatePickerContext", {
+	enumerable: true,
+	get: function() {
+		return _ark_ui_react.DatePickerContext;
+	}
 });
 exports.DatePickerControl = require_DatePicker.DatePickerControl;
 exports.DatePickerInput = require_DatePicker.DatePickerInput;
@@ -303,11 +302,11 @@ exports.getSrcSet = require_Image.getSrcSet;
 exports.iconButtonRecipe = require_Button.iconButtonRecipe;
 exports.makeSrcQueryString = require_Image.makeSrcQueryString;
 exports.useDialog = require_Dialog.useDialog;
-Object.defineProperty(exports, 'useFieldContext', {
-  enumerable: true,
-  get: function () {
-    return _ark_ui_react.useFieldContext;
-  }
+Object.defineProperty(exports, "useFieldContext", {
+	enumerable: true,
+	get: function() {
+		return _ark_ui_react.useFieldContext;
+	}
 });
 exports.usePopover = require_Popover.usePopover;
-exports.useTreeView = require_Tree.useTreeView;
+exports.useTreeView = require_Tree.useTreeView;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/primitives",
   "type": "module",
-  "version": "1.0.124-alpha.0",
+  "version": "1.0.126-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "exports": {
@@ -33,11 +33,11 @@
   ],
   "dependencies": {
     "@ark-ui/react": "^5.34.1",
-    "@ndla/styled-system": "^0.0.47",
-    "@ndla/util": "^5.0.18-alpha.0"
+    "@ndla/styled-system": "^0.0.48",
+    "@ndla/util": "^5.0.19-alpha.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.74",
+    "@ndla/preset-panda": "^0.0.75",
     "@pandacss/dev": "^1.7.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bbf5ac47d4046c3da40fe11aa3d653f5d6812b9f"
+  "gitHead": "74f4af9223bd5cbd27679b44b3cab1fcf4d26c76"
 }