@dafaz-ui/react 3.0.3 → 3.0.5

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @dafaz-ui/react@3.0.3 build
+> @dafaz-ui/react@3.0.5 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
-CJS dist/index.js 19.22 KB
+ESM dist/index.mjs 17.02 KB
+ESM ⚡️ Build success in 37ms
+CJS dist/index.js 19.44 KB
 CJS ⚡️ Build success in 37ms
-ESM dist/index.mjs 16.79 KB
-ESM ⚡️ Build success in 38ms
 DTS Build start
-DTS ⚡️ Build success in 4739ms
-DTS dist/index.d.mts 97.76 KB
-DTS dist/index.d.ts  97.76 KB
+DTS ⚡️ Build success in 4308ms
+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.5
+
+### Patch Changes
+
+- Change check and radio default width
+
+## 3.0.4
+
+### Patch Changes
+
+- Fix displayName form components
+
 ## 3.0.3
 
 ### Patch Changes

package/dist/index.d.mts

@@ -665,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;
@@ -879,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;
@@ -1095,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;
@@ -1307,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: {
@@ -1517,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

@@ -665,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;
@@ -879,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;
@@ -1095,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;
@@ -1307,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: {
@@ -1517,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

@@ -362,7 +362,7 @@ var CheckBoxUI = styled(Checkbox.Root, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var slideIn = keyframes({
@@ -398,7 +398,7 @@ var CheckBoxIndicator = styled(Checkbox.Indicator, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var Label = styled("label", {
@@ -424,7 +424,7 @@ var Label = styled("label", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -446,6 +446,7 @@ function CheckBox(_a) {
     label
   ] });
 }
+CheckBox.displayName = "CheckBox";
 
 // src/components/Heading/styles.ts
 var HeadingUI = styled("h2", {
@@ -481,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"));
@@ -497,7 +499,7 @@ var RadioUI = styled(RadioGroup.Root, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -553,7 +555,7 @@ var RadioItemUI = styled(RadioGroup2.Item, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var slideIn2 = keyframes({
@@ -589,7 +591,7 @@ var RadioIndicator = styled(RadioGroup2.Indicator, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var Label2 = styled("label", {
@@ -612,7 +614,7 @@ var Label2 = styled("label", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -633,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");
@@ -650,6 +653,7 @@ function Radio(_a) {
     );
   }) }));
 }
+Radio.displayName = "Radio";
 
 // src/components/Text/styles.ts
 var TextUI = styled("p", {
@@ -685,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", {
@@ -728,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");
@@ -822,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

@@ -314,7 +314,7 @@ var CheckBoxUI = styled(Checkbox.Root, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var slideIn = keyframes({
@@ -350,7 +350,7 @@ var CheckBoxIndicator = styled(Checkbox.Indicator, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var Label = styled("label", {
@@ -376,7 +376,7 @@ var Label = styled("label", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -398,6 +398,7 @@ function CheckBox(_a) {
     label
   ] });
 }
+CheckBox.displayName = "CheckBox";
 
 // src/components/Heading/styles.ts
 var HeadingUI = styled("h2", {
@@ -433,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";
@@ -449,7 +451,7 @@ var RadioUI = styled(RadioGroup.Root, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -505,7 +507,7 @@ var RadioItemUI = styled(RadioGroup2.Item, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var slideIn2 = keyframes({
@@ -541,7 +543,7 @@ var RadioIndicator = styled(RadioGroup2.Indicator, {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var Label2 = styled("label", {
@@ -564,7 +566,7 @@ var Label2 = styled("label", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 
@@ -585,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";
@@ -602,6 +605,7 @@ function Radio(_a) {
     );
   }) }));
 }
+Radio.displayName = "Radio";
 
 // src/components/Text/styles.ts
 var TextUI = styled("p", {
@@ -637,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", {
@@ -680,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 {
@@ -777,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.3",
+  "version": "3.0.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/CheckBox/index.tsx

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

package/src/components/CheckBox/styles.ts

@@ -48,7 +48,7 @@ export const CheckBoxUI = styled(Checkbox.Root, {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 
@@ -90,7 +90,7 @@ export const CheckBoxIndicator = styled(Checkbox.Indicator, {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 
@@ -119,7 +119,7 @@ export const Label = styled('label', {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 

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/RadioItem/styles.ts

@@ -54,7 +54,7 @@ export const RadioItemUI = styled(RadioGroup.Item, {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 
@@ -96,7 +96,7 @@ export const RadioIndicator = styled(RadioGroup.Indicator, {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 
@@ -121,7 +121,7 @@ export const Label = styled('label', {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 

package/src/components/Radio/index.tsx

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

package/src/components/Radio/styles.ts

@@ -16,7 +16,7 @@ export const RadioUI = styled(RadioGroup.Root, {
     },
   },
   defaultVariants: {
-    size: 'lg',
+    size: 'md',
   },
 })
 

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'