@soroush.tech/design-system 2.1.1 → 2.1.2-rc.0

package/dist/index-Cc7Yhn7-.d.cts

@@ -1,47 +0,0 @@
-import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
-import { ButtonHTMLAttributes, ElementType } from "react";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-/**
- * 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'>, SpaceProps<Theme>, LayoutProps<Theme>, BorderProps<Theme>, 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, target, rel, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
-export { PressableProps as i, PressableColor as n, PressableFeedback as r, Pressable as t };

package/dist/index-CoHM1HQY.d.cts

@@ -1,30 +0,0 @@
-import { i as ButtonProps } from "./index-Cf2D7Y1b.cjs";
-import { ReactNode, Ref } from "react";
-type FabVariant = 'circular' | 'extended';
-type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;
-type FabProps = FabButtonProps & {
-  /** A circle, or a pill with a label. Default: `'circular'`. */
-  variant?: FabVariant;
-  /** An extended fab's icon, before the label. A circular one is its content. */
-  startIcon?: ReactNode;
-  /** The button element, for a trigger that places something against it or moves its focus. */
-  ref?: Ref<HTMLButtonElement>;
-  /**
-   * Draws an extended fab as its icon alone - a circle - and back again, the label moving in and out
-   * over `theme.transitions`. The label stays in the tree, so the fab keeps its name. A circular
-   * fab ignores it. Default: `false`.
-   */
-  isCollapsed?: boolean;
-};
-/**
- * @description A floating action button: the one main action of a page, circular - its icon - or
- * extended, a pill with a label. It is a `Button`, with its focus ring, press state and disabled
- * behavior, raised on a shadow that lifts on hover and moves with `theme.transitions` (and not at
- * all under `prefers-reduced-motion`). Its touch target is at least `theme.space[6]` square however
- * small the fab. An extended fab keeps its label on one line, with the icon a `theme.space[1.5]`
- * before it, and `isCollapsed` draws it as a circle - the label moving out over `theme.transitions`. Margin and padding are `theme.space` keys, as everywhere. Where it floats is the
- * page's: no position is built in. A fab with no text - a circular one - must be named:
- * `aria-label` or `aria-labelledby`.
- */
-declare function Fab({ variant: variantProp, color, size, startIcon, isCollapsed, children, ...rest }: Readonly<FabProps>): import("react").JSX.Element;
-export { FabProps as n, FabVariant as r, Fab as t };

package/dist/index-Cp96BUYc.d.cts

@@ -1,25 +0,0 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-CK-uaK5U.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
-/** Valid values for the color prop - derived from theme.text keys. */
-type TextColorToken = keyof Theme['text'];
-/** Valid values for the bg prop - derived from theme.background keys. */
-type BackgroundToken = keyof Theme['background'];
-interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
-  /** Resolves against theme.text - inherit · initial · primary · secondary · error · success */
-  color?: TextColorToken;
-  /** Resolves against theme.background */
-  bg?: BackgroundToken;
-  opacity?: number;
-  textTransform?: CSSProperties['textTransform'];
-  variant?: TypographyVariant;
-  align?: TypographyAlign;
-  gutterBottom?: boolean;
-  noWrap?: boolean;
-  /** Machine-readable timestamp - forwarded when rendering as `<time>` (`as="time"`). */
-  dateTime?: string;
-  as?: ElementType;
-}
-declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
-export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/index-CvV0TCBK.d.cts

@@ -1,59 +0,0 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-CK-uaK5U.cjs";
-import { ComponentType, ReactNode } from "react";
-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;
-interface LayoutProviderProps {
-  /**
-   * The page's layout: `theme.layout`'s shape - `content`, `panels`, `bars` per breakpoint -
-   * partial. A value holds from its breakpoint up, until the page sets it again. Keep it stable
-   * (defined outside the component, or memoized): a new object re-derives the theme.
-   */
-  layout: ThemeLayout;
-  children: ReactNode;
-}
-/**
- * @description A page-level layout: everything inside sees `theme.layout` with the page's
- * values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
- * derives the theme from the one around it and changes nothing else, so colours, light/dark
- * switching and every other token stay the app theme's. Nested providers stack.
- */
-declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderProps>): import("react").JSX.Element;
-/**
- * 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]>;
-/**
- * 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;
-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>;
-declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
-  theme: Theme;
-}>): (props: P) => import("react").JSX.Element;
-export { LayoutProvider as a, themeDefault as i, useDefaultProps as n, LayoutProviderProps as o, useTheme as r, ThemeProvider as s, withTheme as t };

package/dist/index-CykbbqeN.d.cts

@@ -1,33 +0,0 @@
-import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
-import { i as MenuItemRole } from "./index-d5jm3kxO.cjs";
-import { KeyboardEvent, MouseEvent, ReactNode } from "react";
-/** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
-interface MenuItemRowData {
-  value?: MenuItemValue;
-  label: ReactNode;
-  role?: MenuItemRole;
-  selected?: boolean;
-  disabled?: boolean;
-  startIcon?: ReactNode;
-  shortcut?: ReactNode;
-  note?: string;
-  onClick?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
-  /** The rows of this row's submenu; `null` or `[]` is an empty one. */
-  submenu?: MenuItemData[] | null;
-  emptyLabel?: ReactNode;
-}
-/** A divider between groups of rows. */
-interface MenuDividerData {
-  type: 'divider';
-}
-type MenuItemData = MenuItemRowData | MenuDividerData;
-interface MenuItemsProps {
-  items: readonly MenuItemData[];
-}
-/**
- * @description Menu rows from data: each entry a `MenuItem` (its label as `label`, its
- * submenu as more entries) or `{ type: 'divider' }`. It renders the same rows JSX children
- * would, so the two behave alike - inside a `MenuList`, a `Menu` or a `ContextMenu`.
- */
-declare function MenuItems({ items }: Readonly<MenuItemsProps>): import("react").JSX.Element[];
-export { MenuItemsProps as a, MenuItems as i, MenuItemData as n, MenuItemRowData as r, MenuDividerData as t };

package/dist/index-Dh_9qMhj.d.mts

@@ -1,34 +0,0 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-Dk84FQFT.mjs";
-import { ReactNode } from "react";
-type CollapseOrientation = 'vertical' | 'horizontal';
-interface CollapseProps extends TransitionCallbacks {
-  /** What opens and closes. */
-  children?: ReactNode;
-  /** Whether it is open. Default: `false`. */
-  isShown?: boolean;
-  /** Moves on the first render too, when open. Default: `true`. */
-  shouldAppear?: boolean;
-  /** Keeps the content out of the tree until it is first opened. Default: `false`. */
-  shouldMountOnEnter?: boolean;
-  /** Takes the content out of the tree once it is closed. Default: `false`. */
-  shouldUnmountOnExit?: boolean;
-  /** How long it takes in milliseconds, open or closed. Default: `theme.transitions.duration.standard`. */
-  timeout?: TransitionTimeout;
-  /** Which of `theme.transitions.easing` it moves by. Default: `'standard'`. */
-  easing?: keyof Theme['transitions']['easing'];
-  /** The height - or, horizontal, the width - it keeps when closed. Default: `0`. */
-  collapsedSize?: string | number;
-  /** Which way it opens. Default: `'vertical'`. */
-  orientation?: CollapseOrientation;
-  className?: string;
-  'data-testid'?: string;
-}
-/**
- * @description Opens and closes its content by its height - or, horizontal, its width. The size
- * it moves to is measured from the content, and left to the content once it is open, so content
- * that grows keeps showing. Closed, it keeps `collapsedSize` and is hidden when that is nothing.
- * A user who asked for less motion sees it change at once.
- */
-declare function Collapse({ children, isShown, shouldAppear: shouldAppearProp, shouldMountOnEnter, shouldUnmountOnExit, timeout: timeoutProp, easing: easingProp, collapsedSize: collapsedSizeProp, orientation: orientationProp, onEnter, onEntering, onEntered, onExit, onExiting, onExited, className, 'data-testid': dataTestid }: Readonly<CollapseProps>): import("react").JSX.Element | null;
-export { CollapseOrientation as n, CollapseProps as r, Collapse as t };

package/dist/index-DiQHPHUv.d.cts

@@ -1,44 +0,0 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
-import { AriaAttributes, KeyboardEvent, ReactNode } from "react";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
-  /** `MenuItem` rows and `MenuDivider`s. */
-  children?: ReactNode;
-  /** Fired with a row's `value` when a row that has one is chosen. */
-  onSelect?: (value: MenuItemValue) => void;
-  /** Carry the arrow keys past the last row to the first, and back. Default: `true`. */
-  shouldWrap?: boolean;
-  /** Focus the selected row, or the first enabled one, on mount. Default: `false`. */
-  shouldAutoFocus?: boolean;
-  /** Accent color for every row - resolves to `theme.palette[color]`. A row's own value wins. */
-  color?: keyof Theme['palette'];
-  /** Base text color for every row - resolves against `theme.text`. A row's own value wins. */
-  textColor?: keyof Theme['text'];
-  /** Density token for every row - resolves against `theme.sizes`. A row's own value wins. */
-  size?: keyof Theme['sizes'];
-  /** Compact vertical padding for every row. */
-  dense?: boolean;
-  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
-  id?: string;
-  className?: string;
-  'aria-label'?: string;
-  'aria-labelledby'?: string;
-  'data-testid'?: string;
-}
-/**
- * What an app may put on the `role="menu"` list a `Menu` or a `ContextMenu` renders, through
- * `slotProps.list`: its marks (`data-*`), class, `aria-*` and an `onKeyDown`, which runs before the
- * list's own. The list's `role`, `id` and name are the menu's, and win.
- */
-type MenuListSlotProps = Pick<MenuListProps, 'className' | 'data-testid' | 'onKeyDown'> & Omit<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
-  [name: `data-${string}`]: string | number | boolean | undefined;
-};
-/**
- * @description A `role="menu"` list that owns the keyboard: the arrow keys, Home and End
- * move focus between its own rows, skipping disabled ones; typing jumps to a row by its
- * label. Rows are found in the DOM by their nearest `role="menu"`, so a nested submenu's
- * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
- */
-declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
-export { MenuListProps as n, MenuListSlotProps as r, MenuList as t };

package/dist/index-UloRwym_.d.cts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-interface PortalProps {
-  /** Content to render into the container. */
-  children: ReactNode;
-  /** Target node, or a function returning one. Defaults to `document.body`. */
-  container?: HTMLElement | (() => HTMLElement | null) | null;
-}
-/**
- * Renders its children into a DOM node outside the parent hierarchy (the document
- * body by default). Resolves the container synchronously during render, so the
- * portaled content mounts in the same commit - consumers like Modal can rely on
- * their root ref being attached before their effects run. Renders nothing during
- * server rendering.
- */
-declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;
-export { PortalProps as n, Portal as t };

package/dist/index-YxsjfTkO.d.cts

@@ -1,29 +0,0 @@
-import { a as PaginationItemSize } from "./index-CwWM6Xfz.cjs";
-import "./index-BhWBXIkH.cjs";
-import { HTMLAttributes } from "react";
-type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
-interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
-  /** Total number of rows; `-1` = unknown (server-side pagination). */
-  count: number;
-  /** Zero-based current page. */
-  page: number;
-  /** Rows per page; `-1` = all rows. */
-  rowsPerPage: number;
-  /** Fired with the target zero-based page. */
-  onPageChange: (page: number) => void;
-  /** Accessible name per nav button - important for screen readers. */
-  getItemAriaLabel: (type: TablePaginationActionType) => string;
-  /** Disables all buttons. Default: `false`. */
-  disabled?: boolean;
-  shouldShowFirstButton?: boolean;
-  shouldShowLastButton?: boolean;
-  /** Button density - resolves against `theme.sizes`. Default: `'sm'`. */
-  size?: PaginationItemSize;
-}
-/**
- * The first / previous / next / last button cluster inside `TablePagination`.
- * Composes `PaginationItem`'s nav types; boundary state is derived from
- * `count` / `page` / `rowsPerPage`.
- */
-declare function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled, shouldShowFirstButton, shouldShowLastButton, size: sizeProp, ...rest }: Readonly<TablePaginationActionsProps>): import("react").JSX.Element;
-export { TablePaginationActions as n, TablePaginationActionsProps as r, TablePaginationActionType as t };

package/dist/index-fwRQcB91.d.cts

@@ -1 +0,0 @@
-import "./index-CK-uaK5U.cjs";

package/dist/index-qgFJF8n2.d.cts

@@ -1,32 +0,0 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { MouseEvent, ReactNode } from "react";
-/** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
-type TabScrollDirection = 'start' | 'end';
-interface TabScrollButtonProps {
-  /** Which way it scrolls the row: towards its start, or its end. */
-  direction: TabScrollDirection;
-  /** The row's orientation. Default: its `Tabs`', else `'horizontal'`. */
-  orientation?: 'horizontal' | 'vertical';
-  /** There is nowhere further to scroll this way - kept, but off. */
-  disabled?: boolean;
-  /** There is nowhere further to scroll this way - hidden, keeping its room. */
-  isHidden?: boolean;
-  /** Its stretch of an enclosed row's divider - resolves to `theme.palette`. Default: the row's line, the selected tab's color. */
-  color?: keyof Theme['palette'];
-  /** The chevron's color - resolves against `theme.text`. Default: its `Tabs`' `textColor`, else `'primary'`. */
-  textColor?: keyof Theme['text'];
-  /** Fired when it is pressed. In a `Tabs`, it scrolls the row by its visible size. */
-  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-  /** What it shows. Default: a chevron pointing the way it scrolls. */
-  children?: ReactNode;
-  className?: string;
-  'data-testid'?: string;
-}
-/**
- * @description The button that scrolls a row of tabs - a `Tabs` shows one at each end while its
- * tabs overflow (`overflowBehavior="scroll"`). Out of the tab order and hidden from assistive
- * technology: the arrow keys already reach every tab. A `Tabs` takes another in its place with
- * `slots={{ scrollButton }}`, given these same props.
- */
-declare function TabScrollButton({ direction, orientation, disabled, isHidden, color: colorProp, textColor: textColorProp, onClick, children, className, 'data-testid': dataTestid }: Readonly<TabScrollButtonProps>): import("react").JSX.Element;
-export { TabScrollButtonProps as n, TabScrollDirection as r, TabScrollButton as t };

package/dist/{useTransitionChild-COlRozbU.cjs → useTransitionChild-B2W_GM3m.cjs}

@@ -1,6 +1,6 @@
+const require_useMergedRefs = require("./useMergedRefs-BtctsnmX.cjs");
 const require_theme = require("./theme-XJvMdOnY.cjs");
 const require_useTransition = require("./useTransition-B0V2fAq5.cjs");
-const require_useMergedRefs = require("./useMergedRefs-BtctsnmX.cjs");
 let react = require("react");
 // src/utils/useTransitionChild.ts
 const chain = (own, given) => (node) => {