@ndla/primitives 1.0.71-alpha.0 → 1.0.73-alpha.0

package/dist/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "0.48.0",
+  "schemaVersion": "0.52.0",
   "styles": {
     "atomic": [
       "display]___[value:flex",

package/es/Tree/Tree.js

@@ -7,7 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { TreeView, treeViewAnatomy } from "@ark-ui/react";
+import { TreeView, treeViewAnatomy, createTreeCollection as _createTreeCollection, useTreeView as _useTreeView } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "../createStyleContext";
 import { Text } from "../Text";
@@ -104,10 +104,16 @@ const {
   withProvider,
   withContext
 } = createStyleContext(treeRecipe);
-export const TreeRoot = withProvider(TreeView.Root, "root", {
+const InternalTreeRoot = withProvider(TreeView.Root, "root", {
   baseComponent: true
 });
-export const TreeRootProvider = withProvider(TreeView.RootProvider, "root");
+export const TreeRoot = props => /*#__PURE__*/_jsx(InternalTreeRoot, {
+  ...props
+});
+const InternalTreeRootProvider = withProvider(TreeView.RootProvider, "root");
+export const TreeRootProvider = props => /*#__PURE__*/_jsx(InternalTreeRootProvider, {
+  ...props
+});
 export const TreeBranchContent = withContext(TreeView.BranchContent, "branchContent", {
   baseComponent: true
 });
@@ -206,4 +212,8 @@ export const TreeLabel = /*#__PURE__*/forwardRef((_ref3, ref) => {
 });
 export const Tree = withContext(TreeView.Tree, "tree", {
   baseComponent: true
-});
+});
+export const createTreeCollection = _createTreeCollection;
+export const TreeNodeProvider = TreeView.NodeProvider;
+export const TreeNodeContext = TreeView.NodeContext;
+export const useTreeView = _useTreeView;

package/es/index.js

@@ -50,4 +50,4 @@ export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./T
 export { Text, Heading } from "./Text";
 export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
 export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger } from "./Tooltip";
-export { TreeRoot, TreeBranchContent, TreeBranchControl, TreeBranchIndicator, TreeBranch, TreeBranchText, TreeBranchTrigger, TreeItemIndicator, TreeItem, TreeItemText, TreeLabel, Tree, TreeRootProvider } from "./Tree/Tree";
+export { TreeRoot, TreeBranchContent, TreeBranchControl, TreeBranchIndicator, TreeBranch, TreeBranchText, TreeBranchTrigger, TreeItemIndicator, TreeItem, TreeItemText, TreeLabel, Tree, TreeRootProvider, TreeNodeProvider, TreeNodeContext, createTreeCollection, useTreeView } from "./Tree/Tree";

package/lib/Checkbox.d.ts

@@ -8,7 +8,7 @@
 import { Checkbox } from "@ark-ui/react";
 import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 import { type TextProps } from "./Text";
-declare const checkboxRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"label" | "group" | "root" | "indicator" | "control", {
+declare const checkboxRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"label" | "group" | "root" | "control" | "indicator", {
     variant: {
         checkbox: {
             root: {

package/lib/Tree/Tree.d.ts

@@ -5,16 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { TreeView } from "@ark-ui/react";
+import { TreeView, type TreeNode } from "@ark-ui/react";
 import type { JsxStyleProps } from "@ndla/styled-system/types";
 import { type TextProps } from "../Text";
-export type TreeRootProps = TreeView.RootProps & JsxStyleProps;
-export declare const TreeRoot: import("react").ForwardRefExoticComponent<TreeView.RootProps & {
-    consumeCss?: boolean;
-} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TreeRootProvider: import("react").ForwardRefExoticComponent<TreeView.RootProviderProps & {
-    consumeCss?: boolean;
-} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TreeRootProps<T extends TreeNode = TreeNode> = TreeView.RootProps<T> & JsxStyleProps;
+export declare const TreeRoot: <T extends unknown = any>(props: TreeRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type TreeRootProviderProps<T extends TreeNode = TreeNode> = TreeView.RootProviderProps<T> & JsxStyleProps;
+export declare const TreeRootProvider: <T extends unknown = any>(props: TreeRootProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const TreeBranchContent: import("react").ForwardRefExoticComponent<TreeView.BranchContentProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
@@ -48,3 +45,7 @@ export declare const TreeLabel: import("react").ForwardRefExoticComponent<TreeVi
 export declare const Tree: import("react").ForwardRefExoticComponent<TreeView.TreeProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export declare const createTreeCollection: <T extends unknown>(options: import("@zag-js/collection").TreeCollectionOptions<T>) => import("@zag-js/collection").TreeCollection<T>;
+export declare const TreeNodeProvider: typeof TreeView.NodeProvider;
+export declare const TreeNodeContext: (props: TreeView.NodeContextProps) => import("react").ReactNode;
+export declare const useTreeView: <T extends unknown>(props: import("@ark-ui/react").UseTreeViewProps<T>) => import("@ark-ui/react").UseTreeViewReturn<T>;

package/lib/Tree/Tree.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeRootProvider = exports.TreeRoot = exports.TreeLabel = exports.TreeItemText = exports.TreeItemIndicator = exports.TreeItem = exports.TreeBranchTrigger = exports.TreeBranchText = exports.TreeBranchIndicator = exports.TreeBranchControl = exports.TreeBranchContent = exports.TreeBranch = exports.Tree = void 0;
+exports.useTreeView = exports.createTreeCollection = exports.TreeRootProvider = exports.TreeRoot = exports.TreeNodeProvider = exports.TreeNodeContext = exports.TreeLabel = exports.TreeItemText = exports.TreeItemIndicator = exports.TreeItem = exports.TreeBranchTrigger = exports.TreeBranchText = exports.TreeBranchIndicator = exports.TreeBranchControl = exports.TreeBranchContent = exports.TreeBranch = exports.Tree = void 0;
 var _react = require("react");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
@@ -110,10 +110,18 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(treeRecipe);
-const TreeRoot = exports.TreeRoot = withProvider(_react2.TreeView.Root, "root", {
+const InternalTreeRoot = withProvider(_react2.TreeView.Root, "root", {
   baseComponent: true
 });
-const TreeRootProvider = exports.TreeRootProvider = withProvider(_react2.TreeView.RootProvider, "root");
+const TreeRoot = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalTreeRoot, {
+  ...props
+});
+exports.TreeRoot = TreeRoot;
+const InternalTreeRootProvider = withProvider(_react2.TreeView.RootProvider, "root");
+const TreeRootProvider = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalTreeRootProvider, {
+  ...props
+});
+exports.TreeRootProvider = TreeRootProvider;
 const TreeBranchContent = exports.TreeBranchContent = withContext(_react2.TreeView.BranchContent, "branchContent", {
   baseComponent: true
 });
@@ -212,4 +220,8 @@ const TreeLabel = exports.TreeLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref3
 });
 const Tree = exports.Tree = withContext(_react2.TreeView.Tree, "tree", {
   baseComponent: true
-});
+});
+const createTreeCollection = exports.createTreeCollection = _react2.createTreeCollection;
+const TreeNodeProvider = exports.TreeNodeProvider = _react2.TreeView.NodeProvider;
+const TreeNodeContext = exports.TreeNodeContext = _react2.TreeView.NodeContext;
+const useTreeView = exports.useTreeView = _react2.useTreeView;

package/lib/index.d.ts

@@ -89,5 +89,5 @@ export type { ToastRootProps } from "./Toast";
 export { ToastRoot, ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastTitle } from "./Toast";
 export type { TooltipRootProps } from "./Tooltip";
 export { TooltipRoot, TooltipArrow, TooltipArrowTip, TooltipContentStandalone, TooltipContent, TooltipPositioner, TooltipTrigger, } from "./Tooltip";
-export type { TreeRootProps } from "./Tree/Tree";
-export { TreeRoot, TreeBranchContent, TreeBranchControl, TreeBranchIndicator, TreeBranch, TreeBranchText, TreeBranchTrigger, TreeItemIndicator, TreeItem, TreeItemText, TreeLabel, Tree, TreeRootProvider, } from "./Tree/Tree";
+export type { TreeRootProps, TreeRootProviderProps } from "./Tree/Tree";
+export { TreeRoot, TreeBranchContent, TreeBranchControl, TreeBranchIndicator, TreeBranch, TreeBranchText, TreeBranchTrigger, TreeItemIndicator, TreeItem, TreeItemText, TreeLabel, Tree, TreeRootProvider, TreeNodeProvider, TreeNodeContext, createTreeCollection, useTreeView, } from "./Tree/Tree";

package/lib/index.js

@@ -1281,6 +1281,18 @@ Object.defineProperty(exports, "TreeLabel", {
     return _Tree.TreeLabel;
   }
 });
+Object.defineProperty(exports, "TreeNodeContext", {
+  enumerable: true,
+  get: function () {
+    return _Tree.TreeNodeContext;
+  }
+});
+Object.defineProperty(exports, "TreeNodeProvider", {
+  enumerable: true,
+  get: function () {
+    return _Tree.TreeNodeProvider;
+  }
+});
 Object.defineProperty(exports, "TreeRoot", {
   enumerable: true,
   get: function () {
@@ -1317,6 +1329,12 @@ Object.defineProperty(exports, "createStyleContext", {
     return _createStyleContext.createStyleContext;
   }
 });
+Object.defineProperty(exports, "createTreeCollection", {
+  enumerable: true,
+  get: function () {
+    return _Tree.createTreeCollection;
+  }
+});
 Object.defineProperty(exports, "getSrcSet", {
   enumerable: true,
   get: function () {
@@ -1347,6 +1365,12 @@ Object.defineProperty(exports, "usePopover", {
     return _Popover.usePopover;
   }
 });
+Object.defineProperty(exports, "useTreeView", {
+  enumerable: true,
+  get: function () {
+    return _Tree.useTreeView;
+  }
+});
 var _Accordion = require("./Accordion");
 var _ArticleLists = require("./ArticleLists");
 var _Badge = require("./Badge");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.71-alpha.0",
+  "version": "1.0.73-alpha.0",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -28,13 +28,13 @@
     "lib"
   ],
   "dependencies": {
-    "@ark-ui/react": "^4.1.2",
-    "@ndla/styled-system": "^0.0.30",
+    "@ark-ui/react": "^4.9.1",
+    "@ndla/styled-system": "^0.0.31",
     "@ndla/util": "^5.0.5-alpha.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.49",
-    "@pandacss/dev": "^0.48.0"
+    "@ndla/preset-panda": "^0.0.50",
+    "@pandacss/dev": "^0.52.0"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee44caa84045f796a9d85a0fd51d1df7bd740dd2"
+  "gitHead": "308739198902185ecd934c03ba51c43bb527500e"
 }