@tiendanube/nube-sdk-ui 0.3.0 → 0.5.0

package/dist/index.cjs

@@ -23,12 +23,15 @@ __export(index_exports, {
   box: () => box,
   button: () => button,
   check: () => check,
-  col: () => col,
-  dialog: () => dialog,
+  checkbox: () => checkbox,
+  column: () => column,
   field: () => field,
   fragment: () => fragment,
+  image: () => image,
   img: () => img,
   row: () => row,
+  text: () => text,
+  textarea: () => textarea,
   txt: () => txt,
   txtarea: () => txtarea
 });
@@ -40,8 +43,8 @@ var box = (props) => ({
   ...props
 });
 
-// src/components/col.ts
-var col = (props) => ({
+// src/components/column.ts
+var column = (props) => ({
   type: "col",
   ...props
 });
@@ -64,33 +67,43 @@ var fragment = (props) => ({
   ...props
 });
 
-// src/components/img.ts
+// src/components/image.ts
 var img = (props) => ({
   type: "img",
   ...props
 });
+var image = (props) => ({
+  type: "img",
+  ...props
+});
 
-// src/components/txt.ts
+// src/components/text.ts
+var text = (props) => ({
+  type: "txt",
+  ...props
+});
 var txt = (props) => ({
   type: "txt",
   ...props
 });
 
-// src/components/check.ts
+// src/components/checkbox.ts
 var check = (props) => ({
   type: "check",
   ...props
 });
+var checkbox = (props) => ({
+  type: "check",
+  ...props
+});
 
-// src/components/txtarea.ts
+// src/components/textarea.ts
 var txtarea = (props) => ({
   type: "txtarea",
   ...props
 });
-
-// src/components/dialog.ts
-var dialog = (props) => ({
-  type: "dialog",
+var textarea = (props) => ({
+  type: "txtarea",
   ...props
 });
 
@@ -104,12 +117,15 @@ var button = (props) => ({
   box,
   button,
   check,
-  col,
-  dialog,
+  checkbox,
+  column,
   field,
   fragment,
+  image,
   img,
   row,
+  text,
+  textarea,
   txt,
   txtarea
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/box.ts","../src/components/col.ts","../src/components/row.ts","../src/components/field.ts","../src/components/fragment.ts","../src/components/img.ts","../src/components/txt.ts","../src/components/check.ts","../src/components/txtarea.ts","../src/components/dialog.ts","../src/components/button.ts"],"sourcesContent":["export * from \"./components/box\";\nexport * from \"./components/col\";\nexport * from \"./components/row\";\nexport * from \"./components/field\";\nexport * from \"./components/fragment\";\nexport * from \"./components/img\";\nexport * from \"./components/txt\";\nexport * from \"./components/check\";\nexport * from \"./components/txtarea\";\nexport * from \"./components/dialog\";\nexport * from \"./components/button\";\n","import type {\n\tNubeComponentBox,\n\tNubeComponentBoxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `box` component.\n *\n * A `box` is a flexible container that can be used for layout purposes.\n * It supports properties like width, height, padding, margin, and flex-based alignment.\n *\n * @param props - The properties for configuring the box component.\n * @returns A `NubeComponentBox` object representing the box component.\n */\nexport const box = (props: NubeComponentBoxProps): NubeComponentBox => ({\n\ttype: \"box\",\n\t...props,\n});\n","import type {\n\tNubeComponentCol,\n\tNubeComponentColProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `col` (column) component.\n *\n * A `col` is a flexible column container that can be used for structuring layouts.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the column component.\n * @returns A `NubeComponentCol` object representing the column component.\n */\nexport const col = (props: NubeComponentColProps): NubeComponentCol => ({\n\ttype: \"col\",\n\t...props,\n});\n","import type {\n\tNubeComponentRow,\n\tNubeComponentRowProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `row` component.\n *\n * A `row` is a flexible container used for structuring layouts in a horizontal direction.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the row component.\n * @returns A `NubeComponentRow` object representing the row component.\n */\nexport const row = (props: NubeComponentRowProps): NubeComponentRow => ({\n\ttype: \"row\",\n\t...props,\n});\n","import type {\n\tNubeComponentField,\n\tNubeComponentFieldProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `field` component.\n *\n * A `field` represents an input element in a form, such as text fields, dropdowns, or checkboxes.\n * It supports properties like `name`, `label`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the field component.\n * @returns A `NubeComponentField` object representing the form field.\n */\nexport const field = (props: NubeComponentFieldProps): NubeComponentField => ({\n\ttype: \"field\",\n\t...props,\n});\n","import type {\n\tNubeComponentFragment,\n\tNubeComponentFragmentProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `fragment` component.\n *\n * A `fragment` is a logical grouping element that allows multiple children\n * to be wrapped without introducing an additional DOM node.\n *\n * @param props - The properties for configuring the fragment component.\n * @returns A `NubeComponentFragment` object representing the fragment.\n */\nexport const fragment = (\n\tprops: NubeComponentFragmentProps,\n): NubeComponentFragment => ({\n\ttype: \"fragment\",\n\t...props,\n});\n","import type {\n\tNubeComponentImg,\n\tNubeComponentImgProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates an `img` (image) component.\n *\n * The `img` component is used to display images. It supports properties such as\n * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.\n *\n * @param props - The properties for configuring the image component.\n * @returns A `NubeComponentImg` object representing the image component.\n */\nexport const img = (props: NubeComponentImgProps): NubeComponentImg => ({\n\ttype: \"img\",\n\t...props,\n});\n","import type {\n\tNubeComponentTxt,\n\tNubeComponentTxtProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txt` (text) component.\n *\n * The `txt` component is used to render text with optional styling.\n * It supports properties such as `color`, `background`, `heading` levels (h1-h6),\n * text formatting `modifiers` (bold, italic, etc.), and inline display.\n *\n * @param props - The properties for configuring the text component.\n * @returns A `NubeComponentTxt` object representing the text component.\n */\nexport const txt = (props: NubeComponentTxtProps): NubeComponentTxt => ({\n\ttype: \"txt\",\n\t...props,\n});\n","import type {\n\tNubeComponentCheck,\n\tNubeComponentCheckProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `check` component.\n *\n * A `check` represents a selectable field that can be toggled between checked and unchecked states.\n * It is typically used to allow users to select one or more options.\n * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).\n *\n * @param props - The properties for configuring the checkbox component.\n * @returns A `NubeComponentCheck` object representing the checkbox.\n */\nexport const check = (props: NubeComponentCheckProps): NubeComponentCheck => ({\n\ttype: \"check\",\n\t...props,\n});\n","import type {\n\tNubeComponentTxtArea,\n\tNubeComponentTxtAreaProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txtarea` component.\n *\n * A `txtarea` represents a multi-line text input field that allows users to enter longer texts.\n * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the textarea component.\n * @returns A `NubeComponentTxtArea` object representing the textarea component.\n */\nexport const txtarea = (\n\tprops: NubeComponentTxtAreaProps,\n): NubeComponentTxtArea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n","import type {\n\tNubeComponentDialog,\n\tNubeComponentDialogProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `dialog` component.\n *\n * A `dialog` is a modal window used for user interactions,\n * allowing the display of titles, content, and specific actions.\n *\n * @param props - The properties for configuring the dialog component.\n * @returns A `NubeComponentDialog` object representing the dialog component.\n */\nexport const dialog = (\n\tprops: NubeComponentDialogProps,\n): NubeComponentDialog => ({\n\ttype: \"dialog\",\n\t...props,\n});\n","import type {\n\tNubeComponentButton,\n\tNubeComponentButtonProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `button` component.\n *\n * A `button` represents a clickable element typically used to trigger an action or submit a form.\n * It supports properties such as `text`, `onClick`, and style configurations.\n *\n * @param props - The properties for configuring the button component.\n * @returns A `NubeComponentButton` object representing the button component.\n */\nexport const button = (\n\tprops: NubeComponentButtonProps,\n): NubeComponentButton => ({\n\ttype: \"button\",\n\t...props,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACcO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACFO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACJO,IAAM,UAAU,CACtB,WAC2B;AAAA,EAC3B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/field.ts","../src/components/fragment.ts","../src/components/image.ts","../src/components/text.ts","../src/components/checkbox.ts","../src/components/textarea.ts","../src/components/button.ts"],"sourcesContent":["export * from \"./components/box\";\nexport * from \"./components/column\";\nexport * from \"./components/row\";\nexport * from \"./components/field\";\nexport * from \"./components/fragment\";\nexport * from \"./components/image\";\nexport * from \"./components/text\";\nexport * from \"./components/checkbox\";\nexport * from \"./components/textarea\";\nexport * from \"./components/button\";\n","import type {\n\tNubeComponentBox,\n\tNubeComponentBoxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `box` component.\n *\n * A `box` is a flexible container that can be used for layout purposes.\n * It supports properties like width, height, padding, margin, and flex-based alignment.\n *\n * @param props - The properties for configuring the box component.\n * @returns A `NubeComponentBox` object representing the box component.\n */\nexport const box = (props: NubeComponentBoxProps): NubeComponentBox => ({\n\ttype: \"box\",\n\t...props,\n});\n","import type {\n\tNubeComponentColumn,\n\tNubeComponentColumnProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `column` component.\n *\n * A `column` is a flexible column container that can be used for structuring layouts.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the column component.\n * @returns A `NubeComponentColumn` object representing the column component.\n */\nexport const column = (\n\tprops: NubeComponentColumnProps,\n): NubeComponentColumn => ({\n\ttype: \"col\",\n\t...props,\n});\n","import type {\n\tNubeComponentRow,\n\tNubeComponentRowProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `row` component.\n *\n * A `row` is a flexible container used for structuring layouts in a horizontal direction.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the row component.\n * @returns A `NubeComponentRow` object representing the row component.\n */\nexport const row = (props: NubeComponentRowProps): NubeComponentRow => ({\n\ttype: \"row\",\n\t...props,\n});\n","import type {\n\tNubeComponentField,\n\tNubeComponentFieldProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `field` component.\n *\n * A `field` represents an input element in a form, such as text fields, dropdowns, or checkboxes.\n * It supports properties like `name`, `label`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the field component.\n * @returns A `NubeComponentField` object representing the form field.\n */\nexport const field = (props: NubeComponentFieldProps): NubeComponentField => ({\n\ttype: \"field\",\n\t...props,\n});\n","import type {\n\tNubeComponentFragment,\n\tNubeComponentFragmentProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `fragment` component.\n *\n * A `fragment` is a logical grouping element that allows multiple children\n * to be wrapped without introducing an additional DOM node.\n *\n * @param props - The properties for configuring the fragment component.\n * @returns A `NubeComponentFragment` object representing the fragment.\n */\nexport const fragment = (\n\tprops: NubeComponentFragmentProps,\n): NubeComponentFragment => ({\n\ttype: \"fragment\",\n\t...props,\n});\n","import type {\n\tNubeComponentImage,\n\tNubeComponentImageProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `image` component instead.\n */\nexport const img = (props: NubeComponentImageProps): NubeComponentImage => ({\n\ttype: \"img\",\n\t...props,\n});\n\n/**\n * Creates an `image` (image) component.\n *\n * The `image` component is used to display images. It supports properties such as\n * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.\n *\n * @param props - The properties for configuring the image component.\n * @returns A `NubeComponentImage` object representing the image component.\n */\nexport const image = (props: NubeComponentImageProps): NubeComponentImage => ({\n\ttype: \"img\",\n\t...props,\n});\n","import type {\n\tNubeComponentText,\n\tNubeComponentTextProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txt` (text) component.\n *\n * The `txt` component is used to render text with optional styling.\n * It supports properties such as `color`, `background`, `heading` levels (h1-h6),\n * text formatting `modifiers` (bold, italic, etc.), and inline display.\n *\n * @param props - The properties for configuring the text component.\n * @returns A `NubeComponentTxt` object representing the text component.\n */\nexport const text = (props: NubeComponentTextProps): NubeComponentText => ({\n\ttype: \"txt\",\n\t...props,\n});\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `text` component instead.\n */\nexport const txt = (props: NubeComponentTextProps): NubeComponentText => ({\n\ttype: \"txt\",\n\t...props,\n});\n","import type {\n\tNubeComponentCheckbox,\n\tNubeComponentCheckboxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `checkbox` component instead.\n */\nexport const check = (\n\tprops: NubeComponentCheckboxProps,\n): NubeComponentCheckbox => ({\n\ttype: \"check\",\n\t...props,\n});\n\n/**\n * Creates a `checkbox` component.\n *\n * A `checkbox` represents a selectable field that can be toggled between checked and unchecked states.\n * It is typically used to allow users to select one or more options.\n * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).\n *\n * @param props - The properties for configuring the checkbox component.\n * @returns A `NubeComponentCheckbox` object representing the checkbox.\n */\nexport const checkbox = (\n\tprops: NubeComponentCheckboxProps,\n): NubeComponentCheckbox => ({\n\ttype: \"check\",\n\t...props,\n});\n","import type {\n\tNubeComponentTextarea,\n\tNubeComponentTextareaProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `textarea` component instead.\n */\nexport const txtarea = (\n\tprops: NubeComponentTextareaProps,\n): NubeComponentTextarea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n\n/**\n * Creates a `textarea` component.\n *\n * A `textarea` represents a multi-line text input field that allows users to enter longer texts.\n * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the textarea component.\n * @returns A `NubeComponentTextarea` object representing the textarea component.\n */\nexport const textarea = (\n\tprops: NubeComponentTextareaProps,\n): NubeComponentTextarea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n","import type {\n\tNubeComponentButton,\n\tNubeComponentButtonProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `button` component.\n *\n * A `button` represents a clickable element typically used to trigger an action or submit a form.\n * It supports properties such as `text`, `onClick`, and style configurations.\n *\n * @param props - The properties for configuring the button component.\n * @returns A `NubeComponentButton` object representing the button component.\n */\nexport const button = (\n\tprops: NubeComponentButtonProps,\n): NubeComponentButton => ({\n\ttype: \"button\",\n\t...props,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACcO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACXO,IAAM,MAAM,CAAC,WAAwD;AAAA,EAC3E,MAAM;AAAA,EACN,GAAG;AACJ;AAWO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACVO,IAAM,OAAO,CAAC,WAAsD;AAAA,EAC1E,MAAM;AAAA,EACN,GAAG;AACJ;AAKO,IAAM,MAAM,CAAC,WAAsD;AAAA,EACzE,MAAM;AAAA,EACN,GAAG;AACJ;;;AClBO,IAAM,QAAQ,CACpB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;AAYO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACtBO,IAAM,UAAU,CACtB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;AAWO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACfO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;","names":[]}

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColProps, NubeComponentCol, NubeComponentRowProps, NubeComponentRow, NubeComponentFieldProps, NubeComponentField, NubeComponentFragmentProps, NubeComponentFragment, NubeComponentImgProps, NubeComponentImg, NubeComponentTxtProps, NubeComponentTxt, NubeComponentCheckProps, NubeComponentCheck, NubeComponentTxtAreaProps, NubeComponentTxtArea, NubeComponentDialogProps, NubeComponentDialog, NubeComponentButtonProps, NubeComponentButton } from '@tiendanube/nube-sdk-types';
+import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColumnProps, NubeComponentColumn, NubeComponentRowProps, NubeComponentRow, NubeComponentFieldProps, NubeComponentField, NubeComponentFragmentProps, NubeComponentFragment, NubeComponentImageProps, NubeComponentImage, NubeComponentTextProps, NubeComponentText, NubeComponentCheckboxProps, NubeComponentCheckbox, NubeComponentTextareaProps, NubeComponentTextarea, NubeComponentButtonProps, NubeComponentButton } from '@tiendanube/nube-sdk-types';
 
 /**
  * Creates a `box` component.
@@ -12,15 +12,15 @@ import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColProps, NubeCom
 declare const box: (props: NubeComponentBoxProps) => NubeComponentBox;
 
 /**
- * Creates a `col` (column) component.
+ * Creates a `column` component.
  *
- * A `col` is a flexible column container that can be used for structuring layouts.
+ * A `column` is a flexible column container that can be used for structuring layouts.
  * It inherits most properties from `box`, except for the `direction` property.
  *
  * @param props - The properties for configuring the column component.
- * @returns A `NubeComponentCol` object representing the column component.
+ * @returns A `NubeComponentColumn` object representing the column component.
  */
-declare const col: (props: NubeComponentColProps) => NubeComponentCol;
+declare const column: (props: NubeComponentColumnProps) => NubeComponentColumn;
 
 /**
  * Creates a `row` component.
@@ -56,15 +56,19 @@ declare const field: (props: NubeComponentFieldProps) => NubeComponentField;
 declare const fragment: (props: NubeComponentFragmentProps) => NubeComponentFragment;
 
 /**
- * Creates an `img` (image) component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `image` component instead.
+ */
+declare const img: (props: NubeComponentImageProps) => NubeComponentImage;
+/**
+ * Creates an `image` (image) component.
  *
- * The `img` component is used to display images. It supports properties such as
+ * The `image` component is used to display images. It supports properties such as
  * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.
  *
  * @param props - The properties for configuring the image component.
- * @returns A `NubeComponentImg` object representing the image component.
+ * @returns A `NubeComponentImage` object representing the image component.
  */
-declare const img: (props: NubeComponentImgProps) => NubeComponentImg;
+declare const image: (props: NubeComponentImageProps) => NubeComponentImage;
 
 /**
  * Creates a `txt` (text) component.
@@ -76,41 +80,42 @@ declare const img: (props: NubeComponentImgProps) => NubeComponentImg;
  * @param props - The properties for configuring the text component.
  * @returns A `NubeComponentTxt` object representing the text component.
  */
-declare const txt: (props: NubeComponentTxtProps) => NubeComponentTxt;
+declare const text: (props: NubeComponentTextProps) => NubeComponentText;
+/**
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `text` component instead.
+ */
+declare const txt: (props: NubeComponentTextProps) => NubeComponentText;
 
 /**
- * Creates a `check` component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `checkbox` component instead.
+ */
+declare const check: (props: NubeComponentCheckboxProps) => NubeComponentCheckbox;
+/**
+ * Creates a `checkbox` component.
  *
- * A `check` represents a selectable field that can be toggled between checked and unchecked states.
+ * A `checkbox` represents a selectable field that can be toggled between checked and unchecked states.
  * It is typically used to allow users to select one or more options.
  * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).
  *
  * @param props - The properties for configuring the checkbox component.
- * @returns A `NubeComponentCheck` object representing the checkbox.
+ * @returns A `NubeComponentCheckbox` object representing the checkbox.
  */
-declare const check: (props: NubeComponentCheckProps) => NubeComponentCheck;
+declare const checkbox: (props: NubeComponentCheckboxProps) => NubeComponentCheckbox;
 
 /**
- * Creates a `txtarea` component.
- *
- * A `txtarea` represents a multi-line text input field that allows users to enter longer texts.
- * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).
- *
- * @param props - The properties for configuring the textarea component.
- * @returns A `NubeComponentTxtArea` object representing the textarea component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `textarea` component instead.
  */
-declare const txtarea: (props: NubeComponentTxtAreaProps) => NubeComponentTxtArea;
-
+declare const txtarea: (props: NubeComponentTextareaProps) => NubeComponentTextarea;
 /**
- * Creates a `dialog` component.
+ * Creates a `textarea` component.
  *
- * A `dialog` is a modal window used for user interactions,
- * allowing the display of titles, content, and specific actions.
+ * A `textarea` represents a multi-line text input field that allows users to enter longer texts.
+ * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).
  *
- * @param props - The properties for configuring the dialog component.
- * @returns A `NubeComponentDialog` object representing the dialog component.
+ * @param props - The properties for configuring the textarea component.
+ * @returns A `NubeComponentTextarea` object representing the textarea component.
  */
-declare const dialog: (props: NubeComponentDialogProps) => NubeComponentDialog;
+declare const textarea: (props: NubeComponentTextareaProps) => NubeComponentTextarea;
 
 /**
  * Creates a `button` component.
@@ -123,4 +128,4 @@ declare const dialog: (props: NubeComponentDialogProps) => NubeComponentDialog;
  */
 declare const button: (props: NubeComponentButtonProps) => NubeComponentButton;
 
-export { box, button, check, col, dialog, field, fragment, img, row, txt, txtarea };
+export { box, button, check, checkbox, column, field, fragment, image, img, row, text, textarea, txt, txtarea };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColProps, NubeComponentCol, NubeComponentRowProps, NubeComponentRow, NubeComponentFieldProps, NubeComponentField, NubeComponentFragmentProps, NubeComponentFragment, NubeComponentImgProps, NubeComponentImg, NubeComponentTxtProps, NubeComponentTxt, NubeComponentCheckProps, NubeComponentCheck, NubeComponentTxtAreaProps, NubeComponentTxtArea, NubeComponentDialogProps, NubeComponentDialog, NubeComponentButtonProps, NubeComponentButton } from '@tiendanube/nube-sdk-types';
+import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColumnProps, NubeComponentColumn, NubeComponentRowProps, NubeComponentRow, NubeComponentFieldProps, NubeComponentField, NubeComponentFragmentProps, NubeComponentFragment, NubeComponentImageProps, NubeComponentImage, NubeComponentTextProps, NubeComponentText, NubeComponentCheckboxProps, NubeComponentCheckbox, NubeComponentTextareaProps, NubeComponentTextarea, NubeComponentButtonProps, NubeComponentButton } from '@tiendanube/nube-sdk-types';
 
 /**
  * Creates a `box` component.
@@ -12,15 +12,15 @@ import { NubeComponentBoxProps, NubeComponentBox, NubeComponentColProps, NubeCom
 declare const box: (props: NubeComponentBoxProps) => NubeComponentBox;
 
 /**
- * Creates a `col` (column) component.
+ * Creates a `column` component.
  *
- * A `col` is a flexible column container that can be used for structuring layouts.
+ * A `column` is a flexible column container that can be used for structuring layouts.
  * It inherits most properties from `box`, except for the `direction` property.
  *
  * @param props - The properties for configuring the column component.
- * @returns A `NubeComponentCol` object representing the column component.
+ * @returns A `NubeComponentColumn` object representing the column component.
  */
-declare const col: (props: NubeComponentColProps) => NubeComponentCol;
+declare const column: (props: NubeComponentColumnProps) => NubeComponentColumn;
 
 /**
  * Creates a `row` component.
@@ -56,15 +56,19 @@ declare const field: (props: NubeComponentFieldProps) => NubeComponentField;
 declare const fragment: (props: NubeComponentFragmentProps) => NubeComponentFragment;
 
 /**
- * Creates an `img` (image) component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `image` component instead.
+ */
+declare const img: (props: NubeComponentImageProps) => NubeComponentImage;
+/**
+ * Creates an `image` (image) component.
  *
- * The `img` component is used to display images. It supports properties such as
+ * The `image` component is used to display images. It supports properties such as
  * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.
  *
  * @param props - The properties for configuring the image component.
- * @returns A `NubeComponentImg` object representing the image component.
+ * @returns A `NubeComponentImage` object representing the image component.
  */
-declare const img: (props: NubeComponentImgProps) => NubeComponentImg;
+declare const image: (props: NubeComponentImageProps) => NubeComponentImage;
 
 /**
  * Creates a `txt` (text) component.
@@ -76,41 +80,42 @@ declare const img: (props: NubeComponentImgProps) => NubeComponentImg;
  * @param props - The properties for configuring the text component.
  * @returns A `NubeComponentTxt` object representing the text component.
  */
-declare const txt: (props: NubeComponentTxtProps) => NubeComponentTxt;
+declare const text: (props: NubeComponentTextProps) => NubeComponentText;
+/**
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `text` component instead.
+ */
+declare const txt: (props: NubeComponentTextProps) => NubeComponentText;
 
 /**
- * Creates a `check` component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `checkbox` component instead.
+ */
+declare const check: (props: NubeComponentCheckboxProps) => NubeComponentCheckbox;
+/**
+ * Creates a `checkbox` component.
  *
- * A `check` represents a selectable field that can be toggled between checked and unchecked states.
+ * A `checkbox` represents a selectable field that can be toggled between checked and unchecked states.
  * It is typically used to allow users to select one or more options.
  * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).
  *
  * @param props - The properties for configuring the checkbox component.
- * @returns A `NubeComponentCheck` object representing the checkbox.
+ * @returns A `NubeComponentCheckbox` object representing the checkbox.
  */
-declare const check: (props: NubeComponentCheckProps) => NubeComponentCheck;
+declare const checkbox: (props: NubeComponentCheckboxProps) => NubeComponentCheckbox;
 
 /**
- * Creates a `txtarea` component.
- *
- * A `txtarea` represents a multi-line text input field that allows users to enter longer texts.
- * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).
- *
- * @param props - The properties for configuring the textarea component.
- * @returns A `NubeComponentTxtArea` object representing the textarea component.
+ * @deprecated This component has been deprecated since version `0.8.0`. Please use the `textarea` component instead.
  */
-declare const txtarea: (props: NubeComponentTxtAreaProps) => NubeComponentTxtArea;
-
+declare const txtarea: (props: NubeComponentTextareaProps) => NubeComponentTextarea;
 /**
- * Creates a `dialog` component.
+ * Creates a `textarea` component.
  *
- * A `dialog` is a modal window used for user interactions,
- * allowing the display of titles, content, and specific actions.
+ * A `textarea` represents a multi-line text input field that allows users to enter longer texts.
+ * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).
  *
- * @param props - The properties for configuring the dialog component.
- * @returns A `NubeComponentDialog` object representing the dialog component.
+ * @param props - The properties for configuring the textarea component.
+ * @returns A `NubeComponentTextarea` object representing the textarea component.
  */
-declare const dialog: (props: NubeComponentDialogProps) => NubeComponentDialog;
+declare const textarea: (props: NubeComponentTextareaProps) => NubeComponentTextarea;
 
 /**
  * Creates a `button` component.
@@ -123,4 +128,4 @@ declare const dialog: (props: NubeComponentDialogProps) => NubeComponentDialog;
  */
 declare const button: (props: NubeComponentButtonProps) => NubeComponentButton;
 
-export { box, button, check, col, dialog, field, fragment, img, row, txt, txtarea };
+export { box, button, check, checkbox, column, field, fragment, image, img, row, text, textarea, txt, txtarea };

package/dist/index.js

@@ -4,8 +4,8 @@ var box = (props) => ({
   ...props
 });
 
-// src/components/col.ts
-var col = (props) => ({
+// src/components/column.ts
+var column = (props) => ({
   type: "col",
   ...props
 });
@@ -28,33 +28,43 @@ var fragment = (props) => ({
   ...props
 });
 
-// src/components/img.ts
+// src/components/image.ts
 var img = (props) => ({
   type: "img",
   ...props
 });
+var image = (props) => ({
+  type: "img",
+  ...props
+});
 
-// src/components/txt.ts
+// src/components/text.ts
+var text = (props) => ({
+  type: "txt",
+  ...props
+});
 var txt = (props) => ({
   type: "txt",
   ...props
 });
 
-// src/components/check.ts
+// src/components/checkbox.ts
 var check = (props) => ({
   type: "check",
   ...props
 });
+var checkbox = (props) => ({
+  type: "check",
+  ...props
+});
 
-// src/components/txtarea.ts
+// src/components/textarea.ts
 var txtarea = (props) => ({
   type: "txtarea",
   ...props
 });
-
-// src/components/dialog.ts
-var dialog = (props) => ({
-  type: "dialog",
+var textarea = (props) => ({
+  type: "txtarea",
   ...props
 });
 
@@ -67,12 +77,15 @@ export {
   box,
   button,
   check,
-  col,
-  dialog,
+  checkbox,
+  column,
   field,
   fragment,
+  image,
   img,
   row,
+  text,
+  textarea,
   txt,
   txtarea
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/box.ts","../src/components/col.ts","../src/components/row.ts","../src/components/field.ts","../src/components/fragment.ts","../src/components/img.ts","../src/components/txt.ts","../src/components/check.ts","../src/components/txtarea.ts","../src/components/dialog.ts","../src/components/button.ts"],"sourcesContent":["import type {\n\tNubeComponentBox,\n\tNubeComponentBoxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `box` component.\n *\n * A `box` is a flexible container that can be used for layout purposes.\n * It supports properties like width, height, padding, margin, and flex-based alignment.\n *\n * @param props - The properties for configuring the box component.\n * @returns A `NubeComponentBox` object representing the box component.\n */\nexport const box = (props: NubeComponentBoxProps): NubeComponentBox => ({\n\ttype: \"box\",\n\t...props,\n});\n","import type {\n\tNubeComponentCol,\n\tNubeComponentColProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `col` (column) component.\n *\n * A `col` is a flexible column container that can be used for structuring layouts.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the column component.\n * @returns A `NubeComponentCol` object representing the column component.\n */\nexport const col = (props: NubeComponentColProps): NubeComponentCol => ({\n\ttype: \"col\",\n\t...props,\n});\n","import type {\n\tNubeComponentRow,\n\tNubeComponentRowProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `row` component.\n *\n * A `row` is a flexible container used for structuring layouts in a horizontal direction.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the row component.\n * @returns A `NubeComponentRow` object representing the row component.\n */\nexport const row = (props: NubeComponentRowProps): NubeComponentRow => ({\n\ttype: \"row\",\n\t...props,\n});\n","import type {\n\tNubeComponentField,\n\tNubeComponentFieldProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `field` component.\n *\n * A `field` represents an input element in a form, such as text fields, dropdowns, or checkboxes.\n * It supports properties like `name`, `label`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the field component.\n * @returns A `NubeComponentField` object representing the form field.\n */\nexport const field = (props: NubeComponentFieldProps): NubeComponentField => ({\n\ttype: \"field\",\n\t...props,\n});\n","import type {\n\tNubeComponentFragment,\n\tNubeComponentFragmentProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `fragment` component.\n *\n * A `fragment` is a logical grouping element that allows multiple children\n * to be wrapped without introducing an additional DOM node.\n *\n * @param props - The properties for configuring the fragment component.\n * @returns A `NubeComponentFragment` object representing the fragment.\n */\nexport const fragment = (\n\tprops: NubeComponentFragmentProps,\n): NubeComponentFragment => ({\n\ttype: \"fragment\",\n\t...props,\n});\n","import type {\n\tNubeComponentImg,\n\tNubeComponentImgProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates an `img` (image) component.\n *\n * The `img` component is used to display images. It supports properties such as\n * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.\n *\n * @param props - The properties for configuring the image component.\n * @returns A `NubeComponentImg` object representing the image component.\n */\nexport const img = (props: NubeComponentImgProps): NubeComponentImg => ({\n\ttype: \"img\",\n\t...props,\n});\n","import type {\n\tNubeComponentTxt,\n\tNubeComponentTxtProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txt` (text) component.\n *\n * The `txt` component is used to render text with optional styling.\n * It supports properties such as `color`, `background`, `heading` levels (h1-h6),\n * text formatting `modifiers` (bold, italic, etc.), and inline display.\n *\n * @param props - The properties for configuring the text component.\n * @returns A `NubeComponentTxt` object representing the text component.\n */\nexport const txt = (props: NubeComponentTxtProps): NubeComponentTxt => ({\n\ttype: \"txt\",\n\t...props,\n});\n","import type {\n\tNubeComponentCheck,\n\tNubeComponentCheckProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `check` component.\n *\n * A `check` represents a selectable field that can be toggled between checked and unchecked states.\n * It is typically used to allow users to select one or more options.\n * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).\n *\n * @param props - The properties for configuring the checkbox component.\n * @returns A `NubeComponentCheck` object representing the checkbox.\n */\nexport const check = (props: NubeComponentCheckProps): NubeComponentCheck => ({\n\ttype: \"check\",\n\t...props,\n});\n","import type {\n\tNubeComponentTxtArea,\n\tNubeComponentTxtAreaProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txtarea` component.\n *\n * A `txtarea` represents a multi-line text input field that allows users to enter longer texts.\n * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the textarea component.\n * @returns A `NubeComponentTxtArea` object representing the textarea component.\n */\nexport const txtarea = (\n\tprops: NubeComponentTxtAreaProps,\n): NubeComponentTxtArea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n","import type {\n\tNubeComponentDialog,\n\tNubeComponentDialogProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `dialog` component.\n *\n * A `dialog` is a modal window used for user interactions,\n * allowing the display of titles, content, and specific actions.\n *\n * @param props - The properties for configuring the dialog component.\n * @returns A `NubeComponentDialog` object representing the dialog component.\n */\nexport const dialog = (\n\tprops: NubeComponentDialogProps,\n): NubeComponentDialog => ({\n\ttype: \"dialog\",\n\t...props,\n});\n","import type {\n\tNubeComponentButton,\n\tNubeComponentButtonProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `button` component.\n *\n * A `button` represents a clickable element typically used to trigger an action or submit a form.\n * It supports properties such as `text`, `onClick`, and style configurations.\n *\n * @param props - The properties for configuring the button component.\n * @returns A `NubeComponentButton` object representing the button component.\n */\nexport const button = (\n\tprops: NubeComponentButtonProps,\n): NubeComponentButton => ({\n\ttype: \"button\",\n\t...props,\n});\n"],"mappings":";AAcO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACFO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACJO,IAAM,UAAU,CACtB,WAC2B;AAAA,EAC3B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;","names":[]}
+{"version":3,"sources":["../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/field.ts","../src/components/fragment.ts","../src/components/image.ts","../src/components/text.ts","../src/components/checkbox.ts","../src/components/textarea.ts","../src/components/button.ts"],"sourcesContent":["import type {\n\tNubeComponentBox,\n\tNubeComponentBoxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `box` component.\n *\n * A `box` is a flexible container that can be used for layout purposes.\n * It supports properties like width, height, padding, margin, and flex-based alignment.\n *\n * @param props - The properties for configuring the box component.\n * @returns A `NubeComponentBox` object representing the box component.\n */\nexport const box = (props: NubeComponentBoxProps): NubeComponentBox => ({\n\ttype: \"box\",\n\t...props,\n});\n","import type {\n\tNubeComponentColumn,\n\tNubeComponentColumnProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `column` component.\n *\n * A `column` is a flexible column container that can be used for structuring layouts.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the column component.\n * @returns A `NubeComponentColumn` object representing the column component.\n */\nexport const column = (\n\tprops: NubeComponentColumnProps,\n): NubeComponentColumn => ({\n\ttype: \"col\",\n\t...props,\n});\n","import type {\n\tNubeComponentRow,\n\tNubeComponentRowProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `row` component.\n *\n * A `row` is a flexible container used for structuring layouts in a horizontal direction.\n * It inherits most properties from `box`, except for the `direction` property.\n *\n * @param props - The properties for configuring the row component.\n * @returns A `NubeComponentRow` object representing the row component.\n */\nexport const row = (props: NubeComponentRowProps): NubeComponentRow => ({\n\ttype: \"row\",\n\t...props,\n});\n","import type {\n\tNubeComponentField,\n\tNubeComponentFieldProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `field` component.\n *\n * A `field` represents an input element in a form, such as text fields, dropdowns, or checkboxes.\n * It supports properties like `name`, `label`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the field component.\n * @returns A `NubeComponentField` object representing the form field.\n */\nexport const field = (props: NubeComponentFieldProps): NubeComponentField => ({\n\ttype: \"field\",\n\t...props,\n});\n","import type {\n\tNubeComponentFragment,\n\tNubeComponentFragmentProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `fragment` component.\n *\n * A `fragment` is a logical grouping element that allows multiple children\n * to be wrapped without introducing an additional DOM node.\n *\n * @param props - The properties for configuring the fragment component.\n * @returns A `NubeComponentFragment` object representing the fragment.\n */\nexport const fragment = (\n\tprops: NubeComponentFragmentProps,\n): NubeComponentFragment => ({\n\ttype: \"fragment\",\n\t...props,\n});\n","import type {\n\tNubeComponentImage,\n\tNubeComponentImageProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `image` component instead.\n */\nexport const img = (props: NubeComponentImageProps): NubeComponentImage => ({\n\ttype: \"img\",\n\t...props,\n});\n\n/**\n * Creates an `image` (image) component.\n *\n * The `image` component is used to display images. It supports properties such as\n * `src`, `alt`, `width`, `height`, and responsive `sources` for different screen sizes.\n *\n * @param props - The properties for configuring the image component.\n * @returns A `NubeComponentImage` object representing the image component.\n */\nexport const image = (props: NubeComponentImageProps): NubeComponentImage => ({\n\ttype: \"img\",\n\t...props,\n});\n","import type {\n\tNubeComponentText,\n\tNubeComponentTextProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `txt` (text) component.\n *\n * The `txt` component is used to render text with optional styling.\n * It supports properties such as `color`, `background`, `heading` levels (h1-h6),\n * text formatting `modifiers` (bold, italic, etc.), and inline display.\n *\n * @param props - The properties for configuring the text component.\n * @returns A `NubeComponentTxt` object representing the text component.\n */\nexport const text = (props: NubeComponentTextProps): NubeComponentText => ({\n\ttype: \"txt\",\n\t...props,\n});\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `text` component instead.\n */\nexport const txt = (props: NubeComponentTextProps): NubeComponentText => ({\n\ttype: \"txt\",\n\t...props,\n});\n","import type {\n\tNubeComponentCheckbox,\n\tNubeComponentCheckboxProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `checkbox` component instead.\n */\nexport const check = (\n\tprops: NubeComponentCheckboxProps,\n): NubeComponentCheckbox => ({\n\ttype: \"check\",\n\t...props,\n});\n\n/**\n * Creates a `checkbox` component.\n *\n * A `checkbox` represents a selectable field that can be toggled between checked and unchecked states.\n * It is typically used to allow users to select one or more options.\n * Supports properties such as `name`, `label`, `checked`, and event handlers (`onChange`).\n *\n * @param props - The properties for configuring the checkbox component.\n * @returns A `NubeComponentCheckbox` object representing the checkbox.\n */\nexport const checkbox = (\n\tprops: NubeComponentCheckboxProps,\n): NubeComponentCheckbox => ({\n\ttype: \"check\",\n\t...props,\n});\n","import type {\n\tNubeComponentTextarea,\n\tNubeComponentTextareaProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * @deprecated This component has been deprecated since version `0.8.0`. Please use the `textarea` component instead.\n */\nexport const txtarea = (\n\tprops: NubeComponentTextareaProps,\n): NubeComponentTextarea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n\n/**\n * Creates a `textarea` component.\n *\n * A `textarea` represents a multi-line text input field that allows users to enter longer texts.\n * It supports properties such as `name`, `value`, and event handlers (`onChange`, `onBlur`, `onFocus`).\n *\n * @param props - The properties for configuring the textarea component.\n * @returns A `NubeComponentTextarea` object representing the textarea component.\n */\nexport const textarea = (\n\tprops: NubeComponentTextareaProps,\n): NubeComponentTextarea => ({\n\ttype: \"txtarea\",\n\t...props,\n});\n","import type {\n\tNubeComponentButton,\n\tNubeComponentButtonProps,\n} from \"@tiendanube/nube-sdk-types\";\n\n/**\n * Creates a `button` component.\n *\n * A `button` represents a clickable element typically used to trigger an action or submit a form.\n * It supports properties such as `text`, `onClick`, and style configurations.\n *\n * @param props - The properties for configuring the button component.\n * @returns A `NubeComponentButton` object representing the button component.\n */\nexport const button = (\n\tprops: NubeComponentButtonProps,\n): NubeComponentButton => ({\n\ttype: \"button\",\n\t...props,\n});\n"],"mappings":";AAcO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACLO,IAAM,MAAM,CAAC,WAAoD;AAAA,EACvE,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACHO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACXO,IAAM,MAAM,CAAC,WAAwD;AAAA,EAC3E,MAAM;AAAA,EACN,GAAG;AACJ;AAWO,IAAM,QAAQ,CAAC,WAAwD;AAAA,EAC7E,MAAM;AAAA,EACN,GAAG;AACJ;;;ACVO,IAAM,OAAO,CAAC,WAAsD;AAAA,EAC1E,MAAM;AAAA,EACN,GAAG;AACJ;AAKO,IAAM,MAAM,CAAC,WAAsD;AAAA,EACzE,MAAM;AAAA,EACN,GAAG;AACJ;;;AClBO,IAAM,QAAQ,CACpB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;AAYO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACtBO,IAAM,UAAU,CACtB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;AAWO,IAAM,WAAW,CACvB,WAC4B;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AACJ;;;ACfO,IAAM,SAAS,CACrB,WAC0B;AAAA,EAC1B,MAAM;AAAA,EACN,GAAG;AACJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tiendanube/nube-sdk-ui",
-	"version": "0.3.0",
+	"version": "0.5.0",
 	"description": "Library for building declarative interfaces for NubeSDK",
 	"type": "module",
 	"main": "./dist/index.js",