@soroush.tech/design-system 0.1.0 → 1.1.0

package/dist/{index-B1rCD6Oo.d.cts → index-DEv2QslH.d.mts}

@@ -1,12 +1,10 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { s as ViewProps } from "./index-FwTocqhP.cjs";
+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/Flex/Flex.d.ts
 /** Valid values for the gap prop — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {
-  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
-  gap?: index_d_exports.ResponsiveValue<GapToken>;
-}
+interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/{index-CyZYXDn0.d.cts → index-DF3Hweir.d.mts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DASvoACZ.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-D8U2tk1L.mjs";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';

package/dist/{index-Bihpwn75.d.cts → index-DLJ-li1B.d.cts}

@@ -1,10 +1,10 @@
-import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
-import { CreateStyled, CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
-import { CSSObject as CSSObject$1, CacheProvider, Global, PropsOf, Theme, Theme as Theme$1, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, css, keyframes, useTheme } from "@emotion/react";
+import { d as PaletteColor, h as Theme, r as CSSObject$1 } from "./themes-CUV79qWU.cjs";
+import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
+import { PropsOf, css, keyframes } from "@emotion/react";
 import { ComponentClass, ComponentProps, ComponentType, JSX, Ref } from "react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
 //#endregion
-//#region src/styled.d.ts
+//#region src/style/styled.d.ts
 /**
  * Design-system additions to Emotion's styled options. A styled root that passes
  * `name` becomes theme-customizable: `theme.components[name]` may contribute
@@ -29,8 +29,18 @@ interface ThemeCustomizationOptions {
    */
   overridesResolver?: (props: Record<string, unknown>, styleOverrides: Record<string, unknown>) => unknown;
 }
+/**
+ * The `styled.div`, `styled.span`, … tag shorthands — mirrors Emotion's own
+ * `StyledTags`, retyped against this package's `Theme` instead of Emotion's
+ * (otherwise-empty) one, so `${({ theme }) => theme.space[2]}` template
+ * interpolations resolve to the real theme shape.
+ */
+type StyledTags = { [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+}, JSX.IntrinsicElements[Tag]>; };
 /** Overloads mirroring Emotion's, with the theme-customization options added. */
-interface CreateThemedStyled extends CreateStyled {
+interface CreateThemedStyled extends StyledTags {
   <C extends ComponentClass<ComponentProps<C>>, ForwardedProps extends keyof ComponentProps<C> & string = keyof ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<ComponentProps<C>, ForwardedProps> & ThemeCustomizationOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
     theme?: Theme;
   }, {}, {
@@ -57,8 +67,8 @@ interface CreateThemedStyled extends CreateStyled {
  */
 declare const styled: CreateThemedStyled;
 declare namespace index_d_exports {
-  export { CSSObject$1 as CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, PaletteColor, Theme$1 as Theme, ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+  export { CSSObject$1 as CSSObject, PaletteColor, Theme, ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };
 }
 import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
 //#endregion
-export { Global as a, css as c, props as d, useTheme as f, EmotionThemeProvider as i, index_d_exports as l, styled as m, CacheProvider as n, Theme$1 as o, ThemeCustomizationOptions as p, EmotionThemeContext as r, createShouldForwardProp as s, CSSObject$1 as t, keyframes as u };
+export { props as a, keyframes as i, css as n, ThemeCustomizationOptions as o, index_d_exports as r, styled as s, createShouldForwardProp as t };

package/dist/{index-FwTocqhP.d.cts → index-DjtGkwRM.d.cts}

@@ -1,4 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -21,8 +22,6 @@ interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_
   borderRadius?: ViewBorderRadiusToken;
   opacity?: number;
   cursor?: CSSProperties['cursor'];
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS order for flex/grid item placement. Accepts responsive arrays. */
   order?: index_d_exports.FlexboxProps<Theme>['order'];
 }

package/dist/{index-BX5-NfbX.d.cts → index-Ds__py2h.d.mts}

@@ -1,4 +1,5 @@
-import { o as Theme } from "./index-Bihpwn75.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/{index-x80UG39F.d.cts → index-KZUd8B5E.d.mts}

@@ -1,13 +1,12 @@
-import { o as Theme } from "./index-Bihpwn75.cjs";
-import { n as FlexProps } from "./index-B1rCD6Oo.cjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
+import { n as FlexProps } from "./index-DEv2QslH.mjs";
 import { CSSProperties, ElementType } from "react";
 //#region src/Paper/Paper.d.ts
 type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
 interface PaperProps extends FlexProps {
   /** Shadow depth — 0 (flat) to 24 (highest). Resolves to theme.shadows[n]. Default: 1. */
   elevation?: PaperElevation;
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS transition for surface animations (e.g. hover elevation change). */
   transition?: CSSProperties['transition'];
   /** Resolves against theme.border — light · primary · dark */

package/dist/index-MsUtFRul.d.cts

@@ -0,0 +1,53 @@
+import { b as ThemeComponents, h as Theme, x as ThemeDefaults } from "./themes-CUV79qWU.cjs";
+import { ComponentType, ReactNode } from "react";
+//#region src/theme/ThemeProvider.d.ts
+interface ThemeProviderProps {
+  children: ReactNode;
+  /**
+   * The active theme. Bring one theme, or as many as you like — switching
+   * between them is your state, not the provider's. Defaults to the built-in
+   * `baseTheme`.
+   */
+  theme?: Theme;
+  /**
+   * Optional component default token/variant keys, merged into the theme
+   * (e.g. `{ size: 'compact' }` makes every sized component default to your key).
+   */
+  defaults?: ThemeDefaults;
+}
+declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
+//#endregion
+//#region src/theme/utils/themeDefault.d.ts
+/**
+ * Resolves a component's default token/variant key: the theme's optional
+ * `defaults` override wins, otherwise the component's literal `fallback`.
+ * Components call this in their prop defaults (`size = themeDefault(theme,
+ * 'size', 'md')`) so every built-in default stays visible in the component
+ * yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
+ */
+declare const themeDefault: <K extends keyof ThemeDefaults>(theme: Theme, key: K, fallback: NonNullable<ThemeDefaults[K]>) => NonNullable<ThemeDefaults[K]>;
+//#endregion
+//#region src/theme/hooks/useTheme.d.ts
+/**
+ * The active theme, typed as this package's own `Theme` — Emotion is an
+ * internal implementation detail, never part of the public type surface.
+ */
+declare const useTheme: () => Theme;
+//#endregion
+//#region src/theme/hooks/useDefaultProps.d.ts
+type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
+/**
+ * The theme-contributed default prop values for a component
+ * (`theme.components[name].defaultProps`), or an empty object.
+ *
+ * Components apply it as one step of the default-resolution chain:
+ * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+ */
+declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
+//#endregion
+//#region src/theme/hoc/withTheme.d.ts
+declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
+  theme: Theme;
+}>): (props: P) => import("react").JSX.Element;
+//#endregion
+export { ThemeProvider as a, themeDefault as i, useDefaultProps as n, useTheme as r, withTheme as t };

package/dist/index-dtLxevvf.d.cts

@@ -0,0 +1,49 @@
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import { ButtonHTMLAttributes, ElementType } from "react";
+//#region src/Pressable/Pressable.d.ts
+/**
+ * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
+ * while held, `highlight` tints the surface behind it while held.
+ */
+type PressableFeedback = 'none' | 'opacity' | 'highlight';
+type PressableColor = PaletteColor;
+interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.TypographyProps<Theme> {
+  /**
+   * Element to render. Default: `'div'` — which still behaves as a button
+   * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain
+   * links, buttons, or block-level content. Pass `'button'` for a native button
+   * when the content is phrasing-only, or any other tag you need.
+   */
+  as?: ElementType;
+  /** Feedback shown while pressed. Default: `'none'`, overridable via `theme.components.Pressable.defaultProps`. */
+  feedback?: PressableFeedback;
+  /** Palette the `highlight` tint derives from — maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  color?: PressableColor;
+  /** Opacity held content fades to under `feedback="opacity"`. Default: `0.7`. */
+  activeOpacity?: number;
+  /** The URL to link to. If defined and `as` is unset, an `a` element is used. */
+  href?: string;
+  /** Anchor `target` — only meaningful when `href` is set. */
+  target?: string;
+  /** Anchor `rel` — only meaningful when `href` is set. */
+  rel?: string;
+}
+/**
+ * An unstyled clickable surface — button semantics (keyboard activation, focus
+ * ring, disabled state) with none of a button's looks, so it can wrap arbitrary
+ * content without changing its layout. Use it instead of an `onClick` on a
+ * `div`, which no keyboard or screen-reader user can reach.
+ *
+ * It renders a `div` by default, because `<button>` may not legally contain a
+ * link, another button, or block-level content — the shim gives that div a
+ * `role`, a tab stop, and Enter/Space activation, so it is announced and
+ * operated as a button either way. Pass `as="button"` for a native button, or
+ * `href` for an anchor; both skip the shim and let the browser do the work.
+ *
+ * `feedback` picks what happens while it is held: nothing (default), the content
+ * dims, or the surface tints.
+ */
+declare function Pressable({ as, feedback, color, activeOpacity, href, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
+//#endregion
+export { PressableProps as i, PressableColor as n, PressableFeedback as r, Pressable as t };

package/dist/{index-pX7tBQdJ.d.mts → index-q6EgsH9R.d.mts}

@@ -1,4 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -21,8 +22,6 @@ interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_
   borderRadius?: ViewBorderRadiusToken;
   opacity?: number;
   cursor?: CSSProperties['cursor'];
-  /** CSS aspect-ratio for fixed-ratio surfaces (e.g. 16/9, 1). */
-  aspectRatio?: CSSProperties['aspectRatio'];
   /** CSS order for flex/grid item placement. Accepts responsive arrays. */
   order?: index_d_exports.FlexboxProps<Theme>['order'];
 }

package/dist/{index-8dzWTpFp.d.cts → index-v99yMdts.d.cts}

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { n as IconProps, r as IconName } from "./index-Dp81rWM1.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-CxSNNzBT2.d.mts → index-yr4HkKOj.d.cts}

@@ -1,5 +1,5 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 //#region src/Pagination/hooks/usePagination.d.ts
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-z35LEYG8.d.mts → index-zFYi0f1t.d.cts}

@@ -1,12 +1,10 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { s as ViewProps } from "./index-pX7tBQdJ.mjs";
+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/Flex/Flex.d.ts
 /** Valid values for the gap prop — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {
-  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
-  gap?: index_d_exports.ResponsiveValue<GapToken>;
-}
+interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/index.cjs

@@ -1,31 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-let _emotion_react = require("@emotion/react");
+const require_src = require("./src-C8PIppTy.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-Object.defineProperty(exports, "CacheProvider", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.CacheProvider;
-	}
-});
-Object.defineProperty(exports, "EmotionThemeContext", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.ThemeContext;
-	}
-});
-Object.defineProperty(exports, "EmotionThemeProvider", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.ThemeProvider;
-	}
-});
-Object.defineProperty(exports, "Global", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.Global;
-	}
-});
+let _emotion_react = require("@emotion/react");
 Object.defineProperty(exports, "createShouldForwardProp", {
 	enumerable: true,
 	get: function() {
@@ -51,12 +27,6 @@ Object.defineProperty(exports, "props", {
 	}
 });
 exports.styled = require_src.styled;
-Object.defineProperty(exports, "useTheme", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.useTheme;
-	}
-});
 var _soroush_tech_styled_system = require("@soroush.tech/styled-system");
 Object.keys(_soroush_tech_styled_system).forEach(function(k) {
 	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { a as Global, c as css, d as props, f as useTheme, i as EmotionThemeProvider, m as styled, n as CacheProvider, o as Theme, p as ThemeCustomizationOptions, r as EmotionThemeContext, s as createShouldForwardProp, t as CSSObject, u as keyframes } from "./index-Bihpwn75.cjs";
-import { l as PaletteColor } from "./themes-D81JYbqm.cjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-DLJ-li1B.cjs";
+import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.cjs";
 export * from "@soroush.tech/styled-system";
-export { type CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as Global, c as css, d as props, f as useTheme, i as EmotionThemeProvider, m as styled, n as CacheProvider, o as Theme, p as ThemeCustomizationOptions, r as EmotionThemeContext, s as createShouldForwardProp, t as CSSObject, u as keyframes } from "./index-Dm9HfgV6.mjs";
-import { l as PaletteColor } from "./themes-D1SAp3SL.mjs";
+import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.mjs";
+import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-D8b5OCLe.mjs";
 export * from "@soroush.tech/styled-system";
-export { type CSSObject, CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { a as createShouldForwardProp, c as props, d as styled, i as Global, n as EmotionThemeContext, o as css, r as EmotionThemeProvider, s as keyframes, t as CacheProvider, u as useTheme } from "./src-DcNT2aIK.mjs";
+import { i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 export * from "@soroush.tech/styled-system";
-export { CacheProvider, EmotionThemeContext, EmotionThemeProvider, Global, createShouldForwardProp, css, keyframes, props, styled, useTheme };
+export { createShouldForwardProp, css, keyframes, props, styled };

package/dist/{src-DcNT2aIK.mjs → src-BJy4dM4f.mjs}

@@ -1,8 +1,8 @@
 import { n as __reExport, t as __exportAll } from "./rolldown-runtime-BBjsoOtd.mjs";
 import emotionStyled from "@emotion/styled";
-import { CacheProvider, Global, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, css, keyframes, useTheme } from "@emotion/react";
+import { css as css$1, keyframes } from "@emotion/react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
-//#region src/styled.ts
+//#region src/style/styled.ts
 const resolveStyle = (style, props) => typeof style === "function" ? style({
 	theme: props.theme,
 	ownerState: props
@@ -32,18 +32,13 @@ const styled = Object.assign(createThemedStyled, emotionStyled);
 //#endregion
 //#region src/index.ts
 var src_exports = /* @__PURE__ */ __exportAll({
-	CacheProvider: () => CacheProvider,
-	EmotionThemeContext: () => EmotionThemeContext,
-	EmotionThemeProvider: () => EmotionThemeProvider,
-	Global: () => Global,
 	createShouldForwardProp: () => createShouldForwardProp,
-	css: () => css,
+	css: () => css$1,
 	keyframes: () => keyframes,
 	props: () => props,
-	styled: () => styled,
-	useTheme: () => useTheme
+	styled: () => styled
 });
 import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
 __reExport(src_exports, import__soroush_tech_styled_system);
 //#endregion
-export { createShouldForwardProp as a, props as c, styled as d, Global as i, src_exports as l, EmotionThemeContext as n, css as o, EmotionThemeProvider as r, keyframes as s, CacheProvider as t, useTheme as u };
+export { src_exports as a, props as i, css$1 as n, styled as o, keyframes as r, createShouldForwardProp as t };

package/dist/{src-BiocWFSR.cjs → src-C8PIppTy.cjs}

@@ -3,7 +3,7 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled, 1);
 let _emotion_react = require("@emotion/react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/styled.ts
+//#region src/style/styled.ts
 const resolveStyle = (style, props) => typeof style === "function" ? style({
 	theme: props.theme,
 	ownerState: props
@@ -33,16 +33,11 @@ const styled = Object.assign(createThemedStyled, _emotion_styled.default);
 //#endregion
 //#region src/index.ts
 var src_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
-	CacheProvider: () => _emotion_react.CacheProvider,
-	EmotionThemeContext: () => _emotion_react.ThemeContext,
-	EmotionThemeProvider: () => _emotion_react.ThemeProvider,
-	Global: () => _emotion_react.Global,
 	createShouldForwardProp: () => _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp,
 	css: () => _emotion_react.css,
 	keyframes: () => _emotion_react.keyframes,
 	props: () => _soroush_tech_styled_system_should_forward_prop.props,
-	styled: () => styled,
-	useTheme: () => _emotion_react.useTheme
+	styled: () => styled
 });
 require_rolldown_runtime.__reExport(src_exports, require("@soroush.tech/styled-system"));
 //#endregion

package/dist/{hooks.cjs → style.cjs}

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useDefaultProps = require("./useDefaultProps-Cb-5FNok.cjs");
+const require_theme = require("./theme-Du6xgPsg.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
-//#region src/hooks/useStyle.ts
+//#region src/style/hooks/useStyle.ts
 function useStyle(style) {
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
 }
 //#endregion
-//#region src/hooks/StylesConsumer.tsx
+//#region src/style/StylesConsumer.tsx
 function StylesConsumer({ style, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
 }
 //#endregion
-//#region src/hooks/withStyles.tsx
+//#region src/style/hoc/withStyles.tsx
 function withStyles(style) {
 	return (WrappedComponent) => function WithStyles(props) {
 		return typeof style.getStyles === "function" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StylesConsumer, {
@@ -29,24 +29,6 @@ function withStyles(style) {
 	};
 }
 //#endregion
-//#region src/hooks/withTheme.tsx
-function withTheme(WrappedComponent) {
-	return function WithTheme(props) {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
-			...props,
-			theme
-		}) });
-	};
-}
-//#endregion
 exports.StylesConsumer = StylesConsumer;
-exports.useDefaultProps = require_useDefaultProps.useDefaultProps;
 exports.useStyle = useStyle;
-Object.defineProperty(exports, "useTheme", {
-	enumerable: true,
-	get: function() {
-		return _emotion_react.useTheme;
-	}
-});
 exports.withStyles = withStyles;
-exports.withTheme = withTheme;

package/dist/style.d.cts

@@ -0,0 +1,23 @@
+import { h as Theme, r as CSSObject } from "./themes-CUV79qWU.cjs";
+import "./index-MsUtFRul.cjs";
+import { ComponentType, ReactNode } from "react";
+//#region src/style/hooks/useStyle.d.ts
+type StyleFactory = {
+  getStyles: (theme: Theme) => CSSObject;
+};
+type StyleInput = CSSObject | StyleFactory;
+declare function useStyle(style: StyleInput): CSSObject;
+//#endregion
+//#region src/style/hoc/withStyles.d.ts
+declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
+  styles: CSSObject;
+}>) => (props: P) => import("react").JSX.Element;
+//#endregion
+//#region src/style/StylesConsumer.d.ts
+type StylesConsumerProps = {
+  style: StyleFactory;
+  children: (styles: CSSObject) => ReactNode;
+};
+declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
+//#endregion
+export { StyleFactory, StyleInput, StylesConsumer, useStyle, withStyles };

package/dist/style.d.mts

@@ -0,0 +1,23 @@
+import { h as Theme, r as CSSObject } from "./themes-CUV79qWU.mjs";
+import "./index-BoOs5h_b.mjs";
+import { ComponentType, ReactNode } from "react";
+//#region src/style/hooks/useStyle.d.ts
+type StyleFactory = {
+  getStyles: (theme: Theme) => CSSObject;
+};
+type StyleInput = CSSObject | StyleFactory;
+declare function useStyle(style: StyleInput): CSSObject;
+//#endregion
+//#region src/style/hoc/withStyles.d.ts
+declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
+  styles: CSSObject;
+}>) => (props: P) => import("react").JSX.Element;
+//#endregion
+//#region src/style/StylesConsumer.d.ts
+type StylesConsumerProps = {
+  style: StyleFactory;
+  children: (styles: CSSObject) => ReactNode;
+};
+declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
+//#endregion
+export { StyleFactory, StyleInput, StylesConsumer, useStyle, withStyles };

package/dist/{hooks.mjs → style.mjs}

@@ -1,18 +1,18 @@
-import { n as EmotionThemeContext, u as useTheme } from "./src-DcNT2aIK.mjs";
-import { t as useDefaultProps } from "./useDefaultProps-CoApb4KT.mjs";
+import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { n as EmotionThemeContext } from "./emotion-BAyqVw0c.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/hooks/useStyle.ts
+//#region src/style/hooks/useStyle.ts
 function useStyle(style) {
 	const theme = useTheme();
 	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
 }
 //#endregion
-//#region src/hooks/StylesConsumer.tsx
+//#region src/style/StylesConsumer.tsx
 function StylesConsumer({ style, children }) {
 	return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
 }
 //#endregion
-//#region src/hooks/withStyles.tsx
+//#region src/style/hoc/withStyles.tsx
 function withStyles(style) {
 	return (WrappedComponent) => function WithStyles(props) {
 		return typeof style.getStyles === "function" ? /* @__PURE__ */ jsx(StylesConsumer, {
@@ -28,14 +28,4 @@ function withStyles(style) {
 	};
 }
 //#endregion
-//#region src/hooks/withTheme.tsx
-function withTheme(WrappedComponent) {
-	return function WithTheme(props) {
-		return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ jsx(WrappedComponent, {
-			...props,
-			theme
-		}) });
-	};
-}
-//#endregion
-export { StylesConsumer, useDefaultProps, useStyle, useTheme, withStyles, withTheme };
+export { StylesConsumer, useStyle, withStyles };