santosp-rslib-project 1.0.1 → 1.0.3

package/dist/components/button.d.ts

@@ -1,4 +1,5 @@
-import { type ButtonRecipeVariantProps } from '../../styled-system/recipes';
+import React from 'react';
+import { type ButtonRecipeVariantProps } from '../styled-system/recipes';
 export interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'>, ButtonRecipeVariantProps {
     children?: React.ReactNode;
     className?: string;

package/dist/components/button.stories.d.ts

@@ -28,7 +28,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: string[];
+            options: ("solid" | "outline" | "ghost")[];
         };
         size: {
             control: {
@@ -40,7 +40,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: string[];
+            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
         };
     };
 };

package/dist/components/flex.d.ts

@@ -1,16 +1,16 @@
-import type { ReactNode } from 'react';
-import { type FlexProperties } from '../../styled-system/patterns';
+import React from 'react';
+import { type FlexProperties } from '../styled-system/patterns';
 /**
  * Flex component props.
  *
- * @property {ReactNode} [children] - Text node children.
+ * @property {React.ReactNode} [children] - Text node children.
  * @property {string} [className] - Additional CSS classes.
  */
 export interface FlexProps extends FlexProperties {
     /**
      * Text node children.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Additional CSS classes.
      */

package/dist/components/grid.d.ts

@@ -1,16 +1,16 @@
-import type { ReactNode } from 'react';
-import { type GridProperties, type GridItemProperties } from '../../styled-system/patterns';
+import React from 'react';
+import { type GridProperties, type GridItemProperties } from '../styled-system/patterns';
 /**
  * Grid component props.
  *
- * @property {ReactNode} [children] - Text node children.
+ * @property {React.ReactNode} [children] - Text node children.
  * @property {string} [className] - Additional CSS classes.
  */
 export interface GridProps extends GridProperties {
     /**
      * Text node children.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Additional CSS classes.
      */
@@ -19,14 +19,14 @@ export interface GridProps extends GridProperties {
 /**
  * Grid item component props.
  *
- * @property {ReactNode} [children] - Text node children.
+ * @property {React.ReactNode} [children] - Text node children.
  * @property {string} [className] - Additional CSS classes.
  */
 export interface GridItemProps extends GridItemProperties {
     /**
      * Text node children.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Additional CSS classes.
      */

package/dist/components/link.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
-import { type LinkRecipeVariantProps } from '../../styled-system/recipes';
+import React from 'react';
+import { type LinkRecipeVariantProps } from '../styled-system/recipes';
 /**
  * Link component props.
  *
  * @property {string} [className] - Additional CSS classes.
- * @property {ReactNode} [children] - Text node children.
+ * @property {React.ReactNode} [children] - Text node children.
  * @property {string} href - Link href attribute.
  * @property {ReactNode} [leftIcon] - Left icon element.
  * @property {ReactNode} [rightIcon] - Right icon element.
@@ -17,7 +17,7 @@ export interface LinkProps extends LinkRecipeVariantProps, Omit<React.ComponentP
     /**
      * Text node children.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Link href attribute.
      */
@@ -25,10 +25,10 @@ export interface LinkProps extends LinkRecipeVariantProps, Omit<React.ComponentP
     /**
      * Left icon element.
      */
-    leftIcon?: ReactNode;
+    leftIcon?: React.ReactNode;
     /**
      * Right icon element.
      */
-    rightIcon?: ReactNode;
+    rightIcon?: React.ReactNode;
 }
 export declare const Link: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/link.stories.d.ts

@@ -18,7 +18,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: string[];
+            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
         };
     };
 };

package/dist/components/text.d.ts

@@ -1,9 +1,9 @@
-import type { ReactNode } from 'react';
-import { type TextRecipeVariantProps } from '../../styled-system/recipes';
+import React from 'react';
+import { type TextRecipeVariantProps } from '../styled-system/recipes';
 /**
  * Text component props.
  *
- * @property {ReactNode} [children] - Text node children.
+ * @property {React.ReactNode} [children] - Text node children.
  * @property {string} [className] - Additional CSS classes.
  * @property {'h1'|'h2'|'h3'|'h4'|'h5'|'h6'} [tag=h1] - HTML tag name.
  */
@@ -11,7 +11,7 @@ export interface TextProps extends TextRecipeVariantProps, Omit<React.ComponentP
     /**
      * Text node children.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Additional CSS classes.
      */

package/dist/components/text.stories.d.ts

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react';
 import { type TextProps } from './text';
-import { type FontSizeToken } from '../../styled-system/tokens';
 declare const meta: {
     title: string;
     component: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
@@ -29,13 +28,13 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: FontSizeToken[];
+            options: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "sm" | "md" | "lg" | "xxs" | "xs")[];
         };
         color: {
             control: {
                 type: "select";
             };
-            options: string[];
+            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
         };
     };
 };

package/dist/index.js

@@ -1,7 +1,6 @@
 /*! For license information please see index.js.LICENSE.txt */
 import * as __rspack_external_react from "react";
 import { __webpack_require__ } from "./rslib-runtime.js";
-import clsx from "clsx";
 __webpack_require__.add({
     "./node_modules/react/cjs/react-jsx-runtime.development.js" (__unused_rspack_module, exports, __webpack_require__) {
         /**
@@ -835,13 +834,28 @@ const buttonRecipe = /* @__PURE__ */ Object.assign(helpers_memo(buttonRecipeFn.r
     },
     getVariantProps: buttonRecipeFn.getVariantProps
 });
+function clsx_r(e) {
+    var t, f, n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;
+    else if ("object" == typeof e) if (Array.isArray(e)) {
+        var o = e.length;
+        for(t = 0; t < o; t++)e[t] && (f = clsx_r(e[t])) && (n && (n += " "), n += f);
+    } else for(f in e)e[f] && (n && (n += " "), n += f);
+    return n;
+}
+function clsx() {
+    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = clsx_r(e)) && (n && (n += " "), n += t);
+    return n;
+}
+const dist_clsx = clsx;
 const jsx_runtime = __webpack_require__("./node_modules/react/jsx-runtime.js");
+__webpack_require__("react");
 const Button = (props)=>{
     const { children, type = 'button', className, rightIcon, leftIcon, color, icon, size, variant, ...rest } = props;
     return /*#__PURE__*/ (0, jsx_runtime.jsxs)("button", {
         ...rest,
         type: type,
-        className: clsx(buttonRecipe({
+        className: dist_clsx(buttonRecipe({
             color,
             icon,
             size,
@@ -859,7 +873,7 @@ const Text = (props)=>{
     const Tag = tag;
     return /*#__PURE__*/ (0, jsx_runtime.jsx)(Tag, {
         ...rest,
-        className: clsx(textRecipe({
+        className: dist_clsx(textRecipe({
             bold,
             color,
             size,
@@ -1345,7 +1359,7 @@ cq.raw = getCqStyle;
 const Flex = (props)=>{
     const { children, className, ...variants } = props;
     return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-        className: clsx(flex(variants), className),
+        className: dist_clsx(flex(variants), className),
         children: children
     });
 };
@@ -1370,7 +1384,7 @@ const Link = (props)=>{
             onKeyDown: handleKeyDown,
             tabIndex: disabled ? -1 : 1,
             ...rest,
-            className: clsx(linkRecipe({
+            className: dist_clsx(linkRecipe({
                 color,
                 disabled
             }), className),

package/dist/styled-system/css/css.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject } from '../types/index';
+
+type Styles = SystemStyleObject | undefined | null | false
+
+interface CssRawFunction {
+  (styles: Styles): SystemStyleObject
+  (styles: Styles[]): SystemStyleObject
+  (...styles: Array<Styles | Styles[]>): SystemStyleObject
+  (styles: Styles): SystemStyleObject
+}
+
+interface CssFunction {
+  (styles: Styles): string
+  (styles: Styles[]): string
+  (...styles: Array<Styles | Styles[]>): string
+  (styles: Styles): string
+
+  raw: CssRawFunction
+}
+
+export declare const css: CssFunction;

package/dist/styled-system/css/cva.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+import type { RecipeCreatorFn } from '../types/recipe';
+
+export declare const cva: RecipeCreatorFn
+
+export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';

package/dist/styled-system/css/cx.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable */
+type Argument = string | boolean | null | undefined
+
+/** Conditionally join classNames into a single string */
+export declare function cx(...args: Argument[]): string

package/dist/styled-system/css/index.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export * from './css';
+export * from './cx';
+export * from './cva';
+export * from './sva';

package/dist/styled-system/css/sva.d.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+import type { SlotRecipeCreatorFn } from '../types/recipe';
+
+export declare const sva: SlotRecipeCreatorFn

package/dist/styled-system/jsx/aspect-ratio.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { AspectRatioProperties } from '../patterns/aspect-ratio';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'> {}
+
+
+export declare const AspectRatio: FunctionComponent<AspectRatioProps>

package/dist/styled-system/jsx/bleed.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { BleedProperties } from '../patterns/bleed';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
+
+
+export declare const Bleed: FunctionComponent<BleedProps>

package/dist/styled-system/jsx/box.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { BoxProperties } from '../patterns/box';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
+
+
+export declare const Box: FunctionComponent<BoxProps>

package/dist/styled-system/jsx/center.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CenterProperties } from '../patterns/center';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
+
+
+export declare const Center: FunctionComponent<CenterProps>

package/dist/styled-system/jsx/circle.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CircleProperties } from '../patterns/circle';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
+
+
+export declare const Circle: FunctionComponent<CircleProps>

package/dist/styled-system/jsx/container.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { ContainerProperties } from '../patterns/container';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof ContainerProperties > {}
+
+
+export declare const Container: FunctionComponent<ContainerProps>

package/dist/styled-system/jsx/cq.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CqProperties } from '../patterns/cq';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
+
+
+export declare const Cq: FunctionComponent<CqProps>

package/dist/styled-system/jsx/create-style-context.d.ts

@@ -0,0 +1,54 @@
+/* eslint-disable */
+import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
+import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
+import type { JsxFactoryOptions, ComponentProps, DataAttrs, AsProps } from '../types/jsx';
+import type { ComponentType, ElementType } from 'react'
+
+interface UnstyledProps {
+  unstyled?: boolean | undefined
+}
+
+type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
+interface SlotRecipeFn {
+  __type: any
+  __slot: string
+  (props?: any): any
+}
+type SlotRecipe = SvaFn | SlotRecipeFn
+
+type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
+
+interface WithProviderOptions<P = {}> {
+  defaultProps?: (Partial<P> & DataAttrs) | undefined
+}
+
+type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+>
+
+type StyleContextRootProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
+  ComponentProps<T> & UnstyledProps & RecipeVariantProps<R>
+>
+
+type StyleContextConsumer<T extends ElementType> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
+>
+
+export interface StyleContext<R extends SlotRecipe> {
+  withRootProvider: <T extends ElementType>(
+    Component: T,
+    options?: WithProviderOptions<ComponentProps<T>> | undefined
+  ) => StyleContextRootProvider<T, R>
+  withProvider: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>> | undefined
+  ) => StyleContextProvider<T, R>
+  withContext: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>> | undefined
+  ) => StyleContextConsumer<T>
+}
+
+export declare function createStyleContext<R extends SlotRecipe>(recipe: R): StyleContext<R>

package/dist/styled-system/jsx/divider.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { DividerProperties } from '../patterns/divider';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
+
+
+export declare const Divider: FunctionComponent<DividerProps>

package/dist/styled-system/jsx/factory.d.ts

@@ -0,0 +1,3 @@
+/* eslint-disable */
+import type { Styled } from '../types/jsx';
+export declare const styled: Styled

package/dist/styled-system/jsx/flex.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { FlexProperties } from '../patterns/flex';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
+
+
+export declare const Flex: FunctionComponent<FlexProps>

package/dist/styled-system/jsx/float.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { FloatProperties } from '../patterns/float';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
+
+
+export declare const Float: FunctionComponent<FloatProps>

package/dist/styled-system/jsx/grid-item.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { GridItemProperties } from '../patterns/grid-item';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
+
+
+export declare const GridItem: FunctionComponent<GridItemProps>

package/dist/styled-system/jsx/grid.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { GridProperties } from '../patterns/grid';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
+
+
+export declare const Grid: FunctionComponent<GridProps>

package/dist/styled-system/jsx/hstack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { HstackProperties } from '../patterns/hstack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
+
+
+export declare const HStack: FunctionComponent<HstackProps>

package/dist/styled-system/jsx/index.d.ts

@@ -0,0 +1,25 @@
+/* eslint-disable */
+export * from './factory';
+export * from './is-valid-prop';
+export * from './create-style-context';
+export * from './box';
+export * from './flex';
+export * from './stack';
+export * from './vstack';
+export * from './hstack';
+export * from './spacer';
+export * from './square';
+export * from './circle';
+export * from './center';
+export * from './link-overlay';
+export * from './aspect-ratio';
+export * from './grid';
+export * from './grid-item';
+export * from './wrap';
+export * from './container';
+export * from './divider';
+export * from './float';
+export * from './bleed';
+export * from './visually-hidden';
+export * from './cq';
+export type { HTMLStyledProps, StyledComponent } from '../types/jsx';

package/dist/styled-system/jsx/is-valid-prop.d.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
+
+declare const isCssProperty: (value: string) => boolean;
+
+type CssPropKey = keyof JsxStyleProps
+type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
+
+declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
+
+export { isCssProperty, splitCssProps };

package/dist/styled-system/jsx/link-overlay.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { LinkOverlayProperties } from '../patterns/link-overlay';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit<HTMLStyledProps<'a'>, keyof LinkOverlayProperties > {}
+
+
+export declare const LinkOverlay: FunctionComponent<LinkOverlayProps>

package/dist/styled-system/jsx/spacer.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { SpacerProperties } from '../patterns/spacer';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
+
+
+export declare const Spacer: FunctionComponent<SpacerProps>

package/dist/styled-system/jsx/square.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { SquareProperties } from '../patterns/square';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
+
+
+export declare const Square: FunctionComponent<SquareProps>

package/dist/styled-system/jsx/stack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { StackProperties } from '../patterns/stack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
+
+
+export declare const Stack: FunctionComponent<StackProps>

package/dist/styled-system/jsx/visually-hidden.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { VisuallyHiddenProperties } from '../patterns/visually-hidden';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VisuallyHiddenProperties > {}
+
+
+export declare const VisuallyHidden: FunctionComponent<VisuallyHiddenProps>

package/dist/styled-system/jsx/vstack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { VstackProperties } from '../patterns/vstack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VstackProperties > {}
+
+
+export declare const VStack: FunctionComponent<VstackProps>

package/dist/styled-system/jsx/wrap.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { WrapProperties } from '../patterns/wrap';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
+
+
+export declare const Wrap: FunctionComponent<WrapProps>