@inntechcorp/it-design 3.1.24 → 4.0.0-beta.10

package/dist/es/flex/index.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const a=({gap:a,justify:e,align:i,vertical:r,wrap:d,stretch:l,style:s,className:c,children:p})=>{const n=(()=>{if(a)return"small"===a?"10px":"medium"===a?"16px":"large"===a?"24px":"string"==typeof a?a:a+"px"})();return t("div",{className:c?"itd-flex "+c:"itd-flex","data-vertical":r||void 0,"data-wrap":d||void 0,"data-stretch":l||void 0,"data-justify":e,"data-align":i,style:void 0!==n?{"--itd-flex-gap":n,...s}:s,children:p})};export{a as default};

package/dist/es/floating/Arrow.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import{ComponentYPositions as r,ComponentXPositions as n}from"../enums/enum.js";const s=({placement:s,color:a,borderColor:i,shiftX:m=0,shiftY:f=0})=>{const c=e(null);return o(()=>{const t=c.current;if(!t)return;const e=t.parentElement;if(!e)return;const o=()=>{const a=e.offsetWidth,i=e.offsetHeight;if(!a||!i)return void requestAnimationFrame(o);const c=t.offsetWidth||10,l=t.offsetHeight||10,u=(t,e)=>Math.max(6,Math.min(t,e-6));if(s===r.TOP||s===r.BOTTOM){const e=a/2,o=Math.round(e-c/2-m);t.style.left=`${u(o,a-c)}px`,t.style.right="auto",t.style.transform="none"}else if(s===n.LEFT||s===n.RIGHT){const e=i/2,o=Math.round(e-l/2-f);t.style.top=`${u(o,i-l)}px`,t.style.bottom="auto",t.style.transform="none"}},a=new ResizeObserver(()=>{requestAnimationFrame(o)});a.observe(e);const i=setTimeout(()=>{requestAnimationFrame(o)},0);return()=>{clearTimeout(i),a.disconnect()}},[s,m,f]),t("div",{className:"itd-floating-arrow",ref:c,"data-placement":s,"data-border-color":i,style:{"--arrow-color":a||"var(--itd-popover)","--border-color":i}})};export{s as Arrow,s as default};

package/dist/es/floating/FloatingContent.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useRef as e}from"react";import{createPortal as r}from"react-dom";import{CSSTransition as a}from"react-transition-group";import{useFocusTrap as i}from"../hooks/useFocusTrap.js";import{usePortalDocument as n}from"../context/PortalDocumentContext.js";import{Arrow as s}from"./Arrow.js";const l=({children:l,position:c,isOpen:u,showArrow:m=!0,maxWidth:d,className:f="",onMouseEnter:p,onMouseLeave:b,timeout:h=150,transitionClassNames:x="itd-floating-transition",arrowColor:y,arrowBorderColor:F,trapFocus:v=!1,returnFocusRef:C,id:w,role:N,"aria-modal":g,"aria-labelledby":j,"aria-describedby":M,ref:R})=>{const A=e(null),E=n();if(i({isActive:u&&v,containerRef:A,returnFocusRef:C,autoFocus:v,trapFocusOutside:!1,restoreFocus:!0}),!E)return null;const O=o(a,{in:u,timeout:h,classNames:x,nodeRef:A,unmountOnExit:!0,children:t("div",{ref:o=>{A.current=o,R&&("function"==typeof R?R(o):R.current=o)},id:w,role:N,"aria-modal":g,"aria-labelledby":j,"aria-describedby":M,className:"itd-floating-content z-9999 fixed pointer-events-auto".concat(" "+f),"data-placement":c.actualPlacement,onMouseEnter:p,onMouseLeave:b,style:{top:`${c.top}px`,left:`${c.left}px`,maxWidth:"number"==typeof d?`${d}px`:d,visibility:!1===c.ready?"hidden":void 0},children:[l,m&&o(s,{placement:c.actualPlacement,color:y,borderColor:F,shiftX:c.shiftX,shiftY:c.shiftY})]})});return r(O,E.body)};l.displayName="FloatingContent";export{l as FloatingContent,l as default};

package/dist/es/floating/createFloatingTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{isValidElement as t}from"react";import{Slot as r}from"../primitives/Slot.js";function n(n){const{name:i,useTriggerContext:o,aria:a,fallback:l}=n,s=({children:n,asChild:s=!0})=>{const c=o(i),u=c.trigger.getTriggerProps(),m={...u,...a(c),tabIndex:u.tabIndex??0};return s?t(n)?e(r,{...m,children:n}):("production"!==process.env.NODE_ENV&&console.warn(`[${i}]: When using \`asChild\`, children must be a single React element. Example: <${i} asChild><Button /></${i}>.`),null):"button"===l?e("button",{type:"button",...m,children:n}):e("span",{role:"button",...m,children:n})};return s.displayName=i,s}export{n as createFloatingTrigger};

package/dist/es/form/context/FormContext.js

@@ -0,0 +1 @@
+import{createContext as t}from"react";const o=t({});o.displayName="ITDFormContext";export{o as default};

package/dist/es/form/context/FormRegistry.js

@@ -0,0 +1 @@
+const e=new Map,t=new Set;function r(){t.forEach(e=>e())}const d={register(t,d){e.set(t,d),r()},unregister(t){e.delete(t),r()},getDisabled(t){if(t)return e.get(t)?.disabled},getLocked(t){if(t)return e.get(t)?.locked},subscribe:e=>(t.add(e),()=>{t.delete(e)})};export{d as FormRegistry};

package/dist/es/form/context/FormStore.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as r,useCallback as t}from"react";import o from"fast-deep-equal/react.js";import{useTranslation as n}from"react-i18next";function i({name:i="",useQueryString:l=!1,onUpdate:s,onReset:a,onFieldUpdate:c,variant:d,disabled:f=!1,locked:u=!1,errorDisplay:h="tooltip"}){const{i18n:m}=n(),[E,y]=e({}),[g,F]=e(i),[v,w]=e(!1),[V,I]=e({});function p(e){return E.hasOwnProperty(e)&&void 0!==E[e]}r(()=>{const e=()=>{Object.keys(E).forEach(e=>{const r=E[e];if(r.error&&""!==r.error){const e=r.field.current?.getValue();void 0!==e&&r.field.current?.forceUpdate?.()}})};if("function"==typeof m?.on)return m.on("languageChanged",e),()=>{m.off?.("languageChanged",e)}},[E,m]);function T(e){return p(e)?E[e].field.current:null}function $(){let e={};return Object.keys(E).forEach(r=>{e[r]=b(r)}),e}function D(e,r,t=!0){if(p(e)&&E[e].field.current){if(E[e].valid=!1,E[e].error=r,!E[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);E[e].field.current?.setError?.(t?r:"")}}function O(){let e=!0;return Object.keys(E).forEach(r=>{E[r].valid||(e=!1)}),w(e),e}function b(e){if(p(e)){if(E[e].field.current?.hasOwnProperty("getValue"))return E[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function k(e,r,t,n){if(p(e)){if(!E[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let i=b(e),l=!1;l=Array.isArray(i)&&Array.isArray(r)?o(i,r):Array.isArray(i)||Array.isArray(r)?String(i??"")===String(r??""):i===r,l||E[e].field.current?.setValue(r,t,n)}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){E[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){p(e)?(delete E[e],O()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,r){const t=void 0!==r?r:{behavior:"smooth",block:"center",inline:"nearest"},o=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(t),!0);if(p(e)){const r=T(e);if(r&&"function"==typeof r.scrollIntoView)return r.scrollIntoView(t),!0}if("undefined"!=typeof document){const r=document.getElementById(g);if(r){const t=e.startsWith(`${g}_`)?[`#${e}`]:[`#${e}`,`#${g}_${e}`];for(const e of t){if(o(r.querySelector(e)))return!0}}if(o(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${g}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:O,hasField:p,getValues:$,getFieldValue:function(e){return p(e)?(r=E[e].value)instanceof Object?JSON.stringify(r):r:"";var r},getFieldValueByName:b,getFieldInstance:T,getFields:function(){let e={};return Object.keys(E).forEach(r=>{e[r]=E[r]}),e},getFieldsInstance:function(){let e={};return Object.keys(E).forEach(r=>{e[r]=E[r].field.current}),e},setName:function(e){F(e)},setInitialValues:function(e,r=!0,t=!1){Object.keys(e).forEach(o=>{k(o,e[o],r,t)});let o={};return Object.keys(e).forEach(r=>{o[r]=e[r]}),r&&(l&&I(o),s&&s(o)),O(),o},setInvalidField:function(e="",r=""){D(e,r),O()},setInvalidFields:function(e=[],r=""){e.forEach(e=>{D(e,r)}),O()},setFieldValue:function(e,r){p(e)?E[e].field.current?.setValue(r,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:k,setFieldError:D,removeFieldError:function(e){if(p(e)){if(E[e].valid=!0,E[e].error="",!E[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);E[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,r,t,o){if(p(e)){if(E[e].value=r,E[e].valid=o,t){c&&c({name:e,value:r,valid:o}),E[e].reset.length>0&&E[e].reset.forEach(e=>{E[e].value="",E[e].valid=!1,E[e].field.current?.reset(!1)});let t={...$(),[e]:r};E[e].reset.length>0&&E[e].reset.forEach(e=>{t[e]=""}),l&&o&&I(t),s&&s(t)}O()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:t(()=>v,[v]),isFieldsValid:function(e){let r=!0;return e.forEach(e=>{if(!p(e))return console.error(`ITD Form Error [isFieldsValid]: There is no field registered with this name: ${e}`),void(r=!1);E[e].valid||(r=!1)}),r},isFieldValid:function(e){return p(e)?E[e].valid:(console.error(`ITD Form Error [isFieldValid]: There is no field registered with this name: ${e}`),!1)},resetFields:function(e=!1,r=!1){Object.keys(E).forEach(t=>{if(!E[t].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${t}"`);E[t].field.current?.reset(e,r)}),a&&a()},removeFields:function(){y({})},formId:g,updated:V,variant:d,disabled:f,locked:u,errorDisplay:h}}export{i as default};

package/dist/es/form/control/Control.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t,{useContext as o,useCallback as r,useSyncExternalStore as i}from"react";import s from"../context/FormContext.js";import{FormRegistry as n}from"../context/FormRegistry.js";function d({position:d="end",className:l,form:c,children:m}){const{disabled:a,locked:p}=o(s),b=r(()=>n.getDisabled(c),[c]),f=r(()=>n.getLocked(c),[c]),u=i(n.subscribe,b),g=i(n.subscribe,f),x=a??u,h=p??g;return e("div",{className:(()=>{let e="itd-form-control";return l&&(e+=" "+l),e})(),"data-position":d,children:t.Children.map(m,e=>{if(!t.isValidElement(e))return e;const o={};return!0===x?o.disabled=!0:void 0===e.props.disabled&&void 0!==x&&(o.disabled=x),!0===h&&"string"!=typeof e.type&&(o.locked=!0),0===Object.keys(o).length?e:t.cloneElement(e,o)})})}export{d as default};

package/dist/es/form/group/Group.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";function t({gap:t=15,horizontal:a=!1,className:e,children:o}){return r("div",{className:(()=>{let r="itd-form-group";return e&&(r+=" "+e),r})(),style:{gap:`${t}px`},...a?{"data-horizontal":""}:{},children:o})}export{t as default};

package/dist/es/form/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useRef as o,useContext as t,useEffect as n,useImperativeHandle as i,useMemo as s}from"react";import a from"./group/Group.js";import m from"./control/Control.js";import l from"./wrapper/FormWrapper.js";import d from"./item/Item.js";import u from"./context/FormContext.js";import p from"./context/FormStore.js";import{FormRegistry as c}from"./context/FormRegistry.js";import F from"../context/ITDContext.js";const f=e(({initialValues:e,children:a,onUpdate:m,onReset:d,onFinish:f,onFinishFailed:h,onFieldUpdate:j,onValidated:x,useQueryString:g,variant:y,disabled:v,locked:C,errorDisplay:I,className:U,name:b},w)=>{const D=o(null),P=t(F),S=I??P?.errorDisplay;n(()=>(b&&c.register(b,{disabled:!!v,locked:!!C}),()=>{b&&c.unregister(b),D.current=null}),[b,v,C]),D.current=p({name:b,onUpdate:m,onReset:d,onFieldUpdate:j,useQueryString:g,variant:y,disabled:!!v,locked:!!C,errorDisplay:S}),i(w,()=>D.current);const V=s(()=>{let r="itd-form";return b&&(r+=" "+b),U&&(r+=" "+U),r},[b,U]);return r(u.Provider,{value:D.current,children:r(l,{className:V,initialValues:e,useQueryString:g,onUpdate:m,onFinish:f,onFinishFailed:h,onValidated:x,name:b,children:a})})}),h=()=>{const r=t(u);if(!r)throw new Error("useFormAPI must be used within a FormContext.Provider");return r},j=()=>t(u);f.Item=d,f.Group=a,f.Control=m,f.useForm=j,f.useFormAPI=h;export{m as Control,a as Group,d as Item,f as default,j as useForm,h as useFormAPI};

package/dist/es/form/item/Item.js

@@ -0,0 +1 @@
+import{forwardRef as e,useRef as r,useContext as t,useState as i,useEffect as n,useImperativeHandle as o,isValidElement as l,cloneElement as d}from"react";import{CheckValidations as a}from"../validation/Validator.js";import s from"../context/FormContext.js";import{useTranslation as c}from"react-i18next";const u=e(({name:e="",id:u="",label:f="",error:m="",rules:p=[],mask:y=null,locked:g=!1,dependency:v="",reset:b=[],query:k="",children:F=null},N)=>{const{t:h}=c("itd"),q=r(null),x=r(""),{register:V,unregister:D,hasField:O,updateField:U,setFieldError:j,getFieldValue:I,getFieldInstance:J,formId:S,variant:w,disabled:C,locked:E,errorDisplay:P}=t(s),[_,z]=i(!1);n(()=>(V({name:e,field:q,valid:B(q.current?.getValue(),!1),query:k,reset:b,error:m}),z(!0),x.current=JSON.stringify(p),()=>{z(!1),D(e)}),[]),n(()=>{const r=JSON.stringify(p);if(_&&q.current&&x.current!==r){(()=>{const r=q.current.getValue(),t=p.find(e=>e.hasOwnProperty("required"));if(!t||t.required||""!==r&&null!=r){const t=B(r,!1);O(e)&&U(e,r,!1,t)}else j(e,"",!0),O(e)&&U(e,r,!1,!0)})(),x.current=r}},[p,_]),o(N,()=>q.current);const A=(r,t=!0,i=!0)=>{_&&O(e)&&(U(e,r,t,B(r,i)),G())},B=(r,t=!0)=>{const i=a(p,r,I,h);return i.length>0?!!(t||""!==r&&null!=r)&&(t&&j(e,i[0],t),!1):(t&&j(e,""),!0)},G=()=>{if(""===v)return;if(""===I(v))return;const e=J(v);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!F||!l(F))return F??null;const r=F,t=r.props??{},i="string"!=typeof r.type,n="string"==typeof t.id?t.id:"",o="string"==typeof t.className?t.className:"",a={id:n||u||S+"_"+e,label:f,className:o?o+" itd-form-item":"itd-form-item",onUpdate:A,ref:q};return i&&(y&&(a.mask=y),g&&(a.locked=g),void 0===t.variant&&void 0!==w&&(a.variant=w),void 0===t.errorDisplay&&void 0!==P&&(a.errorDisplay=P),!0===C?a.disabled=!0:void 0===t.disabled&&void 0!==C&&(a.disabled=C),!0===E&&(a.locked=!0)),d(r,{...t,...a})})()});export{u as default};

package/dist/es/form/validation/TCIdentity.js

@@ -0,0 +1 @@
+function r(r){var e,t=0,n=0,a=0;if(11!=r.length)return!1;if(!/^-?\d+$/.test(r))return!1;if(0==Number(r[0]))return!1;if(t=parseInt(r[0])+parseInt(r[2])+parseInt(r[4])+parseInt(r[6])+parseInt(r[8]),e=parseInt(r[1])+parseInt(r[3])+parseInt(r[5])+parseInt(r[7]),t*=7,Math.abs(t-e)%10!=Number(r[9]))return!1;for(a=0;a<10;a++)n+=parseInt(r[a]);return n%10==Number(r[10])}export{r as default};

package/dist/es/form/validation/Validator.js

@@ -0,0 +1 @@
+import{FormValidations as e,FormValidationTypes as r}from"../../enums/enum.js";import s from"./TCIdentity.js";const t=new RegExp(/^[a-zA-Z0-9.!#$%&'+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/),a=new RegExp(/^[a-zA-Z0-9_.-]+$/),n=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d\[\]\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),g=new RegExp(/^[a-z0-9._-]+$/),i=new RegExp(/^[a-zA-Z0-9]+$/),u=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);function m(s,t,a,n){let g=[];return s.forEach(s=>{if(s.hasOwnProperty(e.REQUIRED)&&!_(t)&&s.required&&g.push(s.message?s.message:n("errors.required")),s.hasOwnProperty(e.TYPE)){if(s.type===r.MIN_LENGTH&&(f(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.minLength",{length:Number(s.value)}))),s.type===r.MAX_LENGTH&&(h(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.maxLength",{length:Number(s.value)}))),s.type===r.EXACT_LENGTH&&(E(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.exactLength",{length:Number(s.value)}))),s.type===r.SAME&&(y(String(t),String(a(String(s.field))))||g.push(s.message?s.message:n("errors.fieldMustBeTheSame",{fields:s.field}))),s.type===r.NOT_SAME&&(S(String(t),String(a(String(s.field))))||g.push(s.message?s.message:n("errors.fieldMustBeDifferent",{fields:s.field}))),s.type===r.TC_IDENTITY&&(c(String(t))||g.push(s.message?s.message:n("errors.wrongTCIdentity"))),s.type===r.PASSWORD&&(o(String(t))||g.push(s.message?s.message:n("errors.passwordRule"))),s.type===r.EMAIL&&(l(String(t))||g.push(s.message?s.message:n("errors.invalidEmailAddress"))),s.type===r.USERNAME&&(p(String(t))||g.push(s.message?s.message:n("errors.usernameRule"))),s.type===r.SITE_USERNAME&&(A(String(t))||g.push(s.message?s.message:n("errors.siteUsernameRule"))),s.type===r.ADMIN_USERNAME&&(N(String(t))||g.push(s.message?s.message:n("errors.adminUsernameRule"))),s.type===r.URL&&(v(String(t))||g.push(s.message?s.message:n("errors.invalidURL"))),s.type===r.FORBIDDEN_WORDS){const e=Array.isArray(s.value)?s.value:void 0!==s.value?[s.value]:[];R(String(t),e)||g.push(s.message?s.message:n("errors.forbiddenWords"))}if(s.type===r.MULTIPLE_OF&&!d(Number(t),Number(s.value))){const e=s.currency?`${s.currency}${s.value}`:String(s.value);g.push(s.message?s.message:n("errors.multipleOf",{value:e}))}}if("function"==typeof s.validator){const e=s.validator(t,a);!0!==e&&g.push("string"==typeof e&&e?e:s.message?s.message:n("errors.invalid"))}}),g}const o=e=>n.test(e),l=e=>t.test(e),p=e=>a.test(e),f=(e,r)=>e.length>=r,h=(e,r)=>e.length<=r,y=(e,r)=>e===r,S=(e,r)=>e!==r,E=(e,r)=>e.length===r,d=(e,r)=>!(!r||isNaN(e)||e<=0)&&e%r===0,A=e=>g.test(e),N=e=>i.test(e),v=e=>u.test(e),R=(e,r)=>{if(!Array.isArray(r)||0===r.length)return!0;const s=String(e).trim().toLowerCase();return!r.some(e=>s===String(e).trim().toLowerCase())},c=e=>s(e),_=e=>{if(null==e)return!1;if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let r=!0;return Object.keys(e).forEach(s=>{""===e[s]&&(r=!1)}),r}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0};export{m as CheckValidations};

package/dist/es/form/wrapper/FormWrapper.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as o,useState as r,useEffect as s,useImperativeHandle as a,memo as n}from"react";import"../../router/context.js";import{useITDLocation as u}from"../../router/hooks.js";import"../../router/ITDLink.js";import i from"fast-deep-equal/react.js";import l from"../../hooks/useMultiQuery.js";import c from"../../hooks/useSingleQuery.js";import m from"../context/FormContext.js";var p=n(t(({name:t="",className:n="",initialValues:p={},useQueryString:f=!1,onUpdate:y,onFinish:d,onFinishFailed:h,onValidated:j,children:b},k)=>{const{updated:g,setInitialValues:O,isFormValid:v,getValues:E,getFields:q,setFieldValueByName:F,resetFields:S}=o(m),V=c(),{search:w}=u(),I=l(),[x,D]=r([]),[C,P]=r(!1),[Q,N]=r(!1),[T,U]=r(!1);s(()=>{B(),L()},[Q]),s(()=>{Q||0!==Object.keys(q()).length&&N(!0)}),s(()=>{L()},[p]),s(()=>{B()},[w]),s(()=>{T&&Q&&f&&Object.keys(g).length>0&&$(g)},[g]),s(()=>{j&&v()!==C&&j(v()),P(v())},[v()]);const B=()=>{Q&&f&&(z(),T||R())},L=()=>{Q&&(f||T||M())},M=()=>{const e=!Object.values(p).some(e=>null!==e&&""!==e);e&&!T&&U(!0),e||T||(O(p,!1),U(!0))},R=()=>{const e=q(),t=!Object.values(e).some(e=>""!==V.get(e.query,""));if(Object.values(e).some(e=>null===e.query||""===e.query)){let t=[];throw Object.keys(e).forEach(o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)}),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!T&&U(!0),!t&&!T){let t={};Object.keys(e).forEach(o=>{t[o]=V.get(e[o].query,"")}),O(t,!0,!0),U(!0)}},$=e=>{let t=[],o=[];const r=q();Object.keys(e).forEach(t=>{o.push(e[t])}),i(o,x)||(Object.keys(r).forEach(o=>{t.push({type:r[o].query,value:e[o]})}),I.set(t))},z=()=>{let e=[],t=[];const o=q();if(Object.keys(o).forEach(t=>{let r=String(V.get(o[t].query,""));e.push(r)}),i(e,x))return;D(e),Object.keys(o).forEach(e=>{t[e]=V.get(o[e].query,"")}),Object.keys(t).forEach(e=>{F(e,t[e],!1,!1)});let r={};Object.keys(t).forEach(e=>{r[e]=t[e]}),y&&y(r)},A=()=>{if(!t||"function"!=typeof CustomEvent)return;const e=new CustomEvent("itd-input-unlock",{detail:{formId:t}});document.dispatchEvent(e)};return a(k,()=>({fieldUpdate(e){}})),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),v()?d&&d(E()):h&&h(q())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(q()).map(e=>{t.push({type:e,value:""})}),I.set(t),S(!0,!1)},onPointerDown:A,onTouchStart:A,autoComplete:"off",className:n,noValidate:!0,children:b})}));export{p as default};

package/dist/es/helpers/array/ChunkArray.js

@@ -0,0 +1 @@
+function r(r,t){const e=[];if(!(Array.isArray(r)&&t>=1))return e;for(let n=0;n<r.length;n+=t)e.push(r.slice(n,n+t));return e}export{r as default};

package/dist/es/helpers/aspectratio/DetermineNewHeight.js

@@ -0,0 +1 @@
+function t(t,e,n){return t/e*n}export{t as default};

package/dist/es/helpers/aspectratio/DetermineNewWidth.js

@@ -0,0 +1 @@
+function t(t,e,n){return e/t*n}export{t as default};

package/dist/es/helpers/base64/Base64Decode.js

@@ -0,0 +1 @@
+function t(t){return decodeURIComponent(atob(t).split("").map(function(t){return"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2)}).join(""))}export{t as default};

package/dist/es/helpers/base64/Base64Encode.js

@@ -0,0 +1 @@
+function e(e){return btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,function(e,n){return String.fromCharCode(Number("0x"+n))}))}export{e as default};

package/dist/es/helpers/binary/FormatBytes.js

@@ -0,0 +1 @@
+function t(t,o=2){if(!+t)return"0 Bytes";const B=o<0?0:o,a=Math.floor(Math.log(t)/Math.log(1024));return`${parseFloat((t/Math.pow(1024,a)).toFixed(B))} ${["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][a]}`}export{t as default};

package/dist/es/helpers/binary/GetExtensionByMimeType.js

@@ -0,0 +1 @@
+import{FileTypes as e,FileExtensions as r}from"../../enums/enum.js";function t(t){switch(t){case e.SVG:return r.SVG;case e.PNG:return r.PNG;case e.JPG:return r.JPG;case e.GIF:return r.GIF;case e.WEBP:return r.WEBP;case e.PDF:return r.PDF;case e.XLSX:return r.XLSX;case e.OTF:return r.OTF;default:return""}}export{t as default};

package/dist/es/helpers/binary/GetTypeByFileType.js

@@ -0,0 +1 @@
+import{FileTypes as G,FileExtensions as P}from"../../enums/enum.js";function e(e){return e===G.SVG?P.SVG:e===G.JPG?".jpg, .jpeg":e===G.PNG?P.PNG:e===G.GIF?P.GIF:e===G.WEBP?P.WEBP:e===G.OTF?P.OTF:e===G.PDF?P.PDF:e===G.XLSX?P.XLSX:""}export{e as default};

package/dist/es/helpers/checker/CheckFileURL.js

@@ -0,0 +1 @@
+function e(e){if(!e)return!1;return!!e.split("?")[0].match(/(^data:image\/(jpeg|jpg|gif|png|svg|pdf|otf)(;base64,)(?:=*))|(\.(jpeg|jpg|gif|png|svg|pdf|otf)$)/)&&new Promise(g=>{var t=new Image;t.onload=function(){0!==t.height&&0!==t.width?g(!0):g(!1)},t.onerror=()=>g(!1),t.src=e})}export{e as default};

package/dist/es/helpers/checker/FileChecker.js

@@ -0,0 +1 @@
+function e(e="config",r="resource"){return void 0!==performance.getEntries().filter(e=>e.entryType===r).filter(r=>r.name.indexOf(e)>-1)[0]}export{e as default};

package/dist/es/helpers/classname/GetClassNameByPlatform.js

@@ -0,0 +1 @@
+var e;!function(e){e.BOTH="both",e.DESKTOP="desktop",e.MOBILE="mobile"}(e||(e={}));const o=e=>{if("undefined"==typeof document)return;const o=e.replace(/([.$?*|{}()[\]\\/+^])/g,"\\$1"),n=document.cookie.match(new RegExp("(?:^|; )"+o+"=([^;]*)"));return n?decodeURIComponent(n[1]):void 0},n=n=>o("web-platform")===e.MOBILE?n.replaceAll("inn-","inn-mobile-"):n;export{n as GetClassNameByPlatform,e as PlatformTypes,n as default,o as readCookie};

package/dist/es/helpers/config/defineITDConfig.js

@@ -0,0 +1 @@
+const o=o=>o;export{o as defineITDConfig};

package/dist/es/helpers/country/GetCountryCodeByCurrencyCode.js

@@ -0,0 +1 @@
+function e(e=""){if(""===e)throw new Error("Currency Error: You must send the currency (EUR, USD, TRY, etc...)");switch(e.toUpperCase()){case"USD":default:return"en-US";case"EUR":return"de-DE";case"TRY":return"tr-TR";case"GBP":return"en-GB";case"JPY":return"ja-JP";case"CHF":return"fr-CH";case"CAD":return"en-CA";case"AUD":return"en-AU";case"NZD":return"en-NZ";case"RUB":return"ru-RU";case"INR":return"en-IN";case"BRL":return"pt-BR";case"MXN":return"es-MX";case"ARS":return"es-AR";case"CLP":return"es-CL";case"COP":return"es-CO";case"PEN":return"es-PE";case"ZAR":return"en-ZA";case"CNY":return"zh-CN";case"SEK":return"sv-SE";case"NOK":return"no-NO";case"DKK":return"da-DK";case"SGD":return"en-SG";case"HKD":return"en-HK"}}export{e as default};

package/dist/es/helpers/country/GetCountryCodeByLanguage.js

@@ -0,0 +1 @@
+function r(r){return"en"===r?"usa":"tr"===r?"tur":"de"===r?"deu":"fr"===r?"fra":"es"===r?"esp":"it"===r?"ita":"ja"===r?"jpn":"ko"===r?"kor":"nl"===r?"nld":"pl"===r?"pol":"pt"===r?"por":"ru"===r?"rus":"sa"===r?"san":"sd"===r?"snd":"si"===r?"sin":"sk"===r?"slk":"sl"===r?"slv":"sq"===r?"alb":"sr"===r?"srb":"sv"===r?"swe":"ta"===r?"tam":"te"===r?"tel":"th"===r?"tha":"tl"===r?"tgl":"tr"===r?"tur":"uk"===r?"ukr":"ur"===r?"urd":"uz"===r?"uzb":"vi"===r?"vie":"zh"===r?"chi":"zu"===r?"zul":"el"===r?"gre":"ar"===r?"ara":"language_not_found"}export{r as default};

package/dist/es/helpers/css/FindSelector.js

@@ -0,0 +1 @@
+function e(e){let r=!1;return document.querySelectorAll("head > style").forEach(t=>{Array(t.sheet.rules).forEach(t=>{for(var a=0;a<t.length;a++)t[a].cssText.search(e)>-1&&(r=!0)})}),r}export{e as default};

package/dist/es/helpers/currency/ConvertCurrency.js

@@ -0,0 +1 @@
+function t(t,D){return t||(t=0),$(t,"USD"===D?"$":"EUR"===D?"€":"TRY"===D?"₺":"GBP"===D?"£":"JPY"===D?"¥":"CHF"===D?"₣":"CAD"===D?"CA$":"AUD"===D?"A$":"NZD"===D?"NZ$":"RUB"===D?"₽":"INR"===D?"₹":"BRL"===D?"R$":"MXN"===D?"MX$":"ARS"===D?"AR$":"CLP"===D?"CL$":"COP"===D?"CO$":"PEN"===D?"PE$":"ZAR"===D?"ZA$":"CNY"===D?"CN¥":"SEK"===D?"SEK":"NOK"===D?"NOK":"DKK"===D?"DKK":"SGD"===D?"SGD":"HKD"===D?"HKD":"?")}const $=(t,$)=>{let D=!1,K=parseFloat(String(t)).toFixed(2);return K.indexOf("-")>-1&&(D=!0,K=K.split("-")[1]),(D?"-":"")+$+K};export{t as default};

package/dist/es/helpers/currency/GetByCurrency.js

@@ -0,0 +1 @@
+import r from"../country/GetCountryCodeByCurrencyCode.js";function t(t,i=!0,n="",e=2){if(""===n)throw new Error("Currency Error: You must send the currency (EUR, USD, TRY, etc...)");isNaN(t)&&(t=0);let m=r(n);return i?new Intl.NumberFormat(m,{style:"currency",currency:n,minimumFractionDigits:e,maximumFractionDigits:e}).format(t):new Intl.NumberFormat(m,{minimumFractionDigits:e,maximumFractionDigits:e}).format(t)}export{t as default};

package/dist/es/helpers/currency/GetCurrencyFormat.js

@@ -0,0 +1 @@
+import r from"./GetCurrencySymbol.js";function e(e,t=""){if(""===t)throw new Error("Currency Error: You must send the currency (EUR, USD, TRY, etc...");return""===e?"":e=`${r(t)}${e}`.replace(/\B(?=(\d{3})+(?!\d))/g,".")}export{e as default};

package/dist/es/helpers/currency/GetCurrencySymbol.js

@@ -0,0 +1 @@
+function r(r=""){if(""===r)throw new Error("Currency Error: You must send the currency (EUR, USD, TRY, etc...");return"TRY"===r?"₺":"USD"===r?"$":"EUR"===r?"€":"?"}export{r as default};

package/dist/es/helpers/currency/GetDecimalByCurrency.js

@@ -0,0 +1 @@
+function r(r=""){if(""===r)throw new Error("Currency Error: You must send the currency (EUR, USD, TRY, etc...");return"TRY"===r?",":"EUR"===r||"USD"===r?".":","}export{r as default};

package/dist/es/helpers/datetime/FormatDate.js

@@ -0,0 +1 @@
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",d="D MMMM YYYY dddd"){return t(new Date(r)).locale(a).format(d)}export{r as default};

package/dist/es/helpers/datetime/FormatDateTime.js

@@ -0,0 +1 @@
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",d="D MMMM YYYY dddd - HH:mm"){return t(new Date(r)).locale(a).format(d)}export{r as default};

package/dist/es/helpers/datetime/FormatSimpleDate.js

@@ -0,0 +1 @@
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",e="D MMMM YYYY"){return t(new Date(r)).locale(a).format(e)}export{r as default};

package/dist/es/helpers/datetime/FormatSimpleDateTime.js

@@ -0,0 +1 @@
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",e="MM/DD/YYYY - HH:mm"){return t(new Date(r)).locale(a).format(e)}export{r as default};

package/dist/es/helpers/datetime/FormatTime.js

@@ -0,0 +1 @@
+import"./dayjsSetup.js";import t from"dayjs";function r(r,o="tr",a="HH:mm"){return t(r).locale(o).format(a)}export{r as default};

package/dist/es/helpers/datetime/dayjsSetup.js

@@ -0,0 +1 @@
+import t from"dayjs";export{default}from"dayjs";import o from"dayjs/plugin/customParseFormat.js";import r from"dayjs/plugin/localizedFormat.js";import e from"dayjs/plugin/utc.js";import n from"dayjs/plugin/timezone.js";t.extend(o),t.extend(r),t.extend(e),t.extend(n);const u=/^\d{4}-\d{2}-\d{2}$/;function c(o,r){return"string"==typeof o&&u.test(o)?t(o):r&&"local"!==r?"utc"===r?t(o).utc():t(o).tz(r):t(o)}function d(o){return o&&"local"!==o?"utc"===o?t.utc():t().tz(o):t()}function i(o,r,e){return r&&"local"!==r?"utc"===r?e?t.utc(o,e):t.utc(o):e?t.tz(o,e,r):t.tz(o,r):e?t(o,e):t(o)}export{i as fromZonedWallClock,d as nowInZone,c as toZonedDayjs};

package/dist/es/helpers/device/touchDevice.js

@@ -0,0 +1 @@
+const t=()=>{if("undefined"==typeof navigator)return!1;const t=navigator.userAgent,e=/Android|iPhone|iPad|iPod|Mobile|Tablet/i.test(t)||!0===navigator.userAgentData?.mobile,n=/Macintosh/.test(t)&&(navigator.maxTouchPoints??0)>1;return e||n},e=e=>{if(!t())return()=>{};e.documentElement.classList.add("itd-touch");const n=()=>{};return e.addEventListener("touchstart",n,{passive:!0}),()=>{e.documentElement.classList.remove("itd-touch"),e.removeEventListener("touchstart",n)}};export{e as applyTouchMode,t as isTouchDevice};

package/dist/es/helpers/format/ToKebabCase.js

@@ -0,0 +1 @@
+function e(e,i=!1,a=!1){const r=["the","is","in","at","on","and","a","an","ve","bir","bu","için","gibi"],n={"ğ":"g","ü":"u","ş":"s","ı":"i","ö":"o","ç":"c","Ğ":"g","Ü":"u","Ş":"s","İ":"i","Ö":"o","Ç":"c"};return e=e.replace(/[ğüşiöçıĞÜŞİÖÇ]/g,e=>n[e]||e),i&&(e=e.split(" ").filter(e=>!r.includes(e.toLowerCase())).join(" ")),a&&(e=e.replace(/\d+/g,"")),(e=(e=e.normalize("NFD").replace(/[\u0300-\u036f]/g,"")).toLowerCase().replace(/[^a-z0-9\s-]/g,"")).trim().replace(/\s+/g,"-")}export{e as default};

package/dist/es/helpers/image/SVGUrlToPNGDataUrl.js

@@ -0,0 +1 @@
+const t=async(t,e={})=>{const{format:r="png",quality:a=1,pixelRatio:i=2,trim:n=!0}=e,o=await fetch(t);if(!o.ok)throw new Error("svg fetch failed: "+o.status);const s=await o.text(),m=(new DOMParser).parseFromString(s,"image/svg+xml").documentElement;if("svg"!==m.nodeName)throw new Error("not an svg document");let[g,h,c,l]=(t=>{const e=t.getAttribute("viewBox");if(e){const t=e.trim().split(/[\s,]+/).map(Number);if(4===t.length&&t.every(t=>Number.isFinite(t)))return t}return[0,0,Number.parseFloat(t.getAttribute("width")??"")||100,Number.parseFloat(t.getAttribute("height")??"")||100]})(m);if(n){const t=.15*Math.min(c,l);(Math.abs(g)>t||Math.abs(h)>t)&&(c+=2*g,l+=2*h,g=0,h=0)}m.setAttribute("viewBox",`${g} ${h} ${c} ${l}`);const u=c/l;let w=e.width??0,d=e.height??0;w||d?w?d||(d=w/u):w=d*u:(w=c,d=l);let b=w,f=w/u;f>d&&(f=d,b=d*u);const v=(w-b)/2,x=(d-f)/2,p=new Blob([(new XMLSerializer).serializeToString(m)],{type:"image/svg+xml"}),M=URL.createObjectURL(p);try{const t=await new Promise((t,e)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>t(r),r.onerror=()=>e(new Error("svg rasterization failed")),r.src=M}),e=document.createElement("canvas");e.width=Math.max(1,Math.round(w*i)),e.height=Math.max(1,Math.round(d*i));const n=e.getContext("2d");if(!n)throw new Error("no 2d context");return n.imageSmoothingEnabled=!0,n.imageSmoothingQuality="high",n.drawImage(t,v*i,x*i,b*i,f*i),e.toDataURL("image/"+r,a)}finally{URL.revokeObjectURL(M)}};export{t as default};

package/dist/es/helpers/json/IsValidJSON.js

@@ -0,0 +1 @@
+function t(t){t="string"!=typeof t?JSON.stringify(t):t;try{t=JSON.parse(String(t))}catch(t){return!1}return"object"==typeof t&&null!==t}export{t as default};

package/dist/es/helpers/math/AddZero.js

@@ -0,0 +1 @@
+function t(t){var e=Number(t),n=t.toString().split(".");return(-1===t.toString().indexOf(".")||n[1].length<3||n[1].length>2)&&(t=(e=e.toFixed(2)).toString()),parseFloat(t).toFixed(2)}export{t as default};

package/dist/es/helpers/phone/index.js

@@ -0,0 +1 @@
+import e from"../../data/phones.json.js";const o=e,t=new Map(o.map(e=>[e.iso2.toLowerCase(),e])),n=e=>e?t.get(e.toLowerCase()):void 0,r=e=>(e??"").replace(/\D+/g,""),a=e=>e?(e.match(/#/g)??[]).length:0,s=(e,o)=>{const t=r(o).replace(/^0+/,"");return t?e?e.code+t:"+"+t:""},c=(e,o)=>{const t=r(o),n=a(e?.mask);return n>0?t.length===n:t.length>0};export{o as PHONE_COUNTRIES,n as getPhoneCountry,c as isPhoneComplete,r as phoneDigits,a as phoneLength,s as toE164};

package/dist/es/helpers/phone/usePhoneCountry.js

@@ -0,0 +1 @@
+import{useContext as t,useMemo as o}from"react";import r from"../../context/ITDContext.js";import{getPhoneCountry as n}from"./index.js";const e=e=>{const m=t(r),c=e??m?.country;return o(()=>n(c),[c])};export{e as usePhoneCountry};

package/dist/es/helpers/platform/index.js

@@ -0,0 +1 @@
+import{PlatformTypes as e,readCookie as t}from"../classname/GetClassNameByPlatform.js";const o=t=>{const o=t??("undefined"!=typeof navigator?navigator.userAgent:""),n=/android|iphone|ipod|windows phone|iemobile|opera mini|blackberry|mobile/i.test(o),i=/ipad/i.test(o)||/macintosh/i.test(o)&&"undefined"!=typeof navigator&&navigator.maxTouchPoints>1;return n||i?e.MOBILE:e.DESKTOP},n=()=>t("web-platform")===e.MOBILE?e.MOBILE:e.DESKTOP,i=(n=!1)=>{if("undefined"==typeof document)return e.DESKTOP;const i=t("web-platform");if(!n&&(i===e.MOBILE||i===e.DESKTOP))return i;const r=o();return document.cookie="web-platform="+r+"; path=/",r};export{o as DetectPlatform,n as GetPlatform,i as InitPlatform};

package/dist/es/helpers/promise/Wait.js

@@ -0,0 +1 @@
+function e(e){return new Promise(t=>setTimeout(t,e))}export{e as default};

package/dist/es/helpers/remover/RemoveUnits.js

@@ -0,0 +1 @@
+function l(l){return l?(l=l.replaceAll("%","").replaceAll("px","").replaceAll("em","").replaceAll("ex","").replaceAll("ch","").replaceAll("rem","").replaceAll("vw","").replaceAll("vh","").replaceAll("vmin","").replaceAll("vmax","").replaceAll("pt","").replaceAll("pc","").replaceAll("in","").replaceAll("mm","").replaceAll("cm",""),parseInt(l)):0}export{l as default};

package/dist/es/helpers/string/UniUpperCase.js

@@ -0,0 +1 @@
+function r(r="",e="tr"){var t={i:"İ","ş":"Ş","ğ":"Ğ","ü":"Ü","ö":"Ö","ç":"Ç","ı":"I"};return"tr"===e&&(r=r.replace(/(([iışğüçö]))/g,r=>t[r])),r.toUpperCase()}export{r as default};

package/dist/es/helpers/svg/SVGLoader.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"../../enums/enum.js";import e from"../../utils/InlineSVGCached.js";const s=t=>"string"==typeof t?t:"number"==typeof t?t+"px":"auto",i=(i,r,o)=>t("div",{className:"itd-svg-loader",style:{"--itd-svg-width":s(r),"--itd-svg-height":s(o)},children:t(e,{src:i})});export{i as default};

package/dist/es/helpers/theme/AddDefaultThemeStyle.js

@@ -0,0 +1 @@
+function t(){const t=document.createElement("style");document.head.appendChild(t),t.textContent=":root{color: #ffffff}"}export{t as default};

package/dist/es/helpers/theme/Color.js

@@ -0,0 +1 @@
+import{resolveOnColor as t}from"./contrast.js";function r(t,r=1){let i=t.trim();if(i.startsWith("#")&&(i=i.slice(1)),3===i.length&&(i=i.split("").map(t=>t+t).join("")),6!==i.length)return t;return`rgba(${parseInt(i.slice(0,2),16)}, ${parseInt(i.slice(2,4),16)}, ${parseInt(i.slice(4,6),16)}, ${Math.min(1,Math.max(0,r))})`}function i(t,i=1){const n=Math.min(1,Math.max(0,i)),a=t.match(/^oklch\(([^)\/]+)(?:\s*\/\s*[\d.]+)?\)$/i);if(a){return`oklch(${a[1].trim()} / ${n})`}const s=t.match(/^rgba?\(([^)]+)\)$/i);if(s){const t=s[1].split(",").map(t=>t.trim()),[r,i,a]=t;return`rgba(${r}, ${i}, ${a}, ${n})`}const e=t.match(/^hsla?\(([^)]+)\)$/i);if(e){const t=e[1].split(",").map(t=>t.trim()),[r,i,a]=t;return`hsla(${r}, ${i}, ${a}, ${n})`}return t.startsWith("#")?r(t,n):t}function n(r){return t(r,{candidates:["#071437","#ffffff"]}).value}export{n as getContrastText,r as hexToRgba,i as withOpacity};

package/dist/es/helpers/theme/GenerateColorScale.js

@@ -0,0 +1 @@
+const e=[50,100,200,300,400,500,600,700,800,900,950];function t(e,t,n){return Math.min(n,Math.max(t,e))}function n(e){const t=function(e){let t=e.trim();if(t.startsWith("#")&&(t=t.slice(1)),3===t.length&&(t=t.split("").map(e=>e+e).join("")),6!==t.length)throw new Error(`Invalid HEX color: ${e}`);return t.toLowerCase()}(e);return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}function s({r:e,g:t,b:n}){const s=e/255,a=t/255,h=n/255,o=Math.max(s,a,h),r=Math.min(s,a,h),l=o-r;let u=0;if(0!==l)switch(o){case s:u=(a-h)/l%6;break;case a:u=(h-s)/l+2;break;default:u=(s-a)/l+4}u=(60*u+360)%360;const c=(o+r)/2;return{h:u,s:100*(0===l?0:l/(1-Math.abs(2*c-1))),l:100*c}}const a={lighten:{50:.018,100:.054,200:.143,300:.232,400:.5,500:.786},darken:{700:.841,800:.614,900:.455,950:.318}},h={lighten:{50:.063,100:.136,200:.272,300:.433,400:.654,500:.82},darken:{700:.863,800:.748,900:.672,950:.44}},o={lighten:{50:.053,100:.113,200:.226,300:.368,400:.581,500:.773},darken:{700:.865,800:.742,900:.655,950:.462}},r=[{hueRange:[0,29],lightness:h,chromaMul:{50:.09,100:.14,200:.27,300:.5,400:.77,500:1,600:1,700:.91,800:.77,900:.68,950:.45},hueOffset:{50:-6,100:-5,200:-8,300:-6,400:-5,500:-2,600:0,700:-1,800:-4,900:-8,950:-6},defaultBaseChroma:.22},{hueRange:[30,50],lightness:h,chromaMul:{50:.1,100:.2,200:.35,300:.6,400:.84,500:1,600:1,700:.9,800:.74,900:.63,950:.42},hueOffset:{50:33,100:34,200:30,300:25,400:15,500:7,600:0,700:-3,800:-4,900:-3,950:-5},defaultBaseChroma:.19},{hueRange:[51,119],lightness:o,chromaMul:{50:.22,100:.5,200:.86,300:1.21,400:1.21,500:1.14,600:1,700:.86,800:.71,900:.64,950:.43},hueOffset:{50:26,100:27,200:26,300:22,400:16,500:10,600:0,700:-10,800:-14,900:-18,950:-22},defaultBaseChroma:.14},{hueRange:[120,145],lightness:{lighten:{50:.029,100:.086,200:.171,300:.286,400:.571,500:.8},darken:{700:.815,800:.692,900:.631,950:.415}},chromaMul:{50:.17,100:.39,200:.67,300:1,400:1.17,500:1.11,600:1,700:.78,800:.61,900:.56,950:.39},hueOffset:{50:-11,100:-10,200:-8,300:-5,400:-3,500:-1,600:0,700:0,800:-1,900:-1,950:0},defaultBaseChroma:.18},{hueRange:[146,160],lightness:o,chromaMul:{50:.12,100:.24,200:.47,300:.82,400:1.06,500:1.12,600:1,700:.82,800:.65,900:.53,950:.35},hueOffset:{50:7,100:8,200:7,300:5,400:3,500:1,600:0,700:1,800:2,900:4,950:4},defaultBaseChroma:.17},{hueRange:[161,175],lightness:o,chromaMul:{50:.15,100:.38,200:.69,300:1,400:1.15,500:1.15,600:1,700:.77,800:.69,900:.54,950:.38},hueOffset:{50:3,100:0,200:1,300:2,400:0,500:-1,600:0,700:3,800:4,900:6,950:10},defaultBaseChroma:.13},{hueRange:[176,200],lightness:o,chromaMul:{50:.1,100:.5,200:.9,300:1.3,400:1.3,500:1.2,600:1,700:.9,800:.7,900:.6,950:.4},hueOffset:{50:-4,100:-4,200:-5,300:-4,400:-3,500:-2,600:0,700:1,800:3,900:3,950:8},defaultBaseChroma:.1},{hueRange:[201,235],lightness:o,chromaMul:{50:.18,100:.36,200:.73,300:1.09,400:1.18,500:1.18,600:1,700:.82,800:.73,900:.64,950:.45},hueOffset:{50:-21,100:-19,200:-17,300:-15,400:-10,500:-7,600:0,700:1,800:2,900:5,950:8},defaultBaseChroma:.11},{hueRange:[236,250],lightness:o,chromaMul:{50:.07,100:.21,200:.43,300:.71,400:1,500:1.07,600:1,700:.86,800:.71,900:.57,950:.43},hueOffset:{50:-5,100:-5,200:-11,300:-12,400:-9,500:-5,600:0,700:1,800:-1,900:-1,950:1},defaultBaseChroma:.14},{hueRange:[251,270],lightness:o,chromaMul:{50:.05,100:.14,200:.27,300:.45,400:.64,500:.86,600:1,700:1,800:.82,900:.64,950:.41},hueOffset:{50:-8,100:-7,200:-9,300:-11,400:-8,500:-3,600:0,700:1,800:3,900:3,950:5},defaultBaseChroma:.22},{hueRange:[271,285],lightness:o,chromaMul:{50:.09,100:.13,200:.26,300:.43,400:.7,500:.87,600:1,700:.91,800:.78,900:.61,950:.39},hueOffset:{50:-5,100:-4,200:-3,300:-2,400:0,500:0,600:0,700:0,800:0,900:2,950:4},defaultBaseChroma:.23},{hueRange:[286,300],lightness:o,chromaMul:{50:.08,100:.12,200:.2,300:.4,400:.64,500:.88,600:1,700:.96,800:.84,900:.72,950:.56},hueOffset:{50:1,100:2,200:0,300:1,400:1,500:0,600:0,700:0,800:0,900:1,950:-2},defaultBaseChroma:.25},{hueRange:[301,310],lightness:o,chromaMul:{50:.04,100:.12,200:.24,300:.44,400:.72,500:.92,600:1,700:.96,800:.8,900:.68,950:.56},hueOffset:{50:6,100:5,200:5,300:4,400:4,500:2,600:0,700:0,800:2,900:3,950:1},defaultBaseChroma:.25},{hueRange:[311,330],lightness:o,chromaMul:{50:.08,100:.15,200:.27,300:.5,400:.81,500:1,600:1,700:.88,800:.73,900:.62,950:.5},hueOffset:{50:-3,100:-4,200:-3,300:-2,400:-1,500:-1,600:0,700:1,800:2,900:3,950:3},defaultBaseChroma:.26},{hueRange:[331,360],lightness:o,chromaMul:{50:.05,100:.14,200:.27,300:.5,400:.82,500:.95,600:1,700:.91,800:.77,900:.64,950:.45},hueOffset:{50:-7,100:-8,200:-7,300:-4,400:0,500:4,600:11,700:14,800:14,900:12,950:14},defaultBaseChroma:.22}];function l(h,l){let u,c,i=null;if(h.trim().startsWith("oklch")){u=function(e){const t=e.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);if(!t)throw new Error(`Invalid OKLCH color: ${e}`);let n=parseFloat(t[1]);const s=parseFloat(t[2]);n<=1&&(n*=100);let a=.4;return n>90||n<20?a=.2:(n>80||n<30)&&(a=.3),{h:parseFloat(t[3]),s:Math.min(100,s/a*100),l:n}}(h);const e=h.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);e?(i=parseFloat(e[3]),c=parseFloat(e[2])):c=.18}else{const e=n(h);u=s(e),c=u.s/100*.37}const f=l?.clampLightness?.min??4,d=l?.clampLightness?.max??99,g=i??u.h,m=c>=.005&&c<=.055;if(c<.005){const n=t(u.l,f,d);return e.reduce((e,s)=>{let h=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=a.lighten[s];h=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=a.darken[s];h=n*e}const o=t(h,f,d);return e[s]=`oklch(${o.toFixed(2)}% 0.00 0)`,e},{})}if(m){const n=t(u.l,f,d),s=g>=240&&g<=310;if(s&&c<=.012){const s={50:0,100:0,200:.01,300:.01,400:.02,500:.02,600:.03,700:.03,800:.03,900:.03,950:.03},h={50:-2,100:15,200:15,300:8,400:11,500:14,600:7,700:10,800:7,900:15,950:12};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=a.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=a.darken[o];r=n*e}const l=t(r,f,d),c=t(s[o],0,.06),i=Math.round(u.h+h[o]);return e[o]=`oklch(${l.toFixed(2)}% ${c.toFixed(3)} ${i})`,e},{})}if(s){const s=t(c,.035,.055),h={50:.005,100:.008,200:.012,300:.02,400:s,500:s,600:s,700:s,800:s,900:s,950:s};return e.reduce((e,s)=>{let o=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=a.lighten[s];o=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=a.darken[s];o=n*e}const r=t(o,f,d),l=t(h[s],0,.06);let c=u.h;return c+=s<=300?-2:800===s?3:s>=900?8:0,e[s]=`oklch(${r.toFixed(2)}% ${l.toFixed(3)} ${Math.round(c)})`,e},{})}if(g>=20&&g<=110&&c<=.015){const s={50:0,100:0,200:0,300:0,400:.01,500:.01,600:.01,700:.01,800:.01,900:.01,950:0},h={50:32,100:32,200:-25,300:-18,400:-18,500:-16,600:0,700:-6,800:-40,900:-18,950:-25};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=a.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=a.darken[o];r=n*e}const l=t(r,f,d),c=t(s[o],0,.06),i=Math.round(u.h+h[o]);return e[o]=`oklch(${l.toFixed(2)}% ${c.toFixed(3)} ${i})`,e},{})}}if(g>=340&&g<=360||g>29&&g<=40){const n={50:.071,100:.143,200:.286,300:.452,400:.69,500:.857},s={700:.879,800:.759,900:.69,950:.448},a=t(u.l,f,d);return e.reduce((e,h)=>{let o=a;if(50===h||100===h||200===h||300===h||400===h||500===h){const e=n[h];o=100-(100-a)*e}else if(700===h||800===h||900===h||950===h){const e=s[h];o=a*e}const r=t(o,f,d),l=c/.22,i=t({50:.01*l,100:.03*l,200:.06*l,300:.1*l,400:.17*l,500:.21*l,600:.22*l,700:.19*l,800:.16*l,900:.13*l,950:.09*l}[h],0,.4),g=Math.round(u.h+({50:17,100:18,200:18,300:20,400:22,500:25,600:27,700:28,800:27,900:26,950:26}[h]-27));return e[h]=`oklch(${r.toFixed(2)}% ${i.toFixed(3)} ${g})`,e},{})}const M=r.find(e=>g>=e.hueRange[0]&&g<=e.hueRange[1]);if(M){const n=t(u.l,f,d);return e.reduce((e,s)=>{let a=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=M.lightness.lighten[s];a=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=M.lightness.darken[s];a=n*e}const h=t(a,f,d),o=t(c*M.chromaMul[s],0,.4),r=Math.round((i??u.h)+M.hueOffset[s]);return e[s]=`oklch(${h.toFixed(2)}% ${o.toFixed(3)} ${r})`,e},{})}const k=t(u.l,f,d);return e.reduce((e,n)=>{let s=k;if(50===n||100===n||200===n||300===n||400===n||500===n){const e=o.lighten[n];s=100-(100-k)*e}else if(700===n||800===n||900===n||950===n){const e=o.darken[n];s=k*e}const a=t(s,f,d),h=t(c*{50:.6,100:.75,200:.86,300:.93,400:.98,500:1,600:1,700:.91,800:.77,900:.68,950:.45}[n],0,.4),r=Math.round((i??u.h)+{50:2,100:1,200:1,300:0,400:0,500:0,600:0,700:-1,800:-4,900:-5,950:-3}[n]);return e[n]=`oklch(${a.toFixed(2)}% ${h.toFixed(3)} ${r})`,e},{})}function u(e,a){const{h:h,c:o,l:r}=function(e){const t=e.trim();if(t.startsWith("oklch")){const e=t.match(/oklch\(([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)/);return e?{l:"%"===e[2]?parseFloat(e[1]):100*parseFloat(e[1]),c:parseFloat(e[3]),h:parseFloat(e[4])}:{l:50,c:0,h:0}}const a=s(n(t));return{l:a.l,c:a.s/100*.37,h:a.h}}(e),u=t(r,20,"dark"===a?56:64)/100,c=t(o,0,.045);return l(`oklch(${u.toFixed(3)} ${c.toFixed(3)} ${Math.round(h)})`)}export{l as default,l as generateColorScaleFromBase,u as generateSurfaceScale};

package/dist/es/helpers/theme/colorOps.js

@@ -0,0 +1 @@
+function t(t){const n=t.match(/oklch\(([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)/);if(n){let t=parseFloat(n[1]);return"%"===n[2]&&(t/=100),{l:t,c:parseFloat(n[3]),h:parseFloat(n[4])}}const e=t.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);return e?function(t,n,e){const o=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4),[r,c,a]=[o(t),o(n),o(e)],h=Math.cbrt(.4122214708*r+.5363325363*c+.0514459929*a),s=Math.cbrt(.2119034982*r+.6806995451*c+.1073969566*a),u=Math.cbrt(.0883024619*r+.2817188376*c+.6299787005*a),l=.2104542553*h+.793617785*s-.0040720468*u,i=1.9779984951*h-2.428592205*s+.4505937099*u,f=.0259040371*h+.7827717662*s-.808675766*u,d=Math.sqrt(i*i+f*f),p=(180*Math.atan2(f,i)/Math.PI+360)%360;return{l:l,c:d,h:p}}(...function(t){const n=3===t.length?t.replace(/./g,t=>t+t):t;return[0,2,4].map(t=>parseInt(n.slice(t,t+2),16)/255)}(e[1])):null}function n(n){return t(n)??{l:.5,c:0,h:0}}function e(t){return Math.round((t%360+360)%360*100)/100}function o(t,n,o){return`oklch(${t.toFixed(2)} ${n.toFixed(2)} ${e(o)})`}function r(t,n,o){return`oklch(${t.toFixed(2)} ${n.toFixed(3)} ${e(o)})`}function c(t,n,o,r){return`oklch(${t.toFixed(2)} ${n.toFixed(2)} ${e(o)} / ${r})`}function a(t,e){const o=n(t);return c(o.l,o.c,o.h,e)}function h(t,e,r=.5){const c=n(t),a=n(e);return o(c.l+(a.l-c.l)*r,c.c+(a.c-c.c)*r,c.h+(a.h-c.h)*r)}function s(t,e){return n(t[e])}const u=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;function l(n){const e=n.trim();return u.test(e)||null!==t(e)}const i=new Set;function f(t,n){(function(){try{return"undefined"!=typeof process&&!!process.env&&"production"!==process.env.NODE_ENV}catch{return!1}})()&&(l(t)||i.has(t)||(i.add(t),console.warn(`[itd theme] ${n} "${t}" is not a parseable HEX or oklch() color. createTheme falls back to a neutral oklch(0.5 0 0) for its lightness/chroma math, which desaturates the generated theme. Pass an oklch() or #hex seed.`)))}export{o as fmt,c as fmtAlpha,r as fmtC3,l as isParseableSeed,h as lerp,t as parseColorSafe,n as parseOklch,s as shadeVal,f as validateSeed,a as withAlpha};

package/dist/es/helpers/theme/contrast.js

@@ -0,0 +1 @@
+import{parseColorSafe as t}from"./colorOps.js";function r(t){const r=function(t){return t<0?0:t>1?1:t}(t);return r<=.0031308?12.92*r:1.055*Math.pow(r,1/2.4)-.055}function n(t){return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function e(t,r,n){const e=n*Math.PI/180,o=r*Math.cos(e),c=r*Math.sin(e),a=t+.3963377774*o+.2158037573*c,u=t-.1055613458*o-.0638541728*c,s=t-.0894841775*o-1.291485548*c,i=a*a*a,f=u*u*u,l=s*s*s;return{r:4.0767416621*i-3.3077115913*f+.2309699292*l,g:-1.2684380046*i+2.6097574011*f-.3413193965*l,b:-.0041960863*i-.7034186147*f+1.707614701*l}}function o(t,n,o){const{r:c,g:a,b:u}=e(t,n,o);return{r:Math.round(255*r(c)),g:Math.round(255*r(a)),b:Math.round(255*r(u))}}function c(t,r){if(t<=0||t>=1)return 0;const n=n=>{const{r:o,g:c,b:a}=e(t,n,r);return o>=0&&o<=1&&c>=0&&c<=1&&a>=0&&a<=1};let o=0,c=.4;if(n(c))return c;for(let t=0;t<24;t++){const t=(o+c)/2;n(t)?o=t:c=t}return o}function a(r){if(!r)return null;const n=r.trim();if("#"===n[0])return function(t){let r=t.trim().replace(/^#/,"");return 3===r.length&&(r=r.split("").map(t=>t+t).join("")),6!==r.length||/[^0-9a-fA-F]/.test(r)?null:{r:parseInt(r.slice(0,2),16),g:parseInt(r.slice(2,4),16),b:parseInt(r.slice(4,6),16)}}(n);const e=n.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i);if(e)return{r:+e[1],g:+e[2],b:+e[3]};const c=t(n);return c?o(c.l,c.c,c.h):null}function u(t){return.2126*n(t.r/255)+.7152*n(t.g/255)+.0722*n(t.b/255)}function s(t,r){const n=u(t),e=u(r);return(Math.max(n,e)+.05)/(Math.min(n,e)+.05)}const i=2.4,f=.2126729,l=.7151522,p=.072175,d=.56,h=.57,M=.62,v=.65,g=.022,b=1.414,m=.1,w=5e-4,$=1.14,I=.027;function x(t){const r=Math.pow(t.r/255,i),n=Math.pow(t.g/255,i),e=Math.pow(t.b/255,i);return f*r+l*n+p*e}function y(t,r){let n,e,o=x(t),c=x(r);return o<g&&(o+=Math.pow(g-o,b)),c<g&&(c+=Math.pow(g-c,b)),Math.abs(c-o)<w?0:(c>o?(n=(Math.pow(c,d)-Math.pow(o,h))*$,e=n<m?0:n-I):(n=(Math.pow(c,v)-Math.pow(o,M))*$,e=n>-.1?0:n+I),100*e)}function j(t,r,n){const e=a(t);return e?"apca"===n?Math.abs(y(e,r)):s(e,r):-1/0}const k=new Set;function E(t,r){if(!k.has(t)){k.add(t);try{"undefined"!=typeof process&&process.env&&"production"!==process.env.NODE_ENV&&console.warn(r)}catch{}}}function F(t,r={}){const n=r.metric??"apca",e=function(t,r){return"number"==typeof r?r:"apca"===t?60:4.5}(n,r.min),o=r.nudge??"auto",[c,u]=r.candidates??["#071437","#ffffff"],s=a(t);if(!s)return E(`bg:${t}`,`[itd contrast] background "${t}" is unparseable; defaulting on-color to ${u}.`),{value:u,clamped:!0,score:0};if(null!=r.override){const o=j(r.override,s,n);if(o>=e)return{value:r.override,clamped:!1,score:o};E(`ovr:${t}|${r.override}`,`[itd contrast] forced on-color "${r.override}" on "${t}" scores ${o.toFixed(1)} (< ${e} ${n}); substituting a contrast-safe value.`)}const i=j(c,s,n),f=j(u,s,n),l=null!=r.override;if("prefer-dark"===o&&i>=e)return{value:c,clamped:l,score:i};if("prefer-light"===o&&f>=e)return{value:u,clamped:l,score:f};const p=i>=f?{value:c,score:i}:{value:u,score:f};return{value:p.value,clamped:l||p.score<e,score:p.score}}export{y as apcaLc,c as maxSrgbChroma,o as oklchToSrgb,a as parseColor,u as relativeLuminance,F as resolveOnColor,s as wcagContrast};

package/dist/es/helpers/theme/createTheme.js

@@ -0,0 +1 @@
+import o,{generateSurfaceScale as r}from"./GenerateColorScale.js";import{validateSeed as l,parseOklch as c,shadeVal as e,fmt as t,fmtAlpha as a,lerp as n,withAlpha as d,fmtC3 as i}from"./colorOps.js";import{resolveOnColor as h,maxSrgbChroma as u}from"./contrast.js";import{buildShadowScale as s,resolveShadowParams as g}from"./shadowScale.js";const B={ringOffset:"1px",ringWidth:"2px",borderRadius:"0.625rem"},k={transitionDuration:"500ms",transitionTimingFunction:"cubic-bezier(0.075, 0.82, 0.165, 1)",boxShadow:"0px 3px 4px 0px rgba(0, 0, 0, 0.03)"},m={transitionDuration:".15s",transitionTimingFunction:"cubic-bezier(.4,0,.2,1)",boxShadow:"none"},p={colorAlertSuccessBackground:"oklch(0.94 0.08 145 / 0.5)",colorAlertSuccessBorder:"oklch(0.75 0.12 145 / 0.5)",colorAlertSuccessTitle:"oklch(0.57 0.14 145.3)",colorAlertSuccessText:"oklch(0.6 0.09 145.68)",colorProgressSuccessFill:"oklch(0.74 0.19 145.25)",colorAlertWarningBackground:"oklch(0.96 0.05 97.36 / 0.5)",colorAlertWarningBorder:"oklch(0.80 0.12 100 / 0.5)",colorAlertWarningTitle:"oklab(0.67 0.03 0.15)",colorAlertWarningText:"oklch(0.7 0.12 90.34)",colorAlertErrorBackground:"oklch(0.95 0.06 15 / 0.5)",colorAlertErrorBorder:"oklch(0.75 0.08 15 / 0.5)",colorAlertErrorTitle:"oklab(0.58 0.15 0.06)",colorAlertErrorText:"oklab(0.66 0.17 0.07)"},T={colorAlertSuccessBackground:"oklch(0.36 0.03 145.01 / 0.5)",colorAlertSuccessBorder:"oklch(0.53 0.07 145.06 / 0.5)",colorAlertSuccessTitle:"oklch(0.66 0.11 145.62)",colorAlertSuccessText:"oklch(0.6 0.09 145.68)",colorProgressSuccessFill:"oklch(0.66 0.11 145.62)",colorAlertWarningBackground:"oklch(0.38 0.08 108 / 0.5)",colorAlertWarningBorder:"oklch(0.58 0.11 107.83 / 0.5)",colorAlertWarningTitle:"oklch(0.78 0.07 87.96)",colorAlertWarningText:"oklch(0.7 0.07 87.97)",colorAlertErrorBackground:"oklch(0.28 0.06 21.66 / 0.5)",colorAlertErrorBorder:"oklch(0.55 0.1 20.67 / 0.5)",colorAlertErrorTitle:"oklab(0.75 0.18 0.07)",colorAlertErrorText:"oklab(0.65 0.11 0.04)"},A={colorUploadOverlay:"oklch(1.00 0 0 / 0.56)",colorUploadText:"oklch(0.16 0.04 250)",colorUploadOverlayError:"oklch(0.55 0.28 30)",colorUploadErrorText:"oklch(1.00 0 0)",colorUploadOverlayCompleted:"oklch(0.80 0.14 145)",colorUploadCompletedText:"oklch(1.00 0 0)",colorUploadOverlayUploading:"oklch(0.55 0.18 256.43)",colorUploadOverlayUploadingBar:"oklch(0.62 0.18 250)",colorUploadingText:"oklch(1.00 0 0)"},x={colorUploadOverlay:"oklch(0.18 0.05 258.58 / 0.56)",colorUploadText:"oklch(0.85 0 0)",colorUploadOverlayError:"oklch(0.63 0.26 29.23)",colorUploadErrorText:"oklch(1.00 0 0)",colorUploadOverlayCompleted:"oklch(0.82 0.15 139.18)",colorUploadCompletedText:"oklch(1.00 0 0)",colorUploadOverlayUploading:"oklch(0.55 0.18 256.43)",colorUploadOverlayUploadingBar:"oklch(0.62 0.18 250)",colorUploadingText:"oklch(1.00 0 0)"};function v(o,r,l,c,s,g={}){const k=e(o,50),p=e(o,100),A=e(o,200),v=e(o,400),S=e(o,800),b=c.c<.01,y=e(r,900),M=e(r,600),F=y.c>.03?y.c:Math.max(.2*l.c,.008),f=y.c>.03?y.h:l.h,H=b?.65:Math.max(y.l,.3),I=b?r[100]:r[600],E=b?r[200]:r[500],O=h(I,{candidates:[b?t(.15,0,0):t(.2,.01,c.h),"oklch(1.00 0 0)"],metric:g.metric,min:g.min,nudge:g.nudge}).value,U=Math.min(l.c,.06),D=Math.min(2*l.c,.055),W=Math.max(0,Math.cos((l.h-260)*Math.PI/180)),P=Math.min(2*Math.max(0,l.c-.02),.08)*W,w=Math.min(l.c/.06,1),N=(o,r=U)=>{const c=Math.round(100*o)/100,e=((o,r)=>W*r+(1-W)*Math.min(r,Math.max(0,.16*(o-.13))))(c,r),a=Number(e.toFixed(2)),n=u(c,l.h);return a<=n+.005?t(o,e,l.h):i(o,Math.floor(1e3*n)/1e3,l.h)};return{appearance:"dark",...B,...m,background:N(.18-P),foreground:o[50],input:N(.35-P,D),primary:I,primaryScale:r,surfaceScale:o,primaryHover:E,primaryForeground:O,onPrimary:O,secondary:N(.25-P),secondaryHover:N(.34-P),secondaryForeground:t(.86*k.l,0,0),secondaryForegroundHover:b?r[200]:r[500],accent:N(.36-P),accentForeground:o[50],muted:N(.25-P),mutedForeground:t(v.l,0,0),selection:t(.95*p.l,0,0),selectionForeground:o[900],popover:N(.23-P),popoverForeground:o[50],card:N(.21-P),cardForeground:o[50],colorBackgroundFooter:N(.2-P),colorText:t(.86*k.l,0,0),colorTextMuted:a(.86*k.l,0,0,.75),colorTextMutedForeground:t(v.l,0,0),colorPlaceholder:t(.6,.5*S.c,l.h),colorTextNeutral:t(.71,S.c,l.h),colorControlLabel:t(.71,.75*S.c,l.h),cardShadow:s.sm,floatingShadow:s.modal,colorModalShadow:s.modal,colorBorder:N(.29-P,D),colorBorderHover:N(.35-P,D),colorBorderFocus:t(H,.8*F,f),colorBorderFocusRing:a(H,.8*F,f,.5),colorBorderTransparent:a(A.l,A.c,A.h,0),surfaceHairline:"transparent",colorBackgroundAlt:N(.26-P),colorBackgroundAltHover:N(.3-P),colorBackgroundPanel:N(.25-P),colorBackgroundBordered:N(.25-P),colorBackgroundTransparent:"#00000000",colorBackgroundModal:N(.23-P),colorForegroundItemSelected:t(.93*k.l,0,0),colorForegroundItemSelectedText:o[900],colorBackgroundSelect:N(.23-P),colorBackgroundSelectFilled:N(.23-P),colorBackgroundSelectFilledItem:N(.32-P),colorBackgroundSelectItem:N(.26-P),colorBackgroundSelectItemHover:N(.3-P),colorBackgroundSelectItemSelected:N(.34-P),colorDisabledBg:d(N(.21-P),.5),colorDisabledBorder:N(.29-P,D),colorDisabledText:t(.4,.75*S.c,l.h),colorAccentWell:b||l.c>=.03?N(.28-P):t(.28-P,Math.min(.35*M.c,.09,u(.28-P,M.h)),M.h),colorAccentWellInk:b?r[100]:t(Math.max(M.l,.72),Math.min(M.c,.19),M.h),colorIcon:t(.86*k.l,0,0),colorIconMuted:"oklch(0.89 0 0)",colorError:"oklch(0.64 0.24 15.26)",colorErrorText:"oklch(1.00 0 0)",colorErrorBorder:"oklch(0.64 0.24 15.26)",colorSuccess:"oklch(0.67 0.16 150)",colorErrorOutline:"oklch(0.64 0.24 15.26 / 0.5)",colorFocusPrimary:t(H,F,f),colorFocusPrimaryRing:a(H,F,f,.5),colorTextAlpha50:a(.86*k.l,0,0,.5),colorSwitchThumb:o[50],colorSwitchFilledThumb:O,colorTextNeutralAlpha10:a(.61,S.c,l.h,.1),colorTextNeutralAlpha15:a(.61,S.c,l.h,.15),colorTextNeutralAlpha25:a(.61,S.c,l.h,.25),colorTextNeutralAlpha50:a(.61,S.c,l.h,.5),colorBackgroundAltAlpha75:d(N(.21-P),.75),colorBackgroundAltAlpha85:d(N(.21-P),.85),colorUploadTextAlpha50:d(x.colorUploadText,.5),colorCardOverlay:d(N(.23-P),.75),colorOverlay:"oklch(0 0 0 / 0.65)",tooltipBackground:N(.25-P),skeletonBase:N(.21-P),skeletonHighlight:N(.32-P),colorTabActiveBg:N(.31-P),colorTabHoverBg:N(.21-P),colorTabFilledActiveBg:N(.34-P),colorTabFilledTrackBg:N(.21-P),colorButtonOutlineBg:d("oklch(1.00 0 0)",.03),colorButtonOutlineHoverBg:d("oklch(1.00 0 0)",.08),colorButtonGhostHoverBg:d("oklch(1.00 0 0)",.03),colorButtonOutlineAccent:I,colorButtonOutlineAccentHover:E,colorButtonFilledBg:d(I,.1),colorButtonSoftDestructiveBg:"oklch(0.33 0.09 15)",colorButtonSoftDestructiveHoverBg:"oklch(0.39 0.11 15)",scrollbarThumb:d(I,.5),scrollbarThumbHover:I,primaryGradientStart:I,primaryGradientEnd:n(I,E,.5),primaryHoverStart:b?n(r[100],r[200],.3):n(r[600],r[700],.3),primaryHoverEnd:E,primaryContrastText:O,buttonGenericBg:N(.34-P),buttonGenericHoverBg:E,buttonSelectedBorder:E,buttonSelectedBg:E,buttonDisabledBg:N(.21-P),buttonDisabledText:"oklch(1.00 0 0 / 0.3)",...T,colorAlertInfoBackground:a(.29,.06*w,l.h,.5),colorAlertInfoBorder:a(.5,.09*w,l.h,.5),colorAlertInfoTitle:t(.66,.11*w,l.h),colorAlertInfoText:t(.63,.09*w,l.h),...x}}function S(o){const r={};for(const l of Object.keys(o)){const c=Number(l);r[c]=o[c].replace(/oklch\(([\d.]+)%\s/,(o,r)=>`oklch(${(parseFloat(r)/100).toFixed(2)} `)}return r}function b(i,u){l(u.surfaceBase,"surfaceBase"),l(u.primaryBase,"primaryBase");const m=u.surfaceLadder?r(u.surfaceBase,i):o(u.surfaceBase),T=o(u.primaryBase),x=S(m),b=S(T),y=c(u.surfaceBase),M=c(u.primaryBase),F={metric:u.contrastMetric,min:u.contrastMin,nudge:u.onPrimaryNudge},f=s(g(i,u.shadow));return"light"===i?function(o,r,l,c,i,u={},s=!1){const g=e(o,200),m=e(o,900),T=e(o,950),x=Math.max(0,Math.cos((l.h-260)*Math.PI/180)),v=Math.min(Math.max(.85*l.c,.014*x),.045),S=v*(.6+.35*x),b=v,y=1.2*v,M=Math.min(v,.02),F=Math.min(l.c/.06,1),f=(s?.97:.995)-x*v*.65-(1-x)*Math.min(.65*Math.max(0,l.c-.02),.03),H=t(f,S,l.h),I=s?t(Math.min(1,f+.03),S,l.h):H,E=s?I:t(f+.001,S,l.h),O=s?.98:f-.035,U=s?.93:f-.035,D=s?.93:f-.055,W=s?.93:f-.065,P=s?.93:f-.025,w=s?.95:f-.03,N=s?.95:f-.03,C=s?.9:f-.075,G=s?.88:f-.085,j=e(r,300),R=e(r,600),L=j.c>.03?j.c:Math.max(.25*l.c,.01),z=j.c>.03?j.h:l.h,$=Math.min(j.l,.78),q=h(r[600],{candidates:[t(.2,.01,c.h),"oklch(1.00 0 0)"],metric:u.metric,min:u.min,nudge:u.nudge}).value;return{appearance:"light",...B,...k,background:H,foreground:o[950],input:t(C,M,l.h),primary:r[600],primaryScale:r,surfaceScale:o,primaryHover:r[700],primaryForeground:q,onPrimary:q,secondary:t(P,b,l.h),secondaryHover:t(1.03*g.l,.11*c.c,c.h),secondaryForeground:o[950],secondaryForegroundHover:r[600],accent:t(P,b,l.h),accentForeground:o[900],muted:t(P,b,l.h),mutedForeground:o[500],selection:o[950],selectionForeground:"oklch(1.00 0 0)",popover:I,popoverForeground:o[950],card:E,cardForeground:o[950],colorBackgroundFooter:t(N,b,l.h),colorText:o[950],colorTextMuted:t(.52,Math.min(.6*l.c,.04),l.h),colorTextMutedForeground:t(.5,Math.min(.4*l.c,.03),l.h),colorPlaceholder:t(.65,Math.min(.3*l.c,.02),l.h),colorTextNeutral:t(.4,Math.min(.4*l.c,.03),l.h),colorControlLabel:t(.4,Math.min(.5*l.c,.035),l.h),cardShadow:i.sm,floatingShadow:i.lg,colorModalShadow:i["2xl"],colorBorder:t(C,M,l.h),colorBorderHover:a(.5,.17*c.c,c.h,.38),colorBorderFocus:t($,.8*L,z),colorBorderFocusRing:a($,.8*L,z,.5),colorBorderTransparent:d(o[200],0),surfaceHairline:s?"transparent":t(.94,S,l.h),colorBackgroundAlt:t(O,b,l.h),colorBackgroundAltHover:t(D,b,l.h),colorBackgroundPanel:t(W,y,l.h),colorBackgroundBordered:s?I:"transparent",colorBackgroundTransparent:d(H,0),colorBackgroundModal:s?I:n(o[50],H,.5),colorBackgroundInput:s?I:void 0,elevBox:s?"1":void 0,elevNested:s?"0.98":void 0,elevDeep:s?"0.95":void 0,elevationMode:s?"raised":void 0,colorForegroundItemSelected:o[950],colorForegroundItemSelectedText:"oklch(1.00 0 0)",colorBackgroundSelect:I,colorBackgroundSelectFilled:t(W,y,l.h),colorBackgroundSelectFilledItem:I,colorBackgroundSelectItem:I,colorBackgroundSelectItemHover:t(U,b,l.h),colorBackgroundSelectItemSelected:t(D,y,l.h),colorDisabledBg:t(w,b,l.h),colorDisabledBorder:t(G,Math.min(1.6*v,.02),l.h),colorDisabledText:o[400],colorAccentWell:t(.94,Math.min(.15*R.c,.035),R.h),colorAccentWellInk:t(Math.min(R.l,.55),Math.min(R.c,.2),R.h),colorIcon:o[950],colorIconMuted:d(o[700],.5),colorError:"oklch(0.55 0.22 15)",colorErrorText:"oklch(1.00 0 0)",colorErrorBorder:"oklch(0.55 0.22 15)",colorSuccess:"oklch(0.55 0.15 150)",colorErrorOutline:"oklch(0.55 0.22 15 / 0.5)",colorFocusPrimary:r[400],colorFocusPrimaryRing:d(r[400],.5),colorTextAlpha50:d(o[950],.5),colorSwitchThumb:I,colorSwitchFilledThumb:I,colorTextNeutralAlpha10:a(.55,Math.min(.4*l.c,.03),l.h,.1),colorTextNeutralAlpha15:a(.55,Math.min(.4*l.c,.03),l.h,.15),colorTextNeutralAlpha25:a(.55,Math.min(.4*l.c,.03),l.h,.25),colorTextNeutralAlpha50:a(.55,Math.min(.4*l.c,.03),l.h,.5),colorBackgroundAltAlpha75:d(t(w,b,l.h),.75),colorBackgroundAltAlpha85:d(t(w,b,l.h),.85),colorUploadTextAlpha50:d(A.colorUploadText,.5),colorCardOverlay:"oklch(1.00 0 0 / 0.75)",colorOverlay:"oklch(0 0 0 / 0.4)",tooltipBackground:o[900],skeletonBase:t(s?.94:f-.075,b,l.h),skeletonHighlight:t(U,b,l.h),colorTabActiveBg:t(U,b,l.h),colorTabHoverBg:t(U,b,l.h),colorTabFilledActiveBg:I,colorTabFilledTrackBg:t(U,b,l.h),colorButtonOutlineBg:I,colorButtonOutlineHoverBg:t(U,b,l.h),colorButtonGhostHoverBg:t(s?.92:U,b,l.h),colorButtonOutlineAccent:r[700],colorButtonOutlineAccentHover:r[800],colorButtonFilledBg:d(r[600],.1),colorButtonSoftDestructiveBg:"oklch(0.92 0.05 15)",colorButtonSoftDestructiveHoverBg:"oklch(0.88 0.07 15)",scrollbarThumb:d(o[950],.5),scrollbarThumbHover:o[950],primaryGradientStart:n(r[600],r[700],.5),primaryGradientEnd:n(r[600],r[500],.3),primaryHoverStart:n(r[600],r[700],.3),primaryHoverEnd:n(r[500],r[400],.3),primaryContrastText:q,buttonGenericBg:t(m.l,.22*c.c,c.h),buttonGenericHoverBg:r[600],buttonSelectedBorder:r[500],buttonSelectedBg:r[600],buttonDisabledBg:t(T.l,.17*c.c,c.h),buttonDisabledText:"oklch(1.00 0 0 / 0.3)",...p,colorAlertInfoBackground:a(.9,.04*F,l.h,.5),colorAlertInfoBorder:a(.73,.09*F,l.h,.5),colorAlertInfoTitle:t(.56,.11*F,l.h),colorAlertInfoText:t(.63,.09*F,l.h),...A}}(x,b,y,M,f,F,"raised"===u.lightElevation):v(x,b,y,M,f,F)}const y=[["onPrimary","primary"],["primaryForeground","primary"],["primaryContrastText","primary"],["colorAlertInfoTitle","colorAlertInfoBackground"],["colorAlertInfoText","colorAlertInfoBackground"],["colorAlertSuccessTitle","colorAlertSuccessBackground"],["colorAlertSuccessText","colorAlertSuccessBackground"],["colorAlertWarningTitle","colorAlertWarningBackground"],["colorAlertWarningText","colorAlertWarningBackground"],["colorAlertErrorTitle","colorAlertErrorBackground"],["colorAlertErrorText","colorAlertErrorBackground"]];function M(o,r,l={}){let c=null;for(const[e,t]of y){const a=o[t],n=o[e];if("string"!=typeof a||"string"!=typeof n)continue;if(!(o[t]!==r[t]||o[e]!==r[e]))continue;const d=h(a,{override:n,metric:l.metric,min:l.min}).value;d!==n&&(c=c??{...o},c[e]=d)}return c??o}export{b as createTheme,M as guardOnColors};

package/dist/es/helpers/theme/cssVariables.js

@@ -0,0 +1 @@
+function t(t){return t.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}let e,r=null;function i(i,d,o){if("undefined"==typeof document)return;const a=document.documentElement,s=i.appearance!==e;e=i.appearance,i.elevationMode?a.setAttribute("data-itd-elevation",i.elevationMode):a.removeAttribute("data-itd-elevation"),s&&(a.classList.add("itd-no-transition"),d&&d.classList.add("itd-no-transition"));const n=[];for(const[e,r]of Object.entries(i))if("string"==typeof r)n.push(`--itd-${t(e)}: ${r};`);else if(e.endsWith("Scale")&&r&&"object"==typeof r){const i=t(e.replace(/Scale$/,""));for(const[t,e]of Object.entries(r))"string"==typeof e&&n.push(`--itd-${i}-${t}: ${e};`)}if(n.push(`--itd-text: ${i.colorText};`,`--itd-text-muted: ${i.colorTextMuted};`,`--itd-border: ${i.colorBorder};`,`--itd-ring: ${i.primary};`,`--itd-link: ${i.primary};`,`--itd-selection-bg: ${i.selection};`,`--itd-selection-fg: ${i.selectionForeground};`,`--itd-scrollbar-thumb: ${i.scrollbarThumb};`,`--itd-scrollbar-thumb-hover: ${i.scrollbarThumbHover};`),n.push(`--itd-border-radius: ${i.borderRadius};`,"--itd-radius: var(--itd-border-radius);","--itd-radius-xs: calc(var(--itd-border-radius) * 0.2);","--itd-radius-sm: calc(var(--itd-border-radius) * 0.6);","--itd-radius-md: calc(var(--itd-border-radius) * 0.8);","--itd-radius-lg: var(--itd-border-radius);","--itd-radius-xl: calc(var(--itd-border-radius) * 1.4);","--itd-radius-2xl: calc(var(--itd-border-radius) * 1.6);",`--itd-radius-control: ${i.radiusControl??"calc(var(--itd-radius) - calc(var(--itd-spacing) * 0.5))"};`,`--itd-radius-pill: ${i.radiusControl??"calc(var(--itd-border-radius) * 0.75)"};`,`--itd-radius-chip: ${i.radiusControl??"var(--itd-radius-sm)"};`),o)for(const[t,e]of Object.entries(o))n.push(`${t}: ${e};`);const c=`@layer theme {\n  :root,\n  [data-theme] {\n    ${n.join("\n    ")}\n  }\n}`;r&&r.isConnected||(r=document.getElementById("itd-theme"),r||(r=document.createElement("style"),r.id="itd-theme",document.head.appendChild(r))),r.textContent=c,s&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.classList.remove("itd-no-transition"),d&&d.classList.remove("itd-no-transition")})})}const d=i;export{d as injectThemeColors,i as injectThemeVars};

package/dist/es/helpers/theme/dark.js

@@ -0,0 +1 @@
+import{createTheme as e}from"./createTheme.js";import{SURFACE_PRESETS as r,BRAND_PRESETS as a}from"./presets.js";const s=e("dark",{surfaceBase:r.neutral.base,primaryBase:a.golden.base});export{s as default};

package/dist/es/helpers/theme/exampleSitePreset.js

@@ -0,0 +1 @@
+import{defineTokenSet as e}from"./tokenSet.js";const r={name:"Example Site",surfaceBase:"oklch(0.44 0.06 263)",primaryBase:"oklch(0.77 0.22 140.47)",theme:{fontSans:"'Inter', system-ui, -apple-system, sans-serif",borderRadius:"0.5rem",transitionDuration:"500ms",transitionTimingFunction:"cubic-bezier(0.075, 0.82, 0.165, 1)",radiusButton:"0.3125rem"},light:{colorBackgroundModal:"{background}"},dark:{background:"oklch(0.157 0.056 255)",card:"#05162c",colorBackgroundFooter:"#041127",colorBackgroundModalFooter:"{colorBackgroundInput}",colorBackgroundAlt:"#152b48",colorBackgroundAltHover:"#10233b",colorBackgroundBordered:"{colorBackgroundInput}",colorBackgroundModal:"#041127",popover:"oklch(0.252 0.048 261)",colorBackgroundDialog:"{popover}",colorBackgroundSheet:"{popover}",colorModalShadow:"rgba(0, 0, 0, 0.1) 0px 0.5rem 1rem",floatingShadow:"0 0 30px #00000059",colorBackgroundInput:"#101c33",colorBackgroundResult:"#11233c",colorBackgroundSelect:"#131d34",colorBackgroundSelectItem:"#10233b",colorBackgroundSelectItemHover:"#152b48",colorBackgroundSelectItemSelected:"#152b48",colorText:"#cccccc",colorTextNeutral:"#ccccccbf",foreground:"{colorText}",mutedForeground:"{colorTextNeutral}",colorTextMuted:"rgba(204, 204, 204, 0.75)",colorBorder:"rgba(255, 255, 255, 0.05)",colorBorderHover:"#223856",input:"oklch(0.27 0.06 263)",colorTableBorder:"rgba(25, 62, 111, 0.19)",colorTableRowHover:"#12243c59",colorAlertWarningTitle:"#f1ab00",colorAlertWarningBackground:"oklch(0.28 0.05 92 / 0.5)",colorAlertWarningText:"oklch(0.80 0.06 90)",colorAlertWarningBorder:"oklch(0.52 0.10 92 / 0.5)",colorDisabledBorder:"oklch(0.29 0.06 254.18)",colorDisabledBg:"oklch(0.25 0.05 254.21)",colorAlertNeutralBackground:"#0f1c32",colorTextInput:"{colorText}",colorTextSelectItem:"{colorTextMuted}",colorTextSelectItemSelected:"{colorText}",colorControlLabel:"{colorTextNeutral}",colorTabActiveText:"{primary}",colorTabHoverUnderline:"{primary}",colorButtonOutlineBg:"transparent",colorButtonGhostHoverBg:"#00000030",colorButtonOutlineHoverBg:"#00000030",colorButtonGhostHoverText:"{primary}",colorButtonOutlineHoverText:"{primary}",colorButtonOutlineHoverBorder:"{primary}"},extensions:[e({namespace:"site",tokens:{cardSelected:{kind:"template",template:"linear-gradient(180deg, {colorBackgroundAlt} 40%, transparent 100%)"},footerInk:{kind:"derive",from:"{background}",setLightness:.62,chroma:-.011,hue:10},payRowBorder:{kind:"derive",from:"{background}",setLightness:.517,chroma:.0486,hue:.9,alpha:.188},payRowHover:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.101,chroma:-.0046,hue:1.1},light:{kind:"derive",from:"{background}",setLightness:.92}},tileSelected:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",setLightness:.396,chroma:.0097,hue:-11.4},light:{kind:"derive",from:"{primary}",setLightness:.69,chroma:-.04}},tileInk:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",setLightness:.252,chroma:.0099,hue:1.2},light:"{primary}"},tileSelectedInk:{kind:"onColor",on:"{tileSelected}"},ghdPill:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.071,chroma:-.0056,hue:12.4},light:{kind:"derive",from:"{background}",lightness:-.03}},notifBox:{kind:"byAppearance",dark:{kind:"derive",from:"{colorBackgroundAltHover}"},light:{kind:"derive",from:"{colorBackgroundAlt}"}},boxWash:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.043,chroma:-.005,hue:3.7,alpha:.75},light:{kind:"template",template:"color-mix(in srgb, oklch(from {background} 0.94 c h) 75%, transparent)"}},tournamentMoreBg:{kind:"literal",value:"oklch(1 0 0 / 0.07)"},tournamentMoreHover:{kind:"literal",value:"oklch(1 0 0 / 0.12)"},forgotModal:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.023,chroma:-.005,hue:3.7},light:{kind:"derive",from:"{popover}"}},clipBg:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.136,chroma:-.0057,hue:5.2},light:{kind:"derive",from:"{background}",lightness:-.06}},clipHover:{kind:"byAppearance",dark:{kind:"derive",from:"{background}",lightness:.188,chroma:.0035,hue:5.8},light:{kind:"derive",from:"{background}",lightness:-.1}},payChip:{kind:"byAppearance",dark:{kind:"derive",from:"{colorAlertInfoTitle}",setLightness:.51,chroma:.08},light:{kind:"derive",from:"{colorAlertInfoTitle}",setLightness:.51}},ctaGradient:{kind:"template",template:"linear-gradient(135deg, {primary} 0%, {primaryHover} 100%)"},linkMuted:{kind:"derive",from:"{primary}",lightness:-.2,chroma:-.16},washInk:{kind:"byAppearance",dark:"rgba(222, 202, 236, 0.06)",light:"rgba(15, 23, 42, 0.07)"},washInkMd:{kind:"byAppearance",dark:"rgba(222, 202, 236, 0.1)",light:"rgba(160, 160, 160, 0.12)"},washInk0:{kind:"byAppearance",dark:"rgba(222, 202, 236, 0)",light:"rgba(15, 23, 42, 0)"},balanceRow:{kind:"template",template:"linear-gradient(90deg, {washInk} 44%, {washInk0} 100%)"},hubCrumbBar:{kind:"template",template:"linear-gradient(90deg, {washInkMd} 44%, {washInk0} 100%)"},hubUserInkD:{kind:"derive",from:"{background}",lightness:.073,chroma:-.01,hue:9.5},hubUserInkL:{kind:"derive",from:"{background}",lightness:-.05},hubUserInk:{kind:"byAppearance",dark:"{hubUserInkD}",light:"{hubUserInkL}"},hubUserInk0:{kind:"derive",from:"{background}",alpha:0},hubUserCard:{kind:"template",template:"linear-gradient(90deg, {hubUserInk} 44%, {hubUserInk0} 100%)"},hubSideBg:{kind:"byAppearance",dark:"{colorBackgroundAltHover}",light:"{background}"},hubSideInk:{kind:"derive",from:"{background}",lightness:-.055,alpha:.75},hubSideShadow:{kind:"byAppearance",dark:"{hubSideInk} 0px 0.5rem 1rem",light:"rgba(15, 23, 42, 0.12) 0px 0.5rem 1rem"},hubNavBg:{kind:"template",template:"{washInk}"},hubNavInkL:{kind:"derive",from:"{background}",setLightness:.35,chroma:-.02,hue:-2.76},hubNavInkD:{kind:"literal",value:"oklch(0.85 0 0)"},hubNavText:{kind:"onColor",on:"{background}",candidates:["{hubNavInkL}","{hubNavInkD}"]},hubNavHoverBgD:{kind:"derive",from:"{background}",lightness:.183,chroma:.004,hue:5.82},hubNavHoverBgL:{kind:"derive",from:"{background}",lightness:-.1},hubNavHoverBg:{kind:"byAppearance",dark:"{hubNavHoverBgD}",light:"{hubNavHoverBgL}"},hubNavHoverInkL:{kind:"derive",from:"{background}",setLightness:.45,chroma:.01,hue:-2.77},hubNavHoverInkD:{kind:"derive",from:"{background}",setLightness:.78,chroma:-.006,hue:5.23},hubNavHoverText:{kind:"onColor",on:"{background}",candidates:["{hubNavHoverInkL}","{hubNavHoverInkD}"]},hubNavActiveAD:{kind:"derive",from:"{background}",lightness:.363,chroma:.014,hue:-11.13},hubNavActiveAL:{kind:"derive",from:"{background}",lightness:-.12,hue:-20.42},hubNavActiveA:{kind:"byAppearance",dark:"{hubNavActiveAD}",light:"{hubNavActiveAL}"},hubNavActiveBD:{kind:"derive",from:"{background}",lightness:.753,chroma:-.016,hue:56.48,alpha:0},hubNavActiveBL:{kind:"derive",from:"{background}",lightness:-.03,chroma:-.01,hue:-21.39},hubNavActiveB:{kind:"byAppearance",dark:"{hubNavActiveBD}",light:"{hubNavActiveBL}"},hubNavActiveBg:{kind:"template",template:"linear-gradient(90deg, {hubNavActiveA} 10%, {hubNavActiveB})"},vipGold:{kind:"literal",value:"#f1ab00"},vipGoldHover:{kind:"literal",value:"#dedd0c"},hubTileInkD:{kind:"derive",from:"{background}",lightness:.138,chroma:-.006,hue:5},hubTileInkL:{kind:"derive",from:"{background}",lightness:-.12,alpha:.5},hubTileInk:{kind:"byAppearance",dark:"{hubTileInkD}",light:"{hubTileInkL}"},hubTileInk0:{kind:"derive",from:"{hubTileInk}",alpha:0},hubMedalInkTopL:{kind:"derive",from:"{background}",lightness:-.09},hubMedalInkTop:{kind:"byAppearance",dark:"{hubTileInk}",light:"{hubMedalInkTopL}"},hubMedalCard:{kind:"template",template:"linear-gradient(180deg, {hubMedalInkTop} -6%, {hubTileInk0} 150%)"},hubModalInkAD:{kind:"derive",from:"{popover}",lightness:-.024,chroma:-.004,hue:-5},hubModalInkAL:{kind:"derive",from:"{popover}",lightness:-.07},hubModalInkA:{kind:"byAppearance",dark:"{hubModalInkAD}",light:"{hubModalInkAL}"},hubModalCardBg:{kind:"template",template:"linear-gradient({hubModalInkA} -6%, {popover} 100%)"},hubChipText:{kind:"byAppearance",dark:"#757c88",light:"oklch(0.48 0.02 258)"},hubHairline:{kind:"byAppearance",dark:"#505a7d26",light:"rgba(15, 23, 42, 0.08)"},hubSeparator:{kind:"byAppearance",dark:"#505a7d4d",light:"rgba(15, 23, 42, 0.14)"}}})]};export{r as EXAMPLE_SITE};

package/dist/es/helpers/theme/importShadcnTheme.js

@@ -0,0 +1 @@
+import{parseColorSafe as r}from"./colorOps.js";import{BRAND_PRESETS as o,SURFACE_PRESETS as e}from"./presets.js";const n={background:"background",foreground:"foreground",card:"card","card-foreground":"cardForeground",popover:"popover","popover-foreground":"popoverForeground",primary:"primary","primary-foreground":"primaryForeground",secondary:"secondary","secondary-foreground":"secondaryForeground",muted:"muted","muted-foreground":"mutedForeground",accent:"accent","accent-foreground":"accentForeground",input:"input",border:"colorBorder",destructive:"colorError","destructive-foreground":"colorErrorText",ring:null,"chart-1":null,"chart-2":null,"chart-3":null,"chart-4":null,"chart-5":null,sidebar:null,"sidebar-foreground":null,"sidebar-primary":null,"sidebar-primary-foreground":null,"sidebar-accent":null,"sidebar-accent-foreground":null,"sidebar-border":null,"sidebar-ring":null},u=new Set(["background","card","primary"]),t=e.neutral.base,c=o.blue.base,a=e.neutral.base,d=o.golden.base;function l(r,o){const e="root"===o?/:root\s*\{([\s\S]*?)\}/m:/\.dark\s*\{([\s\S]*?)\}/m,n=r.match(e);return n?n[1]:""}function s(r){const o={},e=/--([\w-]+)\s*:\s*([^;]+);/g;let n;for(;null!==(n=e.exec(r));)o[n[1].trim()]=n[2].trim();return o}function i(o){return o&&null!==r(o)?o:null}function g(o,e,t,c){const a=i(e.background)??i(e.card)??t,d=i(e.primary)??c,l={};for(const[o,t]of Object.entries(e)){if(u.has(o))continue;if(!(o in n))continue;const e=n[o];null!=e&&(null!==r(t)&&(l[e]=t))}return e.destructive&&null!==r(e.destructive)&&(l.colorErrorBorder=e.destructive),{themeName:o,surfaceBase:a,primaryBase:d,customTheme:l}}function m(r){const o=s(l(r,"root")),e=s(l(r,"dark"));return{light:g("light",o,t,c),dark:g("dark",e,a,d)}}export{n as SHADCN_TO_ITD_ALIAS,m as importShadcnTheme,s as parseCssVars};

package/dist/es/helpers/theme/light.js

@@ -0,0 +1 @@
+import{createTheme as e}from"./createTheme.js";import{SURFACE_PRESETS as r,BRAND_PRESETS as s}from"./presets.js";const a=e("light",{surfaceBase:r.neutral.base,primaryBase:s.blue.base});export{a as default};

package/dist/es/helpers/theme/presets.js

@@ -0,0 +1 @@
+const e={neutral:{name:"Neutral",base:"oklch(0.44 0 0)"},stone:{name:"Stone",base:"oklch(0.44 0.01 75)"},gray:{name:"Gray",base:"oklch(0.44 0.027 264)"},slate:{name:"Slate",base:"oklch(0.44 0.04 260)"},zinc:{name:"Zinc",base:"oklch(0.44 0.016 286)"},midnight:{name:"Midnight",base:"oklch(0.44 0.05 260)"},coffee:{name:"Coffee",base:"oklch(0.44 0.055 50)"}},a={mono:{name:"Mono",base:"oklch(0.20 0 0)"},bronze:{name:"Bronze",base:"oklch(0.70 0.08 50)"},blue:{name:"Blue",base:"oklch(0.62 0.18 250)"},golden:{name:"Golden",base:"oklch(0.80 0.16 90)"},emerald:{name:"Emerald",base:"oklch(0.60 0.17 160)"},rose:{name:"Rose",base:"oklch(0.60 0.22 15)"},violet:{name:"Violet",base:"oklch(0.55 0.25 295)"},coral:{name:"Coral",base:"oklch(0.68 0.20 25)"},red:{name:"Red",base:"oklch(0.55 0.22 30)"},orange:{name:"Orange",base:"oklch(0.65 0.19 41)"},amber:{name:"Amber",base:"oklch(0.68 0.14 76)"},yellow:{name:"Yellow",base:"oklch(0.75 0.16 95)"},softMustard:{name:"Soft Mustard",base:"oklch(0.85 0.09 95.23)"},lime:{name:"Lime",base:"oklch(0.65 0.18 130)"},chartreuse:{name:"Chartreuse",base:"oklch(0.77 0.22 140.66)"},neonClover:{name:"Neon Clover",base:"oklch(0.85 0.24 149.25)"},green:{name:"Green",base:"oklch(0.60 0.16 150)"},turquoise:{name:"Turquoise",base:"oklch(0.65 0.13 190)"},teal:{name:"Teal",base:"oklch(0.57 0.12 195)"},cyan:{name:"Cyan",base:"oklch(0.60 0.14 210)"},sky:{name:"Sky",base:"oklch(0.58 0.16 230)"},indigo:{name:"Indigo",base:"oklch(0.51 0.23 277)"},lavender:{name:"Lavender",base:"oklch(0.65 0.17 293.43)"},purple:{name:"Purple",base:"oklch(0.56 0.25 302)"},fuchsia:{name:"Fuchsia",base:"oklch(0.59 0.26 323)"},pink:{name:"Pink",base:"oklch(0.58 0.20 350)"}},n=e=>{const a={};for(const[n,o]of Object.entries(e?.weights??{}))a["fontWeight"+n.charAt(0).toUpperCase()+n.slice(1)]=String(o);return a},o=e=>{return{name:e,stack:"'"+e+"', system-ui, -apple-system, sans-serif",google:(a=e,a.replace(/ /g,"+")+":wght@300;400;500;600;700;800")};var a},s={geist:o("Geist"),inter:o("Inter"),avertaStd:{name:"Averta Std",stack:"'Averta Std', system-ui, -apple-system, sans-serif",sizeAdjust:"0.505"},mulish:o("Mulish"),manrope:o("Manrope"),dmSans:o("DM Sans"),plusJakarta:o("Plus Jakarta Sans"),figtree:o("Figtree"),outfit:o("Outfit"),urbanist:o("Urbanist"),lexend:o("Lexend"),spaceGrotesk:o("Space Grotesk"),poppins:o("Poppins"),montserrat:{...o("Montserrat"),weights:{normal:500,medium:600,semibold:700,bold:800,extrabold:800}},openSans:o("Open Sans"),roboto:o("Roboto"),rubik:o("Rubik"),workSans:o("Work Sans"),nunito:o("Nunito"),barlow:o("Barlow"),archivo:o("Archivo")},l={default:{name:"Default",base:"0.625rem"},none:{name:"None",base:"0rem"},small:{name:"Small",base:"0.375rem"},medium:{name:"Medium",base:"0.5rem"},large:{name:"Large",base:"0.75rem"},full:{name:"Full",base:"0.75rem",control:"1.875rem"}};export{a as BRAND_PRESETS,s as FONT_PRESETS,l as RADIUS_PRESETS,e as SURFACE_PRESETS,n as fontWeightPins};

package/dist/es/helpers/theme/shadowScale.js

@@ -0,0 +1 @@
+const o={light:{color:"oklch(0 0 0)",opacity:.1,blur:4,spread:0,offsetX:0,offsetY:2},dark:{color:"oklch(0 0 0)",opacity:.5,blur:4,spread:0,offsetX:0,offsetY:2}};function t(t,r={}){return{...o[t],...r}}function r(o,t){return`color-mix(in oklab, ${o} ${+(100*Math.max(0,Math.min(1,t))).toFixed(2)}%, transparent)`}function n(o,t,r,n,e){return`${o}px ${t}px ${r}px ${n}px ${e}`}function e(o){const{offsetX:t,offsetY:e,blur:f,spread:c,opacity:l,color:s}=o,$=n(t,e,f,c,r(s,l)),a=n(t,e,f,c,r(s,.5*l));return{"2xs":a,xs:a,sm:`${$}, ${n(t,e,.5*f,c-1,r(s,l))}`,md:`${$}, ${n(t,2*e,1.5*f,c-1,r(s,l))}`,lg:`${$}, ${n(t,4*e,2.5*f,c-1,r(s,l))}`,xl:`${$}, ${n(t,8*e,5*f,c-1,r(s,l))}`,"2xl":n(t,6*e,6*f,c,r(s,1.2*l)),modal:n(0,0,6*f,0,r(s,.3*l))}}export{o as DEFAULT_SHADOW,e as buildShadowScale,t as resolveShadowParams};

package/dist/es/helpers/theme/sitePreset.js

@@ -0,0 +1 @@
+function e(e,r){const t={...e.theme??{},...("dark"===r?e.dark:e.light)??{}};return Object.keys(t).length?t:void 0}function r(e){const r=[];e.surfaceBase||r.push("surfaceBase is required (the surface seed)"),e.primaryBase||r.push("primaryBase is required (the brand seed)");const t=(e,t)=>{if(t)for(const[s,a]of Object.entries(t))"string"==typeof a&&a.includes("var(")&&r.push(`${e}.${s}: 'var(--…)' is not a theme value — use the {tokenName} reference grammar (e.g. '{primary}')`)};return t("theme",e.theme),t("light",e.light),t("dark",e.dark),r}export{e as resolveSitePresetOverrides,r as validateSitePreset};

package/dist/es/helpers/theme/tokenSet.js

@@ -0,0 +1 @@
+import{parseOklch as e,fmt as t,fmtAlpha as n,lerp as r}from"./colorOps.js";import{resolveOnColor as o}from"./contrast.js";class s extends Error{constructor(e){super(`[itd tokenSet] ${e}`),this.name="TokenSetError"}}const a=new Set(["literal","mix","derive","shade","onColor","template","byAppearance"]),c=/^[a-z][a-z0-9-]*$/i,i=/\{([a-zA-Z0-9_]+)\}/g;function f(e){return e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase())}function u(e){const t=[];let n;for(i.lastIndex=0;n=i.exec(e);)t.push(n[1]);return t}function l(e){switch(e.kind){case"literal":default:return[];case"mix":return[...u(e.from),...u(e.to)];case"derive":case"shade":return u(e.from);case"onColor":return[...u(e.on),...(e.candidates??[]).flatMap(u)];case"template":return u(e.template);case"byAppearance":{const t=e=>"string"==typeof e?u(e):l(e);return[...t(e.light),...t(e.dark)]}}}function p(e,t,n){return e<t?t:e>n?n:e}function h(e){return e}function m(e,t){const n=new Map;for(const[r,o]of Object.entries(e.tokens))n.set(r,l(o).filter(e=>t.has(e)));const r=[],o=new Set,a=new Set,c=t=>{if(!a.has(t)){if(o.has(t))throw new s(`cyclic token reference involving "${e.namespace}.${t}".`);o.add(t);for(const e of n.get(t)??[])c(e);o.delete(t),a.add(t),r.push(t)}};for(const e of t)c(e);return r}function d(e,t){if(!e||"string"!=typeof e.namespace||!c.test(e.namespace))throw new s(`namespace must match ${c} (got ${JSON.stringify(e?.namespace)}).`);if("itd"===e.namespace.toLowerCase())throw new s("namespace 'itd' is reserved for base tokens; pick another.");const n=new Set(Object.keys(e.tokens)),r=new Set(Object.keys(t));for(const[t,o]of Object.entries(e.tokens)){const c=`${e.namespace}.${t}`,i=o?.kind;if(!o||"string"!=typeof i||!a.has(i))throw new s(`${c}: unknown kind ${JSON.stringify(i)}.`);if("byAppearance"===i)for(const e of[o.light,o.dark])if(null!=e&&"string"!=typeof e){const t=e?.kind;if("string"!=typeof t||!a.has(t))throw new s(`${c}: unknown branch kind ${JSON.stringify(t)}.`);if("byAppearance"===t)throw new s(`${c}: byAppearance branches cannot nest byAppearance.`)}for(const e of l(o))if(!r.has(e)&&!n.has(e))throw new s(`${c}: reference {${e}} is neither a base theme token nor a token in this set.`)}m(e,n)}function g(e,t){return-1===e.indexOf("{")?e:e.replace(i,(e,n)=>t[n]??`{${n}}`)}function w(s,a){switch(s.kind){case"literal":return s.value;case"mix":return r(g(s.from,a),g(s.to,a),s.amount??.5);case"derive":{const r=e(g(s.from,a)),o=null!=s.setLightness?p(s.setLightness,0,1):null!=s.lightness?p(r.l+s.lightness,0,1):r.l,c=null!=s.setChroma?Math.max(0,s.setChroma):null!=s.chroma?Math.max(0,r.c+s.chroma):r.c,i=null!=s.setHue?s.setHue:null!=s.hue?r.h+s.hue:r.h;return null!=s.alpha?n(o,c,i,s.alpha):t(o,c,i)}case"shade":{const n=e(g(s.from,a));return t(p(n.l-s.amount,0,1),n.c,n.h)}case"onColor":return o(g(s.on,a),{metric:s.metric,min:s.min,nudge:s.nudge,candidates:s.candidates?s.candidates.map(e=>g(e,a)):void 0}).value;case"template":return s.template.replace(i,(e,t)=>a[t]??`{${t}}`);case"byAppearance":{const e="light"===a.appearance?s.light:s.dark;return"string"!=typeof e?w(e,a):e.replace(i,(e,t)=>a[t]??`{${t}}`)}default:return s}}function k(e,t){d(e,t);const n={};for(const[e,r]of Object.entries(t))"string"==typeof r&&(n[e]=r);const r=m(e,new Set(Object.keys(e.tokens))),o={};for(const t of r){const r=w(e.tokens[t],n);n[t]=r,o[`--${e.namespace}-${f(t)}`]=r}return o}function y(e){let t=!1;const n={...e};for(const[r,o]of Object.entries(e)){if("string"!=typeof o||!o.includes("{"))continue;const s=o.replace(i,(t,n)=>{const r=e[n];return"string"!=typeof r||r.includes("{")?t:r});s!==o&&(n[r]=s,t=!0)}return t?n:e}export{s as TokenSetError,h as defineTokenSet,y as resolveThemeRefs,k as resolveTokenSet,d as validateTokenSet};

package/dist/es/helpers/unit/AddDefaultUnit.js

@@ -0,0 +1 @@
+function t(t){return"number"==typeof t?t+"px":"string"==typeof t?"auto"===t||"none"===t||/\d+(px|%|em|rem|vh|vw|pt|cm|mm|in|pc|ex|ch|vmin|vmax)?$/.test(t)?t:t+"px":"Invalid input"}export{t as default};

package/dist/es/helpers/unit/cssVars.js

@@ -0,0 +1 @@
+import t from"./AddDefaultUnit.js";function n(n){const e={};for(const[o,r]of Object.entries(n))null!=r&&""!==r&&(e[o]="number"==typeof r?t(r):String(r));return e}export{n as default};

package/dist/es/hooks/useAddExternalCSS.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const r=(r,t=!1)=>{e(()=>{var e=!1,d=document.head,l=n();return document.querySelectorAll("head > link").forEach(t=>{-1!==t.href.indexOf(r)&&(e=!0)}),e||d.appendChild(l),()=>{t&&document.querySelectorAll("head > link").forEach(e=>{-1!==e.href.indexOf(r)&&document.head.removeChild(e)})}},[r]);const n=()=>{var e=document.createElement("link");return e.type="text/css",e.rel="stylesheet",e.href=r,e}};export{r as default};

package/dist/es/hooks/useAvoidCollision.js

@@ -0,0 +1 @@
+import{useState as e,useMemo as t,useEffect as n}from"react";const o=({obstacles:o=[],corner:i="bottom-right",autoAvoid:r=!0,extraBottom:s=0,minGap:c=8}={})=>{const[a,d]=e(s),l=t(()=>{let e=0;const t=()=>{if(!r)return void d(s);const e=window.innerHeight;let t=0;o.flatMap(e=>Array.from(document.querySelectorAll(e))).forEach(n=>{const o=getComputedStyle(n),r="none"===o.display||"hidden"===o.visibility||"0"===o.opacity,s="fixed"===o.position||"sticky"===o.position;if(r||!s)return;const a=n.getBoundingClientRect(),d=Math.max(0,e-a.top),l=Math.min(d,a.height),m=(()=>{const e=window.innerWidth/2;return"bottom-right"===i?a.right>e:"bottom-left"===i?a.left<e:a.left<=e&&a.right>=e})();l>0&&m&&(t=Math.max(t,Math.ceil(l+c)))}),d(t+s)};return{schedule:()=>{cancelAnimationFrame(e),e=requestAnimationFrame(t)},cancel:()=>cancelAnimationFrame(e)}},[o,i,r,s,c]);return n(()=>{l.schedule();const e=()=>l.schedule(),t=()=>l.schedule();window.addEventListener("resize",e,{passive:!0}),window.addEventListener("scroll",t,{passive:!0});const n=new MutationObserver(()=>l.schedule());n.observe(document.body,{childList:!0,subtree:!0,attributes:!0});const o=new ResizeObserver(()=>l.schedule());return o.observe(document.body),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",t),n.disconnect(),o.disconnect(),l.cancel()}},[l]),{bottomOffset:a}};export{o as default};

package/dist/es/hooks/useComponentSize.js

@@ -0,0 +1 @@
+import{useState as t,useEffect as e}from"react";const r=r=>{const[n,i]=t({width:0,height:0});return e(()=>{if(!r.current)return;const t=new ResizeObserver(t=>{t.forEach(({target:t})=>{i({width:t.clientWidth,height:t.clientHeight})})});return t.observe(r.current),()=>t.disconnect()},[r]),[n]};export{r as default};

package/dist/es/hooks/useConnectionStatus.js

@@ -0,0 +1 @@
+import{ConnectionStatus as e}from"../enums/enum.js";import{useEffect as n}from"react";const t=t=>{n(()=>{const n=n=>{t(e.ONLINE,n)},r=n=>{t(e.OFFLINE,n)};return window.addEventListener(e.ONLINE,n),window.addEventListener(e.OFFLINE,r),()=>{window.removeEventListener(e.ONLINE,n),window.removeEventListener(e.OFFLINE,r)}},[t])};export{t as default};

package/dist/es/hooks/useConstructor.js

@@ -0,0 +1 @@
+import{useState as t}from"react";const o=(o=()=>{})=>{const[r,a]=t(!1);r||(o(),a(!0))};export{o as default};

package/dist/es/hooks/useContextBridge.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useContext as t,useRef as n,useMemo as c}from"react";const i=(...i)=>{if(0===i.length)return({children:t})=>r(e,{children:t});const o=i.map(t),u=n(o);return u.current=o,c(()=>({children:e})=>i.reduceRight((e,t,n)=>r(t.Provider,{value:u.current[n],children:e}),e),[])};export{i as default};

package/dist/es/hooks/useCoreFetch.js

@@ -0,0 +1 @@
+import{useRef as e}from"react";import t from"axios";const o=()=>{const o=e(null);return{fetch:async({action:e="",requestMethod:a="",addOrigin:c=!0,params:r={},queries:n={},headers:s={},cancelable:l=!0,onFetched:p,onError:u,onCanceled:i,onProgress:d})=>{let h="",m={};Object.keys(n).forEach(e=>{h+="&"+e+"="+n[e]}),m["Content-Type"]="put"===a?"multipart/form-data":"application/json",c&&(m["Access-Control-Allow-Headers"]="Origin, X-Requested-With, Content-Type, Accept"),m={...m,...s};let C=t.post;"post"===a.toLocaleLowerCase()?C=t.post:"get"===a.toLocaleLowerCase()?C=t.get:"put"===a.toLocaleLowerCase()?C=t.put:"patch"===a.toLocaleLowerCase()&&(C=t.patch),await C(e+h,r,{headers:s,cancelToken:!!l&&(o.current=t.CancelToken.source(),o.current.token),onUploadProgress:e=>{d&&d(e)}}).then(e=>{p&&p(e)}).catch(e=>{t.isCancel(e.message)?i&&i(e.message):u&&u(e.message,0)})},cancel:()=>{o.current&&o.current.cancel("manually canceled!")}}};export{o as default};

package/dist/es/hooks/useFloatingPosition.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as t}from"react";import{ComponentYPositions as r,ComponentXPositions as n}from"../enums/enum.js";import{realmOf as i}from"./useRealm.js";function o({isOpen:o,triggerRef:a,contentRef:c,placement:s=r.TOP,offset:l,showArrow:u=!0,align:f,padding:m=8,preferMoreSpace:h=!1}){const T=void 0!==l?l:u?15:4,[d,g]=e({top:0,left:0,actualPlacement:s,ready:!1}),p=()=>{if(!a.current)return;const e=c.current,t=a.current.getBoundingClientRect(),o=i(a.current).win??window,l=o.innerHeight,u=o.innerWidth,d=e?.offsetHeight||150,p=e?.offsetWidth||150,E=t.top-T,I=l-t.bottom-T,N=t.left-T,O=u-t.right-T,w=(e,t,r)=>e>t&&(!h||e<=r||r>t);let L=s;s===r.TOP&&w(d,E,I)?L=r.BOTTOM:s===r.BOTTOM&&w(d,I,E)?L=r.TOP:s===n.RIGHT&&w(p,O,N)?L=n.LEFT:s===n.LEFT&&w(p,N,O)?L=n.RIGHT:s===n.INLINE_END&&w(p,O,N)?L=n.INLINE_START:s===n.INLINE_START&&w(p,N,O)&&(L=n.INLINE_END);const v=(e,t,r,n)=>{switch(f??n){case"start":return e;case"end":return e+t-r;default:return e+t/2-r/2}};let R=0,b=0;switch(L){case r.TOP:R=t.top-d-T,b=v(t.left,t.width,p,"center");break;case r.BOTTOM:R=t.bottom+T,b=v(t.left,t.width,p,"center");break;case n.LEFT:b=t.left-p-T,R=v(t.top,t.height,d,"center");break;case n.RIGHT:b=t.right+T,R=v(t.top,t.height,d,"center");break;case n.INLINE_END:b=t.right+T,R=v(t.top,t.height,d,"start");break;case n.INLINE_START:b=t.left-p-T,R=v(t.top,t.height,d,"start")}const A=b,M=R;b=Math.max(m,Math.min(b,u-p-m)),R=Math.max(m,Math.min(R,l-d-m));const F=L===r.TOP?E-m:L===r.BOTTOM?I-m:l-R-m;g({top:R,left:b,actualPlacement:L,shiftX:b-A,shiftY:R-M,ready:!(!e||!e.offsetWidth),availableHeight:F,triggerWidth:t.width})};return t(()=>{if(!o)return void g(e=>e.ready?{...e,ready:!1}:e);let e=null,t=null,r=null,n=null,s=null;const l=()=>{a.current&&p()},u=()=>{if(!a.current)return void(e=setTimeout(u,10));(()=>{const{win:e}=i(a.current);e&&!s&&(s=e,e.addEventListener("scroll",l,!0),e.addEventListener("resize",l))})(),p();let r=0;const n=()=>{t=requestAnimationFrame(()=>{p();const e=c.current;e&&e.offsetWidth||!(++r<30)||n()})};n()};u();const f=()=>{if(c.current){const e=i(c.current).win?.ResizeObserver;if(!e)return;n=new e(()=>{a.current&&p()}),n.observe(c.current)}else r=requestAnimationFrame(()=>{f()})};return r=requestAnimationFrame(()=>{f()}),()=>{e&&clearTimeout(e),t&&cancelAnimationFrame(t),r&&cancelAnimationFrame(r),n&&n.disconnect(),s?.removeEventListener("scroll",l,!0),s?.removeEventListener("resize",l)}},[o,s,T,f,m,h]),{position:d}}export{o as useFloatingPosition};

package/dist/es/hooks/useFloatingTrigger.js

@@ -0,0 +1 @@
+import{TriggerTypes as e}from"../enums/enum.js";import{useState as n,useRef as r,useCallback as t,useEffect as o}from"react";import u from"./useOnESCKeyDown.js";function c({trigger:c=e.HOVER,openDelay:s=0,closeDelay:i=0,closeOnClickOutside:l=!1,defaultOpen:a=!1,open:m,onOpenChange:v}={}){const[d,E]=n(a),L=r(null),f=r(null),g=r(null),p=r(null),C=void 0!==m?m:d,O=t(e=>{void 0===m&&E(e),v?.(e)},[m,v]),T=t(()=>{L.current&&(clearTimeout(L.current),L.current=null),f.current&&(clearTimeout(f.current),f.current=null)},[]),w=t(()=>{T(),s>0?L.current=setTimeout(()=>O(!0),s):O(!0)},[s,O,T]),b=t(()=>{T(),i>0?f.current=setTimeout(()=>O(!1),i):O(!1)},[i,O,T]),R=t(()=>{C?b():w()},[C,w,b]);o(()=>{if(!C||!l)return;const e=(g.current||p.current)?.ownerDocument??document,n=e=>{const n=e.target,r=g.current?.contains(n),t=p.current?.contains(n);r||t||O(!1)},r=setTimeout(()=>{e.addEventListener("mousedown",n)},10);return()=>{clearTimeout(r),e.removeEventListener("mousedown",n)}},[C,l,O]),o(()=>{if(!C||!l)return;const e=((g.current||p.current)?.ownerDocument??document).defaultView??window,n=()=>O(!1);return e.addEventListener("blur",n),()=>e.removeEventListener("blur",n)},[C,l,O]);const k=r(null);k.current=p.current??g.current,u(()=>O(!1),k,{enabled:C}),o(()=>{if("hover"!==c)return;const e=g.current;if(!e)return;const n=()=>{w()},r=()=>{T();const e=i>0?i:100;f.current=setTimeout(()=>{O(!1)},e)},t=()=>{O(!0)},o=()=>{O(!1)};return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",r),e.addEventListener("focus",t),e.addEventListener("blur",o),()=>{e.removeEventListener("mouseenter",n),e.removeEventListener("mouseleave",r),e.removeEventListener("focus",t),e.removeEventListener("blur",o)}},[c,w,i,T,O]),o(()=>()=>T(),[T]);const D=t(()=>{const n={ref:e=>{g.current=e}};switch(c){case e.HOVER:n.onMouseEnter=w,n.onMouseLeave=()=>{T();const e=i>0?i:100;f.current=setTimeout(()=>{O(!1)},e)},n.onFocus=()=>O(!0),n.onBlur=()=>O(!1);break;case e.CLICK:n.onClick=e=>{const n=e.target;p.current?.contains(n)||R()};break;case e.FOCUS:n.onFocus=()=>O(!0),n.onBlur=()=>O(!1);case e.MANUAL:}return n},[c,w,i,T,O,R]),M=t(()=>({ref:e=>{e&&(p.current=e)},onClick:c===e.CLICK?e=>{e.stopPropagation()}:void 0,onMouseEnter:c===e.HOVER?()=>{T()}:void 0,onMouseLeave:c===e.HOVER?()=>{const e=i>0?i:100;T(),f.current=setTimeout(()=>{O(!1)},e)}:void 0}),[c,i,T,O]);return{isOpen:C,open:w,close:b,toggle:R,getTriggerProps:D,getContentProps:M,triggerRef:g,contentRef:p}}export{c as useFloatingTrigger};

package/dist/es/hooks/useFocusTrap.js

@@ -0,0 +1 @@
+import{useRef as e,useEffect as t}from"react";import n from"../primitives/overlayStack.js";function r(e){if("undefined"==typeof window)return[];const t=e.ownerDocument.defaultView??window,n=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");return Array.from(e.querySelectorAll(n)).filter(e=>{if("-1"===e.getAttribute("tabindex"))return!1;if(e.hasAttribute("disabled"))return!1;const n=t.getComputedStyle(e);return"none"!==n.display&&"hidden"!==n.visibility&&"0"!==n.opacity&&(null!==e.offsetParent||"fixed"===n.position)})}function o({isActive:o=!1,containerRef:u,initialFocusRef:i,returnFocusRef:c,autoFocus:s=!0,trapFocusOutside:f=!1,restoreFocus:l=!0}){const a=e(null),d=e(null);t(()=>{if("undefined"==typeof document)return;if(!o)return;const e=u.current,t=e?e.ownerDocument:document;if(!e)return;const p=t.activeElement;p&&p!==t.body&&(a.current=p);let y=null;if(f&&(y=n(e,{trapsFocus:!0})),s){const t=r(e);let n=null;n=i?.current&&e.contains(i.current)?i.current:t[0],n&&(n.focus(),d.current=n)}else p&&e.contains(p)&&(d.current=p);const m=n=>{if("Tab"!==n.key||n.altKey||n.ctrlKey||n.metaKey)return;const o=t.activeElement;if(!o||!e.contains(o))return;const u=r(e);if(0===u.length)return;const i=u.indexOf(o);if(n.shiftKey){if(i<=0){n.preventDefault();const e=u[u.length-1];e?.focus(),d.current=e??null}}else if(-1===i||i===u.length-1){n.preventDefault();const e=u[0];e?.focus(),d.current=e??null}},v=t=>{if(!f)return;if(y&&!y.isTopFocusTrap())return;const n=t.target;if(!n)return;if(e.contains(n))return void(d.current=n);const o=r(e),u=d.current&&e.contains(d.current)&&d.current||o[0]||null;u&&(u.focus(),d.current=u)};return t.addEventListener("keydown",m),f&&t.addEventListener("focusin",v),()=>{t.removeEventListener("keydown",m),f&&t.removeEventListener("focusin",v),y?.release(),l&&(c?.current?c.current.focus():a.current&&a.current.focus())}},[o,u,i,c,s,f,l])}export{o as useFocusTrap};

package/dist/es/hooks/useKeyboardShortcut.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const t=({key:t,onKeyPressed:n})=>{e(()=>{function e(e){e.key===t&&(e.preventDefault(),n())}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[t,n])};export{t as default};

package/dist/es/hooks/useLoadMoreSentinel.js

@@ -0,0 +1 @@
+import{useRef as r,useCallback as e}from"react";import{realmOf as n}from"./useRealm.js";const t=(t,o,c)=>{const s=r(null),i=r(o);i.current=o;const u=c?.rootMargin??"120px",m=c?.resetKey;return e(r=>{if(s.current?.disconnect(),s.current=null,!r||!t)return;const e=n(r).win?.IntersectionObserver;if(!e)return;const o=new e(r=>{r.some(r=>r.isIntersecting)&&i.current?.()},{rootMargin:u});o.observe(r),s.current=o},[t,u,m])};export{t as useLoadMoreSentinel};

package/dist/es/hooks/useMediaQuery.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as t}from"react";const n=(n,r=(()=>"undefined"==typeof window?null:window)())=>{const[i,o]=e(()=>((e,t)=>{if(!t||"function"!=typeof t.matchMedia)return!1;try{return t.matchMedia(e).matches}catch(e){return!1}})(n,r));return t(()=>{if(!r||"function"!=typeof r.matchMedia)return;const e=r.matchMedia(n),t=()=>o(e.matches);t();const i=e;return"function"==typeof e.addEventListener?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):"function"==typeof i.addListener?(i.addListener(t),()=>i.removeListener?.(t)):void 0},[n,r]),i};export{n as default};

package/dist/es/hooks/useMultiQuery.js

@@ -0,0 +1 @@
+import"../router/context.js";import{useITDSearchParams as e}from"../router/hooks.js";import"../router/ITDLink.js";const t=()=>{const[t,o]=e();return{set:(e=[{type:"",value:""}])=>{e.forEach(e=>{""===e.value||void 0===e.value||null===e.value?t.delete(e.type):Array.isArray(e.value)?0===e.value.length?t.delete(e.type):t.set(e.type,decodeURIComponent(e.value.join()).toString()):t.set(e.type,e.value)}),o(t,{replace:!0})}}};export{t as default};

package/dist/es/hooks/useNaturalRatio.js

@@ -0,0 +1 @@
+import{useState as t,useEffect as e}from"react";const r=(r,n,a)=>{const[u,i]=t(null);return e(()=>{i(null)},[n]),e(()=>{if(!n||u||a)return;const t=r.current,e=t?.ownerDocument?.defaultView;if(!t||!e?.requestAnimationFrame)return;let o=0;const l=()=>{const r=t.querySelector("img");r?.naturalWidth&&r.naturalHeight?i(r.naturalWidth+" / "+r.naturalHeight):o=e.requestAnimationFrame(l)};return o=e.requestAnimationFrame(l),()=>e.cancelAnimationFrame(o)},[r,n,u,a]),u};export{r as default,r as useNaturalRatio};

package/dist/es/hooks/useOnClickOutside.js

@@ -0,0 +1 @@
+import{useEffect as t}from"react";const e=(e,n,r={})=>{const{enabled:o=!0}=r;t(()=>{if(!o)return;const t=Array.isArray(e)?e:[e],r=e=>{if(!e.target)return;if(0!==e.button)return;const r=e.target;if(r.scrollHeight>r.clientHeight){const t=r.getBoundingClientRect();if(e.clientX>t.right-20)return}const o=e.target;if("function"==typeof o.closest&&o.closest("#itd-select-portal-root, .itd-select-portal, .itd-floating-content"))return;const i=e.target;t.some(t=>t.current&&t.current.contains(i))||n(e)},i=t.find(t=>t.current)?.current??null,c=i?.ownerDocument??document;return c.addEventListener("pointerdown",r),()=>{c.removeEventListener("pointerdown",r)}},[e,n,o])};export{e as default};

package/dist/es/hooks/useOnESCKeyDown.js

@@ -0,0 +1 @@
+import{useRef as r,useEffect as e}from"react";import t from"../primitives/overlayStack.js";const n=(n,o,c={})=>{const{enabled:a=!0}=c,s=r(n);s.current=n,e(()=>{if(!a)return;const r=t(o?.current??null,{onEscape:r=>s.current(r)});return()=>r.release()},[a,o])};export{n as default};

package/dist/es/hooks/useOnResize.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const r=r=>{e(()=>{const e=e=>{r(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[r])};export{r as default};

package/dist/es/hooks/useOrientation.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as t}from"react";const n=()=>{if(!("undefined"!=typeof window))return"landscape";const e=window.screen?.orientation;if(e&&"string"==typeof e.type)return e.type.startsWith("portrait")?"portrait":"landscape";if("function"==typeof window.matchMedia)try{return window.matchMedia("(orientation: portrait)").matches?"portrait":"landscape"}catch(e){}return window.innerHeight>=window.innerWidth?"portrait":"landscape"},i=()=>{const[i,r]=e(()=>n());return t(()=>{if(!("undefined"!=typeof window))return;const e=window.screen?.orientation,t=()=>r(n());if(e&&"function"==typeof e.addEventListener)return e.addEventListener("change",t),()=>e.removeEventListener("change",t);if("function"==typeof window.matchMedia){const e=window.matchMedia("(orientation: portrait)"),t=e=>{const t=e.matches;r(t?"portrait":"landscape")},n=e;if("function"==typeof e.addEventListener)return e.addEventListener("change",t),()=>e.removeEventListener("change",t);if("function"==typeof n.addListener)return n.addListener(t),()=>n.removeListener?.(t)}return window.addEventListener("orientationchange",t),window.addEventListener("resize",t),()=>{window.removeEventListener("orientationchange",t),window.removeEventListener("resize",t)}},[]),i};export{i as default};

package/dist/es/hooks/useReCaptcha.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as t}from"react";import o from"../logger/index.js";const a=a=>{let c;const[r,n]=e("");t(()=>()=>{document.body.removeChild(c)},[]);return{loadReCaptcha:e=>{c=document.createElement("script"),c.src="https://www.google.com/recaptcha/api.js?render="+e,c.onload=function(){n(e)},document.body.appendChild(c)},executeReCaptcha:()=>{if(""===r)return o.double("useReCaptcha","Not yet initialized! reCaptcha can't execute right now.","error"),void(a&&a(null));window.grecaptcha?.ready(()=>{try{window.grecaptcha?.execute(r,{action:"login"}).then(e=>{o.double("ReCaptcha V3","Token is valid"),a&&a(e)})}catch(e){o.double("ReCaptcha V3","Token is invalid","error")}})}}};export{a as default};

package/dist/es/hooks/useRealm.js

@@ -0,0 +1 @@
+import{useCallback as e}from"react";const o=e=>{const o=e&&(e.ownerDocument??(9===e.nodeType?e:null))||("undefined"!=typeof document?document:void 0);return{doc:o??void 0,win:o?.defaultView??("undefined"!=typeof window?window:void 0)??void 0}},n=n=>e(()=>o(n.current),[n]);export{n as default,o as realmOf,n as useRealm};

package/dist/es/hooks/useSingleQuery.js

@@ -0,0 +1 @@
+import"../router/context.js";import{useITDSearchParams as e}from"../router/hooks.js";import"../router/ITDLink.js";const t=()=>{const[t,r]=e();return{set:(e="",n)=>{if(""===n||null===n||Array.isArray(n)&&0===n.length)t.delete(e);else if(Array.isArray(n)){const r=n.map(e=>encodeURIComponent(e.toString())).join(",");t.set(e,r)}else"boolean"==typeof n?t.set(e,n?"true":"false"):t.set(e,encodeURIComponent(n.toString()));r(t)},get:function(e="search",r,n){const o=t.get(e);if(null!==o){const t=decodeURIComponent(o);if(t.includes("&")){const o=((e,t)=>{const r={};return e.split("&").forEach((e,n)=>{if(e.includes("=")){const[t,n]=e.split("=");t&&void 0!==n&&(r[t]=n)}else 0===n&&e&&(r[t]=e)}),r})(t,e);if(!o[e])return r;{const t=o[e];if(void 0!==n&&t.length<n)return console.warn(`Parameter is shorter than the minimum length of ${n}. Returning default value.`),r;if("string"==typeof r)return t;if("number"==typeof r){const e=Number(t);return isNaN(e)?r:e}if("boolean"==typeof r){const e=t.toLowerCase();return"true"===e||"false"!==e&&r}}}if(void 0!==n&&t.length<n)return console.warn(`Parameter is shorter than the minimum length of ${n}. Returning default value.`),r;if(Array.isArray(r))try{return t.includes(",")?t.split(","):[t]}catch(e){return console.warn("Invalid array format, returning default value."),r}if("number"==typeof r){const e=Number(t);return isNaN(e)?r:e}if("boolean"==typeof r){const e=t.toLowerCase();return"true"===e||"false"!==e&&(console.warn("Invalid boolean format, returning default value."),r)}if("string"==typeof r)return t}return r},remove:(e="")=>{t.delete(e),r(t)},isEmpty:()=>0===Array.from(t.values()).length}};export{t as default};

package/dist/es/hovercard/HoverCard.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useId as e}from"react";import{TriggerTypes as o}from"../enums/enum.js";import{useFloatingTrigger as t}from"../hooks/useFloatingTrigger.js";import{HoverCardContext as i}from"./hoverCardContext.js";const m=({children:m,openDelay:a=1e3,closeDelay:n=100})=>{const s={id:e(),trigger:t({trigger:o.HOVER,openDelay:a,closeDelay:n})};return r(i.Provider,{value:s,children:m})};m.displayName="HoverCard";export{m as HoverCard};

package/dist/es/hovercard/HoverCardContent.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{ComponentYPositions as o,ComponentVariants as e}from"../enums/enum.js";import{useFloatingPosition as t}from"../hooks/useFloatingPosition.js";import{FloatingContent as i}from"../floating/FloatingContent.js";import{useHoverCardContext as a}from"./hoverCardContext.js";const n=({children:n,placement:d=o.BOTTOM,variant:s=e.DEFAULT,showArrow:p=!0,maxWidth:l=300,offset:m,ariaLabelledby:c,ariaDescribedby:v})=>{const{id:f,trigger:g}=a("HoverCardContent"),h=t({isOpen:g.isOpen,triggerRef:g.triggerRef,contentRef:g.contentRef,placement:d,offset:void 0!==m?m:p?10:4,showArrow:p});let C,b;return s===e.DEFAULT?(C="var(--itd-popover)",b="var(--itd-color-border)"):s===e.FILLED&&(C="var(--itd-popover)",b="var(--itd-popover)"),r(i,{isOpen:g.isOpen,position:h.position,showArrow:p&&s!==e.CUSTOM,maxWidth:l,arrowColor:C,arrowBorderColor:b,trapFocus:!1,id:f,role:"dialog","aria-modal":!1,"aria-labelledby":c,"aria-describedby":v,...g.getContentProps(),children:r("div",{className:"itd-hovercard-content","data-variant":s,children:n})})};n.displayName="HoverCardContent";export{n as HoverCardContent};