@telepix-lab/telepix-ui 0.6.4 → 0.6.5

package/dist/cjs/client.js

@@ -12461,7 +12461,7 @@ const SELECT_TRIGGER_SIZES = {
  * </Select>
  */
 const Select = (props) => jsxRuntime.jsx(Root2, { ...props });
-const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", icon, ...rest }) => {
+const SelectTrigger = ({ placeholder, textValue, variant = "outline", size = "regular", icon, ...rest }) => {
     const { className, ...otherProps } = rest;
     return (jsxRuntime.jsxs(Trigger$1, { className: cn("relative group/state flex items-center justify-between w-full bg-page-l-null outline-none cursor-pointer text-comp-mono-default data-[placeholder]:not-disabled:text-comp-mono-subtle-default data-disabled:text-comp-disabled rounded-md", variant === SELECT_TRIGGER_VARIANTS.OUTLINE &&
             "border border-border-bound [&:not(:is([data-placeholder]))]:border-border-focused data-disabled:border-transparent py-0 px-2", variant === SELECT_TRIGGER_VARIANTS.GHOST &&
@@ -12469,7 +12469,7 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
             "border border-transparent py-0 px-2 bg-page-l3 [&:not(:is([data-placeholder]))]:border-border-focused [&:not(:is([data-placeholder]))]:bg-page-l2 data-disabled:border-transparent data-disabled:bg-page-l-null", size === SELECT_TRIGGER_SIZES.COMPACT &&
             "py-1.5 px-1 text-label font-medium leading-label-compact gap-1", size === SELECT_TRIGGER_SIZES.REGULAR &&
             "py-1.5 px-2 text-body font-medium leading-body-compact gap-2", size === SELECT_TRIGGER_SIZES.LARGE &&
-            "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon }), jsxRuntime.jsx(Value, { placeholder: placeholder }), jsxRuntime.jsx(Icon$1, { className: "flex items-center justify-center text-comp-mono-default group-disabled/state:text-comp-disabled", children: jsxRuntime.jsx(CaretDownIcon, {}) }), jsxRuntime.jsx(StateColorContainer, { className: "rounded-md group-data-disabled/state:bg-fill-default" })] }));
+            "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon }), jsxRuntime.jsx(Value, { placeholder: placeholder, asChild: !!textValue, children: textValue && jsxRuntime.jsx("span", { children: textValue }) }), jsxRuntime.jsx(Icon$1, { className: "flex items-center justify-center text-comp-mono-default group-disabled/state:text-comp-disabled", children: jsxRuntime.jsx(CaretDownIcon, {}) }), jsxRuntime.jsx(StateColorContainer, { className: "rounded-md group-data-disabled/state:bg-fill-default" })] }));
 };
 const SelectContent = ({ children, viewportClassName, viewportWrapperClassName, ...rest }) => {
     const { className, position, sideOffset, ...otherProps } = rest;
@@ -12486,7 +12486,7 @@ const SelectItem = ({ indicator, ...rest }) => {
     const { className, textValue, ...otherProps } = rest;
     return (jsxRuntime.jsxs(Item, { className: cn(`relative group/state flex items-center justify-between gap-2 py-1.5 px-2 cursor-pointer text-comp-mono-default text-body font-medium leading-body-compact outline-none rounded-sm 
         [&:is([data-disabled])]:text-comp-disabled [&:is([data-disabled])]:cursor-not-allowed
-        `, className), ...otherProps, children: [jsxRuntime.jsx(ItemText, { children: textValue }), indicator && (jsxRuntime.jsx(ItemIndicator, { className: "w-4 flex items-center justify-center", children: indicator })), jsxRuntime.jsx(StateColorContainer, { className: "rounded-sm group-data-disabled/state:bg-fill-default" })] }));
+        `, className), ...otherProps, children: [jsxRuntime.jsx(ItemText, { children: textValue ?? otherProps.value }), indicator && (jsxRuntime.jsx(ItemIndicator, { className: "w-4 flex items-center justify-center", children: indicator })), jsxRuntime.jsx(StateColorContainer, { className: "rounded-sm group-data-disabled/state:bg-fill-default" })] }));
 };
 Select.displayName = "Select";
 SelectTrigger.displayName = "SelectTrigger";

package/dist/cjs/select/index.d.ts

@@ -26,12 +26,13 @@ export declare const Select: {
 };
 interface SelectTrigger extends React.ComponentProps<typeof SelectRadix.Trigger> {
     placeholder?: string;
+    textValue?: string;
     variant?: SelectTriggerVariant;
     size?: SelectTriggerSize;
     icon?: React.ReactNode;
 }
 export declare const SelectTrigger: {
-    ({ placeholder, variant, size, icon, ...rest }: SelectTrigger): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, textValue, variant, size, icon, ...rest }: SelectTrigger): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface SelectContent extends React.ComponentProps<typeof SelectRadix.Content> {

package/dist/client.d.ts

@@ -144,12 +144,13 @@ declare const Select: {
 };
 interface SelectTrigger extends React__default.ComponentProps<typeof Select$1.Trigger> {
     placeholder?: string;
+    textValue?: string;
     variant?: SelectTriggerVariant;
     size?: SelectTriggerSize;
     icon?: React__default.ReactNode;
 }
 declare const SelectTrigger: {
-    ({ placeholder, variant, size, icon, ...rest }: SelectTrigger): react_jsx_runtime.JSX.Element;
+    ({ placeholder, textValue, variant, size, icon, ...rest }: SelectTrigger): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 interface SelectContent extends React__default.ComponentProps<typeof Select$1.Content> {

package/dist/esm/client.js

@@ -12441,7 +12441,7 @@ const SELECT_TRIGGER_SIZES = {
  * </Select>
  */
 const Select = (props) => jsx(Root2, { ...props });
-const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", icon, ...rest }) => {
+const SelectTrigger = ({ placeholder, textValue, variant = "outline", size = "regular", icon, ...rest }) => {
     const { className, ...otherProps } = rest;
     return (jsxs(Trigger$1, { className: cn("relative group/state flex items-center justify-between w-full bg-page-l-null outline-none cursor-pointer text-comp-mono-default data-[placeholder]:not-disabled:text-comp-mono-subtle-default data-disabled:text-comp-disabled rounded-md", variant === SELECT_TRIGGER_VARIANTS.OUTLINE &&
             "border border-border-bound [&:not(:is([data-placeholder]))]:border-border-focused data-disabled:border-transparent py-0 px-2", variant === SELECT_TRIGGER_VARIANTS.GHOST &&
@@ -12449,7 +12449,7 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
             "border border-transparent py-0 px-2 bg-page-l3 [&:not(:is([data-placeholder]))]:border-border-focused [&:not(:is([data-placeholder]))]:bg-page-l2 data-disabled:border-transparent data-disabled:bg-page-l-null", size === SELECT_TRIGGER_SIZES.COMPACT &&
             "py-1.5 px-1 text-label font-medium leading-label-compact gap-1", size === SELECT_TRIGGER_SIZES.REGULAR &&
             "py-1.5 px-2 text-body font-medium leading-body-compact gap-2", size === SELECT_TRIGGER_SIZES.LARGE &&
-            "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsx("div", { className: "flex items-center justify-center", children: icon }), jsx(Value, { placeholder: placeholder }), jsx(Icon$1, { className: "flex items-center justify-center text-comp-mono-default group-disabled/state:text-comp-disabled", children: jsx(CaretDownIcon, {}) }), jsx(StateColorContainer, { className: "rounded-md group-data-disabled/state:bg-fill-default" })] }));
+            "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsx("div", { className: "flex items-center justify-center", children: icon }), jsx(Value, { placeholder: placeholder, asChild: !!textValue, children: textValue && jsx("span", { children: textValue }) }), jsx(Icon$1, { className: "flex items-center justify-center text-comp-mono-default group-disabled/state:text-comp-disabled", children: jsx(CaretDownIcon, {}) }), jsx(StateColorContainer, { className: "rounded-md group-data-disabled/state:bg-fill-default" })] }));
 };
 const SelectContent = ({ children, viewportClassName, viewportWrapperClassName, ...rest }) => {
     const { className, position, sideOffset, ...otherProps } = rest;
@@ -12466,7 +12466,7 @@ const SelectItem = ({ indicator, ...rest }) => {
     const { className, textValue, ...otherProps } = rest;
     return (jsxs(Item, { className: cn(`relative group/state flex items-center justify-between gap-2 py-1.5 px-2 cursor-pointer text-comp-mono-default text-body font-medium leading-body-compact outline-none rounded-sm 
         [&:is([data-disabled])]:text-comp-disabled [&:is([data-disabled])]:cursor-not-allowed
-        `, className), ...otherProps, children: [jsx(ItemText, { children: textValue }), indicator && (jsx(ItemIndicator, { className: "w-4 flex items-center justify-center", children: indicator })), jsx(StateColorContainer, { className: "rounded-sm group-data-disabled/state:bg-fill-default" })] }));
+        `, className), ...otherProps, children: [jsx(ItemText, { children: textValue ?? otherProps.value }), indicator && (jsx(ItemIndicator, { className: "w-4 flex items-center justify-center", children: indicator })), jsx(StateColorContainer, { className: "rounded-sm group-data-disabled/state:bg-fill-default" })] }));
 };
 Select.displayName = "Select";
 SelectTrigger.displayName = "SelectTrigger";

package/dist/esm/select/index.d.ts

@@ -26,12 +26,13 @@ export declare const Select: {
 };
 interface SelectTrigger extends React.ComponentProps<typeof SelectRadix.Trigger> {
     placeholder?: string;
+    textValue?: string;
     variant?: SelectTriggerVariant;
     size?: SelectTriggerSize;
     icon?: React.ReactNode;
 }
 export declare const SelectTrigger: {
-    ({ placeholder, variant, size, icon, ...rest }: SelectTrigger): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, textValue, variant, size, icon, ...rest }: SelectTrigger): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface SelectContent extends React.ComponentProps<typeof SelectRadix.Content> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telepix-lab/telepix-ui",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "A UI kit for TelePIX",
   "types": "./dist/index.d.ts",
   "exports": {