PageSourceSearch

https://cdn.shopify.com/shopifycloud/world/brochure/production-shopify/assets/TextInput-D5tDbsYJ.js

js shopify.com collected 2026-09-24 03:06:40 UTC 4,366 bytes, 2 lines download raw bytes

1import{K as e,Y as t}from"./chunk-62JRHF6Z-Bxb16a7V.js";import{t as n}from"./jsx-runtime-B7wtUTmV.js";import{t as r}from"./twMerge-DDLWS7Ly.js";import{t as i}from"./dist-DLh16i5j.js";import{t as a}from"./Message-BGf9VV0X.js";import{t as o}from"./FormButton-Gn3VYHJn.js";var s=t(e(),1),c=i(`w-full pb-2 pt-6 peer placeholder:text-transparent input:bg-transparent bg-transparent focus-visible:outline-none`,{variants:{hasButton:{true:`px-6`,false:`px-4`}},defaultVariants:{hasButton:!1}}),l=i([`relative box-border flex justify-between items-start`,`w-full`,`duration-300 ease-out`,`peer placeholder:text-transparent`,`ring ring-1 ring-inset`,`hover:focus-within:ring-state-focus focus-within:ring-state-focus focus-within:outline-0`],{variants:{mode:{light:`text-input-light-text bg-input-light-bg default:ring-input-light-border hover:ring-input-light-border-hover`,dark:`text-input-dark-text bg-input-dark-bg default:ring-input-dark-border hover:ring-input-dark-hover-border focus-within:ring-input-dark-active-border focus-within:hover:ring-input-dark-active-border`},state:{success:``,warning:``,error:``,disabled:``},hasButton:{true:`rounded-button`,false:`rounded-lg`}},compoundVariants:[{mode:`light`,state:`success`,className:`ring-state-success-dark`},{mode:`light`,state:`warning`,className:`ring-state-warning-dark`},{mode:`light`,state:`error`,className:`ring-state-error-dark`},{mode:`light`,state:`disabled`,className:`ring-input-light-disabled-border text-input-light-disabled-text hover:ring-input-light-disabled-border`},{mode:`dark`,state:`success`,className:`ring-state-success-light`},{mode:`dark`,state:`warning`,className:`ring-state-warning-light`},{mode:`dark`,state:`error`,className:`ring-state-error-light`},{mode:`dark`,state:`disabled`,className:`ring-input-dark-disabled-border hover:ring-input-dark-disabled-border text-input-dark-disabled-text`}],defaultVariants:{hasButton:!1}}),u=i([`absolute z-10`,`text-base pointer-events-none`,`duration-300 ease-out`,`origin-top-left rtl:origin-top-right`,`peer-placeholder-shown:scale-100 peer-placeholder-shown:top-8 peer-placeholder-shown:-translate-y-4`,`-translate-y-full peer-focus:-translate-y-full scale-75 peer-focus:scale-75 top-8`],{variants:{mode:{light:`text-input-light-label-text peer-focus:text-input-light-label-text`,dark:`text-input-dark-label-text peer-focus:text-input-dark-label-text`},isDisabled:{true:``,false:``},hasButton:{true:`start-6 peer-placeholder-shown:top-[2.2rem] top-[2.2rem]`,false:`start-4`}},compoundVariants:[{isDisabled:!0,mode:`light`,className:`text-input-light-disabled-text peer-placeholder-shown:text-input-light-disabled-text`},{isDisabled:!0,mode:`dark`,className:`text-input-dark-disabled-text peer-placeholder-shown:text-input-dark-disabled-text`},{isDisabled:!1,mode:`light`,className:`peer-placeholder-shown:text-input-light-text`},{isDisabled:!1,mode:`dark`,className:`peer-placeholder-shown:text-input-dark-text`}],defaultVariants:{hasButton:!1}}),d=n(),f=(0,s.forwardRef)(({className:e,id:t,label:n,state:s,message:f,mode:p=`light`,button:m,...h},g)=>{let _=`${t}-${s||`description`}`,v=s===`disabled`,y=!!m,b=f&&{className:`pt-1`,id:_,mode:p,children:f,state:s},x=i(`my-1 whitespace-nowrap`,{variants:{fullWidth:{true:`mr-1 w-full py-4`,false:`me-1 py-3`},isDisabled:{true:``,false:``},mode:{light:``,dark:``}},compoundVariants:[{mode:`light`,isDisabled:!0,className:`bg-shade-60 text-shade-50`},{mode:`dark`,isDisabled:!1,className:`bg-white text-black`}]});return(0,d.jsxs)(`div`,{"data-component-name":`text-input`,className:`flex flex-col`,"data-mode":p,children:[(0,d.jsxs)(`div`,{className:r(l({mode:p,state:s,hasButton:y}),e),children:[(0,d.jsx)(`input`,{...h,"aria-describedby":f&&_,className:c({hasButton:y}),disabled:v,id:t,name:h.name||t,type:h.type||`text`,ref:g,placeholder:` `},t),(0,d.jsx)(`label`,{className:u({mode:p,isDisabled:v,hasButton:y}),htmlFor:t,children:n}),m&&(0,d.jsx)(`div`,{className:`hidden md:block`,children:(0,d.jsx)(o,{disabled:v,size:`small`,...m,className:r(x({fullWidth:!1,isDisabled:v,mode:p}),m.className)})})]}),(0,d.jsx)(a,{...b}),m&&(0,d.jsx)(`div`,{className:`block w-full md:hidden pt-2`,children:(0,d.jsx)(o,{disabled:v,size:`small`,...m,className:r(x({fullWidth:!0,isDisabled:v,mode:p}),m.className)})})]})});export{u as i,c as n,l as r,f as t};
2//# sourceMappingURL=TextInput-D5tDbsYJ.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.