@soroush.tech/design-system 0.1.0 → 1.0.0

package/dist/Drawer.d.mts

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

package/dist/Drawer.mjs

@@ -1,6 +1,6 @@
-import { a as createShouldForwardProp, d as styled, s as keyframes } from "./src-DcNT2aIK.mjs";
+import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-DR60peRg.mjs";
+import { t as Modal } from "./Modal-dy5l7gfH.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Drawer/Drawer.tsx

package/dist/Flex.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+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

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-B1rCD6Oo.cjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-DhcmRr8Q.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-z35LEYG8.mjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-BJcHQUga.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "./src-DcNT2aIK.mjs";
+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"]);

package/dist/FocusTrap.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/FocusTrap/FocusTrap.tsx

package/dist/FocusTrap.mjs

@@ -1,4 +1,4 @@
-import { d as styled } from "./src-DcNT2aIK.mjs";
+import { o as styled } from "./src-BJy4dM4f.mjs";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/FocusTrap/FocusTrap.tsx

package/dist/Form.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-const require_FormContext = require("./FormContext-CRmRgDgu.cjs");
-require("@emotion/react");
+const require_src = require("./src-C8PIppTy.cjs");
+const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Form/Form.tsx

package/dist/Form.d.cts

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

package/dist/Form.d.mts

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

package/dist/Form.mjs

@@ -1,6 +1,5 @@
-import { d as styled } from "./src-DcNT2aIK.mjs";
-import { t as FormContext } from "./FormContext-_G3sxJyQ.mjs";
-import "@emotion/react";
+import { o as styled } from "./src-BJy4dM4f.mjs";
+import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Form/Form.tsx

package/dist/{FormContext-CRmRgDgu.cjs → FormContext-BGCsWAFc.cjs}

@@ -1,4 +1,3 @@
-require("@emotion/react");
 //#region src/Form/FormContext.ts
 const FormContext = (0, require("react").createContext)({});
 //#endregion

package/dist/{FormContext-_G3sxJyQ.mjs → FormContext-LrjAGe6U.mjs}

@@ -1,4 +1,3 @@
-import "@emotion/react";
 import { createContext } from "react";
 //#region src/Form/FormContext.ts
 const FormContext = createContext({});

package/dist/FormControl.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-const require_themeDefault = require("./themeDefault-B-QjpGEO.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_View = require("./View.cjs");
-const require_FormControlContext = require("./FormControlContext-aeKTjRKY.cjs");
-const require_FormContext = require("./FormContext-CRmRgDgu.cjs");
-let _emotion_react = require("@emotion/react");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
+const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/FormControl/FormControl.tsx
@@ -65,7 +65,7 @@ function FormControl({ children, id, error, disabled, required, size, fullWidth,
 function useFormControl(overrides = {}) {
 	const form = (0, react.useContext)(require_FormContext.FormContext);
 	const control = (0, react.useContext)(require_FormControlContext.FormControlContext);
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	return {
 		id: overrides.id ?? control?.id,
 		error: overrides.error ?? control?.error ?? false,

package/dist/FormControl.d.cts

@@ -1,5 +1,5 @@
-import { s as ViewProps } from "./index-FwTocqhP.cjs";
-import { Theme } from "@emotion/react";
+import { m as Theme } from "./themes-BTGww2YK.cjs";
+import { s as ViewProps } from "./index-B8FOqBiS.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 { s as ViewProps } from "./index-pX7tBQdJ.mjs";
-import { Theme } from "@emotion/react";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { s as ViewProps } from "./index-CYNgNatZ.mjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormControl.mjs

@@ -1,9 +1,9 @@
-import { d as styled, u as useTheme } from "./src-DcNT2aIK.mjs";
-import { t as themeDefault } from "./themeDefault-CjXaY3ok.mjs";
+import { o as styled } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
-import { t as FormControlContext } from "./FormControlContext-CyxdOxdN.mjs";
-import { t as FormContext } from "./FormContext-_G3sxJyQ.mjs";
-import "@emotion/react";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
+import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useContext, useId, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormControl/FormControl.tsx

package/dist/{FormControlContext-aeKTjRKY.cjs → FormControlContext-74gvPGFk.cjs}

@@ -1,4 +1,3 @@
-require("@emotion/react");
 //#region src/FormControl/FormControlContext.ts
 const FormControlContext = (0, require("react").createContext)(null);
 //#endregion

package/dist/{FormControlContext-CyxdOxdN.mjs → FormControlContext-CC2kToms.mjs}

@@ -1,4 +1,3 @@
-import "@emotion/react";
 import { createContext } from "react";
 //#region src/FormControl/FormControlContext.ts
 const FormControlContext = createContext(null);

package/dist/FormHelperText.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_FormControlContext = require("./FormControlContext-aeKTjRKY.cjs");
-const require_FormContext = require("./FormContext-CRmRgDgu.cjs");
+const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
+const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/FormHelperText/FormHelperText.tsx

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CDVnvjIE.cjs";
+import { a as TypographyProps } from "./index-BLnOsdgc.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-DE5PtzPn.mjs";
+import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormHelperText.mjs

@@ -1,7 +1,7 @@
-import { d as styled } from "./src-DcNT2aIK.mjs";
+import { o as styled } from "./src-BJy4dM4f.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as FormControlContext } from "./FormControlContext-CyxdOxdN.mjs";
-import { t as FormContext } from "./FormContext-_G3sxJyQ.mjs";
+import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
+import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useContext, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormHelperText/FormHelperText.tsx

package/dist/FormLabel.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_FormControlContext = require("./FormControlContext-aeKTjRKY.cjs");
-const require_FormContext = require("./FormContext-CRmRgDgu.cjs");
+const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
+const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/FormLabel/FormLabel.tsx

package/dist/FormLabel.d.cts

@@ -1,2 +1,18 @@
-import { n as FormLabelProps, t as FormLabel } from "./index-Dg8-CPOO.cjs";
+import { a as TypographyProps } from "./index-BLnOsdgc.cjs";
+import { ReactNode } from "react";
+//#region src/FormLabel/FormLabel.d.ts
+interface FormLabelProps extends TypographyProps {
+  children: ReactNode;
+  /** Appends a `*` indicator. Falls back to the FormControl `required` value. */
+  required?: boolean;
+  /** Target control id. Falls back to the FormControl id. */
+  htmlFor?: string;
+}
+/**
+ * Renders a `<label>` linked to the control via `htmlFor`, reading the id and
+ * `required` flag from FormControl context. All Typography props pass through,
+ * so callers can restyle freely while keeping the wiring automatic.
+ */
+declare function FormLabel({ children, required, htmlFor, color, ...rest }: Readonly<FormLabelProps>): import("react").JSX.Element;
+//#endregion
 export { FormLabel, FormLabelProps };

package/dist/FormLabel.d.mts

@@ -1,2 +1,18 @@
-import { n as FormLabelProps, t as FormLabel } from "./index-Cv_UOfYx.mjs";
+import { a as TypographyProps } from "./index-BF2KXGBM.mjs";
+import { ReactNode } from "react";
+//#region src/FormLabel/FormLabel.d.ts
+interface FormLabelProps extends TypographyProps {
+  children: ReactNode;
+  /** Appends a `*` indicator. Falls back to the FormControl `required` value. */
+  required?: boolean;
+  /** Target control id. Falls back to the FormControl id. */
+  htmlFor?: string;
+}
+/**
+ * Renders a `<label>` linked to the control via `htmlFor`, reading the id and
+ * `required` flag from FormControl context. All Typography props pass through,
+ * so callers can restyle freely while keeping the wiring automatic.
+ */
+declare function FormLabel({ children, required, htmlFor, color, ...rest }: Readonly<FormLabelProps>): import("react").JSX.Element;
+//#endregion
 export { FormLabel, FormLabelProps };

package/dist/FormLabel.mjs

@@ -1,7 +1,7 @@
-import { d as styled } from "./src-DcNT2aIK.mjs";
+import { o as styled } from "./src-BJy4dM4f.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as FormControlContext } from "./FormControlContext-CyxdOxdN.mjs";
-import { t as FormContext } from "./FormContext-_G3sxJyQ.mjs";
+import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
+import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useContext } from "react";
 import { jsxs } from "react/jsx-runtime";
 //#region src/FormLabel/FormLabel.tsx

package/dist/Grid.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+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

package/dist/Grid.d.cts

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { s as ViewProps } from "./index-FwTocqhP.cjs";
+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";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

package/dist/Grid.d.mts

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+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";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

package/dist/Grid.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "./src-DcNT2aIK.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
 const Grid = styled(View, {
 	name: "Grid",

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

@@ -1,5 +1,6 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports, u as useTheme } from "./src-DcNT2aIK.mjs";
-import { t as themeDefault } from "./themeDefault-CjXaY3ok.mjs";
+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 "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Icon/icons/AccountTree.tsx
@@ -381,6 +382,15 @@ const SvgFormatQuote = (props) => /* @__PURE__ */ jsxs("svg", {
 	]
 });
 //#endregion
+//#region src/Icon/icons/Fullscreen.tsx
+const SvgFullscreen = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z" })
+});
+//#endregion
 //#region src/Icon/icons/GridView.tsx
 const SvgGridView = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 24 24",
@@ -524,6 +534,15 @@ const SvgRebaseEdit = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", { d: "M392-80v-170l302-302q9-9 20.5-13t22.5-4q11 0 21.96 4.5Q769.93-560 779-551l84 84q9 9 13 20.5t4 22.69q0 11.18-4 22Q872-391 863-382L562-80H392Zm428-345-84-84 84 84ZM452-140h85l173-173-43-42-43-42-172 171v86Zm215-215-43-42 43 42 43 42-43-42ZM430-605l-42-42 83-83H316q-8 32-31 55t-55 31v328q39 10 64.5 42t25.5 74q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-41.76 25.5-73.88T170-316v-328q-39-10-64.5-42T80-760q0-50 35-85t85-35q42 0 74 25.5t42 64.5h155l-83-83 42-42 156 155-156 155Zm415-240q35 35 35 85t-35 85q-35 35-85 35t-85-35q-35-35-35-85t35-85q35-35 85-35t85 35ZM200-140q25.5 0 42.75-17.25T260-200q0-25.5-17.25-42.75T200-260q-25.5 0-42.75 17.25T140-200q0 25.5 17.25 42.75T200-140Zm0-560q25.5 0 42.75-17.25T260-760q0-25.5-17.25-42.75T200-820q-25.5 0-42.75 17.25T140-760q0 25.5 17.25 42.75T200-700Zm560 0q25.5 0 42.75-17.25T820-760q0-25.5-17.25-42.75T760-820q-25.5 0-42.75 17.25T700-760q0 25.5 17.25 42.75T760-700ZM200-200Zm0-560Zm560 0Z" })
 });
 //#endregion
+//#region src/Icon/icons/Refresh.tsx
+const SvgRefresh = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" })
+});
+//#endregion
 //#region src/Icon/icons/Schema.tsx
 const SvgSchema = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 -960 960 960",
@@ -657,6 +676,24 @@ const SvgWebAsset = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", { d: "M19 4H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V8h14v10z" })
 });
 //#endregion
+//#region src/Icon/icons/ZoomIn.tsx
+const SvgZoomIn = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z" })
+});
+//#endregion
+//#region src/Icon/icons/ZoomOut.tsx
+const SvgZoomOut = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z" })
+});
+//#endregion
 //#region src/Icon/icons.ts
 /** Registry of available icons, keyed by their asset file name. */
 const icons = {
@@ -686,6 +723,7 @@ const icons = {
 	format_list_bulleted: SvgFormatListBulleted,
 	format_list_numbered: SvgFormatListNumbered,
 	format_quote: SvgFormatQuote,
+	fullscreen: SvgFullscreen,
 	grid_view: SvgGridView,
 	groups: SvgGroups,
 	hub: SvgHub,
@@ -698,6 +736,7 @@ const icons = {
 	neurology: SvgNeurology,
 	psychology: SvgPsychology,
 	rebase_edit: SvgRebaseEdit,
+	refresh: SvgRefresh,
 	schema: SvgSchema,
 	security: SvgSecurity,
 	settings_input_component: SvgSettingsInputComponent,
@@ -709,7 +748,9 @@ const icons = {
 	terminal: SvgTerminal,
 	visibility: SvgVisibility,
 	warning: SvgWarning,
-	web_asset: SvgWebAsset
+	web_asset: SvgWebAsset,
+	zoom_in: SvgZoomIn,
+	zoom_out: SvgZoomOut
 };
 //#endregion
 //#region src/Icon/Icon.tsx

package/dist/{Icon-1YtNCUKo.cjs → Icon-zsHe7hWR.cjs}

@@ -1,9 +1,9 @@
-const require_src = require("./src-BiocWFSR.cjs");
-const require_themeDefault = require("./themeDefault-B-QjpGEO.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_theme = require("./theme-Du6xgPsg.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");
-let _emotion_react = require("@emotion/react");
 //#region src/Icon/icons/AccountTree.tsx
 const SvgAccountTree = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
@@ -383,6 +383,15 @@ const SvgFormatQuote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("s
 	]
 });
 //#endregion
+//#region src/Icon/icons/Fullscreen.tsx
+const SvgFullscreen = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z" })
+});
+//#endregion
 //#region src/Icon/icons/GridView.tsx
 const SvgGridView = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -526,6 +535,15 @@ const SvgRebaseEdit = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M392-80v-170l302-302q9-9 20.5-13t22.5-4q11 0 21.96 4.5Q769.93-560 779-551l84 84q9 9 13 20.5t4 22.69q0 11.18-4 22Q872-391 863-382L562-80H392Zm428-345-84-84 84 84ZM452-140h85l173-173-43-42-43-42-172 171v86Zm215-215-43-42 43 42 43 42-43-42ZM430-605l-42-42 83-83H316q-8 32-31 55t-55 31v328q39 10 64.5 42t25.5 74q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-41.76 25.5-73.88T170-316v-328q-39-10-64.5-42T80-760q0-50 35-85t85-35q42 0 74 25.5t42 64.5h155l-83-83 42-42 156 155-156 155Zm415-240q35 35 35 85t-35 85q-35 35-85 35t-85-35q-35-35-35-85t35-85q35-35 85-35t85 35ZM200-140q25.5 0 42.75-17.25T260-200q0-25.5-17.25-42.75T200-260q-25.5 0-42.75 17.25T140-200q0 25.5 17.25 42.75T200-140Zm0-560q25.5 0 42.75-17.25T260-760q0-25.5-17.25-42.75T200-820q-25.5 0-42.75 17.25T140-760q0 25.5 17.25 42.75T200-700Zm560 0q25.5 0 42.75-17.25T820-760q0-25.5-17.25-42.75T760-820q-25.5 0-42.75 17.25T700-760q0 25.5 17.25 42.75T760-700ZM200-200Zm0-560Zm560 0Z" })
 });
 //#endregion
+//#region src/Icon/icons/Refresh.tsx
+const SvgRefresh = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" })
+});
+//#endregion
 //#region src/Icon/icons/Schema.tsx
 const SvgSchema = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
@@ -659,6 +677,24 @@ const SvgWebAsset = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 4H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V8h14v10z" })
 });
 //#endregion
+//#region src/Icon/icons/ZoomIn.tsx
+const SvgZoomIn = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z" })
+});
+//#endregion
+//#region src/Icon/icons/ZoomOut.tsx
+const SvgZoomOut = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z" })
+});
+//#endregion
 //#region src/Icon/icons.ts
 /** Registry of available icons, keyed by their asset file name. */
 const icons = {
@@ -688,6 +724,7 @@ const icons = {
 	format_list_bulleted: SvgFormatListBulleted,
 	format_list_numbered: SvgFormatListNumbered,
 	format_quote: SvgFormatQuote,
+	fullscreen: SvgFullscreen,
 	grid_view: SvgGridView,
 	groups: SvgGroups,
 	hub: SvgHub,
@@ -700,6 +737,7 @@ const icons = {
 	neurology: SvgNeurology,
 	psychology: SvgPsychology,
 	rebase_edit: SvgRebaseEdit,
+	refresh: SvgRefresh,
 	schema: SvgSchema,
 	security: SvgSecurity,
 	settings_input_component: SvgSettingsInputComponent,
@@ -711,7 +749,9 @@ const icons = {
 	terminal: SvgTerminal,
 	visibility: SvgVisibility,
 	warning: SvgWarning,
-	web_asset: SvgWebAsset
+	web_asset: SvgWebAsset,
+	zoom_in: SvgZoomIn,
+	zoom_out: SvgZoomOut
 };
 //#endregion
 //#region src/Icon/Icon.tsx
@@ -729,7 +769,7 @@ const StyledIcon = require_src.styled("svg", {
 	]
 })({ fill: "currentColor" });
 function Icon({ name, color, size, ...rest }) {
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	const resolvedSize = size ?? theme.icon[require_themeDefault.themeDefault(theme, "iconSize", "lg")];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIcon, {
 		as: icons[name],

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-1YtNCUKo.cjs");
+const require_Icon = require("./Icon-zsHe7hWR.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-Dp81rWM1.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DN7IvJeV.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-BLfFycfJ.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-D0x1ZMVG.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

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

package/dist/Image.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.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");

package/dist/Image.d.cts

@@ -1,2 +1,17 @@
-import { n as ImageProps, t as Image } from "./index-DD2AVtiR.cjs";
+import { r as index_d_exports } from "./index-BVX_Jq2G.cjs";
+import { m as Theme } from "./themes-BTGww2YK.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 {
+  /** Fallback image URL tried when src (or srcSet) fails to load. */
+  fallback?: string;
+  objectFit?: CSSProperties['objectFit'];
+  objectPosition?: CSSProperties['objectPosition'];
+  /** Corner radius — resolves against `theme.radii`. */
+  borderRadius?: keyof Theme['radii'];
+  /** Called once when all image sources are exhausted. */
+  onError?: () => void;
+}
+declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
+//#endregion
 export { Image, ImageProps };

package/dist/Image.d.mts

@@ -1,2 +1,17 @@
-import { n as ImageProps, t as Image } from "./index-DgRS5Aqv.mjs";
+import { m as Theme } from "./themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "./index-B66h9kbP.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 {
+  /** Fallback image URL tried when src (or srcSet) fails to load. */
+  fallback?: string;
+  objectFit?: CSSProperties['objectFit'];
+  objectPosition?: CSSProperties['objectPosition'];
+  /** Corner radius — resolves against `theme.radii`. */
+  borderRadius?: keyof Theme['radii'];
+  /** Called once when all image sources are exhausted. */
+  onError?: () => void;
+}
+declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
+//#endregion
 export { Image, ImageProps };

package/dist/Image.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "./src-DcNT2aIK.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Image/Image.tsx

package/dist/LinearProgress.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-const require_themeDefault = require("./themeDefault-B-QjpGEO.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");