@moderneinc/neo-styled-components 2.8.0-next.8fabcb → 2.8.0-next.9034c2

package/dist/Tag/Tag.d.ts

@@ -1,4 +1,5 @@
-import { type ChipProps } from '@mui/material/Chip';
+import Chip from '@mui/material/Chip';
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
@@ -12,7 +13,7 @@ declare module '@mui/material/Chip' {
         filled: true;
     }
 }
-export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
+type NeoTagOwnProps = {
     /**
      * The size of the tag
      * @figma m (sm|md|lg)
@@ -31,7 +32,10 @@ export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
      * @default "default"
      */
     color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
-}
+};
+export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps> & {
+    component?: C;
+};
 /**
  * NeoTag - Small pill-shaped label component based on MUI Chip
  *
@@ -43,7 +47,8 @@ export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
  * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
  * - Label text → label prop
  */
-export declare const NeoTag: {
-    ({ size, variant, ...props }: NeoTagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare namespace NeoTag {
+    var displayName: string;
+}
+export {};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentType } from 'react';
+import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentType, ComponentPropsWithoutRef } from 'react';
 import { GridDensity, GridFilterPanel } from '@mui/x-data-grid';
 import { AvatarProps } from '@mui/material/Avatar';
-import { ChipProps } from '@mui/material/Chip';
+import Chip, { ChipProps } from '@mui/material/Chip';
 import { AlertProps } from '@mui/material/Alert';
 import { LinkProps } from '@mui/material/Link';
 import * as ButtonBase from '@mui/material/ButtonBase';
@@ -2218,7 +2218,7 @@ declare module '@mui/material/Chip' {
         filled: true;
     }
 }
-interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
+type NeoTagOwnProps = {
     /**
      * The size of the tag
      * @figma m (sm|md|lg)
@@ -2237,7 +2237,10 @@ interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
      * @default "default"
      */
     color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
-}
+};
+type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps> & {
+    component?: C;
+};
 /**
  * NeoTag - Small pill-shaped label component based on MUI Chip
  *
@@ -2249,10 +2252,10 @@ interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
  * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
  * - Label text → label prop
  */
-declare const NeoTag: {
-    ({ size, variant, ...props }: NeoTagProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
+declare namespace NeoTag {
+    var displayName: string;
+}
 
 interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
     /**

package/dist/index.esm.js

@@ -2847,9 +2847,9 @@ const StyledChip$1 = styled(Chip)(({ theme, size, variant, color }) => ({
  * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
  * - Label text → label prop
  */
-const NeoTag = ({ size = 'small', variant = 'outlined', ...props }) => {
+function NeoTag({ size = 'small', variant = 'outlined', ...props }) {
     return jsx(StyledChip$1, { size: size, variant: variant, ...props });
-};
+}
 NeoTag.displayName = 'NeoTag';
 
 /**