@jamsrui/input-group 0.0.2 → 0.0.4

package/dist/index.mjs

@@ -1 +1 @@
-import{a as p}from"./chunk-OA76GBK6.mjs";import{a as t}from"./chunk-JC45OFBY.mjs";import{a as o}from"./chunk-HOCCJTBA.mjs";import"./chunk-VOXCJOHF.mjs";import{a as u,b as r,c as n}from"./chunk-PKC446O7.mjs";import{a as e}from"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";var I=Object.assign(o,{Root:o,Prefix:p,Suffix:t});export{I as InputGroup,u as InputGroupContext,e as useInputGroup,r as useInputGroupContext,n as useInputGroupContextOpt};
+import{InputGroup as o}from"./input-group.mjs";import{InputGroupPrefix as p}from"./input-group-prefix.mjs";import{InputGroupSuffix as t}from"./input-group-suffix.mjs";import{useInputGroup as G}from"./use-input-group.mjs";import{InputGroupContext as i,useInputGroupContext as m,useInputGroupContextOpt as s}from"./input-group-context.mjs";const u=Object.assign(o,{Root:o,Prefix:p,Suffix:t});export{u as InputGroup,i as InputGroupContext,G as useInputGroup,m as useInputGroupContext,s as useInputGroupContextOpt};

package/dist/input-group-context.mjs

@@ -1 +1 @@
-"use client";import{a,b,c}from"./chunk-PKC446O7.mjs";export{a as InputGroupContext,b as useInputGroupContext,c as useInputGroupContextOpt};
+"use client";import{createContext as n,use as e}from"react";const o=n(null),s=()=>{const t=e(o);if(!t)throw new Error("useInputGroupContext must be used within InputGroupContextProvider");return t},x=()=>e(o);export{o as InputGroupContext,s as useInputGroupContext,x as useInputGroupContextOpt};

package/dist/input-group-prefix.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-OA76GBK6.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupPrefix};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useInputGroupContext as o}from"./input-group-context.mjs";const u=e=>{const{getPrefixProps:r}=o();return t("div",{props:[r(e)]})};export{u as InputGroupPrefix};

package/dist/input-group-root.mjs

@@ -1 +1 @@
-import{a}from"./chunk-VOXCJOHF.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupRoot};
+import{useRenderElement as t}from"@jamsrui/hooks";import{useInputGroupContext as e}from"./input-group-context.mjs";const u=o=>{const{getRootProps:r}=e();return t("div",{props:[r(o)]})};export{u as InputGroupRoot};

package/dist/input-group-suffix.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-JC45OFBY.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupSuffix};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useInputGroupContext as o}from"./input-group-context.mjs";const s=e=>{const{getSuffixProps:r}=o();return t("div",{props:[r(e)]})};export{s as InputGroupSuffix};

package/dist/input-group.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-HOCCJTBA.mjs";import"./chunk-VOXCJOHF.mjs";import"./chunk-PKC446O7.mjs";import"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";export{a as InputGroup};
+"use client";import{jsx as p}from"react/jsx-runtime";import{InputGroupContext as u}from"./input-group-context.mjs";import{InputGroupRoot as r}from"./input-group-root.mjs";import{useInputGroup as n}from"./use-input-group.mjs";const s=o=>{const t=n(o);return p(u,{value:t,children:p(r,{children:o.children})})};export{s as InputGroup};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-DI2Q7SWM.mjs";export{a as inputGroupVariants};
+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};

package/dist/use-input-group.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";export{a as useInputGroup};
+"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};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@jamsrui/input-group",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/core": "^0.0.11",
-    "@jamsrui/field-error": "^0.0.6",
-    "@jamsrui/description": "^0.0.6",
-    "@jamsrui/utils": "^0.0.13",
-    "@jamsrui/hooks": "^0.0.13",
-    "@jamsrui/label": "^0.0.6"
+    "@jamsrui/core": "^0.0.13",
+    "@jamsrui/description": "^0.0.8",
+    "@jamsrui/label": "^0.0.8",
+    "@jamsrui/field-error": "^0.0.8",
+    "@jamsrui/hooks": "^0.0.15",
+    "@jamsrui/utils": "^0.0.15"
   },
   "exports": {
     ".": {

package/dist/chunk-DI2Q7SWM.mjs

@@ -1 +0,0 @@
-import{radiusVariant as r,tv as o}from"@jamsrui/utils";var 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 a};

package/dist/chunk-HOCCJTBA.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-VOXCJOHF.mjs";import{a as p}from"./chunk-PKC446O7.mjs";import{a as u}from"./chunk-INXP3MXO.mjs";import{jsx as r}from"react/jsx-runtime";var s=o=>{let n=u(o);return r(p,{value:n,children:r(t,{children:o.children})})};export{s as a};

package/dist/chunk-INXP3MXO.mjs

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

package/dist/chunk-JC45OFBY.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PKC446O7.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var s=r=>{let{getSuffixProps:t}=e();return o("div",{props:[t(r)]})};export{s as a};

package/dist/chunk-OA76GBK6.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PKC446O7.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var u=r=>{let{getPrefixProps:t}=e();return o("div",{props:[t(r)]})};export{u as a};

package/dist/chunk-PKC446O7.mjs

@@ -1 +0,0 @@
-import{createContext as n,use as e}from"react";var o=n(null),u=()=>{let t=e(o);if(!t)throw new Error("useInputGroupContext must be used within InputGroupContextProvider");return t},p=()=>e(o);export{o as a,u as b,p as c};

package/dist/chunk-VOXCJOHF.mjs

@@ -1 +0,0 @@
-import{b as o}from"./chunk-PKC446O7.mjs";import{useRenderElement as e}from"@jamsrui/hooks";var u=r=>{let{getRootProps:t}=o();return e("div",{props:[t(r)]})};export{u as a};