@ndla/primitives 0.0.16 → 0.0.18

package/lib/Select.js

@@ -138,7 +138,9 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(selectRecipe);
-const InternalSelectRoot = withProvider(_react2.Select.Root, "root");
+const InternalSelectRoot = withProvider(_react2.Select.Root, "root", {
+  baseComponent: true
+});
 const SelectRoot = _ref => {
   let {
     lazyMount = true,
@@ -156,10 +158,18 @@ const SelectRoot = _ref => {
   );
 };
 exports.SelectRoot = SelectRoot;
-const SelectClearTrigger = exports.SelectClearTrigger = withContext(_react2.Select.ClearTrigger, "clearTrigger");
-const SelectContent = exports.SelectContent = withContext(_react2.Select.Content, "content");
-const SelectControl = exports.SelectControl = withContext(_react2.Select.Control, "control");
-const SelectIndicator = exports.SelectIndicator = withContext(_react2.Select.Indicator, "indicator");
+const SelectClearTrigger = exports.SelectClearTrigger = withContext(_react2.Select.ClearTrigger, "clearTrigger", {
+  baseComponent: true
+});
+const SelectContent = exports.SelectContent = withContext(_react2.Select.Content, "content", {
+  baseComponent: true
+});
+const SelectControl = exports.SelectControl = withContext(_react2.Select.Control, "control", {
+  baseComponent: true
+});
+const SelectIndicator = exports.SelectIndicator = withContext(_react2.Select.Indicator, "indicator", {
+  baseComponent: true
+});
 const SelectItemGroupLabel = exports.SelectItemGroupLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     children,
@@ -179,10 +189,18 @@ const SelectItemGroupLabel = exports.SelectItemGroupLabel = /*#__PURE__*/(0, _re
   });
 });
 const InternalSelectItemGroupLabel = withContext(_react2.Select.ItemGroupLabel, "itemGroupLabel");
-const SelectItemGroup = exports.SelectItemGroup = withContext(_react2.Select.ItemGroup, "itemGroup");
-const SelectItemIndicator = exports.SelectItemIndicator = withContext(_react2.Select.ItemIndicator, "itemIndicator");
-const SelectItem = exports.SelectItem = withContext(_react2.Select.Item, "item");
-const SelectItemText = exports.SelectItemText = withContext(_react2.Select.ItemText, "itemText");
+const SelectItemGroup = exports.SelectItemGroup = withContext(_react2.Select.ItemGroup, "itemGroup", {
+  baseComponent: true
+});
+const SelectItemIndicator = exports.SelectItemIndicator = withContext(_react2.Select.ItemIndicator, "itemIndicator", {
+  baseComponent: true
+});
+const SelectItem = exports.SelectItem = withContext(_react2.Select.Item, "item", {
+  baseComponent: true
+});
+const SelectItemText = exports.SelectItemText = withContext(_react2.Select.ItemText, "itemText", {
+  baseComponent: true
+});
 const InternalSelectLabel = withContext(_react2.Select.Label, "label");
 const SelectLabel = exports.SelectLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
@@ -198,6 +216,12 @@ const SelectLabel = exports.SelectLabel = /*#__PURE__*/(0, _react.forwardRef)((_
     })
   });
 });
-const SelectPositioner = exports.SelectPositioner = withContext(_react2.Select.Positioner, "positioner");
-const SelectTrigger = exports.SelectTrigger = withContext(_react2.Select.Trigger, "trigger");
-const SelectValueText = exports.SelectValueText = withContext(_react2.Select.ValueText, "valueText");
+const SelectPositioner = exports.SelectPositioner = withContext(_react2.Select.Positioner, "positioner", {
+  baseComponent: true
+});
+const SelectTrigger = exports.SelectTrigger = withContext(_react2.Select.Trigger, "trigger", {
+  baseComponent: true
+});
+const SelectValueText = exports.SelectValueText = withContext(_react2.Select.ValueText, "valueText", {
+  baseComponent: true
+});

package/lib/Slider.js

@@ -85,11 +85,21 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(sliderRecipe);
-const SliderRoot = exports.SliderRoot = withProvider(_react.Slider.Root, "root");
-const SliderControl = exports.SliderControl = withContext(_react.Slider.Control, "control");
-const SliderTrack = exports.SliderTrack = withContext(_react.Slider.Track, "track");
-const SliderRange = exports.SliderRange = withContext(_react.Slider.Range, "range");
-const SliderThumb = exports.SliderThumb = withContext(_react.Slider.Thumb, "thumb");
+const SliderRoot = exports.SliderRoot = withProvider(_react.Slider.Root, "root", {
+  baseComponent: true
+});
+const SliderControl = exports.SliderControl = withContext(_react.Slider.Control, "control", {
+  baseComponent: true
+});
+const SliderTrack = exports.SliderTrack = withContext(_react.Slider.Track, "track", {
+  baseComponent: true
+});
+const SliderRange = exports.SliderRange = withContext(_react.Slider.Range, "range", {
+  baseComponent: true
+});
+const SliderThumb = exports.SliderThumb = withContext(_react.Slider.Thumb, "thumb", {
+  baseComponent: true
+});
 const InternalSliderLabel = withContext(_react.Slider.Label, "label");
 const SliderLabel = _ref => {
   let {

package/lib/Switch.js

@@ -103,9 +103,15 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(switchRecipe);
-const SwitchRoot = exports.SwitchRoot = withProvider(_react.Switch.Root, "root");
-const SwitchControl = exports.SwitchControl = withContext(_react.Switch.Control, "control");
-const SwitchThumb = exports.SwitchThumb = withContext(_react.Switch.Thumb, "thumb");
+const SwitchRoot = exports.SwitchRoot = withProvider(_react.Switch.Root, "root", {
+  baseComponent: true
+});
+const SwitchControl = exports.SwitchControl = withContext(_react.Switch.Control, "control", {
+  baseComponent: true
+});
+const SwitchThumb = exports.SwitchThumb = withContext(_react.Switch.Thumb, "thumb", {
+  baseComponent: true
+});
 const InternalSwitchLabel = withContext(_react.Switch.Label, "label");
 const SwitchLabel = _ref => {
   let {

package/lib/Tabs.d.ts

@@ -130,7 +130,10 @@ declare const tabsRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
     };
 }>;
 export type TabsVariantProps = RecipeVariantProps<typeof tabsRecipe>;
-export type TabsRootProps = Tabs.RootProps & TabsVariantProps & JsxStyleProps;
+interface RootProps extends Tabs.RootProps {
+    translations: Tabs.RootProps["translations"];
+}
+export type TabsRootProps = RootProps & TabsVariantProps & JsxStyleProps;
 export declare const TabsRoot: ({ lazyMount, unmountOnExit, ...props }: TabsRootProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TabsContent: import("react").ForwardRefExoticComponent<Tabs.ContentProps & {
     consumeCss?: boolean | undefined;

package/lib/Tabs.js

@@ -207,7 +207,9 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(tabsRecipe);
-const InternalTabsRoot = withProvider(_react.Tabs.Root, "root");
+const InternalTabsRoot = withProvider(_react.Tabs.Root, "root", {
+  baseComponent: true
+});
 const TabsRoot = _ref => {
   let {
     lazyMount = true,
@@ -221,10 +223,18 @@ const TabsRoot = _ref => {
   });
 };
 exports.TabsRoot = TabsRoot;
-const TabsContent = exports.TabsContent = withContext(_react.Tabs.Content, "content");
-const TabsIndicator = exports.TabsIndicator = withContext(_react.Tabs.Indicator, "indicator");
-const TabsList = exports.TabsList = withContext(_react.Tabs.List, "list");
-const InternalTabsTrigger = withContext(_react.Tabs.Trigger, "trigger");
+const TabsContent = exports.TabsContent = withContext(_react.Tabs.Content, "content", {
+  baseComponent: true
+});
+const TabsIndicator = exports.TabsIndicator = withContext(_react.Tabs.Indicator, "indicator", {
+  baseComponent: true
+});
+const TabsList = exports.TabsList = withContext(_react.Tabs.List, "list", {
+  baseComponent: true
+});
+const InternalTabsTrigger = withContext(_react.Tabs.Trigger, "trigger", {
+  baseComponent: true
+});
 const TabsTrigger = _ref2 => {
   let {
     className,

package/lib/TagsInput.d.ts

@@ -8,34 +8,47 @@
 import { TagsInput } from "@ark-ui/react";
 import { JsxStyleProps } from "@ndla/styled-system/types";
 import { TextProps } from "./Text";
-export type TagsInputRootProps = TagsInput.RootProps & JsxStyleProps;
-export declare const TagsInputRoot: import("react").ForwardRefExoticComponent<TagsInput.RootProps & {
+interface RootProps extends TagsInput.RootProps {
+    translations: TagsInput.RootProps["translations"];
+}
+export type TagsInputRootProps = RootProps & JsxStyleProps;
+export declare const TagsInputRoot: import("react").ForwardRefExoticComponent<RootProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputClearTriggerProps = TagsInput.ClearTriggerProps & JsxStyleProps;
 export declare const TagsInputClearTrigger: import("react").ForwardRefExoticComponent<TagsInput.ClearTriggerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export type TagsInputControlProps = TagsInput.ControlProps & JsxStyleProps;
 export declare const TagsInputControl: import("react").ForwardRefExoticComponent<TagsInput.ControlProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputInputProps = TagsInput.InputProps & JsxStyleProps;
 export declare const TagsInputInput: import("react").ForwardRefExoticComponent<TagsInput.InputProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
+export type TagsInputItemDeleteTriggerProps = TagsInput.ItemDeleteTriggerProps & JsxStyleProps;
 export declare const TagsInputItemDeleteTrigger: import("react").ForwardRefExoticComponent<TagsInput.ItemDeleteTriggerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export type TagsInputItemInputProps = TagsInput.ItemInputProps & JsxStyleProps;
 export declare const TagsInputItemInput: import("react").ForwardRefExoticComponent<TagsInput.ItemInputProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
+export type TagsInputItemPreviewProps = TagsInput.ItemPreviewProps & JsxStyleProps;
 export declare const TagsInputItemPreview: import("react").ForwardRefExoticComponent<TagsInput.ItemPreviewProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputItemProps = TagsInput.ItemProps & JsxStyleProps;
 export declare const TagsInputItem: import("react").ForwardRefExoticComponent<TagsInput.ItemProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export type TagsInputItemTextProps = TagsInput.ItemTextProps & JsxStyleProps;
 export declare const TagsInputItemText: import("react").ForwardRefExoticComponent<TagsInput.ItemTextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;
+export type TagsInputLabelProps = TagsInput.LabelProps & JsxStyleProps & TextProps;
 export declare const TagsInputLabel: import("react").ForwardRefExoticComponent<TagsInput.LabelProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & TextProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};

package/lib/TagsInput.js

@@ -100,15 +100,33 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(tagsInputRecipe);
-const TagsInputRoot = exports.TagsInputRoot = withProvider(_react2.TagsInput.Root, "root");
-const TagsInputClearTrigger = exports.TagsInputClearTrigger = withContext(_react2.TagsInput.ClearTrigger, "clearTrigger");
-const TagsInputControl = exports.TagsInputControl = withContext(_react2.TagsInput.Control, "control");
-const TagsInputInput = exports.TagsInputInput = withContext(_react2.TagsInput.Input, "input");
-const TagsInputItemDeleteTrigger = exports.TagsInputItemDeleteTrigger = withContext(_react2.TagsInput.ItemDeleteTrigger, "itemDeleteTrigger");
-const TagsInputItemInput = exports.TagsInputItemInput = withContext(_react2.TagsInput.ItemInput, "itemInput");
-const TagsInputItemPreview = exports.TagsInputItemPreview = withContext(_react2.TagsInput.ItemPreview, "itemPreview");
-const TagsInputItem = exports.TagsInputItem = withContext(_react2.TagsInput.Item, "item");
-const TagsInputItemText = exports.TagsInputItemText = withContext(_react2.TagsInput.ItemText, "itemText");
+const TagsInputRoot = exports.TagsInputRoot = withProvider(_react2.TagsInput.Root, "root", {
+  baseComponent: true
+});
+const TagsInputClearTrigger = exports.TagsInputClearTrigger = withContext(_react2.TagsInput.ClearTrigger, "clearTrigger", {
+  baseComponent: true
+});
+const TagsInputControl = exports.TagsInputControl = withContext(_react2.TagsInput.Control, "control", {
+  baseComponent: true
+});
+const TagsInputInput = exports.TagsInputInput = withContext(_react2.TagsInput.Input, "input", {
+  baseComponent: true
+});
+const TagsInputItemDeleteTrigger = exports.TagsInputItemDeleteTrigger = withContext(_react2.TagsInput.ItemDeleteTrigger, "itemDeleteTrigger", {
+  baseComponent: true
+});
+const TagsInputItemInput = exports.TagsInputItemInput = withContext(_react2.TagsInput.ItemInput, "itemInput", {
+  baseComponent: true
+});
+const TagsInputItemPreview = exports.TagsInputItemPreview = withContext(_react2.TagsInput.ItemPreview, "itemPreview", {
+  baseComponent: true
+});
+const TagsInputItem = exports.TagsInputItem = withContext(_react2.TagsInput.Item, "item", {
+  baseComponent: true
+});
+const TagsInputItemText = exports.TagsInputItemText = withContext(_react2.TagsInput.ItemText, "itemText", {
+  baseComponent: true
+});
 const InternalTagsInputLabel = withContext(_react2.TagsInput.Label, "label");
 const TagsInputLabel = exports.TagsInputLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/lib/Toast.js

@@ -50,9 +50,15 @@ const {
   withProvider,
   withContext
 } = (0, _createStyleContext.createStyleContext)(toastRecipe);
-const ToastRoot = exports.ToastRoot = withProvider(_react.Toast.Root, "root");
-const ToastActionTrigger = exports.ToastActionTrigger = withContext(_react.Toast.ActionTrigger, "actionTrigger");
-const ToastCloseTrigger = exports.ToastCloseTrigger = withContext(_react.Toast.CloseTrigger, "closeTrigger");
+const ToastRoot = exports.ToastRoot = withProvider(_react.Toast.Root, "root", {
+  baseComponent: true
+});
+const ToastActionTrigger = exports.ToastActionTrigger = withContext(_react.Toast.ActionTrigger, "actionTrigger", {
+  baseComponent: true
+});
+const ToastCloseTrigger = exports.ToastCloseTrigger = withContext(_react.Toast.CloseTrigger, "closeTrigger", {
+  baseComponent: true
+});
 const InternalToastDescription = withContext(_react.Toast.Description, "description");
 const ToastDescription = _ref => {
   let {

package/lib/Tooltip.js

@@ -42,9 +42,15 @@ const {
   withContext
 } = (0, _createStyleContext.createStyleContext)(tooltipRecipe);
 const TooltipRoot = exports.TooltipRoot = withRootProvider(_react2.Tooltip.Root);
-const TooltipArrow = exports.TooltipArrow = withContext(_react2.Tooltip.Arrow, "arrow");
-const TooltipArrowTip = exports.TooltipArrowTip = withContext(_react2.Tooltip.ArrowTip, "arrowTip");
-const TooltipContentStandalone = exports.TooltipContentStandalone = withContext(_react2.Tooltip.Content, "content");
+const TooltipArrow = exports.TooltipArrow = withContext(_react2.Tooltip.Arrow, "arrow", {
+  baseComponent: true
+});
+const TooltipArrowTip = exports.TooltipArrowTip = withContext(_react2.Tooltip.ArrowTip, "arrowTip", {
+  baseComponent: true
+});
+const TooltipContentStandalone = exports.TooltipContentStandalone = withContext(_react2.Tooltip.Content, "content", {
+  baseComponent: true
+});
 const TooltipContent = exports.TooltipContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -60,5 +66,9 @@ const TooltipContent = exports.TooltipContent = /*#__PURE__*/(0, _react.forwardR
     })
   });
 });
-const TooltipPositioner = exports.TooltipPositioner = withContext(_react2.Tooltip.Positioner, "positioner");
-const TooltipTrigger = exports.TooltipTrigger = withContext(_react2.Tooltip.Trigger, "trigger");
+const TooltipPositioner = exports.TooltipPositioner = withContext(_react2.Tooltip.Positioner, "positioner", {
+  baseComponent: true
+});
+const TooltipTrigger = exports.TooltipTrigger = withContext(_react2.Tooltip.Trigger, "trigger", {
+  baseComponent: true
+});

package/lib/createStyleContext.d.ts

@@ -21,9 +21,12 @@ interface BaseStyleContextProps {
     asChild?: boolean;
     consumeCss?: boolean;
 }
+interface CreateStyleContextOptions {
+    baseComponent?: boolean;
+}
 export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
     withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
-    withProvider: <T, P_1 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
-    withContext: <T_1, P_2 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
+    withProvider: <T, P_1 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>, options?: CreateStyleContextOptions) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+    withContext: <T_1, P_2 extends BaseStyleContextProps & WithCss>(Component: ElementType, slot: Slot<R>, options?: CreateStyleContextOptions) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
 };
 export {};

package/lib/createStyleContext.js

@@ -35,11 +35,8 @@ const createStyleContext = recipe => {
     };
     return StyledComponent;
   };
-  const withProvider = (Component, slot) => {
-    const opts = typeof Component === "string" ? undefined : {
-      baseComponent: true
-    };
-    const StyledComponent = (0, _jsx2.styled)(Component, {}, opts);
+  const withProvider = (Component, slot, options) => {
+    const StyledComponent = (0, _jsx2.styled)(Component, {}, options);
     return /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       let {
         css: cssProp,
@@ -52,16 +49,13 @@ const createStyleContext = recipe => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComponent, {
           ...otherProps,
           ref: ref,
-          css: _css.css.raw(slotStyles === null || slotStyles === void 0 ? void 0 : slotStyles[slot], cssProp)
+          css: _css.css.raw(slotStyles?.[slot], cssProp)
         })
       });
     });
   };
-  const withContext = (Component, slot) => {
-    const opts = typeof Component === "string" ? undefined : {
-      baseComponent: true
-    };
-    const StyledComponent = (0, _jsx2.styled)(Component, {}, opts);
+  const withContext = (Component, slot, options) => {
+    const StyledComponent = (0, _jsx2.styled)(Component, {}, options);
     return /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
       let {
         css: cssProp,
@@ -71,7 +65,7 @@ const createStyleContext = recipe => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComponent, {
         ...props,
         ref: ref,
-        css: _css.css.raw(slotStyles === null || slotStyles === void 0 ? void 0 : slotStyles[slot], cssProp)
+        css: _css.css.raw(slotStyles?.[slot], cssProp)
       });
     });
   };

package/lib/index.d.ts

@@ -9,15 +9,16 @@ export type { AccordionRootProps } from "./Accordion";
 export { AccordionRoot, AccordionItemContent, AccordionItemIndicator, AccordionItem, AccordionItemTrigger, } from "./Accordion";
 export type { OrderedListProps, OrderedListVariantProps, UnOrderedListProps, DefinitionListProps, } from "./ArticleLists";
 export { OrderedList, UnOrderedList, DefinitionList } from "./ArticleLists";
-export type { BadgeVariantProps, BadgeProps } from "./Badge";
+export type { BadgeVariantProps, BadgeProps, BadgeVariant } from "./Badge";
 export { Badge } from "./Badge";
 export type { BlockQuoteVariantProps, BlockQuoteProps } from "./BlockQuote";
 export { BlockQuote } from "./BlockQuote";
 export type { ButtonProps, ButtonVariantProps, IconButtonProps, IconButtonVariantProps } from "./Button";
-export { Button, IconButton } from "./Button";
+export { Button, IconButton, buttonBaseRecipe, buttonRecipe, iconButtonRecipe } from "./Button";
+export { CardRoot, CardHeading, CardContent, CardImage } from "./Card/Card";
 export type { CheckboxVariantProps, CheckboxRootProps } from "./Checkbox";
 export { CheckboxRoot, CheckboxIndicator, CheckboxLabel, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, } from "./Checkbox";
-export type { ComboboxVariantProps, ComboboxRootProps } from "./Combobox";
+export type { ComboboxVariantProps, ComboboxRootProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxTriggerProps, } from "./Combobox";
 export { ComboboxRoot, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItemGroupLabel, ComboboxItemGroup, ComboboxItemIndicator, ComboboxItem, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxTrigger, } from "./Combobox";
 export type { DialogVariantProps, DialogRootProps } from "./Dialog";
 export { DialogRoot, DialogBackdrop, DialogStandaloneContent, DialogPositioner, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogCloseTrigger, DialogHeader, DialogBody, } from "./Dialog";
@@ -26,9 +27,12 @@ export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
 export { FieldRoot } from "./Field";
 export { FieldErrorMessage } from "./FieldErrorMessage";
 export { FieldHelper } from "./FieldHelper";
+export type { FigureSize, FigureVariantProps, FigureProps, FigureFloat } from "./Figure";
 export { Figure } from "./Figure";
 export type { FramedContentVariantProps, FramedContentProps } from "./FramedContent";
 export { FramedContent } from "./FramedContent";
+export type { ImageCrop, ImageFocalPoint, PictureProps, ImgProps, ImageProps } from "./Image";
+export { Picture, Img, Image, makeSrcQueryString, getSrcSet } from "./Image";
 export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
 export type { LabelProps } from "./Label";
 export { Label, FieldLabel } from "./Label";
@@ -56,7 +60,7 @@ export type { SwitchVariantProps, SwitchRootProps } from "./Switch";
 export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, SwitchHiddenInput } from "./Switch";
 export type { TableProps } from "./Table";
 export { Table } from "./Table";
-export type { TagsInputRootProps } from "./TagsInput";
+export type { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, } from "./TagsInput";
 export { TagsInputRoot, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItem, TagsInputItemText, TagsInputLabel, } from "./TagsInput";
 export type { TabsVariantProps, TabsRootProps } from "./Tabs";
 export { TabsRoot, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./Tabs";

package/lib/index.js

@@ -51,6 +51,30 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardContent;
+  }
+});
+Object.defineProperty(exports, "CardHeading", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardHeading;
+  }
+});
+Object.defineProperty(exports, "CardImage", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardImage;
+  }
+});
+Object.defineProperty(exports, "CardRoot", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardRoot;
+  }
+});
 Object.defineProperty(exports, "CheckboxControl", {
   enumerable: true,
   get: function () {
@@ -309,6 +333,18 @@ Object.defineProperty(exports, "IconButton", {
     return _Button.IconButton;
   }
 });
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.Image;
+  }
+});
+Object.defineProperty(exports, "Img", {
+  enumerable: true,
+  get: function () {
+    return _Image.Img;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
@@ -441,6 +477,12 @@ Object.defineProperty(exports, "PaginationRoot", {
     return _Pagination.PaginationRoot;
   }
 });
+Object.defineProperty(exports, "Picture", {
+  enumerable: true,
+  get: function () {
+    return _Image.Picture;
+  }
+});
 Object.defineProperty(exports, "PopoverAnchor", {
   enumerable: true,
   get: function () {
@@ -915,11 +957,42 @@ Object.defineProperty(exports, "UnOrderedList", {
     return _ArticleLists.UnOrderedList;
   }
 });
+Object.defineProperty(exports, "buttonBaseRecipe", {
+  enumerable: true,
+  get: function () {
+    return _Button.buttonBaseRecipe;
+  }
+});
+Object.defineProperty(exports, "buttonRecipe", {
+  enumerable: true,
+  get: function () {
+    return _Button.buttonRecipe;
+  }
+});
+Object.defineProperty(exports, "getSrcSet", {
+  enumerable: true,
+  get: function () {
+    return _Image.getSrcSet;
+  }
+});
+Object.defineProperty(exports, "iconButtonRecipe", {
+  enumerable: true,
+  get: function () {
+    return _Button.iconButtonRecipe;
+  }
+});
+Object.defineProperty(exports, "makeSrcQueryString", {
+  enumerable: true,
+  get: function () {
+    return _Image.makeSrcQueryString;
+  }
+});
 var _Accordion = require("./Accordion");
 var _ArticleLists = require("./ArticleLists");
 var _Badge = require("./Badge");
 var _BlockQuote = require("./BlockQuote");
 var _Button = require("./Button");
+var _Card = require("./Card/Card");
 var _Checkbox = require("./Checkbox");
 var _Combobox = require("./Combobox");
 var _Dialog = require("./Dialog");
@@ -929,6 +1002,7 @@ var _FieldErrorMessage = require("./FieldErrorMessage");
 var _FieldHelper = require("./FieldHelper");
 var _Figure = require("./Figure");
 var _FramedContent = require("./FramedContent");
+var _Image = require("./Image");
 var _Input = require("./Input");
 var _Label = require("./Label");
 var _Menu = require("./Menu");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -29,12 +29,12 @@
   ],
   "dependencies": {
     "@ark-ui/react": "^3.5.0",
-    "@ndla/styled-system": "^0.0.7",
+    "@ndla/styled-system": "^0.0.8",
     "@ndla/util": "^4.1.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.9",
-    "@pandacss/dev": "^0.41.0"
+    "@ndla/preset-panda": "^0.0.11",
+    "@pandacss/dev": "^0.42.0"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8c3254246b993068a867ab9ec9594347d5ebf439"
+  "gitHead": "6fdfbed9f18bbd725c837fb74de2f093e80d5605"
 }