@react95/core 9.2.1 → 9.3.0

package/cjs/Avatar/Avatar.cjs

@@ -3,7 +3,26 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Avatar_css = require("./Avatar.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
+const cn = require("classnames");
 const Avatar = React.forwardRef(
-  ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { className: Avatar_css.avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: Avatar_css.imgStyle, src, srcSet, alt }) : children)
+  ({
+    src,
+    srcSet,
+    alt,
+    circle,
+    children,
+    size = "48px",
+    className,
+    ...otherProps
+  }, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...otherProps,
+      ref,
+      size,
+      className: cn(Avatar_css.avatar({ circle }), className)
+    },
+    src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: Avatar_css.imgStyle, src, srcSet, alt }) : children
+  )
 );
 exports.Avatar = Avatar;

package/cjs/Checkbox/Checkbox.cjs

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Checkbox_css = require("./Checkbox.css.cjs");
+const cn = require("classnames");
 const Checkbox = React.forwardRef(
-  ({ children, style, label, disabled = false, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: Checkbox_css.label }, /* @__PURE__ */ React.createElement(
+  ({ children, style, label, disabled = false, className, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: cn(Checkbox_css.label, className) }, /* @__PURE__ */ React.createElement(
     "input",
     {
       className: Checkbox_css.field,

package/cjs/Fieldset/Fieldset.cjs

@@ -3,7 +3,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Fieldset_css = require("./Fieldset.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
+const cn = require("classnames");
 const Fieldset = React.forwardRef(
-  ({ legend, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, as: "fieldset", ref, className: Fieldset_css.field }, legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend), children)
+  ({ legend, children, className, ...rest }, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...rest,
+      as: "fieldset",
+      ref,
+      className: cn(Fieldset_css.field, className)
+    },
+    legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend),
+    children
+  )
 );
 exports.Fieldset = Fieldset;

package/cjs/Input/Input.cjs

@@ -3,5 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Frame = require("../Frame/Frame.cjs");
 const Input_css = require("./Input.css.cjs");
-const Input = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "input" }));
+const cn = require("classnames");
+const Input = React.forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(Input_css.input, rest.className), as: "input" }));
 exports.Input = Input;

package/cjs/RadioButton/RadioButton.cjs

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const RadioButton_css = require("./RadioButton.css.cjs");
+const cn = require("classnames");
 const RadioButton = React.forwardRef(
-  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: RadioButton_css.label }, /* @__PURE__ */ React.createElement(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: cn(RadioButton_css.label, props.className) }, /* @__PURE__ */ React.createElement(
     "input",
     {
       type: "radio",

package/cjs/Tabs/Tab.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const cn = require("classnames");
 const Tabs_css = require("./Tabs.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const Tab = React.forwardRef(
@@ -8,7 +9,7 @@ const Tab = React.forwardRef(
     Frame.Frame,
     {
       ...rest,
-      className: Tabs_css.tab({ active: activeTab === title }),
+      className: cn(Tabs_css.tab({ active: activeTab === title }), rest.className),
       ref,
       as: "li"
     },

package/cjs/TaskBar/TaskBar.cjs

@@ -8,7 +8,7 @@ const icons = require("@react95/icons");
 const TaskBar_css = require("./TaskBar.css.cjs");
 const events = require("../shared/events.cjs");
 const TaskBar = React.forwardRef(
-  ({ list }, ref) => {
+  ({ list, className }, ref) => {
     const [showList, toggleShowList] = React.useState(false);
     const [activeStart, toggleActiveStart] = React.useState(false);
     const [modalWindows, setModalWindows] = React.useState([]);
@@ -58,7 +58,8 @@ const TaskBar = React.forwardRef(
         zIndex: "$taskbar",
         backgroundColor: "$material",
         boxShadow: "$out",
-        ref
+        ref,
+        className
       },
       showList && /* @__PURE__ */ React.createElement(
         Frame.Frame,

package/cjs/TextArea/TextArea.cjs

@@ -1,9 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const cn = require("classnames");
 const Frame = require("../Frame/Frame.cjs");
 const Input_css = require("../Input/Input.css.cjs");
 const TextArea = React.forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: Input_css.input, as: "textarea" })
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame.Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(Input_css.input, rest.className),
+      as: "textarea"
+    }
+  )
 );
 exports.TextArea = TextArea;

package/cjs/Tree/Node.cjs

@@ -58,7 +58,7 @@ const Node = ({
       onClickHandler(event);
     }
   };
-  return /* @__PURE__ */ React.createElement(Frame.Frame, { as: "li", ...rest, className: Tree_css.node }, /* @__PURE__ */ React.createElement("div", { className: Tree_css.nodeContent }, hasChildren && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Frame.Frame, { as: "li", ...rest, className: cn(Tree_css.node, rest.className) }, /* @__PURE__ */ React.createElement("div", { className: Tree_css.nodeContent }, hasChildren && /* @__PURE__ */ React.createElement(
     "div",
     {
       className: Tree_css.folderStatus,

package/cjs/Tree/Tree.cjs

@@ -1,16 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const cn = require("classnames");
 const Node = require("./Node.cjs");
 const Tree_css = require("./Tree.css.cjs");
 const Frame = require("../Frame/Frame.cjs");
 const Tree = React.forwardRef(
-  ({ data, root, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(Node.NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, className: Tree_css.tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node.Node, { key: dataNode.id, ...dataNode }))));
+  ({ data = [], root, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(Node.NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, className: cn(Tree_css.tree, rest.className), as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node.Node, { key: dataNode.id, ...dataNode }))));
   }
 );
-Tree.defaultProps = {
-  data: []
-};
 Tree.icons = Node.icons;
 exports.Tree = Tree;

package/cjs/index.cjs

@@ -22,6 +22,7 @@ const Tree = require("./Tree/Tree.cjs");
 const Tooltip = require("./Tooltip/Tooltip.cjs");
 const TitleBar = require("./TitleBar/TitleBar.cjs");
 const Video = require("./Video/Video.cjs");
+const contract_css = require("./themes/contract.css.cjs");
 exports.Modal = Modal.Modal;
 exports.Tabs = Tabs.Tabs;
 exports.Tab = Tab.Tab;
@@ -44,3 +45,4 @@ exports.Tree = Tree.Tree;
 exports.Tooltip = Tooltip.Tooltip;
 exports.TitleBar = TitleBar.TitleBar;
 exports.Video = Video.Video;
+exports.contract = contract_css.contract;

package/cjs/themes/contract.css.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
+exports.contract = contract;

package/esm/Avatar/Avatar.mjs

@@ -1,8 +1,27 @@
 import React, { forwardRef } from "react";
 import { avatar, imgStyle } from "./Avatar.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
+import cn from "classnames";
 const Avatar = forwardRef(
-  ({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React.createElement(Frame, { className: avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: imgStyle, src, srcSet, alt }) : children)
+  ({
+    src,
+    srcSet,
+    alt,
+    circle,
+    children,
+    size = "48px",
+    className,
+    ...otherProps
+  }, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...otherProps,
+      ref,
+      size,
+      className: cn(avatar({ circle }), className)
+    },
+    src || srcSet ? /* @__PURE__ */ React.createElement("img", { className: imgStyle, src, srcSet, alt }) : children
+  )
 );
 export {
   Avatar

package/esm/Checkbox/Checkbox.mjs

@@ -1,7 +1,8 @@
 import React, { forwardRef } from "react";
 import { label, field, icon, text } from "./Checkbox.css.mjs";
+import cn from "classnames";
 const Checkbox = forwardRef(
-  ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: label }, /* @__PURE__ */ React.createElement(
+  ({ children, style, label: label$1, disabled = false, className, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: cn(label, className) }, /* @__PURE__ */ React.createElement(
     "input",
     {
       className: field,

package/esm/Fieldset/Fieldset.mjs

@@ -1,8 +1,19 @@
 import React, { forwardRef } from "react";
 import { field, legend } from "./Fieldset.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
+import cn from "classnames";
 const Fieldset = forwardRef(
-  ({ legend: legend$1, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, as: "fieldset", ref, className: field }, legend$1 && /* @__PURE__ */ React.createElement("legend", { className: legend }, legend$1), children)
+  ({ legend: legend$1, children, className, ...rest }, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      as: "fieldset",
+      ref,
+      className: cn(field, className)
+    },
+    legend$1 && /* @__PURE__ */ React.createElement("legend", { className: legend }, legend$1),
+    children
+  )
 );
 export {
   Fieldset

package/esm/Input/Input.mjs

@@ -1,7 +1,8 @@
 import React, { forwardRef } from "react";
 import { Frame } from "../Frame/Frame.mjs";
 import { input } from "./Input.css.mjs";
-const Input = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "input" }));
+import cn from "classnames";
+const Input = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(input, rest.className), as: "input" }));
 export {
   Input
 };

package/esm/RadioButton/RadioButton.mjs

@@ -1,7 +1,8 @@
 import React, { forwardRef } from "react";
 import { label, field, icon, text } from "./RadioButton.css.mjs";
+import cn from "classnames";
 const RadioButton = forwardRef(
-  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: label }, /* @__PURE__ */ React.createElement(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement("label", { className: cn(label, props.className) }, /* @__PURE__ */ React.createElement(
     "input",
     {
       type: "radio",

package/esm/Tabs/Tab.mjs

@@ -1,4 +1,5 @@
 import React, { forwardRef } from "react";
+import cn from "classnames";
 import { tab } from "./Tabs.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
 const Tab = forwardRef(
@@ -6,7 +7,7 @@ const Tab = forwardRef(
     Frame,
     {
       ...rest,
-      className: tab({ active: activeTab === title }),
+      className: cn(tab({ active: activeTab === title }), rest.className),
       ref,
       as: "li"
     },

package/esm/TaskBar/TaskBar.mjs

@@ -6,7 +6,7 @@ import { Logo } from "@react95/icons";
 import { truncate } from "./TaskBar.css.mjs";
 import { modals, ModalEvents } from "../shared/events.mjs";
 const TaskBar = forwardRef(
-  ({ list }, ref) => {
+  ({ list, className }, ref) => {
     const [showList, toggleShowList] = useState(false);
     const [activeStart, toggleActiveStart] = useState(false);
     const [modalWindows, setModalWindows] = React.useState([]);
@@ -56,7 +56,8 @@ const TaskBar = forwardRef(
         zIndex: "$taskbar",
         backgroundColor: "$material",
         boxShadow: "$out",
-        ref
+        ref,
+        className
       },
       showList && /* @__PURE__ */ React.createElement(
         Frame,

package/esm/TextArea/TextArea.mjs

@@ -1,8 +1,17 @@
 import React, { forwardRef } from "react";
+import cn from "classnames";
 import { Frame } from "../Frame/Frame.mjs";
 import { input } from "../Input/Input.css.mjs";
 const TextArea = forwardRef(
-  (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "textarea" })
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(input, rest.className),
+      as: "textarea"
+    }
+  )
 );
 export {
   TextArea

package/esm/Tree/Node.mjs

@@ -56,7 +56,7 @@ const Node = ({
       onClickHandler(event);
     }
   };
-  return /* @__PURE__ */ React.createElement(Frame, { as: "li", ...rest, className: node }, /* @__PURE__ */ React.createElement("div", { className: nodeContent }, hasChildren && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Frame, { as: "li", ...rest, className: cn(node, rest.className) }, /* @__PURE__ */ React.createElement("div", { className: nodeContent }, hasChildren && /* @__PURE__ */ React.createElement(
     "div",
     {
       className: folderStatus,

package/esm/Tree/Tree.mjs

@@ -1,15 +1,13 @@
 import React, { forwardRef } from "react";
+import cn from "classnames";
 import { NodeRoot, Node, icons } from "./Node.mjs";
 import { tree } from "./Tree.css.mjs";
 import { Frame } from "../Frame/Frame.mjs";
 const Tree = forwardRef(
-  ({ data, root, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame, { ...rest, className: tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node, { key: dataNode.id, ...dataNode }))));
+  ({ data = [], root, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, root && /* @__PURE__ */ React.createElement(NodeRoot, { ...root }), /* @__PURE__ */ React.createElement(Frame, { ...rest, className: cn(tree, rest.className), as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React.createElement(Node, { key: dataNode.id, ...dataNode }))));
   }
 );
-Tree.defaultProps = {
-  data: []
-};
 Tree.icons = icons;
 export {
   Tree

package/esm/index.mjs

@@ -20,6 +20,7 @@ import { Tree } from "./Tree/Tree.mjs";
 import { Tooltip } from "./Tooltip/Tooltip.mjs";
 import { TitleBar } from "./TitleBar/TitleBar.mjs";
 import { Video } from "./Video/Video.mjs";
+import { contract } from "./themes/contract.css.mjs";
 export {
   Alert,
   Avatar,
@@ -42,5 +43,6 @@ export {
   TitleBar,
   Tooltip,
   Tree,
-  Video
+  Video,
+  contract
 };

package/esm/themes/contract.css.mjs

@@ -0,0 +1,4 @@
+var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
+export {
+  contract
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "9.2.1",
+  "version": "9.3.0",
   "description": "Windows 95 styleguide",
   "main": "cjs/index.cjs",
   "type": "module",
@@ -20,6 +20,11 @@
       "import": "./esm/themes/*.css.ts.vanilla.css",
       "require": "./cjs/themes/*.css.ts.vanilla.css"
     },
+    "./contract": {
+      "types": "./types/themes/contract.d.ts",
+      "import": "./esm/themes/contract.css.mjs",
+      "require": "./cjs/themes/contract.css.cjs"
+    },
     "./GlobalStyle": {
       "import": "./esm/GlobalStyle/GlobalStyle.css.ts.vanilla.css",
       "require": "./cjs/GlobalStyle/GlobalStyle.css.ts.vanilla.css"
@@ -29,6 +34,11 @@
       "import": "./esm/Alert/Alert.mjs",
       "require": "./cjs/Alert/Alert.cjs"
     },
+    "./Avatar": {
+      "types": "./types/Avatar/Avatar.d.ts",
+      "import": "./esm/Avatar/Avatar.mjs",
+      "require": "./cjs/Avatar/Avatar.cjs"
+    },
     "./Button": {
       "types": "./types/Button/Button.d.ts",
       "import": "./esm/Button/Button.mjs",
@@ -180,7 +190,7 @@
     "url": "https://github.com/React95/React95/issues"
   },
   "homepage": "https://github.com/React95/React95#readme",
-  "gitHead": "1d85d653063cb2b96cfa61ffb7cd02d23a1ee081",
+  "gitHead": "d6f2a3076778c3946c16803899c342733bc605e8",
   "module": "esm/index.mjs",
   "private": false,
   "types": "types/index.d.ts"

package/types/TaskBar/TaskBar.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { ReactElement } from 'react';
+import { FrameProps } from '../Frame/Frame';
 import { List } from '../List/List';
 export type TaskBarProps = {
     list?: ReactElement<typeof List>;
-};
-export declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;
+} & FrameProps<'div'>;
+export declare const TaskBar: React.ForwardRefExoticComponent<Omit<TaskBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/types/Tree/Tree.d.ts

@@ -4,7 +4,7 @@ import { FrameProps } from '../Frame/Frame';
 export type TreeProps = {
     data: Array<NodeProps>;
     root?: Omit<NodeProps, 'children'>;
-};
+} & FrameProps<'ul'>;
 type TreeComposition = ForwardRefExoticComponent<TreeProps & RefAttributes<HTMLUListElement>> & {
     icons: typeof icons;
 } & Omit<FrameProps<'ul'>, 'as'>;

package/types/index.d.ts

@@ -20,4 +20,5 @@ import { Tree } from './Tree/Tree';
 import { Tooltip } from './Tooltip/Tooltip';
 import { TitleBar } from './TitleBar/TitleBar';
 import { Video } from './Video/Video';
-export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, };
+import { contract } from './themes/contract.css';
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, contract, };