styled-components 6.3.1 → 6.3.3

package/dist/base.d.ts

@@ -0,0 +1,12 @@
+import { SC_VERSION } from './constants';
+import createGlobalStyle from './constructors/createGlobalStyle';
+import css from './constructors/css';
+import keyframes from './constructors/keyframes';
+import withTheme from './hoc/withTheme';
+import ServerStyleSheet from './models/ServerStyleSheet';
+import { IStyleSheetContext, IStyleSheetManager, IStylisContext, StyleSheetConsumer, StyleSheetContext, StyleSheetManager } from './models/StyleSheetManager';
+import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from './models/ThemeProvider';
+import isStyledComponent from './utils/isStyledComponent';
+export * from './secretInternals';
+export { Attrs, DefaultTheme, ShouldForwardProp } from './types';
+export { IStyleSheetContext, IStyleSheetManager, IStylisContext, ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, createGlobalStyle, css, isStyledComponent, keyframes, useTheme, SC_VERSION as version, withTheme, };

package/dist/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const SC_ATTR: string;
+export declare const SC_ATTR_ACTIVE = "active";
+export declare const SC_ATTR_VERSION = "data-styled-version";
+export declare const SC_VERSION: string;
+export declare const SPLITTER = "/*!sc*/\n";
+export declare const IS_BROWSER: boolean;
+/**
+ * Detect if we're running in a React Server Component environment.
+ * RSC environments lack createContext, making this a reliable indicator.
+ */
+export declare const IS_RSC: boolean;
+export declare const DISABLE_SPEEDY: boolean;
+export declare const STATIC_EXECUTION_CONTEXT: {};

package/dist/constructors/constructWithOptions.d.ts

@@ -0,0 +1,17 @@
+import { Attrs, BaseObject, ExecutionProps, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, NoInfer, Runtime, StyledOptions, StyledTarget, Styles, Substitute } from '../types';
+type AttrsResult<T extends Attrs<any>> = T extends (...args: any) => infer P ? P extends object ? P : never : T extends object ? T : never;
+/**
+ * Based on Attrs being a simple object or function that returns
+ * a prop object, inspect the attrs result and attempt to extract
+ * any "as" prop usage to modify the runtime target.
+ */
+type AttrsTarget<R extends Runtime, T extends Attrs<any>, FallbackTarget extends StyledTarget<R>, Result extends ExecutionProps = AttrsResult<T>> = Result extends {
+    as: infer RuntimeTarget;
+} ? RuntimeTarget extends KnownTarget ? RuntimeTarget : FallbackTarget : FallbackTarget;
+export interface Styled<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = BaseObject> {
+    <Props extends object = BaseObject, Statics extends object = BaseObject>(initialStyles: Styles<Substitute<OuterProps, NoInfer<Props>>>, ...interpolations: Interpolation<Substitute<OuterProps, NoInfer<Props>>>[]): IStyledComponent<R, Substitute<OuterProps, Props>> & OuterStatics & Statics & (R extends 'web' ? Target extends string ? {} : Omit<Target, keyof React.Component<any>> : {});
+    attrs: <Props extends object = BaseObject, PrivateMergedProps extends object = Substitute<OuterProps, Props>, PrivateAttrsArg extends Attrs<PrivateMergedProps> = Attrs<PrivateMergedProps>, PrivateResolvedTarget extends StyledTarget<R> = AttrsTarget<R, PrivateAttrsArg, Target>>(attrs: PrivateAttrsArg) => Styled<R, PrivateResolvedTarget, PrivateResolvedTarget extends KnownTarget ? Substitute<Substitute<OuterProps, React.ComponentPropsWithRef<PrivateResolvedTarget>>, Props> : PrivateMergedProps, OuterStatics>;
+    withConfig: (config: StyledOptions<R, OuterProps>) => Styled<R, Target, OuterProps, OuterStatics>;
+}
+export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : BaseObject, OuterStatics extends object = BaseObject>(componentConstructor: IStyledComponentFactory<R, StyledTarget<R>, object, any>, tag: StyledTarget<R>, options?: StyledOptions<R, OuterProps>): Styled<R, Target, OuterProps, OuterStatics>;
+export {};

package/dist/constructors/createGlobalStyle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ExecutionProps, Interpolation, Styles } from '../types';
+export default function createGlobalStyle<Props extends object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExecutionProps & Props>;

package/dist/constructors/css.d.ts

@@ -0,0 +1,4 @@
+import { Interpolation, NoInfer, RuleSet, Styles } from '../types';
+declare function css(styles: Styles<object>, ...interpolations: Interpolation<object>[]): RuleSet<object>;
+declare function css<Props extends object>(styles: Styles<NoInfer<Props>>, ...interpolations: Interpolation<NoInfer<Props>>[]): RuleSet<NoInfer<Props>>;
+export default css;

package/dist/constructors/keyframes.d.ts

@@ -0,0 +1,3 @@
+import Keyframes from '../models/Keyframes';
+import { Interpolation, Styles } from '../types';
+export default function keyframes<Props extends object = {}>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes;

package/dist/constructors/styled.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BaseObject, KnownTarget, WebTarget } from '../types';
+import { SupportedHTMLElements } from '../utils/domElements';
+import { Styled as StyledInstance } from './constructWithOptions';
+declare const baseStyled: <Target extends WebTarget, InjectedProps extends object = BaseObject>(tag: Target) => StyledInstance<"web", Target, Target extends KnownTarget ? React.ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, BaseObject>;
+declare const styled: typeof baseStyled & { [E in SupportedHTMLElements]: StyledInstance<"web", E, React.JSX.IntrinsicElements[E]>; };
+export default styled;
+export { StyledInstance };
+/**
+ * This is the type of the `styled` HOC.
+ */
+export type Styled = typeof styled;
+/**
+ * Use this higher-order type for scenarios where you are wrapping `styled`
+ * and providing extra props as a third-party library.
+ */
+export type LibraryStyled<LibraryProps extends object = BaseObject> = <Target extends WebTarget>(tag: Target) => typeof baseStyled<Target, LibraryProps>;

package/dist/hoc/withTheme.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AnyComponent, ExecutionProps } from '../types';
+import { NonReactStatics } from '../utils/hoist';
+export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithRef<T> & ExecutionProps> & React.RefAttributes<T>> & NonReactStatics<T>;

package/dist/index-standalone.d.ts

@@ -0,0 +1,2 @@
+import styled from './constructors/styled';
+export default styled;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import styled, { LibraryStyled, Styled, StyledInstance } from './constructors/styled';
+export * from './base';
+export { CSSKeyframes, CSSObject, CSSProp, CSSProperties, CSSPseudos, DataAttributes, DefaultTheme, ExecutionContext, ExecutionProps, FastOmit, Interpolation, IStyledComponent, IStyledComponentFactory, IStyledStatics, PolymorphicComponent, PolymorphicComponentProps, RuleSet, Runtime, StyledObject, StyledOptions, StyleFunction, SupportedHTMLElements, WebTarget, } from './types';
+export { styled as default, LibraryStyled, Styled, styled, StyledInstance };

package/dist/models/ComponentStyle.d.ts

@@ -0,0 +1,18 @@
+import StyleSheet from '../sheet';
+import { ExecutionContext, RuleSet, Stringifier } from '../types';
+/**
+ * ComponentStyle is all the CSS-specific stuff, not the React-specific stuff.
+ */
+export default class ComponentStyle {
+    baseHash: number;
+    baseStyle: ComponentStyle | null | undefined;
+    componentId: string;
+    isStatic: boolean;
+    rules: RuleSet<any>;
+    staticRulesId: string;
+    constructor(rules: RuleSet<any>, componentId: string, baseStyle?: ComponentStyle | undefined);
+    generateAndInjectStyles(executionContext: ExecutionContext, styleSheet: StyleSheet, stylis: Stringifier): {
+        className: string;
+        css: string;
+    };
+}

package/dist/models/GlobalStyle.d.ts

@@ -0,0 +1,11 @@
+import StyleSheet from '../sheet';
+import { ExecutionContext, RuleSet, Stringifier } from '../types';
+export default class GlobalStyle<Props extends object> {
+    componentId: string;
+    isStatic: boolean;
+    rules: RuleSet<Props>;
+    constructor(rules: RuleSet<Props>, componentId: string);
+    createStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
+    removeStyles(instance: number, styleSheet: StyleSheet): void;
+    renderStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
+}

package/dist/models/InlineStyle.d.ts

@@ -0,0 +1,7 @@
+import { IInlineStyleConstructor, StyleSheet } from '../types';
+export declare const RN_UNSUPPORTED_VALUES: string[];
+export declare const resetStyleCache: () => void;
+/**
+ * InlineStyle takes arbitrary CSS and generates a flat object
+ */
+export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>;

package/dist/models/Keyframes.d.ts

@@ -0,0 +1,10 @@
+import StyleSheet from '../sheet';
+import { Keyframes as KeyframesType, Stringifier } from '../types';
+export default class Keyframes implements KeyframesType {
+    id: string;
+    name: string;
+    rules: string;
+    constructor(name: string, rules: string);
+    inject: (styleSheet: StyleSheet, stylisInstance?: Stringifier) => void;
+    getName(stylisInstance?: Stringifier): string;
+}

package/dist/models/ServerStyleSheet.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type PipeableStream } from 'react-dom/server';
+import type * as streamInternal from 'stream';
+import StyleSheet from '../sheet';
+export default class ServerStyleSheet {
+    instance: StyleSheet;
+    sealed: boolean;
+    constructor();
+    _emitSheetCSS: () => string;
+    collectStyles(children: any): React.JSX.Element;
+    getStyleTags: () => string;
+    getStyleElement: () => React.JSX.Element[];
+    interleaveWithNodeStream(input: NodeJS.ReadableStream | PipeableStream): streamInternal.Transform;
+    seal: () => void;
+}

package/dist/models/StyleSheetManager.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import type stylis from 'stylis';
+import StyleSheet from '../sheet';
+import { InsertionTarget, ShouldForwardProp, Stringifier } from '../types';
+export declare const mainSheet: StyleSheet;
+export declare const mainStylis: Stringifier;
+export type IStyleSheetContext = {
+    shouldForwardProp?: ShouldForwardProp<'web'> | undefined;
+    styleSheet: StyleSheet;
+    stylis: Stringifier;
+};
+export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
+export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
+export type IStylisContext = Stringifier | void;
+export declare const StylisContext: React.Context<IStylisContext>;
+export declare const StylisConsumer: React.Consumer<IStylisContext>;
+export declare function useStyleSheetContext(): IStyleSheetContext;
+export type IStyleSheetManager = React.PropsWithChildren<{
+    /**
+     * If desired, you can pass this prop to disable "speedy" insertion mode, which
+     * uses the browser [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet).
+     * When disabled, rules are inserted as simple text into style blocks.
+     */
+    disableCSSOMInjection?: undefined | boolean;
+    /**
+     * If you are working exclusively with modern browsers, vendor prefixes can often be omitted
+     * to reduce the weight of CSS on the page.
+     */
+    enableVendorPrefixes?: undefined | boolean;
+    /**
+     * Provide an optional selector to be prepended to all generated style rules.
+     */
+    namespace?: undefined | string;
+    /**
+     * Create and provide your own `StyleSheet` if necessary for advanced SSR scenarios.
+     */
+    sheet?: undefined | StyleSheet;
+    /**
+     * Starting in v6, styled-components no longer does its own prop validation
+     * and recommends use of transient props "$prop" to pass style-only props to
+     * components. If for some reason you are not able to use transient props, a
+     * prop validation function can be provided via `StyleSheetManager`, such as
+     * `@emotion/is-prop-valid`.
+     *
+     * When the return value is `true`, props will be forwarded to the DOM/underlying
+     * component. If return value is `false`, the prop will be discarded after styles
+     * are calculated.
+     *
+     * Manually composing `styled.{element}.withConfig({shouldForwardProp})` will
+     * override this default.
+     */
+    shouldForwardProp?: undefined | IStyleSheetContext['shouldForwardProp'];
+    /**
+     * An array of plugins to be run by stylis (style processor) during compilation.
+     * Check out [what's available on npm*](https://www.npmjs.com/search?q=keywords%3Astylis).
+     *
+     * \* The plugin(s) must be compatible with stylis v4 or above.
+     */
+    stylisPlugins?: undefined | stylis.Middleware[];
+    /**
+     * Provide an alternate DOM node to host generated styles; useful for iframes.
+     */
+    target?: undefined | InsertionTarget;
+}>;
+export declare function StyleSheetManager(props: IStyleSheetManager): React.JSX.Element;

package/dist/models/StyledComponent.d.ts

@@ -0,0 +1,3 @@
+import type { BaseObject, IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
+declare function createStyledComponent<Target extends WebTarget, OuterProps extends BaseObject, Statics extends BaseObject = BaseObject>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
+export default createStyledComponent;

package/dist/models/StyledNativeComponent.d.ts

@@ -0,0 +1,3 @@
+import type { BaseObject, ExecutionProps, IInlineStyleConstructor, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
+declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = BaseObject>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => ReturnType<IStyledComponentFactory<"native", Target, OuterProps, Statics>>;
+export default _default;

package/dist/models/ThemeProvider.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+type DefaultThemeAsObject<T = object> = Record<keyof T, any>;
+/**
+ * Override DefaultTheme to get accurate typings for your project.
+ *
+ * ```
+ * // create styled-components.d.ts in your project source
+ * // if it isn't being picked up, check tsconfig compilerOptions.types
+ * import type { CSSProp } from "styled-components";
+ * import Theme from './theme';
+ *
+ * type ThemeType = typeof Theme;
+ *
+ * declare module "styled-components" {
+ *  export interface DefaultTheme extends ThemeType {}
+ * }
+ *
+ * declare module "react" {
+ *  interface DOMAttributes<T> {
+ *    css?: CSSProp;
+ *  }
+ * }
+ * ```
+ */
+export interface DefaultTheme extends DefaultThemeAsObject {
+}
+type ThemeFn = (outerTheme?: DefaultTheme | undefined) => DefaultTheme;
+type ThemeArgument = DefaultTheme | ThemeFn;
+type Props = {
+    children?: React.ReactNode;
+    theme: ThemeArgument;
+};
+export declare const ThemeContext: React.Context<DefaultTheme | undefined>;
+export declare const ThemeConsumer: React.Consumer<DefaultTheme | undefined>;
+/**
+ * Returns the current theme (as provided by the closest ancestor `ThemeProvider`.)
+ *
+ * If no `ThemeProvider` is found, the function will error. If you need access to the theme in an
+ * uncertain composition scenario, `React.useContext(ThemeContext)` will not emit an error if there
+ * is no `ThemeProvider` ancestor.
+ */
+export declare function useTheme(): DefaultTheme;
+/**
+ * Provide a theme to an entire react component tree via context
+ */
+export default function ThemeProvider(props: Props): React.JSX.Element | null;
+export {};

package/dist/native/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Styled } from '../constructors/constructWithOptions';
+import css from '../constructors/css';
+import withTheme from '../hoc/withTheme';
+import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from '../models/ThemeProvider';
+import { NativeTarget, RuleSet } from '../types';
+import isStyledComponent from '../utils/isStyledComponent';
+declare const reactNative: Awaited<typeof import("react-native")>;
+declare const baseStyled: <Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>;
+declare const aliases: readonly ["ActivityIndicator", "Button", "DatePickerIOS", "DrawerLayoutAndroid", "FlatList", "Image", "ImageBackground", "KeyboardAvoidingView", "Modal", "Pressable", "ProgressBarAndroid", "ProgressViewIOS", "RefreshControl", "SafeAreaView", "ScrollView", "SectionList", "Slider", "Switch", "Text", "TextInput", "TouchableHighlight", "TouchableOpacity", "View", "VirtualizedList"];
+type KnownComponents = (typeof aliases)[number];
+/** Isolates RN-provided components since they don't expose a helper type for this. */
+type RNComponents = {
+    [K in keyof typeof reactNative]: (typeof reactNative)[K] extends React.ComponentType<any> ? (typeof reactNative)[K] : never;
+};
+declare const styled: typeof baseStyled & { [E in KnownComponents]: Styled<"native", RNComponents[E], React.ComponentProps<RNComponents[E]>>; };
+declare const toStyleSheet: (rules: RuleSet<object>) => import("css-to-react-native").Style;
+export { CSSKeyframes, CSSObject, CSSProperties, CSSPseudos, DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, PolymorphicComponent, PolymorphicComponentProps, Runtime, StyledObject, StyledOptions, } from '../types';
+export { css, styled as default, isStyledComponent, styled, ThemeConsumer, ThemeContext, ThemeProvider, toStyleSheet, useTheme, withTheme, };

package/dist/secretInternals.d.ts

@@ -0,0 +1,5 @@
+import StyleSheet from './sheet';
+export declare const __PRIVATE__: {
+    StyleSheet: typeof StyleSheet;
+    mainSheet: StyleSheet;
+};

package/dist/sheet/GroupIDAllocator.d.ts

@@ -0,0 +1,4 @@
+export declare const resetGroupIds: () => void;
+export declare const getGroupForId: (id: string) => number;
+export declare const getIdForGroup: (group: number) => void | string;
+export declare const setGroupForId: (id: string, group: number) => void;

package/dist/sheet/GroupedTag.d.ts

@@ -0,0 +1,11 @@
+import { Tag } from './types';
+/** Create a GroupedTag with an underlying Tag implementation */
+export declare const makeGroupedTag: (tag: Tag) => {
+    groupSizes: Uint32Array;
+    length: number;
+    tag: Tag;
+    indexOfGroup(group: number): number;
+    insertRules(group: number, rules: string[]): void;
+    clearGroup(group: number): void;
+    getGroup(group: number): string;
+};

package/dist/sheet/Rehydration.d.ts

@@ -0,0 +1,3 @@
+import { Sheet } from './types';
+export declare const outputSheet: (sheet: Sheet) => string;
+export declare const rehydrateSheet: (sheet: Sheet) => void;

package/dist/sheet/Sheet.d.ts

@@ -0,0 +1,40 @@
+import { InsertionTarget } from '../types';
+import { GroupedTag, Sheet, SheetOptions } from './types';
+type SheetConstructorArgs = {
+    isServer?: boolean;
+    useCSSOMInjection?: boolean;
+    target?: InsertionTarget | undefined;
+};
+type GlobalStylesAllocationMap = {
+    [key: string]: number;
+};
+type NamesAllocationMap = Map<string, Set<string>>;
+/** Contains the main stylesheet logic for stringification and caching */
+export default class StyleSheet implements Sheet {
+    gs: GlobalStylesAllocationMap;
+    names: NamesAllocationMap;
+    options: SheetOptions;
+    server: boolean;
+    tag?: GroupedTag | undefined;
+    /** Register a group ID to give it an index */
+    static registerId(id: string): number;
+    constructor(options?: SheetConstructorArgs, globalStyles?: GlobalStylesAllocationMap, names?: NamesAllocationMap | undefined);
+    rehydrate(): void;
+    reconstructWithOptions(options: SheetConstructorArgs, withNames?: boolean): StyleSheet;
+    allocateGSInstance(id: string): number;
+    /** Lazily initialises a GroupedTag for when it's actually needed */
+    getTag(): GroupedTag;
+    /** Check whether a name is known for caching */
+    hasNameForId(id: string, name: string): boolean;
+    /** Mark a group's name as known for caching */
+    registerName(id: string, name: string): void;
+    /** Insert new rules which also marks the name as known */
+    insertRules(id: string, name: string, rules: string | string[]): void;
+    /** Clears all cached names for a given group ID */
+    clearNames(id: string): void;
+    /** Clears all rules for a given group ID */
+    clearRules(id: string): void;
+    /** Clears the entire tag which deletes all rules but not its names */
+    clearTag(): void;
+}
+export {};

package/dist/sheet/Tag.d.ts

@@ -0,0 +1,55 @@
+import { InsertionTarget } from '../types';
+import { SheetOptions } from './types';
+/** Create a CSSStyleSheet-like tag depending on the environment */
+export declare const makeTag: ({ isServer, useCSSOMInjection, target }: SheetOptions) => {
+    rules: string[];
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+} | {
+    element: HTMLStyleElement;
+    sheet: CSSStyleSheet;
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+} | {
+    element: HTMLStyleElement;
+    nodes: NodeListOf<Node>;
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+};
+export declare const CSSOMTag: {
+    new (target?: InsertionTarget | undefined): {
+        element: HTMLStyleElement;
+        sheet: CSSStyleSheet;
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};
+/** A Tag that emulates the CSSStyleSheet API but uses text nodes */
+export declare const TextTag: {
+    new (target?: InsertionTarget | undefined): {
+        element: HTMLStyleElement;
+        nodes: NodeListOf<Node>;
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};
+/** A completely virtual (server-side) Tag that doesn't manipulate the DOM */
+export declare const VirtualTag: {
+    new (_target?: InsertionTarget | undefined): {
+        rules: string[];
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};

package/dist/sheet/dom.d.ts

@@ -0,0 +1,5 @@
+import { InsertionTarget } from '../types';
+/** Create a style element inside `target` or <head> after the last */
+export declare const makeStyleTag: (target?: InsertionTarget | undefined) => HTMLStyleElement;
+/** Get the CSSStyleSheet instance for a given style element */
+export declare const getSheet: (tag: HTMLStyleElement) => CSSStyleSheet;

package/dist/sheet/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Sheet';

package/dist/sheet/types.d.ts

@@ -0,0 +1,36 @@
+import { InsertionTarget } from '../types';
+/** CSSStyleSheet-like Tag abstraction for CSS rules */
+export interface Tag {
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+    length: number;
+}
+/** Group-aware Tag that sorts rules by indices */
+export interface GroupedTag {
+    clearGroup(group: number): void;
+    getGroup(group: number): string;
+    groupSizes: Uint32Array;
+    insertRules(group: number, rules: string | string[]): void;
+    length: number;
+    tag: Tag;
+}
+export type SheetOptions = {
+    isServer: boolean;
+    target?: InsertionTarget | undefined;
+    useCSSOMInjection: boolean;
+};
+export interface Sheet {
+    allocateGSInstance(id: string): number;
+    clearNames(id: string): void;
+    clearRules(id: string): void;
+    clearTag(): void;
+    getTag(): GroupedTag;
+    hasNameForId(id: string, name: string): boolean;
+    insertRules(id: string, name: string, rules: string | string[]): void;
+    options: SheetOptions;
+    names: Map<string, Set<string>>;
+    registerName(id: string, name: string): void;
+    rehydrate(): void;
+    toString(): string;
+}