@soroush.tech/design-system 2.0.0-rc.0 → 2.0.0-rc.2

package/dist/index-DBUwu65Z.d.cts

@@ -1,69 +0,0 @@
-import { T as Theme } from "./themes-Kbk9h5cN.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";
-//#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
- * `styleOverrides` (per `slot`) and `variants`, appended after the component's
- * own styles so the theme wins the cascade. Roots without `name` are plain
- * Emotion - zero behavior change, zero cost.
- */
-interface ThemeCustomizationOptions {
-  /** `theme.components` key enabling styleOverrides/variants for this root. */
-  name?: string;
-  /** The `styleOverrides` slot this root maps to. Default: `'root'`. */
-  slot?: string;
-  /**
-   * Styled-system prop parsers (`space`, `layout`, ...) appended AFTER the theme
-   * override resolver, so per-instance props (`m`, `p`, `width`, ...) always beat
-   * theme `styleOverrides`.
-   */
-  systemProps?: ReadonlyArray<Interpolation<never>>;
-  /**
-   * Custom mapping from render props to applied override styles - replaces the
-   * default `styleOverrides[slot]` lookup (for prop-keyed override keys).
-   */
-  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 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;
-  }, {}, {
-    ref?: Ref<InstanceType<C>>;
-  }>;
-  <C extends ComponentType<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;
-  }>;
-  <C extends ComponentType<ComponentProps<C>>>(component: C, options?: StyledOptions<ComponentProps<C>> & ThemeCustomizationOptions): CreateStyledComponent<PropsOf<C> & {
-    theme?: Theme;
-  }>;
-  <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] & string = keyof JSX.IntrinsicElements[Tag] & string>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps> & ThemeCustomizationOptions): CreateStyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-  }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
-  <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]> & ThemeCustomizationOptions): CreateStyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-  }, JSX.IntrinsicElements[Tag]>;
-}
-/**
- * The design system's `styled` - Emotion's styled plus theme-level component
- * customization (`theme.components[name].styleOverrides` / `.variants`).
- */
-declare const styled: CreateThemedStyled;
-//#endregion
-export { ThemeCustomizationOptions as a, props as i, css as n, styled as o, keyframes as r, createShouldForwardProp as t };

package/dist/index-DzQJSYIh.d.cts

@@ -1,23 +0,0 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
-import { n as FlexProps } from "./index-CA7HnbtH.cjs";
-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 transition for surface animations (e.g. hover elevation change). */
-  transition?: CSSProperties['transition'];
-  /** Resolves against theme.border - light · primary · dark */
-  borderColor?: keyof Theme['border'];
-  /** Resolves against theme.borderWidths - none · thin · base · thick */
-  borderWidth?: keyof Theme['borderWidths'];
-  /** CSS border-style value (e.g. 'solid', 'dashed'). */
-  borderStyle?: CSSProperties['borderStyle'];
-  /** Renders the surface as a different element (e.g. 'section'). */
-  as?: ElementType;
-}
-declare function Paper({ elevation, p, bg, borderRadius, ...rest }: Readonly<PaperProps>): import("react").JSX.Element;
-//#endregion
-export { PaperElevation as n, PaperProps as r, Paper as t };

package/dist/index-cuv3o-L7.d.mts

@@ -1,34 +0,0 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
-import { BorderProps, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
-import { CSSProperties, HTMLAttributes } from "react";
-//#region src/View/View.d.ts
-/** Valid values for the color prop - derived from theme.text keys. */
-type ViewColorToken = keyof Theme['text'];
-/** Valid values for the bg prop - derived from theme.background keys. */
-type ViewBackgroundToken = keyof Theme['background'];
-/** Valid values for the borderColor prop - derived from theme.border keys. */
-type ViewBorderColorToken = keyof Theme['border'];
-/** Valid values for the borderWidth prop - derived from theme.borderWidths keys. */
-type ViewBorderWidthToken = keyof Theme['borderWidths'];
-/** Valid theme tokens for border-radius. Raw CSS pixel values (e.g. '6px', '9999px') are also accepted. */
-type ViewBorderRadiusToken = keyof Theme['radii'] | `${number}px`;
-interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme>, LayoutFrameProps<Theme> {
-  bg?: ViewBackgroundToken;
-  /** Resolves against theme.border - light · primary · dark */
-  borderColor?: ViewBorderColorToken;
-  /** Resolves against theme.borderWidths - none · thin · base · thick */
-  borderWidth?: ViewBorderWidthToken;
-  /** Theme tokens: sq · sm · md · lg. Also accepts raw CSS pixel values e.g. '6px', '9999px'. */
-  borderRadius?: ViewBorderRadiusToken;
-  opacity?: number;
-  cursor?: CSSProperties['cursor'];
-  /** CSS order for flex/grid item placement. Accepts responsive arrays. */
-  order?: FlexboxProps<Theme>['order'];
-}
-declare const View: import("@emotion/styled").StyledComponent<{
-  theme?: Theme;
-  as?: React.ElementType;
-} & ViewProps, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//#endregion
-export { ViewBorderWidthToken as a, ViewBorderRadiusToken as i, ViewBackgroundToken as n, ViewColorToken as o, ViewBorderColorToken as r, ViewProps as s, View as t };

package/dist/index-nB94D7UM.d.cts

@@ -1,34 +0,0 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
-import { CSSProperties, HTMLAttributes } from "react";
-import { BorderProps, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
-//#region src/View/View.d.ts
-/** Valid values for the color prop - derived from theme.text keys. */
-type ViewColorToken = keyof Theme['text'];
-/** Valid values for the bg prop - derived from theme.background keys. */
-type ViewBackgroundToken = keyof Theme['background'];
-/** Valid values for the borderColor prop - derived from theme.border keys. */
-type ViewBorderColorToken = keyof Theme['border'];
-/** Valid values for the borderWidth prop - derived from theme.borderWidths keys. */
-type ViewBorderWidthToken = keyof Theme['borderWidths'];
-/** Valid theme tokens for border-radius. Raw CSS pixel values (e.g. '6px', '9999px') are also accepted. */
-type ViewBorderRadiusToken = keyof Theme['radii'] | `${number}px`;
-interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme>, LayoutFrameProps<Theme> {
-  bg?: ViewBackgroundToken;
-  /** Resolves against theme.border - light · primary · dark */
-  borderColor?: ViewBorderColorToken;
-  /** Resolves against theme.borderWidths - none · thin · base · thick */
-  borderWidth?: ViewBorderWidthToken;
-  /** Theme tokens: sq · sm · md · lg. Also accepts raw CSS pixel values e.g. '6px', '9999px'. */
-  borderRadius?: ViewBorderRadiusToken;
-  opacity?: number;
-  cursor?: CSSProperties['cursor'];
-  /** CSS order for flex/grid item placement. Accepts responsive arrays. */
-  order?: FlexboxProps<Theme>['order'];
-}
-declare const View: import("@emotion/styled").StyledComponent<{
-  theme?: Theme;
-  as?: React.ElementType;
-} & ViewProps, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//#endregion
-export { ViewBorderWidthToken as a, ViewBorderRadiusToken as i, ViewBackgroundToken as n, ViewColorToken as o, ViewBorderColorToken as r, ViewProps as s, View as t };