@infinityfx/fluid 1.3.2 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/layout/accordion/item.js +1 -1
- package/dist/components/layout/sidebar/item.js +1 -1
- package/dist/components/layout/sidebar/toggle.js +1 -1
- package/dist/components/navigation/navigation-menu/group.js +1 -1
- package/dist/components/navigation/navigation-menu/link.js +1 -1
- package/dist/components/navigation/tabs.js +1 -1
- package/dist/utils.cjs +2 -0
- package/dist/utils.cjs.map +1 -0
- package/dist/utils.mjs +2 -0
- package/dist/utils.mjs.map +1 -0
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsxs as e,Fragment as o,jsx as
|
|
2
|
+
import{__rest as r}from"tslib";import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useId as n,useRef as a,useEffect as t}from"react";import l from"../../feedback/halo.js";import c from"../collapsible.js";import{Animatable as d}from"@infinityfx/lively";import{useAccordion as s}from"./root.js";import{combineClasses as m,classes as p}from"../../../core/utils.js";import{createStyles as f}from"../../../core/style.js";import{Icon as u}from"../../../core/icons.js";const b=f("accordion.item",{".button":{position:"relative",borderRadius:"var(--f-radius-sml)",padding:".6em",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--f-spacing-sml)",outline:"none",border:"none",background:"none",color:"var(--f-clr-text-100)",transition:"background-color .5s",WebkitTapHighlightColor:"transparent"},'.v__minimal[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"},'.v__minimal:disabled[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-200)"},".content":{padding:".6em",color:"var(--f-clr-text-100)"},".icon":{height:"1em",overflow:"hidden",flexShrink:0},".arrows":{display:"flex",flexDirection:"column"}});function g(f){var{children:g,cc:v={},label:h,defaultOpen:x=!1,disabled:y}=f,j=r(f,["children","cc","label","defaultOpen","disabled"]);const k=m(b,v),w=n(),{variant:N,open:_,toggle:C}=s(),O=a(!1),D=O.current?_.indexOf(w)>=0:x;return t((()=>{x&&C(w,!0),O.current=!0}),[]),e(o,{children:[i(l,{disabled:y,color:"var(--f-clr-primary-400)",children:e("button",{type:"button",disabled:y,"aria-expanded":D,"aria-controls":w,className:p(k.button,k[`v__${N}`]),onClick:()=>C(w,!D),children:[h,i("div",{className:k.icon,children:i(d,{animate:{translate:["0% 0%","0% -50%"],duration:.35},triggers:[{on:D},{on:!D,reverse:!0}],children:e("div",{className:k.arrows,children:[i(u,{type:"expandDown"}),i(u,{type:"collapseUp"})]})})})]})}),i(c,{shown:D,id:w,children:i("div",Object.assign({},j,{className:p(k.content,j.className),children:g}))})]})}g.displayName="Accordion.Item";export{g as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as t,Fragment as i,jsx as a}from"react/jsx-runtime";import{useState as o,Children as r}from"react";import n from"../../feedback/halo.js";import{combineClasses as c,classes as l}from"../../../core/utils.js";import d from"../../input/toggle.js";import s from"../collapsible.js";import{createStyles as m}from"../../../core/style.js";import{useSidebar as p}from"./root.js";import f from"../../../hooks/use-fluid.js";import g from"../../../hooks/use-media-query.js";import{Icon as h}from"../../../core/icons.js";const u=m("sidebar.item",{".item":{position:"relative",fontWeight:600,borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",display:"flex",transition:"background-color .25s, color .25s",outline:"none",overflow:"hidden"},".item:not(.compact)":{height:"3em",flexShrink:0},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".icon":{height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".item:not(.compact) .icon":{width:"3em"},'.item[data-disabled="false"]':{cursor:"pointer"},".item.round":{borderRadius:"999px"},'.item[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__light[data-active="true"]':{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},'.item[data-disabled="true"]':{color:"var(--f-clr-grey-500)"},".item .toggle":{marginRight:"-.3em"},".item.compact .toggle":{background:"transparent",color:"var(--f-clr-text-100)",pointerEvents:"none",marginRight:0},".item.compact .toggle__content":{padding:0},'.v__default[data-active="true"] .toggle':{color:"var(--f-clr-text-200)"},".content":{paddingRight:"1em",display:"flex",alignItems:"center",gap:"var(--f-spacing-sml)",justifyContent:"space-between",transition:"opacity .3s",flexGrow:1,flexShrink:0},".item.compact .icon":{padding:".6em",lineHeight:1},".item.compact .content":{paddingRight:".6em",paddingBlock:".6em",lineHeight:1},'.content[data-hasicon="false"]':{paddingLeft:"1em"},'.item.compact .content[data-hasicon="false"]':{paddingLeft:".6em"},".children":{paddingLeft:"1.5em",transition:"padding-left .3s",flexShrink:0},".children > *":{flexShrink:0},".item.collapsed .content":{opacity:0},'.children[data-collapsed="true"]':{paddingLeft:"0em"}});function v(m){var{children:v,cc:b={},size:x="med",label:k,icon:y,right:_,active:j=!1,round:S,compact:w,variant:z="default",disabled:C=!1,defaultOpen:R=!1}=m,N=e(m,["children","cc","size","label","icon","right","active","round","compact","variant","disabled","defaultOpen"]);const O=c(u,b),[I,L]=o(R)
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as t,Fragment as i,jsx as a}from"react/jsx-runtime";import{useState as o,Children as r}from"react";import n from"../../feedback/halo.js";import{combineClasses as c,classes as l}from"../../../core/utils.js";import d from"../../input/toggle.js";import s from"../collapsible.js";import{createStyles as m}from"../../../core/style.js";import{useSidebar as p}from"./root.js";import f from"../../../hooks/use-fluid.js";import g from"../../../hooks/use-media-query.js";import{Icon as h}from"../../../core/icons.js";const u=m("sidebar.item",{".item":{position:"relative",fontWeight:600,borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",display:"flex",transition:"background-color .25s, color .25s",outline:"none",overflow:"hidden",WebkitTapHighlightColor:"transparent"},".item:not(.compact)":{height:"3em",flexShrink:0},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".icon":{height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".item:not(.compact) .icon":{width:"3em"},'.item[data-disabled="false"]':{cursor:"pointer"},".item.round":{borderRadius:"999px"},'.item[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__light[data-active="true"]':{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},'.item[data-disabled="true"]':{color:"var(--f-clr-grey-500)"},".item .toggle":{marginRight:"-.3em"},".item.compact .toggle":{background:"transparent",color:"var(--f-clr-text-100)",pointerEvents:"none",marginRight:0},".item.compact .toggle__content":{padding:0},'.v__default[data-active="true"] .toggle':{color:"var(--f-clr-text-200)"},".content":{paddingRight:"1em",display:"flex",alignItems:"center",gap:"var(--f-spacing-sml)",justifyContent:"space-between",transition:"opacity .3s",flexGrow:1,flexShrink:0},".item.compact .icon":{padding:".6em",lineHeight:1},".item.compact .content":{paddingRight:".6em",paddingBlock:".6em",lineHeight:1},'.content[data-hasicon="false"]':{paddingLeft:"1em"},'.item.compact .content[data-hasicon="false"]':{paddingLeft:".6em"},".children":{paddingLeft:"1.5em",transition:"padding-left .3s",flexShrink:0},".children > *":{flexShrink:0},".item.collapsed .content":{opacity:0},'.children[data-collapsed="true"]':{paddingLeft:"0em"}});function v(m){var{children:v,cc:b={},size:x="med",label:k,icon:y,right:_,active:j=!1,round:S,compact:w,variant:z="default",disabled:C=!1,defaultOpen:R=!1}=m,N=e(m,["children","cc","size","label","icon","right","active","round","compact","variant","disabled","defaultOpen"]);const O=c(u,b),[I,L]=o(R),H=r.count(v),{collapsed:$}=p(),W=f(),q=g(`(max-width: ${W.breakpoints.mob}px)`);return t(i,{children:[a(n,{color:j?void 0:"var(--f-clr-primary-300)",disabled:C,children:t("div",Object.assign({},N,{tabIndex:0,role:"button",className:l(O.item,O[`s__${x}`],O[`v__${z}`],S&&O.round,w&&O.compact,$&&O.collapsed,N.className),"data-disabled":C,"data-active":j,onClick:()=>L(!I),children:[void 0!==y&&a("div",{className:O.icon,children:y}),t("span",{className:O.content,"data-hasicon":void 0!==y,children:[k,H?a(d,{cc:Object.assign({toggle:O.toggle,content:O.toggle__content},b),"aria-label":k,disabled:w,compact:!0,variant:"minimal",size:"med"===x?"sml":"xsm",round:S,checked:I,checkedContent:a(h,{type:"collapseUp"}),children:a(h,{type:"expandDown"})}):_]})]}))}),H?a(s,{shown:I&&(q||!$),cc:Object.assign({content:O.children},b),"data-collapsed":$,children:v}):null]})}v.displayName="Sidebar.Item";export{v as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{combineClasses as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{combineClasses as r,classes as l}from"../../../core/utils.js";import{createStyles as a}from"../../../core/style.js";import{Icon as i}from"../../../core/icons.js";import{useSidebar as n}from"./root.js";import s from"../../input/button.js";import c from"../../feedback/halo.js";const d=a("sidebar.toggle",{".wrapper":{display:"flex",justifyContent:"space-between",alignItems:"center",overflow:"hidden",flexShrink:0},".toggle":{position:"relative",overflow:"hidden",background:"none",outline:"none",border:"none",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexShrink:0,WebkitTapHighlightColor:"transparent"},".toggle:enabled":{cursor:"pointer"},".logo":{width:"3rem",height:"3rem",display:"flex",alignItems:"center",justifyContent:"center",transition:"translate .25s"},".icon":{inset:0,position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",translate:"-100% 0%",transition:"translate .25s"},".toggle:enabled:hover .logo, .toggle:enabled:focus-visible .logo":{translate:"100% 0%"},".toggle:enabled:hover .icon, .toggle:enabled:focus-visible .icon":{translate:"0% 0%"},'.button[data-collapsed="true"]':{opacity:0}});function p(a){var{children:p,cc:g={},toggle:m="square"}=a,b=e(a,["children","cc","toggle"]);const f=r(d,g),{collapsed:u,setCollapsed:h}=n();return t("div",Object.assign({},b,{className:l(f.wrapper,b.className),children:[o(c,{disabled:!u,color:"var(--f-clr-primary-300)",children:t("button",{type:"button",className:f.toggle,onClick:()=>h(!1),disabled:!u,children:[o("div",{className:f.logo,children:p}),o("div",{className:f.icon,children:o(i,{type:"expandSidebar"})})]})}),o(s,{size:"sml",compact:!0,variant:"light",onClick:()=>h(!0),className:f.button,tabIndex:u?-1:0,"data-collapsed":u,children:o(i,{type:"collapseSidebar"})})]}))}p.displayName="Sidebar.Toggle";export{p as default};
|
|
3
3
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as o,Children as n}from"react";import{createStyles as t}from"../../../core/style.js";import{combineClasses as a,classes as s}from"../../../core/utils.js";import{LayoutGroup as l,Morph as d}from"@infinityfx/lively/layout";import{useNavigationMenu as c}from"./root.js";import{Animatable as u}from"@infinityfx/lively";import{Icon as m}from"../../../core/icons.js";const p=t("navigation-menu.group",{".group":{position:"relative",display:"flex",justifyContent:"center"},".link":{position:"relative",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",cursor:"pointer",lineHeight:1.25,display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)"},".link.round":{borderRadius:"1em"},".arrow":{display:"flex",transition:"rotate .35s",fontSize:".8em"},".selection":{position:"absolute",inset:0,borderRadius:"inherit",backgroundColor:"var(--f-clr-primary-400)",zIndex:-1},".menu":{position:"absolute",top:"calc(100% + var(--f-spacing-sml))",borderRadius:"calc(.25em + var(--f-radius-sml))",padding:".25em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",boxShadow:"var(--f-shadow-med)",overflow:"hidden",zIndex:99}});function
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as o,Children as n}from"react";import{createStyles as t}from"../../../core/style.js";import{combineClasses as a,classes as s}from"../../../core/utils.js";import{LayoutGroup as l,Morph as d}from"@infinityfx/lively/layout";import{useNavigationMenu as c}from"./root.js";import{Animatable as u}from"@infinityfx/lively";import{Icon as m}from"../../../core/icons.js";const p=t("navigation-menu.group",{".group":{position:"relative",display:"flex",justifyContent:"center"},".link":{position:"relative",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",cursor:"pointer",lineHeight:1.25,display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",WebkitTapHighlightColor:"transparent"},".link.round":{borderRadius:"1em"},".arrow":{display:"flex",transition:"rotate .35s",fontSize:".8em"},".selection":{position:"absolute",inset:0,borderRadius:"inherit",backgroundColor:"var(--f-clr-primary-400)",zIndex:-1},".menu":{position:"absolute",top:"calc(100% + var(--f-spacing-sml))",borderRadius:"calc(.25em + var(--f-radius-sml))",padding:".25em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",boxShadow:"var(--f-shadow-med)",overflow:"hidden",zIndex:99}});function g(t){var{children:g,cc:f={},label:v,round:h=!1,href:x,target:y,active:b=!1,position:j="center",Link:k="a"}=t,N=e(t,["children","cc","label","round","href","target","active","position","Link"]);const w=a(p,f),R=o(),{root:C,id:z,selection:I,select:O}=c(),H=n.count(g)>0;return i("div",{className:w.group,children:[i(k,{className:s(w.link,h&&w.round),role:"menuitem",href:x,target:y,"aria-haspopup":H?"menu":void 0,"aria-expanded":H?R===I:void 0,"aria-controls":H?z+R:void 0,onMouseEnter:()=>O(R),onFocus:()=>O(R),onBlur:e=>{var i;(null===(i=C.current)||void 0===i?void 0:i.contains(e.relatedTarget))||O(void 0)},children:[v,H&&r("div",{className:w.arrow,style:{rotate:R===I?"180deg":"0deg"},children:r(m,{type:"down"})}),r(l,{children:(I?R===I:b)&&r(d,{id:"fluid-navigation-menu-selection",group:`fluid-navigation-menu-selection-${z}`,cachable:["x","sx","borderRadius"],deform:!1,transition:{duration:.35},animate:{opacity:[1,0],duration:.25},triggers:[{on:"mount",reverse:!0},{on:"unmount"}],children:r("div",{className:w.selection})})})]}),r(l,{children:H&&R===I&&r(d,{id:"fluid-navigation-menu-group",group:`fluid-navigation-menu-group-${z}`,cachable:["x","y","sx","sy"],deform:!1,transition:{duration:.35},animate:{opacity:[1,0],translate:["0px 0px","0px -8px"],duration:.25},triggers:[{on:"mount",reverse:!0},{on:"unmount"}],children:r("div",Object.assign({},N,{id:z+R,role:"menu",className:s(w.menu,N.className),style:Object.assign(Object.assign({},N.style),{left:"start"===j?0:void 0,right:"end"===j?0:void 0}),children:r(u,{stagger:.06,triggers:[{on:"mount",delay:.25}],children:g})}))})})]})}g.displayName="NavigationMenu.Group";export{g as default};
|
|
3
3
|
//# sourceMappingURL=group.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{createStyles as i}from"../../../core/style.js";import{combineClasses as e,classes as
|
|
2
|
+
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{createStyles as i}from"../../../core/style.js";import{combineClasses as e,classes as t}from"../../../core/utils.js";import n from"../../feedback/halo.js";import{useNavigationMenu as l}from"./root.js";const a=i("navigation-menu.link",{".link":{position:"relative",display:"block",padding:".4em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",WebkitTapHighlightColor:"transparent"}});function c(i){var{children:c,cc:s={},Link:m="a"}=i,d=r(i,["children","cc","Link"]);const u=e(a,s),{root:p,select:f}=l();return o(n,{color:"var(--f-clr-primary-400)",children:o(m,Object.assign({},d,{role:"menuitem",className:t(u.link,d.className),onBlur:r=>{var o,i;null===(o=d.onBlur)||void 0===o||o.call(d,r),(null===(i=p.current)||void 0===i?void 0:i.contains(r.relatedTarget))||f(void 0)},children:c}))})}c.displayName="NavigationMenu.Link";export{c as default};
|
|
3
3
|
//# sourceMappingURL=link.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as a,jsxs as r}from"react/jsx-runtime";import{useId as o,useRef as t,useState as l}from"react";import i from"../feedback/halo.js";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as s,classes as c}from"../../core/utils.js";import d from"../layout/scrollarea.js";import{createStyles as u}from"../../core/style.js";const f=u("tabs",{".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)"},".tabs":{display:"flex",width:"max-content"},".v__default .tabs":{gap:"var(--f-spacing-sml)",padding:"0 .6em"},".option":{position:"relative"},".v__default .option":{padding:".6em 0"},".selection":{position:"absolute",width:"100%",height:"3px",backgroundColor:"var(--f-clr-text-100)",left:0,bottom:0,borderRadius:"99px"},".button":{position:"relative",outline:"none",border:"none",background:"none",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-sml)",fontWeight:600},".v__minimal .button":{padding:".8em 1.2em"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"}});function m(u){var m,{options:
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as a,jsxs as r}from"react/jsx-runtime";import{useId as o,useRef as t,useState as l}from"react";import i from"../feedback/halo.js";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as s,classes as c}from"../../core/utils.js";import d from"../layout/scrollarea.js";import{createStyles as u}from"../../core/style.js";const f=u("tabs",{".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)"},".tabs":{display:"flex",width:"max-content"},".v__default .tabs":{gap:"var(--f-spacing-sml)",padding:"0 .6em"},".option":{position:"relative"},".v__default .option":{padding:".6em 0"},".selection":{position:"absolute",width:"100%",height:"3px",backgroundColor:"var(--f-clr-text-100)",left:0,bottom:0,borderRadius:"99px"},".button":{position:"relative",outline:"none",border:"none",background:"none",padding:".4em .6em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-sml)",fontWeight:600,WebkitTapHighlightColor:"transparent"},".v__minimal .button":{padding:".8em 1.2em"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"}});function m(u){var m,{options:p,cc:b={},variant:v="default",value:h,defaultValue:g,onChange:y}=u,k=e(u,["options","cc","variant","value","defaultValue","onChange"]);const x=s(f,b),w=o(),_=t([]),[j,C]=void 0!==h?[h]:l(g||(null===(m=p[0])||void 0===m?void 0:m.value));function N(e){var a;const r=_.current.filter((e=>e));null===(a=r[e=e<0?r.length-1:e>=r.length?0:e])||void 0===a||a.focus()}return a("div",Object.assign({},k,{className:c(x.wrapper,x[`v__${v}`],k.className),children:a(d,{horizontal:!0,children:a("div",{className:x.tabs,role:"tablist",children:p.map((({label:e,value:o,disabled:t,panelId:l},s)=>r("div",{className:x.option,children:[a(i,{disabled:t,color:"default"===v?"var(--f-clr-primary-300)":"var(--f-clr-primary-400)",children:a("button",{ref:e=>{_.current[s]=t?null:e},type:"button",role:"tab",className:x.button,"aria-selected":j===o,"aria-controls":l,disabled:t,onClick:()=>{null==C||C(o),null==y||y(o)},onKeyDown:e=>{let a=!0;switch(e.key){case"ArrowRight":case"ArrowDown":N(s+1);break;case"ArrowLeft":case"ArrowUp":N(s-1);break;case"Home":N(0);break;case"End":N(-1);break;default:a=!1}a&&e.preventDefault()},children:e})}),j===o&&a(n,{group:`tabs-selection-${w}`,deform:!1,cachable:["x","sx"],children:a("div",{className:x.selection})})]},s)))})})}))}export{m as default};
|
|
3
3
|
//# sourceMappingURL=tabs.js.map
|
package/dist/utils.cjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";function t(t){return`${t.map((t=>t.toString(16).padStart(2,"0"))).join("")}`}function n(t){const n=t.toLowerCase().match(/^#?([\da-f]{1,2})([\da-f]{1,2})([\da-f]{1,2})([\da-f]{2})?$/i);return n?n.slice(1,4).map((t=>parseInt(t.padStart(2,t),16))):[0,0,0]}function o([t,n,o]){n/=100,o/=100;const e=n=>(n+t/60)%6,r=t=>Math.round(255*o*(1-n*Math.max(0,Math.min(e(t),4-e(t),1))));return[r(5),r(3),r(1)]}function e([t,n,o]){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),r=e-Math.min(t,n,o);let s=0;return r&&e===t&&(s=(n-o)/r),r&&e===n&&(s=2+(o-t)/r),r&&e===o&&(s=4+(t-n)/r),[60*(s<0?s+6:s),e&&r/e*100,100*e]}const r={hue:0,saturation:1,lightness:2};exports.COLOR_SCHEME_COOKIE="FLUID_PREF_COLOR_SCHEME",exports.classes=function(...t){return t.filter((t=>"string"==typeof t)).join(" ")},exports.combineClasses=function(t,n){const o=Object.assign({},t);for(const e in n)e in t?o[e]+=` ${n[e]}`:o[e]=n[e];return o},exports.combineRefs=function(...t){return n=>{t.forEach((t=>{t&&(t instanceof Function?t(n):t.current=n)}))}},exports.cookies=function(){return document.cookie.split(";").reduce(((t,n)=>{const[o,e]=n.split("=");return o&&e&&(t[decodeURIComponent(o.trim())]=decodeURIComponent(e.trim())),t}),{})},exports.formatCookie=function(t,n,o={}){o=Object.assign({path:"/",secure:!0,sameSite:"Lax"},o);const e=Object.entries(o).map((([t,n])=>("maxAge"===t&&(t="max-Age"),t=t.charAt(0).toUpperCase()+t.slice(1),"boolean"==typeof n?n?`${t};`:"":void 0===n?"":`${t}=${n};`))).join(" ");return`${t}=${n}; ${e}`},exports.hexToRgb=n,exports.hsvToRgb=o,exports.invertColorChannel=function(s,i){const a=e(n(s));return a[r[i]]=("hue"===i?180:100)-a[r[i]],a[0]<0&&(a[0]=360-a[0]),`#${t(o(a))}`},exports.mixColors=function(t,o,e){const r=n(t),s=n(o);return new Array(e).fill(0).map(((t,n)=>{const o=n/e;return`#${[r[0]*(1-o)+s[0]*o,r[1]*(1-o)+s[1]*o,r[2]*(1-o)+s[2]*o].map((t=>Math.round(t).toString(16).padStart(2,"0"))).join("")}`}))},exports.rgbToHex=t,exports.rgbToHsv=e;
|
|
2
|
+
//# sourceMappingURL=utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.cjs","sources":["../../src/core/utils.ts","../../src/core/theme.ts"],"sourcesContent":[null,null],"names":["rgbToHex","rgb","map","val","toString","padStart","join","hexToRgb","str","hex","toLowerCase","match","slice","parseInt","hsvToRgb","h","s","v","k","f","Math","round","max","min","rgbToHsv","r","g","b","c","channels","hue","saturation","lightness","args","filter","initial","override","combined","Object","assign","key","refs","el","forEach","ref","Function","current","document","cookie","split","reduce","cookies","value","decodeURIComponent","trim","options","path","secure","sameSite","config","entries","charAt","toUpperCase","channel","hsv","base","mixer","outputLength","colorA","colorB","Array","fill","_","i","n"],"mappings":"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"}
|
package/dist/utils.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function t(...t){return t.filter((t=>"string"==typeof t)).join(" ")}function n(t,n){const o=Object.assign({},t);for(const e in n)e in t?o[e]+=` ${n[e]}`:o[e]=n[e];return o}function o(...t){return n=>{t.forEach((t=>{t&&(t instanceof Function?t(n):t.current=n)}))}}function e(){return document.cookie.split(";").reduce(((t,n)=>{const[o,e]=n.split("=");return o&&e&&(t[decodeURIComponent(o.trim())]=decodeURIComponent(e.trim())),t}),{})}function r(t,n,o={}){o=Object.assign({path:"/",secure:!0,sameSite:"Lax"},o);const e=Object.entries(o).map((([t,n])=>("maxAge"===t&&(t="max-Age"),t=t.charAt(0).toUpperCase()+t.slice(1),"boolean"==typeof n?n?`${t};`:"":void 0===n?"":`${t}=${n};`))).join(" ");return`${t}=${n}; ${e}`}function a(t){return`${t.map((t=>t.toString(16).padStart(2,"0"))).join("")}`}function i(t){const n=t.toLowerCase().match(/^#?([\da-f]{1,2})([\da-f]{1,2})([\da-f]{1,2})([\da-f]{2})?$/i);return n?n.slice(1,4).map((t=>parseInt(t.padStart(2,t),16))):[0,0,0]}function c([t,n,o]){n/=100,o/=100;const e=n=>(n+t/60)%6,r=t=>Math.round(255*o*(1-n*Math.max(0,Math.min(e(t),4-e(t),1))));return[r(5),r(3),r(1)]}function u([t,n,o]){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),r=e-Math.min(t,n,o);let a=0;return r&&e===t&&(a=(n-o)/r),r&&e===n&&(a=2+(o-t)/r),r&&e===o&&(a=4+(t-n)/r),[60*(a<0?a+6:a),e&&r/e*100,100*e]}function s(t,n,o){const e=i(t),r=i(n);return new Array(o).fill(0).map(((t,n)=>{const a=n/o;return`#${[e[0]*(1-a)+r[0]*a,e[1]*(1-a)+r[1]*a,e[2]*(1-a)+r[2]*a].map((t=>Math.round(t).toString(16).padStart(2,"0"))).join("")}`}))}const f={hue:0,saturation:1,lightness:2};function p(t,n){const o=u(i(t));return o[f[n]]=("hue"===n?180:100)-o[f[n]],o[0]<0&&(o[0]=360-o[0]),`#${a(c(o))}`}const m="FLUID_PREF_COLOR_SCHEME";export{m as COLOR_SCHEME_COOKIE,t as classes,n as combineClasses,o as combineRefs,e as cookies,r as formatCookie,i as hexToRgb,c as hsvToRgb,p as invertColorChannel,s as mixColors,a as rgbToHex,u as rgbToHsv};
|
|
2
|
+
//# sourceMappingURL=utils.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.mjs","sources":["../../src/core/utils.ts","../../src/core/theme.ts"],"sourcesContent":[null,null],"names":["classes","args","filter","val","join","combineClasses","initial","override","combined","Object","assign","key","combineRefs","refs","el","forEach","ref","Function","current","cookies","document","cookie","split","reduce","value","decodeURIComponent","trim","formatCookie","options","path","secure","sameSite","config","entries","map","charAt","toUpperCase","slice","rgbToHex","rgb","toString","padStart","hexToRgb","str","hex","toLowerCase","match","parseInt","hsvToRgb","h","s","v","k","f","Math","round","max","min","rgbToHsv","r","g","b","c","mixColors","base","mixer","outputLength","colorA","colorB","Array","fill","_","i","n","channels","hue","saturation","lightness","invertColorChannel","channel","hsv","COLOR_SCHEME_COOKIE"],"mappings":"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"}
|