@ikatec/nebula-react 1.0.12 → 1.0.14

package/dist/index.d.mts

@@ -110,7 +110,14 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
 
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
 
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+    noCardWrapper?: boolean;
+}
+/**
+ * Table component that can be used with or without a card wrapper.
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
+ */
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -431,7 +438,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
     border?: boolean;
-    paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
+    paddingSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     shadow?: 'sm' | 'md' | 'lg';
     variant?: 'primary' | 'secondary';
 }

package/dist/index.d.ts

@@ -110,7 +110,14 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
 
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
 
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+    noCardWrapper?: boolean;
+}
+/**
+ * Table component that can be used with or without a card wrapper.
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
+ */
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -431,7 +438,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
     border?: boolean;
-    paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
+    paddingSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     shadow?: 'sm' | 'md' | 'lg';
     variant?: 'primary' | 'secondary';
 }

package/dist/index.js

@@ -435,14 +435,26 @@ var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Table = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
+var Table = React8__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
+  if (noCardWrapper) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "table",
+      {
+        ref,
+        className: cn("w-full caption-bottom text-sm", className),
+        ...props
+      }
+    );
   }
-) }));
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      ref,
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+});
 Table.displayName = "Table";
 var TableHeader = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
@@ -469,7 +481,7 @@ var TableFooter = React8__namespace.forwardRef(({ className, ...props }, ref) =>
 TableFooter.displayName = "TableFooter";
 var variants2 = {
   variant: {
-    first: "bg-table-cell-background-first-layer",
+    first: "bg-transparent",
     second: "bg-table-cell-background-second-layer"
   }
 };
@@ -1065,6 +1077,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1344,6 +1357,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1623,6 +1637,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -3215,6 +3230,7 @@ var Box = ({
           "bg-box-background-secondary": variant3 === "secondary"
         },
         {
+          "p-0": paddingSize === "none",
           "p-4": paddingSize === "sm",
           "p-6": paddingSize === "md",
           "p-8": paddingSize === "lg",
@@ -3529,19 +3545,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsxRuntime.jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3632,7 +3651,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/dist/index.mjs

@@ -395,14 +395,26 @@ var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
-var Table = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsx(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
+var Table = React8.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
+  if (noCardWrapper) {
+    return /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn("w-full caption-bottom text-sm", className),
+        ...props
+      }
+    );
   }
-) }));
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref,
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+});
 Table.displayName = "Table";
 var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
@@ -429,7 +441,7 @@ var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
 TableFooter.displayName = "TableFooter";
 var variants2 = {
   variant: {
-    first: "bg-table-cell-background-first-layer",
+    first: "bg-transparent",
     second: "bg-table-cell-background-second-layer"
   }
 };
@@ -1025,6 +1037,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1304,6 +1317,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1583,6 +1597,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -3175,6 +3190,7 @@ var Box = ({
           "bg-box-background-secondary": variant3 === "secondary"
         },
         {
+          "p-0": paddingSize === "none",
           "p-4": paddingSize === "sm",
           "p-6": paddingSize === "md",
           "p-8": paddingSize === "lg",
@@ -3489,19 +3505,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3592,7 +3611,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "React components",
   "publishConfig": {
     "access": "public"