@dafaz-ui/react 3.0.5 → 4.0.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @dafaz-ui/react@3.0.5 build
+> @dafaz-ui/react@4.0.1 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 17.02 KB
-ESM ⚡️ Build success in 37ms
-CJS dist/index.js 19.44 KB
-CJS ⚡️ Build success in 37ms
+ESM dist/index.mjs 19.39 KB
+ESM ⚡️ Build success in 42ms
+CJS dist/index.js 21.90 KB
+CJS ⚡️ Build success in 43ms
 DTS Build start
-DTS ⚡️ Build success in 4308ms
-DTS dist/index.d.mts 98.05 KB
-DTS dist/index.d.ts  98.05 KB
+DTS ⚡️ Build success in 4470ms
+DTS dist/index.d.mts 103.69 KB
+DTS dist/index.d.ts  103.69 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @dafaz-ui/react
 
+## 4.0.1
+
+### Patch Changes
+
+- fix InputText
+
+## 4.0.0
+
+### Major Changes
+
+- Add select input form
+
 ## 3.0.5
 
 ### Patch Changes

package/dist/index.d.mts

@@ -658,13 +658,14 @@ declare const CheckBoxUI: _stitches_react_types_styled_component.StyledComponent
 }, {}>>;
 interface CheckboxIUProps extends ComponentProps<typeof CheckBoxUI> {
     size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
 }
 
 interface CheckboxProps {
     id: string;
     label: string;
 }
-declare function CheckBox({ id, label, size, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
+declare function CheckBox({ id, label, size, disabled, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace CheckBox {
     var displayName: string;
 }
@@ -1092,19 +1093,240 @@ interface RadioUIProps extends ComponentProps<typeof RadioUI> {
     size?: 'sm' | 'md' | 'lg';
 }
 
-interface Item {
+interface Item$1 {
     id: string;
     label: string;
     value: string;
+    disabled: boolean;
 }
 interface RadioGroupProps extends RadioUIProps {
-    items: Item[];
+    items: Item$1[];
 }
-declare function Radio({ items, size, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ items, size, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace Radio {
     var displayName: string;
 }
 
+declare const SelectUI: _stitches_react_types_styled_component.StyledComponent<"select", {
+    size?: "sm" | "md" | "lg" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
+    colors: {
+        white: string;
+        black: string;
+        gray100: string;
+        gray200: string;
+        gray400: string;
+        gray800: string;
+        dafaz100: string;
+        dafaz200: string;
+        dafaz400: string;
+        dafaz600: string;
+        dafaz800: string;
+    };
+    fontSizes: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        bold: string;
+    };
+    fonts: {
+        default: string;
+        app: string;
+        web: string;
+        offer: string;
+        code: string;
+    };
+    lineHeights: {
+        shorter: string;
+        short: string;
+        base: string;
+        tall: string;
+    };
+    radii: {
+        px: string;
+        sm: string;
+        md: string;
+        full: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        40: string;
+        64: string;
+        80: string;
+    };
+    opacities: {
+        opacity400: string;
+        opacity600: string;
+        opacity800: string;
+        opacity900: string;
+    };
+}, {
+    height: "space";
+    width: "space";
+    gap: "space";
+    gridGap: "space";
+    columnGap: "space";
+    gridColumnGap: "space";
+    rowGap: "space";
+    gridRowGap: "space";
+    inset: "space";
+    insetBlock: "space";
+    insetBlockEnd: "space";
+    insetBlockStart: "space";
+    insetInline: "space";
+    insetInlineEnd: "space";
+    insetInlineStart: "space";
+    margin: "space";
+    marginTop: "space";
+    marginRight: "space";
+    marginBottom: "space";
+    marginLeft: "space";
+    marginBlock: "space";
+    marginBlockEnd: "space";
+    marginBlockStart: "space";
+    marginInline: "space";
+    marginInlineEnd: "space";
+    marginInlineStart: "space";
+    padding: "space";
+    paddingTop: "space";
+    paddingRight: "space";
+    paddingBottom: "space";
+    paddingLeft: "space";
+    paddingBlock: "space";
+    paddingBlockEnd: "space";
+    paddingBlockStart: "space";
+    paddingInline: "space";
+    paddingInlineEnd: "space";
+    paddingInlineStart: "space";
+    scrollMargin: "space";
+    scrollMarginTop: "space";
+    scrollMarginRight: "space";
+    scrollMarginBottom: "space";
+    scrollMarginLeft: "space";
+    scrollMarginBlock: "space";
+    scrollMarginBlockEnd: "space";
+    scrollMarginBlockStart: "space";
+    scrollMarginInline: "space";
+    scrollMarginInlineEnd: "space";
+    scrollMarginInlineStart: "space";
+    scrollPadding: "space";
+    scrollPaddingTop: "space";
+    scrollPaddingRight: "space";
+    scrollPaddingBottom: "space";
+    scrollPaddingLeft: "space";
+    scrollPaddingBlock: "space";
+    scrollPaddingBlockEnd: "space";
+    scrollPaddingBlockStart: "space";
+    scrollPaddingInline: "space";
+    scrollPaddingInlineEnd: "space";
+    scrollPaddingInlineStart: "space";
+    top: "space";
+    right: "space";
+    bottom: "space";
+    left: "space";
+    fontSize: "fontSizes";
+    background: "colors";
+    backgroundColor: "colors";
+    backgroundImage: "colors";
+    borderImage: "colors";
+    border: "colors";
+    borderBlock: "colors";
+    borderBlockEnd: "colors";
+    borderBlockStart: "colors";
+    borderBottom: "colors";
+    borderBottomColor: "colors";
+    borderColor: "colors";
+    borderInline: "colors";
+    borderInlineEnd: "colors";
+    borderInlineStart: "colors";
+    borderLeft: "colors";
+    borderLeftColor: "colors";
+    borderRight: "colors";
+    borderRightColor: "colors";
+    borderTop: "colors";
+    borderTopColor: "colors";
+    caretColor: "colors";
+    color: "colors";
+    columnRuleColor: "colors";
+    outline: "colors";
+    outlineColor: "colors";
+    fill: "colors";
+    stroke: "colors";
+    textDecorationColor: "colors";
+    fontFamily: "fonts";
+    fontWeight: "fontWeights";
+    lineHeight: "lineHeights";
+    letterSpacing: "letterSpacings";
+    blockSize: "sizes";
+    minBlockSize: "sizes";
+    maxBlockSize: "sizes";
+    inlineSize: "sizes";
+    minInlineSize: "sizes";
+    maxInlineSize: "sizes";
+    minWidth: "sizes";
+    maxWidth: "sizes";
+    minHeight: "sizes";
+    maxHeight: "sizes";
+    flexBasis: "sizes";
+    gridTemplateColumns: "sizes";
+    gridTemplateRows: "sizes";
+    borderWidth: "borderWidths";
+    borderTopWidth: "borderWidths";
+    borderLeftWidth: "borderWidths";
+    borderRightWidth: "borderWidths";
+    borderBottomWidth: "borderWidths";
+    borderStyle: "borderStyles";
+    borderTopStyle: "borderStyles";
+    borderLeftStyle: "borderStyles";
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {}>>;
+interface SelectUIProps extends ComponentProps<typeof SelectUI> {
+    size?: 'sm' | 'md' | 'lg';
+}
+
+interface Item {
+    id: string;
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    items: Item[];
+    placeholder?: string;
+}
+declare function Select({ size, placeholder, items, ...props }: SelectUIProps & SelectProps): react_jsx_runtime.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+
 declare const TextUI: _stitches_react_types_styled_component.StyledComponent<"p", {
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -3417,4 +3639,4 @@ declare const config: {
     utils: {};
 };
 
-export { Box, Button, CheckBox, Heading, Radio, Text, TextArea, TextInput, type TextInputProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };
+export { Box, Button, CheckBox, Heading, Radio, Select, Text, TextArea, TextInput, type TextInputProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };

package/dist/index.d.ts

@@ -658,13 +658,14 @@ declare const CheckBoxUI: _stitches_react_types_styled_component.StyledComponent
 }, {}>>;
 interface CheckboxIUProps extends ComponentProps<typeof CheckBoxUI> {
     size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
 }
 
 interface CheckboxProps {
     id: string;
     label: string;
 }
-declare function CheckBox({ id, label, size, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
+declare function CheckBox({ id, label, size, disabled, ...props }: CheckboxIUProps & CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace CheckBox {
     var displayName: string;
 }
@@ -1092,19 +1093,240 @@ interface RadioUIProps extends ComponentProps<typeof RadioUI> {
     size?: 'sm' | 'md' | 'lg';
 }
 
-interface Item {
+interface Item$1 {
     id: string;
     label: string;
     value: string;
+    disabled: boolean;
 }
 interface RadioGroupProps extends RadioUIProps {
-    items: Item[];
+    items: Item$1[];
 }
-declare function Radio({ items, size, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ items, size, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace Radio {
     var displayName: string;
 }
 
+declare const SelectUI: _stitches_react_types_styled_component.StyledComponent<"select", {
+    size?: "sm" | "md" | "lg" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
+    colors: {
+        white: string;
+        black: string;
+        gray100: string;
+        gray200: string;
+        gray400: string;
+        gray800: string;
+        dafaz100: string;
+        dafaz200: string;
+        dafaz400: string;
+        dafaz600: string;
+        dafaz800: string;
+    };
+    fontSizes: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        bold: string;
+    };
+    fonts: {
+        default: string;
+        app: string;
+        web: string;
+        offer: string;
+        code: string;
+    };
+    lineHeights: {
+        shorter: string;
+        short: string;
+        base: string;
+        tall: string;
+    };
+    radii: {
+        px: string;
+        sm: string;
+        md: string;
+        full: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        40: string;
+        64: string;
+        80: string;
+    };
+    opacities: {
+        opacity400: string;
+        opacity600: string;
+        opacity800: string;
+        opacity900: string;
+    };
+}, {
+    height: "space";
+    width: "space";
+    gap: "space";
+    gridGap: "space";
+    columnGap: "space";
+    gridColumnGap: "space";
+    rowGap: "space";
+    gridRowGap: "space";
+    inset: "space";
+    insetBlock: "space";
+    insetBlockEnd: "space";
+    insetBlockStart: "space";
+    insetInline: "space";
+    insetInlineEnd: "space";
+    insetInlineStart: "space";
+    margin: "space";
+    marginTop: "space";
+    marginRight: "space";
+    marginBottom: "space";
+    marginLeft: "space";
+    marginBlock: "space";
+    marginBlockEnd: "space";
+    marginBlockStart: "space";
+    marginInline: "space";
+    marginInlineEnd: "space";
+    marginInlineStart: "space";
+    padding: "space";
+    paddingTop: "space";
+    paddingRight: "space";
+    paddingBottom: "space";
+    paddingLeft: "space";
+    paddingBlock: "space";
+    paddingBlockEnd: "space";
+    paddingBlockStart: "space";
+    paddingInline: "space";
+    paddingInlineEnd: "space";
+    paddingInlineStart: "space";
+    scrollMargin: "space";
+    scrollMarginTop: "space";
+    scrollMarginRight: "space";
+    scrollMarginBottom: "space";
+    scrollMarginLeft: "space";
+    scrollMarginBlock: "space";
+    scrollMarginBlockEnd: "space";
+    scrollMarginBlockStart: "space";
+    scrollMarginInline: "space";
+    scrollMarginInlineEnd: "space";
+    scrollMarginInlineStart: "space";
+    scrollPadding: "space";
+    scrollPaddingTop: "space";
+    scrollPaddingRight: "space";
+    scrollPaddingBottom: "space";
+    scrollPaddingLeft: "space";
+    scrollPaddingBlock: "space";
+    scrollPaddingBlockEnd: "space";
+    scrollPaddingBlockStart: "space";
+    scrollPaddingInline: "space";
+    scrollPaddingInlineEnd: "space";
+    scrollPaddingInlineStart: "space";
+    top: "space";
+    right: "space";
+    bottom: "space";
+    left: "space";
+    fontSize: "fontSizes";
+    background: "colors";
+    backgroundColor: "colors";
+    backgroundImage: "colors";
+    borderImage: "colors";
+    border: "colors";
+    borderBlock: "colors";
+    borderBlockEnd: "colors";
+    borderBlockStart: "colors";
+    borderBottom: "colors";
+    borderBottomColor: "colors";
+    borderColor: "colors";
+    borderInline: "colors";
+    borderInlineEnd: "colors";
+    borderInlineStart: "colors";
+    borderLeft: "colors";
+    borderLeftColor: "colors";
+    borderRight: "colors";
+    borderRightColor: "colors";
+    borderTop: "colors";
+    borderTopColor: "colors";
+    caretColor: "colors";
+    color: "colors";
+    columnRuleColor: "colors";
+    outline: "colors";
+    outlineColor: "colors";
+    fill: "colors";
+    stroke: "colors";
+    textDecorationColor: "colors";
+    fontFamily: "fonts";
+    fontWeight: "fontWeights";
+    lineHeight: "lineHeights";
+    letterSpacing: "letterSpacings";
+    blockSize: "sizes";
+    minBlockSize: "sizes";
+    maxBlockSize: "sizes";
+    inlineSize: "sizes";
+    minInlineSize: "sizes";
+    maxInlineSize: "sizes";
+    minWidth: "sizes";
+    maxWidth: "sizes";
+    minHeight: "sizes";
+    maxHeight: "sizes";
+    flexBasis: "sizes";
+    gridTemplateColumns: "sizes";
+    gridTemplateRows: "sizes";
+    borderWidth: "borderWidths";
+    borderTopWidth: "borderWidths";
+    borderLeftWidth: "borderWidths";
+    borderRightWidth: "borderWidths";
+    borderBottomWidth: "borderWidths";
+    borderStyle: "borderStyles";
+    borderTopStyle: "borderStyles";
+    borderLeftStyle: "borderStyles";
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {}>>;
+interface SelectUIProps extends ComponentProps<typeof SelectUI> {
+    size?: 'sm' | 'md' | 'lg';
+}
+
+interface Item {
+    id: string;
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    items: Item[];
+    placeholder?: string;
+}
+declare function Select({ size, placeholder, items, ...props }: SelectUIProps & SelectProps): react_jsx_runtime.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+
 declare const TextUI: _stitches_react_types_styled_component.StyledComponent<"p", {
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -3417,4 +3639,4 @@ declare const config: {
     utils: {};
 };
 
-export { Box, Button, CheckBox, Heading, Radio, Text, TextArea, TextInput, type TextInputProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };
+export { Box, Button, CheckBox, Heading, Radio, Select, Text, TextArea, TextInput, type TextInputProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };