@soroush.tech/design-system 1.0.0 → 1.2.0

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

@@ -1,32 +1,12 @@
 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/Grid/Grid.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
 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,
+	systemProps: [src_exports.grid, src_exports.flexbox]
 })({ display: "grid" });
 //#endregion
 export { Grid };

package/dist/{Icon-zsHe7hWR.cjs → Icon-ByDvM-t1.cjs}

@@ -1,6 +1,6 @@
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
@@ -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,
@@ -755,17 +785,19 @@ const icons = {
 };
 //#endregion
 //#region src/Icon/Icon.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
+const colorSystem = (0, require_src.src_exports.system)({ color: {
+	property: "color",
+	scale: "text"
+} });
 const StyledIcon = require_src.styled("svg", {
 	name: "Icon",
 	label: "icon",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]),
+	shouldForwardProp,
 	systemProps: [
 		require_src.src_exports.layout,
 		require_src.src_exports.space,
-		(0, require_src.src_exports.system)({ color: {
-			property: "color",
-			scale: "text"
-		} })
+		colorSystem
 	]
 })({ fill: "currentColor" });
 function Icon({ name, color, size, ...rest }) {

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

@@ -1,6 +1,6 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Icon/icons/AccountTree.tsx
@@ -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,
@@ -754,17 +784,19 @@ const icons = {
 };
 //#endregion
 //#region src/Icon/Icon.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
+const colorSystem = (0, src_exports.system)({ color: {
+	property: "color",
+	scale: "text"
+} });
 const StyledIcon = styled("svg", {
 	name: "Icon",
 	label: "icon",
-	shouldForwardProp: createShouldForwardProp([...props]),
+	shouldForwardProp,
 	systemProps: [
 		src_exports.layout,
 		src_exports.space,
-		(0, src_exports.system)({ color: {
-			property: "color",
-			scale: "text"
-		} })
+		colorSystem
 	]
 })({ fill: "currentColor" });
 function Icon({ name, color, size, ...rest }) {

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-zsHe7hWR.cjs");
+const require_Icon = require("./Icon-ByDvM-t1.cjs");
 exports.Icon = require_Icon.Icon;
 exports.icons = require_Icon.icons;

package/dist/Icon.d.cts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DN7IvJeV.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-CA_X-mXg.cjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.d.mts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-D0x1ZMVG.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-BL3jwIQU.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

@@ -1,2 +1,2 @@
-import { n as icons, t as Icon } from "./Icon-bv8Z38l-.mjs";
+import { n as icons, t as Icon } from "./Icon-GgwNXKEY.mjs";
 export { Icon, icons };

package/dist/Image.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
@@ -12,6 +12,14 @@ const baseShouldForwardProp = (0, _soroush_tech_styled_system_should_forward_pro
 	"borderRadius"
 ]);
 const shouldForwardProp = (prop) => prop === "fetchPriority" || baseShouldForwardProp(prop);
+const objectSystem = (0, require_src.src_exports.system)({
+	objectFit: { property: "objectFit" },
+	objectPosition: { property: "objectPosition" },
+	borderRadius: {
+		property: "borderRadius",
+		scale: "radii"
+	}
+});
 const StyledImg = require_src.styled("img", {
 	name: "Image",
 	label: "image",
@@ -21,14 +29,7 @@ const StyledImg = require_src.styled("img", {
 		require_src.src_exports.space,
 		require_src.src_exports.background,
 		require_src.src_exports.position,
-		(0, require_src.src_exports.system)({
-			objectFit: { property: "objectFit" },
-			objectPosition: { property: "objectPosition" },
-			borderRadius: {
-				property: "borderRadius",
-				scale: "radii"
-			}
-		})
+		objectSystem
 	]
 })();
 function Image({ src, srcSet, fallback, alt, onError, ...rest }) {

package/dist/Image.d.cts

@@ -1,5 +1,5 @@
-import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 //#region src/Image/Image.d.ts
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {

package/dist/Image.d.mts

@@ -1,5 +1,5 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import { r as index_d_exports } from "./index-B66h9kbP.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 //#region src/Image/Image.d.ts
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {

package/dist/Image.mjs

@@ -10,6 +10,14 @@ const baseShouldForwardProp = createShouldForwardProp([
 	"borderRadius"
 ]);
 const shouldForwardProp = (prop) => prop === "fetchPriority" || baseShouldForwardProp(prop);
+const objectSystem = (0, src_exports.system)({
+	objectFit: { property: "objectFit" },
+	objectPosition: { property: "objectPosition" },
+	borderRadius: {
+		property: "borderRadius",
+		scale: "radii"
+	}
+});
 const StyledImg = styled("img", {
 	name: "Image",
 	label: "image",
@@ -19,14 +27,7 @@ const StyledImg = styled("img", {
 		src_exports.space,
 		src_exports.background,
 		src_exports.position,
-		(0, src_exports.system)({
-			objectFit: { property: "objectFit" },
-			objectPosition: { property: "objectPosition" },
-			borderRadius: {
-				property: "borderRadius",
-				scale: "radii"
-			}
-		})
+		objectSystem
 	]
 })();
 function Image({ src, srcSet, fallback, alt, onError, ...rest }) {

package/dist/LinearProgress.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
 require("react");

package/dist/LinearProgress.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/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';

package/dist/LinearProgress.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/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';

package/dist/Link.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 const require_Typography = require("./Typography.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -30,10 +30,6 @@ const underlineStyles = {
 		}
 	}
 };
-const linkGapSystem = (0, require_src.src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
 const LinkBase = require_src.styled(require_Typography.Typography, {
 	name: "Link",
 	label: "Link",
@@ -45,7 +41,7 @@ const LinkBase = require_src.styled(require_Typography.Typography, {
 		outlineOffset: "4px",
 		borderRadius: theme.radii.sm
 	}
-}), linkGapSystem);
+}));
 function Link({ underline: underlineProp, color, variant = "inherit", target, rel, ...rest }) {
 	const theme = require_theme.useTheme();
 	const underline = underlineProp ?? require_themeDefault.themeDefault(theme, "linkUnderline", "always");

package/dist/Link.d.cts

@@ -1,10 +1,9 @@
-import { a as TypographyProps } from "./index-BLnOsdgc.cjs";
+import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {
   underline?: LinkUnderline;
-  gap?: number | string;
 }
 declare function Link({ underline: underlineProp, color, variant, target, rel, ...rest }: Readonly<LinkProps>): import("react").JSX.Element;
 //#endregion

package/dist/Link.d.mts

@@ -1,10 +1,9 @@
-import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
+import { a as TypographyProps } from "./index-B2hrssyF.mjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {
   underline?: LinkUnderline;
-  gap?: number | string;
 }
 declare function Link({ underline: underlineProp, color, variant, target, rel, ...rest }: Readonly<LinkProps>): import("react").JSX.Element;
 //#endregion

package/dist/Link.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Typography } from "./Typography.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -29,10 +29,6 @@ const underlineStyles = {
 		}
 	}
 };
-const linkGapSystem = (0, src_exports.system)({ gap: {
-	property: "gap",
-	scale: "space"
-} });
 const LinkBase = styled(Typography, {
 	name: "Link",
 	label: "Link",
@@ -44,7 +40,7 @@ const LinkBase = styled(Typography, {
 		outlineOffset: "4px",
 		borderRadius: theme.radii.sm
 	}
-}), linkGapSystem);
+}));
 function Link({ underline: underlineProp, color, variant = "inherit", target, rel, ...rest }) {
 	const theme = useTheme();
 	const underline = underlineProp ?? themeDefault(theme, "linkUnderline", "always");

package/dist/MenuItem.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
-const require_Icon = require("./Icon-zsHe7hWR.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
+const require_Icon = require("./Icon-ByDvM-t1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/MenuItem/MenuItem.tsx

package/dist/MenuItem.d.cts

@@ -1,5 +1,5 @@
-import "./index-BVX_Jq2G.cjs";
-import { m as Theme } from "./themes-BTGww2YK.cjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];

package/dist/MenuItem.d.mts

@@ -1,5 +1,5 @@
-import { m as Theme } from "./themes-BTGww2YK.mjs";
-import "./index-B66h9kbP.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];

package/dist/MenuItem.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
-import { t as Icon } from "./Icon-bv8Z38l-.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { t as Icon } from "./Icon-GgwNXKEY.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MenuItem/MenuItem.tsx

package/dist/{Modal-dy5l7gfH.mjs → Modal-COLrJoNW.mjs}

@@ -272,10 +272,11 @@ function useModal(parameters) {
 }
 //#endregion
 //#region src/Modal/Modal.tsx
+const shouldForwardProp = createShouldForwardProp(["scroll", "layer"]);
 const ModalRoot = styled(View, {
 	name: "Modal",
 	label: "Modal",
-	shouldForwardProp: createShouldForwardProp(["scroll", "layer"])
+	shouldForwardProp
 })(({ theme, scroll, layer }) => ({
 	position: "fixed",
 	inset: 0,

package/dist/{Modal-DZH-DzMZ.cjs → Modal-S2nb35q-.cjs}

@@ -1,4 +1,4 @@
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 const require_Backdrop = require("./Backdrop.cjs");
 const require_Portal = require("./Portal.cjs");
@@ -273,10 +273,11 @@ function useModal(parameters) {
 }
 //#endregion
 //#region src/Modal/Modal.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["scroll", "layer"]);
 const ModalRoot = require_src.styled(require_View.View, {
 	name: "Modal",
 	label: "Modal",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["scroll", "layer"])
+	shouldForwardProp
 })(({ theme, scroll, layer }) => ({
 	position: "fixed",
 	inset: 0,

package/dist/Modal.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-DZH-DzMZ.cjs");
+const require_Modal = require("./Modal-S2nb35q-.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
 exports.ariaHidden = require_Modal.ariaHidden;

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-DdFxl06Q.cjs";
+import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-BfpjEqqt.cjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-BpLv6Y8m.mjs";
+import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-Ds__py2h.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-dy5l7gfH.mjs";
+import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-COLrJoNW.mjs";
 export { Modal, ModalManager, ariaHidden, useModal };