@dafaz-ui/react 3.0.2 → 3.0.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @dafaz-ui/react@3.0.2 build
+> @dafaz-ui/react@3.0.4 build
 > tsup src/index.tsx --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 16.76 KB
-ESM ⚡️ Build success in 39ms
-CJS dist/index.js 19.19 KB
-CJS ⚡️ Build success in 39ms
+ESM dist/index.mjs 17.02 KB
+ESM ⚡️ Build success in 45ms
+CJS dist/index.js 19.44 KB
+CJS ⚡️ Build success in 46ms
 DTS Build start
-DTS ⚡️ Build success in 4265ms
-DTS dist/index.d.mts 97.71 KB
-DTS dist/index.d.ts  97.71 KB
+DTS ⚡️ Build success in 4477ms
+DTS dist/index.d.mts 98.05 KB
+DTS dist/index.d.ts  98.05 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @dafaz-ui/react
 
+## 3.0.4
+
+### Patch Changes
+
+- Fix displayName form components
+
+## 3.0.3
+
+### Patch Changes
+
+- fix DisplayName
+
 ## 3.0.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -450,6 +450,9 @@ interface ButtonProps {
     children: ReactNode;
 }
 declare function Button({ children, variant, size, ...props }: ButtonUIProps & ButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
 
 declare const CheckBoxUI: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -662,6 +665,9 @@ interface CheckboxProps {
     label: string;
 }
 declare function CheckBox({ id, label, size, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckBox {
+    var displayName: string;
+}
 
 declare const HeadingUI: _stitches_react_types_styled_component.StyledComponent<"h2", {
     mode?: "white" | "default" | undefined;
@@ -876,6 +882,9 @@ interface HeadingProps {
     children: ReactNode;
 }
 declare function Heading({ children, ...props }: HeadingUIProps & HeadingProps): react_jsx_runtime.JSX.Element;
+declare namespace Heading {
+    var displayName: string;
+}
 
 declare const RadioUI: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup.RadioGroupProps & react.RefAttributes<HTMLDivElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -1092,6 +1101,9 @@ interface RadioGroupProps extends RadioUIProps {
     items: Item[];
 }
 declare function Radio({ items, size, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace Radio {
+    var displayName: string;
+}
 
 declare const TextUI: _stitches_react_types_styled_component.StyledComponent<"p", {
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
@@ -1304,6 +1316,9 @@ interface TextProps {
     children: ReactNode;
 }
 declare function Text({ children, size, ...props }: TextUIProps & TextProps): react_jsx_runtime.JSX.Element;
+declare namespace Text {
+    var displayName: string;
+}
 
 declare const TextAreaUI: _stitches_react_types_styled_component.StyledComponent<"textarea", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -1514,6 +1529,9 @@ interface TextAreaProps {
     disabled?: boolean;
 }
 declare function TextArea({ children, ...props }: TextAreaUIProps & TextAreaProps): react_jsx_runtime.JSX.Element;
+declare namespace TextArea {
+    var displayName: string;
+}
 
 declare const InputUI: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {

package/dist/index.d.ts

@@ -450,6 +450,9 @@ interface ButtonProps {
     children: ReactNode;
 }
 declare function Button({ children, variant, size, ...props }: ButtonUIProps & ButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
 
 declare const CheckBoxUI: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -662,6 +665,9 @@ interface CheckboxProps {
     label: string;
 }
 declare function CheckBox({ id, label, size, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckBox {
+    var displayName: string;
+}
 
 declare const HeadingUI: _stitches_react_types_styled_component.StyledComponent<"h2", {
     mode?: "white" | "default" | undefined;
@@ -876,6 +882,9 @@ interface HeadingProps {
     children: ReactNode;
 }
 declare function Heading({ children, ...props }: HeadingUIProps & HeadingProps): react_jsx_runtime.JSX.Element;
+declare namespace Heading {
+    var displayName: string;
+}
 
 declare const RadioUI: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup.RadioGroupProps & react.RefAttributes<HTMLDivElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -1092,6 +1101,9 @@ interface RadioGroupProps extends RadioUIProps {
     items: Item[];
 }
 declare function Radio({ items, size, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace Radio {
+    var displayName: string;
+}
 
 declare const TextUI: _stitches_react_types_styled_component.StyledComponent<"p", {
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
@@ -1304,6 +1316,9 @@ interface TextProps {
     children: ReactNode;
 }
 declare function Text({ children, size, ...props }: TextUIProps & TextProps): react_jsx_runtime.JSX.Element;
+declare namespace Text {
+    var displayName: string;
+}
 
 declare const TextAreaUI: _stitches_react_types_styled_component.StyledComponent<"textarea", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -1514,6 +1529,9 @@ interface TextAreaProps {
     disabled?: boolean;
 }
 declare function TextArea({ children, ...props }: TextAreaUIProps & TextAreaProps): react_jsx_runtime.JSX.Element;
+declare namespace TextArea {
+    var displayName: string;
+}
 
 declare const InputUI: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {

package/dist/index.js

@@ -316,6 +316,7 @@ function Button(_a) {
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ButtonUI, __spreadProps(__spreadValues({ variant, size }, props), { children }));
 }
+Button.displayName = "Button";
 
 // src/components/CheckBox/styles.ts
 var Checkbox = __toESM(require("@radix-ui/react-checkbox"));
@@ -445,6 +446,7 @@ function CheckBox(_a) {
     label
   ] });
 }
+CheckBox.displayName = "CheckBox";
 
 // src/components/Heading/styles.ts
 var HeadingUI = styled("h2", {
@@ -480,6 +482,7 @@ function Heading(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HeadingUI, __spreadProps(__spreadValues({}, props), { children }));
 }
+Heading.displayName = "Heading";
 
 // src/components/Radio/styles.ts
 var RadioGroup = __toESM(require("@radix-ui/react-radio-group"));
@@ -632,6 +635,7 @@ function RadioItem(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label2, { htmlFor: id, size, children: label })
   ] }, id);
 }
+RadioItem.displayName = "RadioItem";
 
 // src/components/Radio/index.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -649,6 +653,7 @@ function Radio(_a) {
     );
   }) }));
 }
+Radio.displayName = "Radio";
 
 // src/components/Text/styles.ts
 var TextUI = styled("p", {
@@ -684,6 +689,7 @@ function Text(_a) {
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextUI, __spreadProps(__spreadValues({ size }, props), { children }));
 }
+Text.displayName = "Text";
 
 // src/components/TextArea/styles.ts
 var TextAreaUI = styled("textarea", {
@@ -727,6 +733,7 @@ function TextArea(_a) {
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextAreaUI, __spreadProps(__spreadValues({ rows: 3 }, props), { children }));
 }
+TextArea.displayName = "TextArea";
 
 // src/components/TextInput/index.tsx
 var import_react4 = require("react");
@@ -821,6 +828,7 @@ var TextInput = (0, import_react4.forwardRef)(
     ] });
   }
 );
+TextInput.displayName = "TextInput";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Box,

package/dist/index.mjs

@@ -268,6 +268,7 @@ function Button(_a) {
   ]);
   return /* @__PURE__ */ jsx2(ButtonUI, __spreadProps(__spreadValues({ variant, size }, props), { children }));
 }
+Button.displayName = "Button";
 
 // src/components/CheckBox/styles.ts
 import * as Checkbox from "@radix-ui/react-checkbox";
@@ -397,6 +398,7 @@ function CheckBox(_a) {
     label
   ] });
 }
+CheckBox.displayName = "CheckBox";
 
 // src/components/Heading/styles.ts
 var HeadingUI = styled("h2", {
@@ -432,6 +434,7 @@ function Heading(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx4(HeadingUI, __spreadProps(__spreadValues({}, props), { children }));
 }
+Heading.displayName = "Heading";
 
 // src/components/Radio/styles.ts
 import * as RadioGroup from "@radix-ui/react-radio-group";
@@ -584,6 +587,7 @@ function RadioItem(_a) {
     /* @__PURE__ */ jsx5(Label2, { htmlFor: id, size, children: label })
   ] }, id);
 }
+RadioItem.displayName = "RadioItem";
 
 // src/components/Radio/index.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -601,6 +605,7 @@ function Radio(_a) {
     );
   }) }));
 }
+Radio.displayName = "Radio";
 
 // src/components/Text/styles.ts
 var TextUI = styled("p", {
@@ -636,6 +641,7 @@ function Text(_a) {
   ]);
   return /* @__PURE__ */ jsx7(TextUI, __spreadProps(__spreadValues({ size }, props), { children }));
 }
+Text.displayName = "Text";
 
 // src/components/TextArea/styles.ts
 var TextAreaUI = styled("textarea", {
@@ -679,6 +685,7 @@ function TextArea(_a) {
   ]);
   return /* @__PURE__ */ jsx8(TextAreaUI, __spreadProps(__spreadValues({ rows: 3 }, props), { children }));
 }
+TextArea.displayName = "TextArea";
 
 // src/components/TextInput/index.tsx
 import {
@@ -776,6 +783,7 @@ var TextInput = forwardRef(
     ] });
   }
 );
+TextInput.displayName = "TextInput";
 export {
   Box,
   Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dafaz-ui/react",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/Button/index.tsx

@@ -17,3 +17,5 @@ export function Button({
     </ButtonUI>
   )
 }
+
+Button.displayName = 'Button'

package/src/components/CheckBox/index.tsx

@@ -23,3 +23,5 @@ export function CheckBox({
     </Label>
   )
 }
+
+CheckBox.displayName = 'CheckBox'

package/src/components/Heading/index.tsx

@@ -8,3 +8,5 @@ interface HeadingProps {
 export function Heading({ children, ...props }: HeadingUIProps & HeadingProps) {
   return <HeadingUI {...props}>{children}</HeadingUI>
 }
+
+Heading.displayName = 'Heading'

package/src/components/Radio/RadioItem/index.tsx

@@ -30,3 +30,5 @@ export function RadioItem({
     </RadioItemContainer>
   )
 }
+
+RadioItem.displayName = 'RadioItem'

package/src/components/Radio/index.tsx

@@ -27,3 +27,5 @@ export function Radio({ items, size, ...props }: RadioGroupProps) {
     </RadioUI>
   )
 }
+
+Radio.displayName = 'Radio'

package/src/components/Text/index.tsx

@@ -16,3 +16,5 @@ export function Text({
     </TextUI>
   )
 }
+
+Text.displayName = 'Text'

package/src/components/TextArea/index.tsx

@@ -17,3 +17,5 @@ export function TextArea({
     </TextAreaUI>
   )
 }
+
+TextArea.displayName = 'TextArea'

package/src/components/TextInput/index.tsx

@@ -49,3 +49,5 @@ export const TextInput = forwardRef<ElementRef<typeof InputUI>, TextInputProps>(
     )
   },
 )
+
+TextInput.displayName = 'TextInput'