@soroush.tech/design-system 1.0.0 → 1.1.0

package/README.md

@@ -1,11 +1,11 @@
 # @soroush.tech/design-system
 
-[![npm version](https://img.shields.io/npm/v/@soroush.tech/design-system.svg)](https://www.npmjs.com/package/@soroush.tech/design-system)
-[![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/design-system.svg)](https://www.npmjs.com/package/@soroush.tech/design-system)
+[![npm version](https://img.shields.io/npm/v/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
+[![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
 [![coverage](https://codecov.io/gh/soroush-tech/core/branch/main/graph/badge.svg?flag=design-system)](https://app.codecov.io/gh/soroush-tech/core?flags%5B0%5D=design-system)
-[![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/design-system.svg)](https://www.npmjs.com/package/@soroush.tech/design-system)
-[![types included](https://img.shields.io/npm/types/@soroush.tech/design-system.svg)](https://www.npmjs.com/package/@soroush.tech/design-system)
-[![license](https://img.shields.io/npm/l/@soroush.tech/design-system.svg)](./LICENSE)
+[![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
+[![types included](https://img.shields.io/npm/types/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
+[![license](https://img.shields.io/npm/l/@soroush.tech/design-system.svg?cacheSeconds=86400)](./LICENSE)
 
 **Your design system. Your tokens. Your rules.**
 A fully typed React component library where nothing is hardcoded — every color, scale, and default belongs to you, not the package.

package/dist/AppBar.d.cts

@@ -1,6 +1,6 @@
-import "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { n as FlexProps } from "./index-DhcmRr8Q.cjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as FlexProps } from "./index-zFYi0f1t.cjs";
 //#region src/AppBar/AppBar.d.ts
 /** Valid values for the color prop — derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];

package/dist/AppBar.d.mts

@@ -1,6 +1,6 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import "./index-B66h9kbP.mjs";
-import { n as FlexProps } from "./index-BJcHQUga.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
+import { n as FlexProps } from "./index-DEv2QslH.mjs";
 //#region src/AppBar/AppBar.d.ts
 /** Valid values for the color prop — derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];

package/dist/Avatar.d.cts

@@ -1,6 +1,6 @@
-import "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { n as FlexProps } from "./index-DhcmRr8Q.cjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as FlexProps } from "./index-zFYi0f1t.cjs";
 //#region src/Avatar/Avatar.d.ts
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];

package/dist/Avatar.d.mts

@@ -1,6 +1,6 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import "./index-B66h9kbP.mjs";
-import { n as FlexProps } from "./index-BJcHQUga.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
+import { n as FlexProps } from "./index-DEv2QslH.mjs";
 //#region src/Avatar/Avatar.d.ts
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];

package/dist/Backdrop.d.cts

@@ -1,4 +1,4 @@
-import { s as ViewProps } from "./index-B8FOqBiS.cjs";
+import { s as ViewProps } from "./index-DjtGkwRM.cjs";
 //#region src/Backdrop/Backdrop.d.ts
 type BackdropProps = ViewProps;
 /**

package/dist/Backdrop.d.mts

@@ -1,4 +1,4 @@
-import { s as ViewProps } from "./index-CYNgNatZ.mjs";
+import { s as ViewProps } from "./index-q6EgsH9R.mjs";
 //#region src/Backdrop/Backdrop.d.ts
 type BackdropProps = ViewProps;
 /**

package/dist/Button.cjs

@@ -11,7 +11,6 @@ let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/sty
 //#region src/Button/Button.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
-	"gap",
 	"variant",
 	"size",
 	"shape",
@@ -72,10 +71,6 @@ const baseStyles = {
 		opacity: .5
 	}
 };
-const buttonBaseSystem = (0, require_src.src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
 const sizeVariants = ({ theme, size }) => {
 	const s = theme.sizes[size];
 	return {
@@ -126,7 +121,6 @@ const ButtonRoot = require_src.styled("button", {
 	systemProps: [
 		require_src.src_exports.space,
 		safeLayout,
-		buttonBaseSystem,
 		require_src.src_exports.typography,
 		require_src.src_exports.border
 	]

package/dist/Button.d.cts

@@ -1,2 +1,2 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-BnCp6k4s.cjs";
+import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-BJ8OC_Zh.cjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-CLCtvcKA.mjs";
+import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-D8U2tk1L.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.mjs

@@ -9,7 +9,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Button/Button.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
-	"gap",
 	"variant",
 	"size",
 	"shape",
@@ -70,10 +69,6 @@ const baseStyles = {
 		opacity: .5
 	}
 };
-const buttonBaseSystem = (0, src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
 const sizeVariants = ({ theme, size }) => {
 	const s = theme.sizes[size];
 	return {
@@ -124,7 +119,6 @@ const ButtonRoot = styled("button", {
 	systemProps: [
 		src_exports.space,
 		safeLayout,
-		buttonBaseSystem,
 		src_exports.typography,
 		src_exports.border
 	]

package/dist/ButtonGroup.d.cts

@@ -1,2 +1,2 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-C1vVYigQ.cjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index--mvTGo8F.cjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/ButtonGroup.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-DwjxjLcD.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-DF3Hweir.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/Card.cjs

@@ -4,7 +4,7 @@ const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_theme = require("./theme-Du6xgPsg.cjs");
 const require_Paper = require("./Paper.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-zsHe7hWR.cjs");
+const require_Icon = require("./Icon-BOjk5r39.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Card/Card.tsx

package/dist/Card.d.cts

@@ -1,6 +1,6 @@
-import { r as PaperProps } from "./index-HnvGdPCp.cjs";
-import { a as TypographyProps } from "./index-BLnOsdgc.cjs";
-import { n as IconProps, r as IconName } from "./index-DN7IvJeV.cjs";
+import { r as PaperProps } from "./index-CYTaYcm3.cjs";
+import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
+import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
 import { ReactNode } from "react";
 //#region src/Card/Card.d.ts
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';

package/dist/Card.d.mts

@@ -1,6 +1,6 @@
-import { r as PaperProps } from "./index-DLiHZtDi.mjs";
-import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
-import { n as IconProps, r as IconName } from "./index-D0x1ZMVG.mjs";
+import { r as PaperProps } from "./index-KZUd8B5E.mjs";
+import { a as TypographyProps } from "./index-B2hrssyF.mjs";
+import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
 import { ReactNode } from "react";
 //#region src/Card/Card.d.ts
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';

package/dist/Card.mjs

@@ -3,7 +3,7 @@ import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-V6lYzd3j.mjs";
 import { Paper } from "./Paper.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-bv8Z38l-.mjs";
+import { t as Icon } from "./Icon-CYjD0Bad.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Card/Card.tsx

package/dist/Checkbox.d.cts

@@ -1,5 +1,5 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { d as PaletteColor, m as Theme } from "./themes-BTGww2YK.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Checkbox/Checkbox.d.ts
 type CheckboxColor = PaletteColor;

package/dist/Checkbox.d.mts

@@ -1,5 +1,5 @@
-import { d as PaletteColor, m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Checkbox/Checkbox.d.ts
 type CheckboxColor = PaletteColor;

package/dist/CircularProgress.d.cts

@@ -1,6 +1,6 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { n as ButtonColor } from "./index-BnCp6k4s.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as ButtonColor } from "./index-BJ8OC_Zh.cjs";
 import { HTMLAttributes } from "react";
 //#region src/CircularProgress/CircularProgress.d.ts
 type CircularProgressVariant = 'indeterminate' | 'determinate';

package/dist/CircularProgress.d.mts

@@ -1,6 +1,6 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
-import { n as ButtonColor } from "./index-CLCtvcKA.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { n as ButtonColor } from "./index-D8U2tk1L.mjs";
 import { HTMLAttributes } from "react";
 //#region src/CircularProgress/CircularProgress.d.ts
 type CircularProgressVariant = 'indeterminate' | 'determinate';

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
-import { n as PaperElevation } from "./index-HnvGdPCp.cjs";
-import { o as ModalProps } from "./index-DdFxl06Q.cjs";
+import { n as PaperElevation } from "./index-CYTaYcm3.cjs";
+import { o as ModalProps } from "./index-BfpjEqqt.cjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.d.mts

@@ -1,5 +1,5 @@
-import { n as PaperElevation } from "./index-DLiHZtDi.mjs";
-import { o as ModalProps } from "./index-BpLv6Y8m.mjs";
+import { n as PaperElevation } from "./index-KZUd8B5E.mjs";
+import { o as ModalProps } from "./index-Ds__py2h.mjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Flex.cjs

@@ -3,16 +3,12 @@ const require_src = require("./src-C8PIppTy.cjs");
 const require_View = require("./View.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/Flex/Flex.tsx
-const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props, "gap"]);
-const gapSystem = (0, require_src.src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
 const Flex = require_src.styled(require_View.View, {
 	name: "Flex",
 	label: "flex",
 	shouldForwardProp,
-	systemProps: [require_src.src_exports.flexbox, gapSystem]
+	systemProps: [require_src.src_exports.flexbox]
 })({
 	display: "flex",
 	flexDirection: "column"

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-DhcmRr8Q.cjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-zFYi0f1t.cjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.d.mts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-BJcHQUga.mjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-DEv2QslH.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.mjs

@@ -1,16 +1,10 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
-//#region src/Flex/Flex.tsx
-const shouldForwardProp = createShouldForwardProp([...props, "gap"]);
-const gapSystem = (0, src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
 const Flex = styled(View, {
 	name: "Flex",
 	label: "flex",
-	shouldForwardProp,
-	systemProps: [src_exports.flexbox, gapSystem]
+	shouldForwardProp: createShouldForwardProp([...props]),
+	systemProps: [src_exports.flexbox]
 })({
 	display: "flex",
 	flexDirection: "column"

package/dist/Form.d.cts

@@ -1,4 +1,4 @@
-import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {

package/dist/Form.d.mts

@@ -1,4 +1,4 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {

package/dist/FormControl.d.cts

@@ -1,5 +1,5 @@
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { s as ViewProps } from "./index-B8FOqBiS.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { s as ViewProps } from "./index-DjtGkwRM.cjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormControl.d.mts

@@ -1,5 +1,5 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { s as ViewProps } from "./index-CYNgNatZ.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { s as ViewProps } from "./index-q6EgsH9R.mjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-BLnOsdgc.cjs";
+import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormHelperText.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
+import { a as TypographyProps } from "./index-B2hrssyF.mjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormLabel.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-BLnOsdgc.cjs";
+import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
 import { ReactNode } from "react";
 //#region src/FormLabel/FormLabel.d.ts
 interface FormLabelProps extends TypographyProps {

package/dist/FormLabel.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
+import { a as TypographyProps } from "./index-B2hrssyF.mjs";
 import { ReactNode } from "react";
 //#region src/FormLabel/FormLabel.d.ts
 interface FormLabelProps extends TypographyProps {

package/dist/Grid.cjs

@@ -3,35 +3,12 @@ const require_src = require("./src-C8PIppTy.cjs");
 const require_View = require("./View.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/Grid/Grid.tsx
-const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
-	..._soroush_tech_styled_system_should_forward_prop.props,
-	"gap",
-	"columnGap",
-	"rowGap"
-]);
-const gapSystem = (0, require_src.src_exports.system)({
-	gap: {
-		property: "gap",
-		scale: "space"
-	},
-	columnGap: {
-		property: "columnGap",
-		scale: "space"
-	},
-	rowGap: {
-		property: "rowGap",
-		scale: "space"
-	}
-});
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
 const Grid = require_src.styled(require_View.View, {
 	name: "Grid",
 	label: "grid",
 	shouldForwardProp,
-	systemProps: [
-		gapSystem,
-		require_src.src_exports.grid,
-		require_src.src_exports.flexbox
-	]
+	systemProps: [require_src.src_exports.grid, require_src.src_exports.flexbox]
 })({ display: "grid" });
 //#endregion
 exports.Grid = Grid;

package/dist/Grid.d.cts

@@ -1,17 +1,10 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
-import { s as ViewProps } from "./index-B8FOqBiS.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { s as ViewProps } from "./index-DjtGkwRM.cjs";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {
-  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
-  gap?: index_d_exports.ResponsiveValue<GapToken>;
-  /** Resolves against theme.space — maps to CSS column-gap. Accepts responsive arrays. */
-  columnGap?: index_d_exports.ResponsiveValue<GapToken>;
-  /** Resolves against theme.space — maps to CSS row-gap. Accepts responsive arrays. */
-  rowGap?: index_d_exports.ResponsiveValue<GapToken>;
-}
+interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {}
 declare const Grid: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Grid.d.mts

@@ -1,17 +1,10 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
-import { s as ViewProps } from "./index-CYNgNatZ.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { s as ViewProps } from "./index-q6EgsH9R.mjs";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {
-  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
-  gap?: index_d_exports.ResponsiveValue<GapToken>;
-  /** Resolves against theme.space — maps to CSS column-gap. Accepts responsive arrays. */
-  columnGap?: index_d_exports.ResponsiveValue<GapToken>;
-  /** Resolves against theme.space — maps to CSS row-gap. Accepts responsive arrays. */
-  rowGap?: index_d_exports.ResponsiveValue<GapToken>;
-}
+interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {}
 declare const Grid: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Grid.mjs

@@ -3,30 +3,8 @@ import { View } from "./View.mjs";
 const Grid = styled(View, {
 	name: "Grid",
 	label: "grid",
-	shouldForwardProp: createShouldForwardProp([
-		...props,
-		"gap",
-		"columnGap",
-		"rowGap"
-	]),
-	systemProps: [
-		(0, src_exports.system)({
-			gap: {
-				property: "gap",
-				scale: "space"
-			},
-			columnGap: {
-				property: "columnGap",
-				scale: "space"
-			},
-			rowGap: {
-				property: "rowGap",
-				scale: "space"
-			}
-		}),
-		src_exports.grid,
-		src_exports.flexbox
-	]
+	shouldForwardProp: createShouldForwardProp([...props]),
+	systemProps: [src_exports.grid, src_exports.flexbox]
 })({ display: "grid" });
 //#endregion
 export { Grid };

package/dist/{Icon-zsHe7hWR.cjs → Icon-BOjk5r39.cjs}

@@ -204,6 +204,15 @@ const SvgDns = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 15H5c-1.1 0-2 .9-2 2v4h18v-4c0-1.1-.9-2-2-2zM7 20H5v-2h2v2zm12 0h-2v-2h2v2zM19 5H5C3.9 5 3 5.9 3 7v4h18V7c0-1.1-.9-2-2-2zM7 10H5V8h2v2zm12 0h-2V8h2v2z" })
 });
 //#endregion
+//#region src/Icon/icons/EditNote.tsx
+const SvgEditNote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M120-400v-60h300v60H120Zm0-165v-60h470v60H120Zm0-165v-60h470v60H120Zm400 610v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862-340L642-120H520Zm300-263-37-37 37 37ZM580-180h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" })
+});
+//#endregion
 //#region src/Icon/icons/ExpandLess.tsx
 const SvgExpandLess = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -259,6 +268,15 @@ const SvgFirstPage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg"
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.41 16.59 13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z" })
 });
 //#endregion
+//#region src/Icon/icons/Folder.tsx
+const SvgFolder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h240l80 80h360q24 0 42 18t18 42v440q0 24-18 42t-42 18H140Zm0-60h680v-440H435l-80-80H140v520Zm0 0v-520 520Z" })
+});
+//#endregion
 //#region src/Icon/icons/FormatListBulleted.tsx
 const SvgFormatListBulleted = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -410,6 +428,15 @@ const SvgGroups = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z" })
 });
 //#endregion
+//#region src/Icon/icons/History.tsx
+const SvgHistory = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M480-120q-138 0-240.5-91.5T122-440h62q13 106 92.5 173T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v60H150v-210h60v106q48-62 119-99t151-37q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L450-454v-226h60v202l124 124-42 42Z" })
+});
+//#endregion
 //#region src/Icon/icons/Hub.tsx
 const SvgHub = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -717,16 +744,19 @@ const icons = {
 	database: SvgDatabase,
 	desktop_windows: SvgDesktopWindows,
 	dns: SvgDns,
+	edit_note: SvgEditNote,
 	expand_less: SvgExpandLess,
 	expand_more: SvgExpandMore,
 	external_link: SvgExternalLink,
 	first_page: SvgFirstPage,
+	folder: SvgFolder,
 	format_list_bulleted: SvgFormatListBulleted,
 	format_list_numbered: SvgFormatListNumbered,
 	format_quote: SvgFormatQuote,
 	fullscreen: SvgFullscreen,
 	grid_view: SvgGridView,
 	groups: SvgGroups,
+	history: SvgHistory,
 	hub: SvgHub,
 	image: SvgImage,
 	language: SvgLanguage,

package/dist/{Icon-bv8Z38l-.mjs → Icon-CYjD0Bad.mjs}

@@ -203,6 +203,15 @@ const SvgDns = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", { d: "M19 15H5c-1.1 0-2 .9-2 2v4h18v-4c0-1.1-.9-2-2-2zM7 20H5v-2h2v2zm12 0h-2v-2h2v2zM19 5H5C3.9 5 3 5.9 3 7v4h18V7c0-1.1-.9-2-2-2zM7 10H5V8h2v2zm12 0h-2V8h2v2z" })
 });
 //#endregion
+//#region src/Icon/icons/EditNote.tsx
+const SvgEditNote = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M120-400v-60h300v60H120Zm0-165v-60h470v60H120Zm0-165v-60h470v60H120Zm400 610v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862-340L642-120H520Zm300-263-37-37 37 37ZM580-180h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" })
+});
+//#endregion
 //#region src/Icon/icons/ExpandLess.tsx
 const SvgExpandLess = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 24 24",
@@ -258,6 +267,15 @@ const SvgFirstPage = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", { d: "M18.41 16.59 13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z" })
 });
 //#endregion
+//#region src/Icon/icons/Folder.tsx
+const SvgFolder = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h240l80 80h360q24 0 42 18t18 42v440q0 24-18 42t-42 18H140Zm0-60h680v-440H435l-80-80H140v520Zm0 0v-520 520Z" })
+});
+//#endregion
 //#region src/Icon/icons/FormatListBulleted.tsx
 const SvgFormatListBulleted = (props) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -409,6 +427,15 @@ const SvgGroups = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", { d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z" })
 });
 //#endregion
+//#region src/Icon/icons/History.tsx
+const SvgHistory = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 -960 960 960",
+	fill: "#ffffff",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M480-120q-138 0-240.5-91.5T122-440h62q13 106 92.5 173T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v60H150v-210h60v106q48-62 119-99t151-37q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L450-454v-226h60v202l124 124-42 42Z" })
+});
+//#endregion
 //#region src/Icon/icons/Hub.tsx
 const SvgHub = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 24 24",
@@ -716,16 +743,19 @@ const icons = {
 	database: SvgDatabase,
 	desktop_windows: SvgDesktopWindows,
 	dns: SvgDns,
+	edit_note: SvgEditNote,
 	expand_less: SvgExpandLess,
 	expand_more: SvgExpandMore,
 	external_link: SvgExternalLink,
 	first_page: SvgFirstPage,
+	folder: SvgFolder,
 	format_list_bulleted: SvgFormatListBulleted,
 	format_list_numbered: SvgFormatListNumbered,
 	format_quote: SvgFormatQuote,
 	fullscreen: SvgFullscreen,
 	grid_view: SvgGridView,
 	groups: SvgGroups,
+	history: SvgHistory,
 	hub: SvgHub,
 	image: SvgImage,
 	language: SvgLanguage,