@jamsrui/input-group 0.0.7 → 0.0.9

package/dist/styles.d.mts

@@ -4,18 +4,12 @@ import { VariantProps } from '@jamsrui/utils';
 declare const inputGroupVariants: _jamsrui_utils.TVReturnType<{
     variant: {
         bordered: {
-            root: string;
+            root: string[];
         };
         solid: {
             root: string;
         };
     };
-    isInvalid: {
-        true: {
-            root: string;
-            input: string;
-        };
-    };
     radius: {
         sm: {};
         md: {};
@@ -33,18 +27,12 @@ declare const inputGroupVariants: _jamsrui_utils.TVReturnType<{
 }, undefined, {
     variant: {
         bordered: {
-            root: string;
+            root: string[];
         };
         solid: {
             root: string;
         };
     };
-    isInvalid: {
-        true: {
-            root: string;
-            input: string;
-        };
-    };
     radius: {
         sm: {};
         md: {};
@@ -62,18 +50,12 @@ declare const inputGroupVariants: _jamsrui_utils.TVReturnType<{
 }, _jamsrui_utils.TVReturnType<{
     variant: {
         bordered: {
-            root: string;
+            root: string[];
         };
         solid: {
             root: string;
         };
     };
-    isInvalid: {
-        true: {
-            root: string;
-            input: string;
-        };
-    };
     radius: {
         sm: {};
         md: {};

package/dist/styles.mjs

@@ -1 +1 @@
-import{radiusVariant as r,tv as o}from"@jamsrui/utils";const t=o({slots:{root:["input-group flex items-center group overflow-hidden","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","not-uig-invalid:uig-focus:border-primary uig-focus:ring-primary","not-uig-invalid:uig-hover:border-divider-dark"],prefix:"input__prefix pl-3 text-sm text-foreground-secondary select-none",suffix:"input__suffix pr-3 text-sm text-foreground-secondary select-none"},variants:{variant:{bordered:{root:"border border-divider focus-within:border-focus"},solid:{root:"bg-surface hover:bg-surface/90"}},isInvalid:{true:{root:"input--invalid",input:"border-danger"}},radius:r("root")},defaultVariants:{isInvalid:!1,radius:"md",variant:"bordered"}});export{t as inputGroupVariants};
+import{radiusVariant as r,tv as o}from"@jamsrui/utils";const i=o({slots:{root:["input-group flex items-center group overflow-hidden","uig-disabled:cursor-not-allowed uig-disabled:opacity-disabled","not-uig-invalid:uig-focus:border-primary uig-focus:ring-primary","not-uig-invalid:uig-hover:border-divider-dark"],prefix:"input__prefix pl-3 text-sm text-foreground-secondary select-none",suffix:"input__suffix pr-3 text-sm text-foreground-secondary select-none"},variants:{variant:{bordered:{root:["border border-divider focus-within:not-group-data-invalid:border-focus","group-data-invalid:border-danger"]},solid:{root:"bg-surface hover:bg-surface/90"}},radius:r("root")},defaultVariants:{radius:"md",variant:"bordered"}});export{i as inputGroupVariants};

package/dist/use-input-group.d.mts

@@ -9,7 +9,7 @@ declare const useInputGroup: (props: useInputGroup.Props) => {
     getRootProps: PropGetter<InputGroupRoot.Props>;
     getPrefixProps: PropGetter<InputGroupPrefix.Props>;
     getSuffixProps: PropGetter<InputGroupSuffix.Props>;
-    variantProps: Pick<useInputGroup.Props, "radius" | "isInvalid" | "variant">;
+    variantProps: Pick<useInputGroup.Props, "radius" | "variant">;
 };
 declare namespace useInputGroup {
     interface Props extends UIProps<"div">, InputGroupVariantProps {

package/dist/use-input-group.mjs

@@ -1 +1 @@
-"use client";import{useCallback as p,useMemo as T}from"react";import{useFocus as b,useFocusVisible as E,useHover as y,useMergeRefs as D}from"@jamsrui/hooks";import{cn as n,dataAttr as o,dataAttrDev as a,mapPropsVariants as L}from"@jamsrui/utils";import{inputGroupVariants as x}from"./styles.mjs";const K=I=>{const[v,r]=L(I,x.variantKeys),{ref:G,className:V,...M}=v,e=x(r),u=r.isInvalid,s=!1,{isFocused:i,ref:g}=b({isDisabled:s}),{isFocusVisible:c,ref:N}=E({isDisabled:s}),{isHovered:f,ref:H}=y({isDisabled:s}),F=D([G,g,N,H]),R=t=>{if(t.target.closest("input, textarea"))return;const P=t.currentTarget.querySelector("input, textarea");P&&(P.focus(),t.preventDefault())},l=p(t=>({"data-component":a("input-group"),"data-slot":a("root"),"data-focused":o(i),"data-focus-visible":o(c),"data-hovered":o(f),"data-disabled":o(s),"aria-disabled":o(s),"data-invalid":o(u),onMouseDown:R,...M,className:e.root({className:n(t.className)})}),[s,c,i,f,u,e]),m=p(t=>({"data-slot":a("prefix"),...t,className:e.prefix({className:n(t.className)})}),[e]),d=p(t=>({"data-slot":a("suffix"),...t,className:e.suffix({className:n(t.className)})}),[e]);return T(()=>({getRootProps:l,getPrefixProps:m,getSuffixProps:d,variantProps:r}),[l,m,d,r])};export{K as useInputGroup};
+"use client";import{useCallback as p,useMemo as R}from"react";import{useFocus as T,useFocusVisible as b,useHover as E,useMergeRefs as y}from"@jamsrui/hooks";import{cn as u,dataAttr as s,dataAttrDev as r,mapPropsVariants as D}from"@jamsrui/utils";import{inputGroupVariants as P}from"./styles.mjs";const C=x=>{const[G,a]=D(x,P.variantKeys),{ref:I,className:L,...v}=G,e=P(a),o=!1,{isFocused:n,ref:M}=T({isDisabled:o}),{isFocusVisible:i,ref:g}=b({isDisabled:o}),{isHovered:f,ref:N}=E({isDisabled:o}),V=y([I,M,g,N]),H=t=>{if(t.target.closest("input, textarea"))return;const d=t.currentTarget.querySelector("input, textarea");d&&(d.focus(),t.preventDefault())},c=p(t=>({"data-component":r("input-group"),"data-slot":r("root"),"data-focused":s(n),"data-focus-visible":s(i),"data-hovered":s(f),"data-disabled":s(o),"aria-disabled":s(o),onMouseDown:H,...v,className:e.root({className:u(t.className)})}),[o,i,n,f,e]),m=p(t=>({"data-slot":r("prefix"),...t,className:e.prefix({className:u(t.className)})}),[e]),l=p(t=>({"data-slot":r("suffix"),...t,className:e.suffix({className:u(t.className)})}),[e]);return R(()=>({getRootProps:c,getPrefixProps:m,getSuffixProps:l,variantProps:a}),[c,m,l,a])};export{C as useInputGroup};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@jamsrui/input-group",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/core": "^0.0.14",
-    "@jamsrui/description": "^0.0.11",
-    "@jamsrui/field-error": "^0.0.11",
-    "@jamsrui/utils": "^0.0.18",
-    "@jamsrui/hooks": "^0.0.18",
-    "@jamsrui/label": "^0.0.11"
+    "@jamsrui/description": "^0.0.12",
+    "@jamsrui/core": "^0.0.15",
+    "@jamsrui/label": "^0.0.13",
+    "@jamsrui/field-error": "^0.0.12",
+    "@jamsrui/hooks": "^0.0.19",
+    "@jamsrui/utils": "^0.0.19"
   },
   "exports": {
     ".": {