@studiocubics/components 0.0.25 → 0.0.27

package/dist/Inputs/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,useMemo as o,useState as n,useRef as i,useEffect as c}from"react";import{CheckboxGroupContext as a}from"./CheckboxProvider.js";import{cssSafeString as s,cn as l}from"@studiocubics/utils";import d from"./Checkbox.module.css.js";import{useRipple as m,eventWithRipple as p}from"../../Misc/Ripple/Ripple.js";function h(h){const{label:w,checked:b,indeterminate:f=!1,skipGroup:g,checkedIcon:v,indeterminateIcon:N,slotProps:x={},"aria-label":C,onChange:j,onTouchStart:W,onClick:z,htmlSize:L,id:M=s(w),size:S="md",color:R,...B}=h,I=t(a),P=o(()=>M??String(Math.random()),[M]),[T,y]=n(!1),E=i(null),F=i(!1),{rippleElements:G,createRipple:q}=m(),A=I&&!g?I.values[P]??!1:b??T;return c(()=>{!I||g||F.current||(F.current=!0,I.register(P))},[I,g,P]),c(()=>{E.current&&(E.current.indeterminate=f)},[f]),e("div",{...x.root,className:l(d.root,x.root?.className),"data-color":R,"data-size":S,children:[e("div",{...x.inputWrapper,className:l(d.inputWrapper,x.inputWrapper?.className),children:[G,r("input",{...B,ref:E,id:M,type:"checkbox",checked:A,"aria-checked":A??!1,"aria-label":C??w,onChange:e=>{const r=e.target.checked;I&&!g?I.update(P,r):y(r),j?.(e,r)},onTouchStart:p(q,W),onClick:p(q,z),size:L}),e("span",{children:[v??r(u,{checked:A}),N??r(k,{indeterminate:f})]})]}),w&&r("label",{...x.label,htmlFor:M,className:l(x.label?.className,d.label),children:w})]})}function u(e){const{checked:t,className:o,...n}=e;return r("svg",{...n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",className:l(t?d.show:d.hide,d.checked,o),children:r("path",{d:"M5 13 9 17l10 -9"})})}function k(e){const{indeterminate:t,className:o,...n}=e;return r("svg",{...n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:l(t?d.show:d.hide,d.indeterminate,o),stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M5 12h14"})})}export{h as Checkbox};
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,useMemo as o,useState as n,useRef as i,useEffect as c}from"react";import{CheckboxGroupContext as a}from"./CheckboxProvider.js";import{cssSafeString as s,cn as l,mergeRefs as d}from"@studiocubics/utils";import m from"./Checkbox.module.css.js";import{useRipple as p,eventWithRipple as h}from"../../Misc/Ripple/Ripple.js";function u(u){const{label:w,checked:b,indeterminate:g=!1,skipGroup:v,checkedIcon:N,indeterminateIcon:x,slotProps:C={},"aria-label":j,onChange:W,onTouchStart:z,onClick:L,htmlSize:M,id:S=s(w),size:R="md",color:B,ref:I,...P}=u,T=t(a),y=o(()=>S??String(Math.random()),[S]),[E,F]=n(!1),G=i(null),q=i(!1),{rippleElements:A,createRipple:D}=p(),H=T&&!v?T.values[y]??!1:b??E;return c(()=>{!T||v||q.current||(q.current=!0,T.register(y))},[T,v,y]),c(()=>{G.current&&(G.current.indeterminate=g)},[g]),e("div",{...C.root,className:l(m.root,C.root?.className),"data-color":B,"data-size":R,children:[e("div",{...C.inputWrapper,className:l(m.inputWrapper,C.inputWrapper?.className),children:[A,r("input",{...P,ref:d(G,I),id:S,type:"checkbox",checked:H,"aria-checked":H??!1,"aria-label":j??w,onChange:e=>{const r=e.target.checked;T&&!v?T.update(y,r):F(r),W?.(e,r)},onTouchStart:h(D,z),onClick:h(D,L),size:M}),e("span",{children:[N??r(k,{checked:H}),x??r(f,{indeterminate:g})]})]}),w&&r("label",{...C.label,htmlFor:S,className:l(C.label?.className,m.label),children:w})]})}function k(e){const{checked:t,className:o,...n}=e;return r("svg",{...n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",className:l(t?m.show:m.hide,m.checked,o),children:r("path",{d:"M5 13 9 17l10 -9"})})}function f(e){const{indeterminate:t,className:o,...n}=e;return r("svg",{...n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:l(t?m.show:m.hide,m.indeterminate,o),stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M5 12h14"})})}export{u as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/dist/Inputs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/Inputs/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxProvider\";\n\nimport { cn, cssSafeString } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\n\nexport interface CheckboxProps\n  extends Omit<ComponentProps<\"input\">, \"onChange\" | \"type\" | \"size\"> {\n  label?: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => void;\n  checkedIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">\n  >;\n  indeterminateIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">\n  >;\n  slotProps?: {\n    ripple?: UseRippleProps;\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n    root?: ComponentProps<\"div\">;\n    inputWrapper?: ComponentProps<\"div\">;\n    label?: ComponentProps<\"label\">;\n    error?: ComponentProps<\"p\">;\n  };\n  /**\n   * Skips registering with provider\n   */\n  skipGroup?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  color?: \"primary\" | \"secondary\" | \"error\";\n  htmlSize?: ComponentProps<\"input\">[\"size\"];\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const {\n    label,\n    checked,\n    indeterminate = false,\n    skipGroup,\n    checkedIcon,\n    indeterminateIcon,\n    slotProps = {},\n    \"aria-label\": ariaLabel,\n    onChange,\n    onTouchStart,\n    onClick,\n    htmlSize,\n    id = cssSafeString(label),\n    size = \"md\",\n    color,\n    ...rest\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  // Stable key: use provided id or fall back to auto-incremented index\n  const groupId = useMemo(() => id ?? String(Math.random()), [id]);\n  const [selfChecked, setSelfChecked] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isRegistered = useRef(false);\n\n  const { rippleElements, createRipple } = useRipple();\n\n  const isChecked =\n    group && !skipGroup\n      ? (group.values[groupId] ?? false)\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup) {\n      group.update(groupId, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    group.register(groupId);\n  }, [group, skipGroup, groupId]);\n\n  // Set indeterminate state\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <div\n      // TODO rename to container\n      {...slotProps.root}\n      className={cn(styles.root, slotProps.root?.className)}\n      data-color={color}\n      data-size={size}\n    >\n      <div\n        {...slotProps.inputWrapper}\n        className={cn(styles.inputWrapper, slotProps.inputWrapper?.className)}\n      >\n        {rippleElements}\n        <input\n          {...rest}\n          ref={inputRef}\n          id={id}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel ?? label}\n          onChange={handleChange}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          size={htmlSize}\n        />\n        <span>\n          {checkedIcon ?? <CheckboxCheckedIcon checked={isChecked} />}\n          {indeterminateIcon ?? (\n            <CheckboxIndeterminateIcon indeterminate={indeterminate} />\n          )}\n        </span>\n      </div>\n      {label && (\n        <label\n          {...slotProps.label}\n          htmlFor={id}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\nfunction CheckboxCheckedIcon(\n  props: Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">,\n) {\n  const { checked, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\n        checked ? styles.show : styles.hide,\n        styles.checked,\n        className,\n      )}\n    >\n      <path d=\"M5 13 9 17l10 -9\" />\n    </svg>\n  );\n}\n\nfunction CheckboxIndeterminateIcon(\n  props: Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">,\n) {\n  const { indeterminate, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\n        indeterminate ? styles.show : styles.hide,\n        styles.indeterminate,\n        className,\n      )}\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n"],"names":["Checkbox","props","label","checked","indeterminate","skipGroup","checkedIcon","indeterminateIcon","slotProps","ariaLabel","onChange","onTouchStart","onClick","htmlSize","id","cssSafeString","size","color","rest","group","useContext","CheckboxGroupContext","groupId","useMemo","String","Math","random","selfChecked","setSelfChecked","useState","inputRef","useRef","isRegistered","rippleElements","createRipple","useRipple","isChecked","values","useEffect","current","register","_jsxs","root","className","cn","styles","children","inputWrapper","_jsx","ref","type","e","next","target","update","eventWithRipple","CheckboxCheckedIcon","CheckboxIndeterminateIcon","htmlFor","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","show","hide","d"],"mappings":"sYAsDM,SAAUA,EAASC,GACvB,MAAMC,MACJA,EAAKC,QACLA,EAAOC,cACPA,GAAgB,EAAKC,UACrBA,EAASC,YACTA,EAAWC,kBACXA,EAAiBC,UACjBA,EAAY,CAAA,EACZ,aAAcC,EAASC,SACvBA,EAAQC,aACRA,EAAYC,QACZA,EAAOC,SACPA,EAAQC,GACRA,EAAKC,EAAcb,GAAMc,KACzBA,EAAO,KAAIC,MACXA,KACGC,GACDjB,EACEkB,EAAQC,EAAWC,GAEnBC,EAAUC,EAAQ,IAAMT,GAAMU,OAAOC,KAAKC,UAAW,CAACZ,KACrDa,EAAaC,GAAkBC,GAAS,GAEzCC,EAAWC,EAAyB,MACpCC,EAAeD,GAAO,IAEtBE,eAAEA,EAAcC,aAAEA,GAAiBC,IAEnCC,EACJjB,IAAUd,EACLc,EAAMkB,OAAOf,KAAY,EACzBnB,GAAWwB,EA0BlB,OAbAW,EAAU,MACHnB,GAASd,GAAa2B,EAAaO,UACxCP,EAAaO,SAAU,EACvBpB,EAAMqB,SAASlB,KACd,CAACH,EAAOd,EAAWiB,IAGtBgB,EAAU,KACJR,EAASS,UACXT,EAASS,QAAQnC,cAAgBA,IAElC,CAACA,IAGFqC,EAAA,MAAA,IAEMjC,EAAUkC,KACdC,UAAWC,EAAGC,EAAOH,KAAMlC,EAAUkC,MAAMC,wBAC/B1B,EAAK,YACND,EAAI8B,SAAA,CAEfL,YACMjC,EAAUuC,aACdJ,UAAWC,EAAGC,EAAOE,aAAcvC,EAAUuC,cAAcJ,WAAUG,SAAA,CAEpEb,EACDe,EAAA,QAAA,IACM9B,EACJ+B,IAAKnB,EACLhB,GAAIA,EACJoC,KAAK,WACL/C,QAASiC,iBACKA,IAAa,EAAK,aACpB3B,GAAaP,EACzBQ,SA7CcyC,IACpB,MAAMC,EAAOD,EAAEE,OAAOlD,QAClBgB,IAAUd,EACZc,EAAMmC,OAAOhC,EAAS8B,GAEtBxB,EAAewB,GAEjB1C,IAAWyC,EAAGC,IAuCRzC,aAAc4C,EAAgBrB,EAAcvB,GAC5CC,QAAS2C,EAAgBrB,EAActB,GACvCI,KAAMH,IAER4B,oBACGnC,GAAe0C,EAACQ,GAAoBrD,QAASiC,IAC7C7B,GACCyC,EAACS,EAAyB,CAACrD,cAAeA,UAI/CF,GACC8C,EAAA,QAAA,IACMxC,EAAUN,MACdwD,QAAS5C,EACT6B,UAAWC,EAAGpC,EAAUN,OAAOyC,UAAWE,EAAO3C,OAAM4C,SAEtD5C,MAKX,CAEA,SAASsD,EACPvD,GAEA,MAAME,QAAEA,EAAOwC,UAAEA,KAAczB,GAASjB,EACxC,OACE+C,EAAA,MAAA,IACM9B,EACJyC,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACftB,UAAWC,EACTzC,EAAU0C,EAAOqB,KAAOrB,EAAOsB,KAC/BtB,EAAO1C,QACPwC,GACDG,SAEDE,EAAA,OAAA,CAAMoB,EAAE,sBAGd,CAEA,SAASX,EACPxD,GAEA,MAAMG,cAAEA,EAAauC,UAAEA,KAAczB,GAASjB,EAC9C,OACE+C,EAAA,MAAA,IACM9B,EACJ0C,QAAQ,YACRD,MAAM,6BACNhB,UAAWC,EACTxC,EAAgByC,EAAOqB,KAAOrB,EAAOsB,KACrCtB,EAAOzC,cACPuC,GAEFmB,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QAAOnB,SAEtBE,EAAA,OAAA,CAAMoB,EAAE,cAGd"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/Inputs/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxProvider\";\n\nimport { cn, cssSafeString, mergeRefs } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\n\nexport interface CheckboxProps\n  extends Omit<ComponentProps<\"input\">, \"onChange\" | \"type\" | \"size\"> {\n  label?: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => void;\n  checkedIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">\n  >;\n  indeterminateIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">\n  >;\n  slotProps?: {\n    ripple?: UseRippleProps;\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n    root?: ComponentProps<\"div\">;\n    inputWrapper?: ComponentProps<\"div\">;\n    label?: ComponentProps<\"label\">;\n    error?: ComponentProps<\"p\">;\n  };\n  /**\n   * Skips registering with provider\n   */\n  skipGroup?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  color?: \"primary\" | \"secondary\" | \"error\";\n  htmlSize?: ComponentProps<\"input\">[\"size\"];\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const {\n    label,\n    checked,\n    indeterminate = false,\n    skipGroup,\n    checkedIcon,\n    indeterminateIcon,\n    slotProps = {},\n    \"aria-label\": ariaLabel,\n    onChange,\n    onTouchStart,\n    onClick,\n    htmlSize,\n    id = cssSafeString(label),\n    size = \"md\",\n    color,\n    ref,\n    ...rest\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  // Stable key: use provided id or fall back to auto-incremented index\n  const groupId = useMemo(() => id ?? String(Math.random()), [id]);\n  const [selfChecked, setSelfChecked] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isRegistered = useRef(false);\n\n  const { rippleElements, createRipple } = useRipple();\n\n  const isChecked =\n    group && !skipGroup\n      ? (group.values[groupId] ?? false)\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup) {\n      group.update(groupId, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    group.register(groupId);\n  }, [group, skipGroup, groupId]);\n\n  // Set indeterminate state\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <div\n      // TODO rename to container\n      {...slotProps.root}\n      className={cn(styles.root, slotProps.root?.className)}\n      data-color={color}\n      data-size={size}\n    >\n      <div\n        {...slotProps.inputWrapper}\n        className={cn(styles.inputWrapper, slotProps.inputWrapper?.className)}\n      >\n        {rippleElements}\n        <input\n          {...rest}\n          ref={mergeRefs(inputRef,ref)}\n          id={id}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel ?? label}\n          onChange={handleChange}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          size={htmlSize}\n        />\n        <span>\n          {checkedIcon ?? <CheckboxCheckedIcon checked={isChecked} />}\n          {indeterminateIcon ?? (\n            <CheckboxIndeterminateIcon indeterminate={indeterminate} />\n          )}\n        </span>\n      </div>\n      {label && (\n        <label\n          {...slotProps.label}\n          htmlFor={id}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\nfunction CheckboxCheckedIcon(\n  props: Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">,\n) {\n  const { checked, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\n        checked ? styles.show : styles.hide,\n        styles.checked,\n        className,\n      )}\n    >\n      <path d=\"M5 13 9 17l10 -9\" />\n    </svg>\n  );\n}\n\nfunction CheckboxIndeterminateIcon(\n  props: Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">,\n) {\n  const { indeterminate, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\n        indeterminate ? styles.show : styles.hide,\n        styles.indeterminate,\n        className,\n      )}\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n"],"names":["Checkbox","props","label","checked","indeterminate","skipGroup","checkedIcon","indeterminateIcon","slotProps","ariaLabel","onChange","onTouchStart","onClick","htmlSize","id","cssSafeString","size","color","ref","rest","group","useContext","CheckboxGroupContext","groupId","useMemo","String","Math","random","selfChecked","setSelfChecked","useState","inputRef","useRef","isRegistered","rippleElements","createRipple","useRipple","isChecked","values","useEffect","current","register","_jsxs","root","className","cn","styles","children","inputWrapper","_jsx","mergeRefs","type","e","next","target","update","eventWithRipple","CheckboxCheckedIcon","CheckboxIndeterminateIcon","htmlFor","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","show","hide","d"],"mappings":"qZAsDM,SAAUA,EAASC,GACvB,MAAMC,MACJA,EAAKC,QACLA,EAAOC,cACPA,GAAgB,EAAKC,UACrBA,EAASC,YACTA,EAAWC,kBACXA,EAAiBC,UACjBA,EAAY,GACZ,aAAcC,EAASC,SACvBA,EAAQC,aACRA,EAAYC,QACZA,EAAOC,SACPA,EAAQC,GACRA,EAAKC,EAAcb,GAAMc,KACzBA,EAAO,KAAIC,MACXA,EAAKC,IACLA,KACGC,GACDlB,EACEmB,EAAQC,EAAWC,GAEnBC,EAAUC,EAAQ,IAAMV,GAAMW,OAAOC,KAAKC,UAAW,CAACb,KACrDc,EAAaC,GAAkBC,GAAS,GAEzCC,EAAWC,EAAyB,MACpCC,EAAeD,GAAO,IAEtBE,eAAEA,EAAcC,aAAEA,GAAiBC,IAEnCC,EACJjB,IAAUf,EACLe,EAAMkB,OAAOf,KAAY,EACzBpB,GAAWyB,EA0BlB,OAbAW,EAAU,MACHnB,GAASf,GAAa4B,EAAaO,UACxCP,EAAaO,SAAU,EACvBpB,EAAMqB,SAASlB,KACd,CAACH,EAAOf,EAAWkB,IAGtBgB,EAAU,KACJR,EAASS,UACXT,EAASS,QAAQpC,cAAgBA,IAElC,CAACA,IAGFsC,EAAA,MAAA,IAEMlC,EAAUmC,KACdC,UAAWC,EAAGC,EAAOH,KAAMnC,EAAUmC,MAAMC,wBAC/B3B,EAAK,YACND,EAAI+B,SAAA,CAEfL,YACMlC,EAAUwC,aACdJ,UAAWC,EAAGC,EAAOE,aAAcxC,EAAUwC,cAAcJ,WAAUG,SAAA,CAEpEb,EACDe,EAAA,QAAA,IACM9B,EACJD,IAAKgC,EAAUnB,EAASb,GACxBJ,GAAIA,EACJqC,KAAK,WACLhD,QAASkC,EAAS,eACJA,IAAa,EAAK,aACpB5B,GAAaP,EACzBQ,SA7Cc0C,IACpB,MAAMC,EAAOD,EAAEE,OAAOnD,QAClBiB,IAAUf,EACZe,EAAMmC,OAAOhC,EAAS8B,GAEtBxB,EAAewB,GAEjB3C,IAAW0C,EAAGC,IAuCR1C,aAAc6C,EAAgBrB,EAAcxB,GAC5CC,QAAS4C,EAAgBrB,EAAcvB,GACvCI,KAAMH,IAER6B,EAAA,OAAA,CAAAK,SAAA,CACGzC,GAAe2C,EAACQ,EAAmB,CAACtD,QAASkC,IAC7C9B,GACC0C,EAACS,EAAyB,CAACtD,cAAeA,UAI/CF,GACC+C,EAAA,QAAA,IACMzC,EAAUN,MACdyD,QAAS7C,EACT8B,UAAWC,EAAGrC,EAAUN,OAAO0C,UAAWE,EAAO5C,OAAM6C,SAEtD7C,MAKX,CAEA,SAASuD,EACPxD,GAEA,MAAME,QAAEA,EAAOyC,UAAEA,KAAczB,GAASlB,EACxC,OACEgD,EAAA,MAAA,IACM9B,EACJyC,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACftB,UAAWC,EACT1C,EAAU2C,EAAOqB,KAAOrB,EAAOsB,KAC/BtB,EAAO3C,QACPyC,GACDG,SAEDE,EAAA,OAAA,CAAMoB,EAAE,sBAGd,CAEA,SAASX,EACPzD,GAEA,MAAMG,cAAEA,EAAawC,UAAEA,KAAczB,GAASlB,EAC9C,OACEgD,EAAA,MAAA,IACM9B,EACJ0C,QAAQ,YACRD,MAAM,6BACNhB,UAAWC,EACTzC,EAAgB0C,EAAOqB,KAAOrB,EAAOsB,KACrCtB,EAAO1C,cACPwC,GAEFmB,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QAAOnB,SAEtBE,EAAA,OAAA,CAAMoB,EAAE,cAGd"}

package/dist/Inputs/CloseButton/CloseButton.d.ts

@@ -1,2 +1,8 @@
+import type { CSSProperties } from "react";
 import { type ButtonProps } from "../Button/Button";
-export declare function CloseButton(props: Omit<ButtonProps, "children">): import("react/jsx-runtime").JSX.Element;
+import type { PositionStringExclude } from "@studiocubics/types";
+export interface CloseButtonProps extends Omit<ButtonProps, "children" | "position"> {
+    margin: CSSProperties["margin"];
+    position: PositionStringExclude<"center center" | "center left" | "center right">;
+}
+export declare function CloseButton(props: CloseButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/Inputs/CloseButton/CloseButton.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Button as r}from"../Button/Button.js";import{cn as e}from"@studiocubics/utils";import n from"./CloseButton.module.css.js";function s(r){const{width:e=24,height:n=e,...s}=r;return o("svg",{fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:e,height:n,children:[t("path",{d:"M18 6 6 18"}),t("path",{d:"m6 6 12 12"})]})}function i(o){const{className:i,...u}=o;return t(r,{square:!0,className:e(n.root,i),...u,children:t(s,{})})}export{i as CloseButton};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Button as r}from"../Button/Button.js";function n(r){const{width:n=24,height:i=n,...e}=r;return o("svg",{fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:i,children:[t("path",{d:"M18 6 6 18"}),t("path",{d:"m6 6 12 12"})]})}function i(o){const{style:i,margin:e,position:s="top right",...h}=o,[p,a]=s.split(" ");return t(r,{square:!0,position:"absolute","data-pos-x":a,"data-pos-y":p,style:{margin:e,...i},...h,children:t(n,{})})}export{i as CloseButton};
 //# sourceMappingURL=CloseButton.js.map

package/dist/Inputs/CloseButton/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sources":["../../../src/Inputs/CloseButton/CloseButton.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./CloseButton.module.css\";\n\nfunction CloseIcon(props: ComponentProps<\"svg\">) {\n  const { width = 24, height = width, ...rest } = props;\n  return (\n    <svg\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={width}\n      height={height}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport function CloseButton(props: Omit<ButtonProps, \"children\">) {\n  const { className, ...rest } = props;\n  return (\n    <Button square className={cn(styles.root, className)} {...rest}>\n      <CloseIcon />\n    </Button>\n  );\n}\n"],"names":["CloseIcon","props","width","height","rest","_jsxs","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","xmlns","viewBox","children","_jsx","d","CloseButton","className","Button","square","cn","styles","root"],"mappings":"mLAKA,SAASA,EAAUC,GACjB,MAAMC,MAAEA,EAAQ,GAAEC,OAAEA,EAASD,KAAUE,GAASH,EAChD,OACEI,EAAA,MAAA,CACEC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,WACXN,EACJO,MAAM,6BACNC,QAAQ,YACRV,MAAOA,EACPC,OAAQA,EAAMU,SAAA,CAEdC,UAAMC,EAAE,eACRD,EAAA,OAAA,CAAMC,EAAE,iBAGd,CAEM,SAAUC,EAAYf,GAC1B,MAAMgB,UAAEA,KAAcb,GAASH,EAC/B,OACEa,EAACI,EAAM,CAACC,UAAOF,UAAWG,EAAGC,EAAOC,KAAML,MAAgBb,EAAIS,SAC5DC,EAACd,EAAS,CAAA,IAGhB"}
+{"version":3,"file":"CloseButton.js","sources":["../../../src/Inputs/CloseButton/CloseButton.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties } from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport type { PositionStringExclude } from \"@studiocubics/types\";\n\nfunction CloseIcon(props: ComponentProps<\"svg\">) {\n  const { width = 24, height = width, ...rest } = props;\n  return (\n    <svg\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={width}\n      height={height}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport interface CloseButtonProps\n  extends Omit<ButtonProps, \"children\" | \"position\"> {\n  margin: CSSProperties[\"margin\"];\n  position: PositionStringExclude<\n    \"center center\" | \"center left\" | \"center right\"\n  >;\n}\n\nexport function CloseButton(props: CloseButtonProps) {\n  const { style, margin, position = \"top right\", ...rest } = props;\n  const [y, x] = position.split(\" \");\n\n  return (\n    <Button\n      square\n      position=\"absolute\"\n      data-pos-x={x}\n      data-pos-y={y}\n      style={{ margin, ...style }}\n      {...rest}\n    >\n      <CloseIcon />\n    </Button>\n  );\n}\n"],"names":["CloseIcon","props","width","height","rest","_jsxs","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","xmlns","viewBox","children","_jsx","d","CloseButton","style","margin","position","y","x","split","Button","square"],"mappings":"+FAIA,SAASA,EAAUC,GACjB,MAAMC,MAAEA,EAAQ,GAAEC,OAAEA,EAASD,KAAUE,GAASH,EAChD,OACEI,EAAA,MAAA,CACEC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,WACXN,EACJO,MAAM,6BACNC,QAAQ,YACRV,MAAOA,EACPC,OAAQA,EAAMU,SAAA,CAEdC,UAAMC,EAAE,eACRD,EAAA,OAAA,CAAMC,EAAE,iBAGd,CAUM,SAAUC,EAAYf,GAC1B,MAAMgB,MAAEA,EAAKC,OAAEA,EAAMC,SAAEA,EAAW,eAAgBf,GAASH,GACpDmB,EAAGC,GAAKF,EAASG,MAAM,KAE9B,OACER,EAACS,EAAM,CACLC,QAAM,EACNL,SAAS,WAAU,aACPE,EAAC,aACDD,EACZH,MAAO,CAAEC,YAAWD,MAChBb,EAAIS,SAERC,EAACd,EAAS,CAAA,IAGhB"}

package/dist/Layout/Dialog/Dialog.d.ts

@@ -8,6 +8,7 @@ export interface DialogProps extends Omit<ComponentProps<"dialog">, OmittedProps
     fullWidth?: boolean;
     fullScreen?: boolean;
     disablePortal?: boolean;
+    disableGutters?: boolean;
 }
 export declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Layout/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as o}from"react";import r from"react-dom";import i from"./Dialog.module.css.js";import{cn as c}from"@studiocubics/utils";function l(l){const{open:s,onClose:u,children:d,fullWidth:a=!1,fullScreen:f=!1,disablePortal:m=!1,className:p="",style:h,...v}=l,g=t(null),[b,k]=n(!1);o(()=>{k(!0)},[]),o(()=>{if(!b)return;const e=g.current;e&&(s&&!e.open?e.showModal():!s&&e.open&&e.close())},[s,b]),o(()=>{if(!b)return;const e=g.current;if(e)return e.addEventListener("cancel",t),e.addEventListener("click",n),()=>{e.removeEventListener("cancel",t),e.removeEventListener("click",n)};function t(e){e.preventDefault(),u(e,"escapeKeyDown")}function n(t){if(!e)return;const n=e.getBoundingClientRect();n.top<=t.clientY&&t.clientY<=n.top+n.height&&n.left<=t.clientX&&t.clientX<=n.left+n.width||u(t,"backdropClick")}},[u,b]);const w=e("dialog",{...v,ref:g,style:{width:a||f?"100%":void 0,height:f?"100%":void 0,...h},className:c(p,i.root,f?i.fullScreen:"",a?i.fullWidth:""),children:d});return b&&s?m?w:r.createPortal(w,document.body):null}export{l as Dialog};
+"use client";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import o from"react-dom";import i from"./Dialog.module.css.js";import{cn as l}from"@studiocubics/utils";function c(c){const{open:s,onClose:u,children:d,fullWidth:a=!1,fullScreen:f=!1,disablePortal:m=!1,disableGutters:p=!1,className:h="",style:v,...b}=c,g=t(null),[k,w]=n(!1);r(()=>{w(!0)},[]),r(()=>{if(!k)return;const e=g.current;e&&(s&&!e.open?e.showModal():!s&&e.open&&e.close())},[s,k]),r(()=>{if(!k)return;const e=g.current;if(e)return e.addEventListener("cancel",t),e.addEventListener("click",n),()=>{e.removeEventListener("cancel",t),e.removeEventListener("click",n)};function t(e){e.preventDefault(),u(e,"escapeKeyDown")}function n(t){if(!e)return;const n=e.getBoundingClientRect();n.top<=t.clientY&&t.clientY<=n.top+n.height&&n.left<=t.clientX&&t.clientX<=n.left+n.width||u(t,"backdropClick")}},[u,k]);const y=e("dialog",{...b,ref:g,style:{width:a||f?"100%":void 0,height:f?"100%":void 0,...v},className:l(h,i.root,f?i.fullScreen:"",a?i.fullWidth:"",p?i.disableGutters:""),children:d});return k&&s?m?y:o.createPortal(y,document.body):null}export{c as Dialog};
 //# sourceMappingURL=Dialog.js.map

package/dist/Layout/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/Layout/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styles from \"./Dialog.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport type CloseReason = \"backdropClick\" | \"escapeKeyDown\";\n\ntype OmittedProps = \"onClose\" | \"onCancel\";\n\nexport interface DialogProps\n  extends Omit<ComponentProps<\"dialog\">, OmittedProps> {\n  open: boolean;\n  onClose: (event: Event | MouseEvent, reason: CloseReason) => void;\n  children?: ReactNode;\n  fullWidth?: boolean;\n  fullScreen?: boolean;\n  disablePortal?: boolean;\n}\n// TODO fix dialog not reopening when closed with esc\nexport function Dialog(props: DialogProps) {\n  const {\n    open,\n    onClose,\n    children,\n    fullWidth = false,\n    fullScreen = false,\n    disablePortal = false,\n    className = \"\",\n    style,\n    ...rest\n  } = props;\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const [mounted, setMounted] = useState(false);\n  // Only mark as mounted on client\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  // Show or close dialog using native API\n  useEffect(() => {\n    if (!mounted) return;\n\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open, mounted]);\n\n  // Close handlers\n  useEffect(() => {\n    if (!mounted) return;\n\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    function handleCancel(e: Event) {\n      e.preventDefault();\n      onClose(e, \"escapeKeyDown\");\n    }\n\n    function handleClick(e: MouseEvent) {\n      if (!dialog) return;\n      const rect = dialog.getBoundingClientRect();\n      const isInDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!isInDialog) {\n        onClose(e, \"backdropClick\");\n      }\n    }\n\n    dialog.addEventListener(\"cancel\", handleCancel);\n    dialog.addEventListener(\"click\", handleClick);\n\n    return () => {\n      dialog.removeEventListener(\"cancel\", handleCancel);\n      dialog.removeEventListener(\"click\", handleClick);\n    };\n  }, [onClose, mounted]);\n\n  const dialogContent = (\n    <dialog\n      {...rest}\n      ref={dialogRef}\n      style={{\n        width: fullWidth || fullScreen ? \"100%\" : undefined,\n        height: fullScreen ? \"100%\" : undefined,\n        ...style,\n      }}\n      className={cn(\n        className,\n        styles.root,\n        fullScreen ? styles.fullScreen : \"\",\n        fullWidth ? styles.fullWidth : \"\",\n      )}\n    >\n      {children}\n    </dialog>\n  );\n\n  // Only render portal on client\n  if (!mounted) return null;\n  if (!open) return null;\n\n  if (disablePortal) return dialogContent;\n\n  return ReactDOM.createPortal(dialogContent, document.body);\n}\n"],"names":["Dialog","props","open","onClose","children","fullWidth","fullScreen","disablePortal","className","style","rest","dialogRef","useRef","mounted","setMounted","useState","useEffect","dialog","current","showModal","close","addEventListener","handleCancel","handleClick","removeEventListener","e","preventDefault","rect","getBoundingClientRect","top","clientY","height","left","clientX","width","dialogContent","_jsx","ref","undefined","cn","styles","root","ReactDOM","createPortal","document","body"],"mappings":"yNA2BM,SAAUA,EAAOC,GACrB,MAAMC,KACJA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,UACRA,GAAY,EAAKC,WACjBA,GAAa,EAAKC,cAClBA,GAAgB,EAAKC,UACrBA,EAAY,GAAEC,MACdA,KACGC,GACDT,EACEU,EAAYC,EAA0B,OACrCC,EAASC,GAAcC,GAAS,GAEvCC,EAAU,KACRF,GAAW,IACV,IAGHE,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACpBD,IAEDf,IAASe,EAAOf,KAClBe,EAAOE,aACGjB,GAAQe,EAAOf,MACzBe,EAAOG,UAER,CAAClB,EAAMW,IAGVG,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACzB,GAAKD,EAwBL,OAHAA,EAAOI,iBAAiB,SAAUC,GAClCL,EAAOI,iBAAiB,QAASE,GAE1B,KACLN,EAAOO,oBAAoB,SAAUF,GACrCL,EAAOO,oBAAoB,QAASD,IAxBtC,SAASD,EAAaG,GACpBA,EAAEC,iBACFvB,EAAQsB,EAAG,gBACb,CAEA,SAASF,EAAYE,GACnB,IAAKR,EAAQ,OACb,MAAMU,EAAOV,EAAOW,wBAElBD,EAAKE,KAAOJ,EAAEK,SACdL,EAAEK,SAAWH,EAAKE,IAAMF,EAAKI,QAC7BJ,EAAKK,MAAQP,EAAEQ,SACfR,EAAEQ,SAAWN,EAAKK,KAAOL,EAAKO,OAG9B/B,EAAQsB,EAAG,gBAEf,GASC,CAACtB,EAASU,IAEb,MAAMsB,EACJC,EAAA,SAAA,IACM1B,EACJ2B,IAAK1B,EACLF,MAAO,CACLyB,MAAO7B,GAAaC,EAAa,YAASgC,EAC1CP,OAAQzB,EAAa,YAASgC,KAC3B7B,GAELD,UAAW+B,EACT/B,EACAgC,EAAOC,KACPnC,EAAakC,EAAOlC,WAAa,GACjCD,EAAYmC,EAAOnC,UAAY,aAGhCD,IAKL,OAAKS,GACAX,EAEDK,EAAsB4B,EAEnBO,EAASC,aAAaR,EAAeS,SAASC,MALhC,IAMvB"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/Layout/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styles from \"./Dialog.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport type CloseReason = \"backdropClick\" | \"escapeKeyDown\";\n\ntype OmittedProps = \"onClose\" | \"onCancel\";\n\nexport interface DialogProps\n  extends Omit<ComponentProps<\"dialog\">, OmittedProps> {\n  open: boolean;\n  onClose: (event: Event | MouseEvent, reason: CloseReason) => void;\n  children?: ReactNode;\n  fullWidth?: boolean;\n  fullScreen?: boolean;\n  disablePortal?: boolean;\n  disableGutters?: boolean;\n  // TODO Add disable padding\n}\n// TODO fix dialog not reopening when closed with esc\nexport function Dialog(props: DialogProps) {\n  const {\n    open,\n    onClose,\n    children,\n    fullWidth = false,\n    fullScreen = false,\n    disablePortal = false,\n    disableGutters = false,\n    className = \"\",\n    style,\n    ...rest\n  } = props;\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const [mounted, setMounted] = useState(false);\n  // Only mark as mounted on client\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  // Show or close dialog using native API\n  useEffect(() => {\n    if (!mounted) return;\n\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) {\n      dialog.showModal();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open, mounted]);\n\n  // Close handlers\n  useEffect(() => {\n    if (!mounted) return;\n\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    function handleCancel(e: Event) {\n      e.preventDefault();\n      onClose(e, \"escapeKeyDown\");\n    }\n\n    function handleClick(e: MouseEvent) {\n      if (!dialog) return;\n      const rect = dialog.getBoundingClientRect();\n      const isInDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!isInDialog) {\n        onClose(e, \"backdropClick\");\n      }\n    }\n\n    dialog.addEventListener(\"cancel\", handleCancel);\n    dialog.addEventListener(\"click\", handleClick);\n\n    return () => {\n      dialog.removeEventListener(\"cancel\", handleCancel);\n      dialog.removeEventListener(\"click\", handleClick);\n    };\n  }, [onClose, mounted]);\n\n  const dialogContent = (\n    <dialog\n      {...rest}\n      ref={dialogRef}\n      style={{\n        width: fullWidth || fullScreen ? \"100%\" : undefined,\n        height: fullScreen ? \"100%\" : undefined,\n        ...style,\n      }}\n      className={cn(\n        className,\n        styles.root,\n        fullScreen ? styles.fullScreen : \"\",\n        fullWidth ? styles.fullWidth : \"\",\n        disableGutters ? styles.disableGutters : \"\",\n      )}\n    >\n      {children}\n    </dialog>\n  );\n\n  // Only render portal on client\n  if (!mounted) return null;\n  if (!open) return null;\n\n  if (disablePortal) return dialogContent;\n\n  return ReactDOM.createPortal(dialogContent, document.body);\n}\n"],"names":["Dialog","props","open","onClose","children","fullWidth","fullScreen","disablePortal","disableGutters","className","style","rest","dialogRef","useRef","mounted","setMounted","useState","useEffect","dialog","current","showModal","close","addEventListener","handleCancel","handleClick","removeEventListener","e","preventDefault","rect","getBoundingClientRect","top","clientY","height","left","clientX","width","dialogContent","_jsx","ref","undefined","cn","styles","root","ReactDOM","createPortal","document","body"],"mappings":"yNA6BM,SAAUA,EAAOC,GACrB,MAAMC,KACJA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,UACRA,GAAY,EAAKC,WACjBA,GAAa,EAAKC,cAClBA,GAAgB,EAAKC,eACrBA,GAAiB,EAAKC,UACtBA,EAAY,GAAEC,MACdA,KACGC,GACDV,EACEW,EAAYC,EAA0B,OACrCC,EAASC,GAAcC,GAAS,GAEvCC,EAAU,KACRF,GAAW,IACV,IAGHE,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACpBD,IAEDhB,IAASgB,EAAOhB,KAClBgB,EAAOE,aACGlB,GAAQgB,EAAOhB,MACzBgB,EAAOG,UAER,CAACnB,EAAMY,IAGVG,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACzB,GAAKD,EAwBL,OAHAA,EAAOI,iBAAiB,SAAUC,GAClCL,EAAOI,iBAAiB,QAASE,GAE1B,KACLN,EAAOO,oBAAoB,SAAUF,GACrCL,EAAOO,oBAAoB,QAASD,IAxBtC,SAASD,EAAaG,GACpBA,EAAEC,iBACFxB,EAAQuB,EAAG,gBACb,CAEA,SAASF,EAAYE,GACnB,IAAKR,EAAQ,OACb,MAAMU,EAAOV,EAAOW,wBAElBD,EAAKE,KAAOJ,EAAEK,SACdL,EAAEK,SAAWH,EAAKE,IAAMF,EAAKI,QAC7BJ,EAAKK,MAAQP,EAAEQ,SACfR,EAAEQ,SAAWN,EAAKK,KAAOL,EAAKO,OAG9BhC,EAAQuB,EAAG,gBAEf,GASC,CAACvB,EAASW,IAEb,MAAMsB,EACJC,EAAA,SAAA,IACM1B,EACJ2B,IAAK1B,EACLF,MAAO,CACLyB,MAAO9B,GAAaC,EAAa,YAASiC,EAC1CP,OAAQ1B,EAAa,YAASiC,KAC3B7B,GAELD,UAAW+B,EACT/B,EACAgC,EAAOC,KACPpC,EAAamC,EAAOnC,WAAa,GACjCD,EAAYoC,EAAOpC,UAAY,GAC/BG,EAAiBiC,EAAOjC,eAAiB,IAC1CJ,SAEAA,IAKL,OAAKU,GACAZ,EAEDK,EAAsB6B,EAEnBO,EAASC,aAAaR,EAAeS,SAASC,MALhC,IAMvB"}

package/dist/Layout/Dialog/Dialog.module.css.js

@@ -1,2 +1,2 @@
-var l={root:"Dialog-module_root__tN0RQ",fullWidth:"Dialog-module_fullWidth__WXiYO",fullScreen:"Dialog-module_fullScreen__BG9mu"};export{l as default};
+var l={root:"Dialog-module_root__tN0RQ",disableGutters:"Dialog-module_disableGutters__ElvCg",fullWidth:"Dialog-module_fullWidth__WXiYO",fullScreen:"Dialog-module_fullScreen__BG9mu"};export{l as default};
 //# sourceMappingURL=Dialog.module.css.js.map

package/dist/index.css

@@ -1 +1 @@
-.Card-module_square__SK-KQ{aspect-ratio:1}.Card-module_fullWidth__pIEIZ{width:100%}.Card-module_size_sm__B3eSI{border-radius:var(--shape-br-sm);padding:var(--spacing-gap-2)}.Card-module_size_md__15alI{border-radius:var(--shape-br-md);padding:var(--spacing-gap-4)}.Card-module_size_lg__HCTUY{border-radius:var(--shape-br-lg);padding:var(--spacing-gap-6)}.Card-module_outlined__TPads{background:none;border:1px solid var(--color-outline)}.Card-module_contained__EFPqh{backdrop-filter:var(--backdrop-blur);background:var(--color-surface-alpha)}.CollectionItemCard-module_root__v3IlF{align-items:stretch;background-color:var(--color-background);border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.CollectionItemCard-module_image__TfkAn{align-items:center;display:flex;height:20svh;justify-content:center;overflow:hidden;width:100%;&>img{height:100%;object-fit:cover;width:100%}}.CollectionItemCard-module_main__47qRO{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));color:var(--color-on-surface);display:flex;flex:1;flex-direction:column;gap:.1618em;margin:var(--spacing-gap);overflow:hidden;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);pointer-events:all;transition:all var(--transition-time) var(--transition-tf);&>p{align-items:center;display:flex}}.CollectionItemCard-module_description__BQapV{color:var(--color-on-background-faint);font-size:.8em}.CollectionItemCard-module_subtitle__gThMk{color:var(--color-on-background-faint);font-size:1em}.CollectionItemCard-module_clickable__d3rRV{transition:all var(--transition-time) var(--transition-tf);&>.CollectionItemCard-module_main__47qRO{background:var(--color-background);cursor:pointer}&:has(.CollectionItemCard-module_main__47qRO:hover){background:var(--color-background-faint)}}.CollectionItemCard-module_title__B-sLi{align-items:center;display:flex;gap:var(--spacing-gap-2);&>h4{flex:1;font-size:1.2em}}.CollectionItemCard-module_footer__-8LZo{display:flex;justify-content:flex-end;pointer-events:all}@container (min-width:600px){.CollectionItemCard-module_root__v3IlF{flex-direction:row;&>.CollectionItemCard-module_image__TfkAn{aspect-ratio:1;height:auto;max-width:6rem;min-width:3rem;width:10vw}}}.ClampedText-module_root__WGLiO{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Chip-module_root__aw3YS{--badge-outline-color:var(--color-outline);--badge-color:var(--color-on-surface);--badge-background:var(--color-surface);align-items:center;background:var(--badge-background);border:1px solid var(--badge-outline-color);color:var(--badge-color);display:flex;flex-wrap:wrap;font-size:.9em;gap:var(--spacing-gap);width:fit-content}.Chip-module_outlined__MdLuF{background:none}.Chip-module_contained__h-xuY{border:none}.Chip-module_size_sm__v0VIz{border-radius:var(--shape-br-xs);font-size:.8em;padding:calc(var(--spacing-gap)/2) calc((var(--spacing-gap)/2)*1.618)}.Chip-module_size_md__Shvvz{border-radius:var(--shape-br-sm);padding:calc(var(--spacing-gap-2)/2) calc((var(--spacing-gap-2)/2)*1.618)}.Chip-module_size_lg__sqT26{border-radius:var(--shape-br-sm);font-size:1em;padding:calc(var(--spacing-gap-3)/2) calc((var(--spacing-gap-3)/2)*1.618)}.Chip-module_root__aw3YS[data-color=primary]{--badge-color:var(--color-primary);--badge-background:none;--badge-outline-color:var(--color-primary)}.Chip-module_root__aw3YS[data-color=secondary]{--badge-color:var(--color-secondary);--badge-background:none;--badge-outline-color:var(--color-secondary)}.Chip-module_root__aw3YS[data-color=error]{--badge-color:var(--color-error);--badge-background:none;--badge-outline-color:var(--color-error)}.Chip-module_contained__h-xuY[data-color=primary]{--badge-color:var(--color-on-primary);--badge-background:var(--color-primary)}.Chip-module_contained__h-xuY[data-color=secondary]{--badge-color:var(--color-on-secondary);--badge-background:var(--color-secondary)}.Chip-module_contained__h-xuY[data-color=error]{--badge-color:var(--color-on-error);--badge-background:var(--color-error)}.Ripple-module_container__4Dv-f{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.Ripple-module_ripple__-a0Jv{--ripple-color:currentColor;--ripple-duration:750ms;animation:Ripple-module_ripple-expand__jWi54 var(--ripple-duration,.75s) var(--transition-tf);background:var(--ripple-color);border-radius:50%;filter:blur(10px);opacity:.6;pointer-events:none;position:absolute;transform:scale(0)}@keyframes Ripple-module_ripple-expand__jWi54{to{opacity:0;transform:scale(2)}}.Button-module_root__hmumx{--button-color:var(--color-on-background);--button-background:none;--button-hover-color:var(--color-on-background);--button-hover-background:var(--color-background-faint);--button-outline-color:var(--color-on-background);align-items:center;background:var(--button-background);border:none;color:var(--button-color);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);font-weight:700;gap:var(--spacing-gap);justify-content:center;padding:var(--spacing-gap) calc(var(--spacing-gap-3)*1.618);position:relative;transition:all var(--transition-time) var(--transition-tf);&:not(:disabled):hover{background:color-mix(in srgb,var(--button-hover-background) 50%,transparent);color:var(--button-hover-color)}&:disabled{opacity:.5}}.Button-module_iconContainer__-VER1{align-items:center;display:flex;height:max-content;justify-content:center}.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}.Button-module_root__hmumx:disabled{cursor:not-allowed}.Button-module_root__hmumx:focus-visible{outline:var(--focus-ring)}.Button-module_size_sm__Qk6rp{border-radius:var(--shape-br-sm);font-size:.9em;padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap)}}.Button-module_size_md__qWVt-{border-radius:var(--shape-br-md);padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}}.Button-module_size_lg__e7Ely{border-radius:var(--shape-br-lg);font-size:var(--fs-body);padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-3)}}.Button-module_contained__tlUyK{--button-color:var(--color-background);--button-background:var(--color-on-background);&:not(:disabled):hover{background:var(--button-hover-background)}}.Button-module_outlined__rgbFf{border:1px solid var(--button-outline-color)}.Button-module_position_absolute__NN8P1{position:absolute}.Button-module_position_relative__r0CV0{position:relative}.Button-module_position_fixed__LilZy{position:fixed}.Button-module_position_sticky__2ixpW{position:sticky}.Button-module_fullWidth__5o7qa{width:100%}.Button-module_root__hmumx[data-color=primary]{--button-color:var(--color-primary);--button-background:none;--button-hover-color:var(--color-on-primary-container);--button-hover-background:var(--color-primary-container);--button-outline-color:var(--color-primary)}.Button-module_root__hmumx[data-color=secondary]{--button-color:var(--color-secondary);--button-background:none;--button-hover-color:var(--color-on-secondary-container);--button-hover-background:var(--color-secondary-container);--button-outline-color:var(--color-secondary)}.Button-module_root__hmumx[data-color=error]{--button-color:var(--color-error);--button-background:none;--button-hover-color:var(--color-on-error-container);--button-hover-background:var(--color-error-container);--button-outline-color:var(--color-error)}.Button-module_contained__tlUyK[data-color=primary]{--button-color:var(--color-on-primary);--button-background:var(--color-primary)}.Button-module_contained__tlUyK[data-color=secondary]{--button-color:var(--color-on-secondary);--button-background:var(--color-secondary)}.Button-module_contained__tlUyK[data-color=error]{--button-color:var(--color-on-error);--button-background:var(--color-error)}.Tooltip-module_root__nip6a{--spacing-arrow-offset:6px;background:var(--color-surface);border-radius:var(--shape-br-sm);color:var(--color-on-surface);font-size:var(--fs-body2);font-weight:700;padding:var(--spacing-gap) var(--spacing-gap-2);pointer-events:none;position:fixed;text-align:center;z-index:9999}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottom__9gsgJ{margin-bottom:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_top__w9xkd{margin-top:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_right__5XexK{margin-left:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_left__DB9W9{margin-right:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_topLeft__6gV4I{border-top-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_topRight__L5URY{border-top-right-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottomLeft__igebI{border-bottom-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottomRight__iDyHl{border-bottom-right-radius:0}.Tooltip-module_root__nip6a:after{content:"";height:0;position:absolute;width:0}.Tooltip-module_arrow_bottom__9gsgJ:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1);left:50%;transform:translateX(-50%)}.Tooltip-module_arrow_top__w9xkd:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);left:50%;top:calc(var(--spacing-arrow-offset)*-1);transform:translateX(-50%)}.Tooltip-module_arrow_right__5XexK:after{border-color:transparent transparent transparent var(--color-surface);border-style:solid;border-width:var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset);right:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow_left__DB9W9:after{border-color:transparent var(--color-surface) transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0;left:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow_topLeft__6gV4I:after{left:0}.Tooltip-module_arrow_topLeft__6gV4I:after,.Tooltip-module_arrow_topRight__L5URY:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);top:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow_topRight__L5URY:after{right:0}.Tooltip-module_arrow_bottomLeft__igebI:after{left:0}.Tooltip-module_arrow_bottomLeft__igebI:after,.Tooltip-module_arrow_bottomRight__iDyHl:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow_bottomRight__iDyHl:after{right:0}.Popover-module_root__HE-kk{background:none;border:none;position:absolute}.Popover-module_root__HE-kk.Popover-module_open__1aLk-::backdrop{cursor:auto}.Dialog-module_root__tN0RQ[open]{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface);border-radius:var(--shape-br-lg);margin:auto;max-height:80%;max-width:45rem;min-width:350px;overflow:hidden;padding:var(--spacing-gap-6);width:50%;&.Dialog-module_fullScreen__BG9mu,&.Dialog-module_fullWidth__WXiYO{max-width:unset;width:100%}&.Dialog-module_fullScreen__BG9mu{height:100%;max-height:unset}}.Dialog-module_root__tN0RQ::backdrop{backdrop-filter:var(--backdrop-blur)}.GlassCard-module_root__rmCxh{--glass-tint:var(--color-primary);--glass-border-width:2px;--glass-border-radius:var(--shape-br-md);--glass-border-color:var(--color-outline);--glass-mouse-pointer-color:color-mix(in srgb,var(--glass-tint) 50%,transparent);--glass-shadow:color-mix(in srgb,var(--glass-tint) 15%,transparent);--glass-backdrop-blur:5px;--glass-position:relative;backdrop-filter:blur(var(--glass-backdrop-blur));border-radius:var(--glass-border-radius);box-shadow:inset 0 0 4px var(--glass-shadow);isolation:isolate;position:var(--glass-position);&:after{--glass-reflection-i:color-mix(in srgb,var(--glass-tint) 20%,transparent);--glass-reflection:color-mix(in srgb,var(--glass-tint) 40%,transparent);--glass-reflection-w:#ffffff79;background-image:linear-gradient(var(--gradient-angle,255deg),var(--glass-reflection-w) 0,var(--glass-reflection) .5%,transparent 30%,transparent 70%,var(--glass-reflection-i) 100%);opacity:var(--glass-reflection-intensity,1);z-index:-2}&:after,&:before{border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) exclude,linear-gradient(#000 0 0) content-box;padding:var(--glass-border-width);position:absolute}&:before{background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y),var(--glass-mouse-pointer-color),transparent 40%);opacity:1;pointer-events:none;transition:opacity var(--transition-time);z-index:-1}}.Accordion-module_summary__3uXXu{align-items:center;border-radius:var(--shape-br-md);cursor:pointer;display:flex;gap:var(--spacing-gap);isolation:isolate;padding:var(--spacing-gap);position:relative;transition:all var(--transition-time) var(--transition-tf);&:hover{background:var(--color-background-faint)}}.Accordion-module_highlight__YzcnA{inset:0;position:absolute;z-index:-1}.Accordion-module_summaryContent__-Wu52{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));container-type:inline-size;flex:1;overflow:hidden}.Accordion-module_marker__7gmt8{flex:0 0 var(--spacing-gap-4);height:var(--spacing-gap-4);position:relative;width:var(--spacing-gap-4);&>svg{inset:0;position:absolute}}.Accordion-module_root__-tG1G{background:var(--color-background);border-radius:var(--shape-br-md);margin-block:0;overflow:hidden;transition:margin-block var(--transition-time) var(--transition-tf);@media (prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{max-height:0;overflow:hidden;transition:content-visibility var(--transition-time) allow-discrete,max-height var(--transition-time) var(--transition-tf)}&[open]{margin-block:var(--spacing-gap-2);&>.Accordion-module_summary__3uXXu{background:var(--color-surface)}&::details-content{max-height:999px;@supports (interpolate-size:allow-keywords){max-height:auto}}}}.Accordion-module_content__NPbBr{padding:var(--spacing-gap-3)}.Divider-module_divider__BgWgK{background:var(--color-outline);border:none;display:flex;margin:0;padding:0}.Divider-module_divider__BgWgK.Divider-module_horizontal__X-JFV{align-self:stretch;flex:1;height:1px}.Divider-module_divider__BgWgK.Divider-module_vertical__A8ggo{align-self:stretch;flex:1;width:1px}.Divider-module_container__2-kIW{color:var(--color-on-background-faint);display:flex;gap:.5em}.Divider-module_container__2-kIW.Divider-module_horizontal__X-JFV{height:fit-content;width:100%}.Divider-module_container__2-kIW.Divider-module_horizontal__X-JFV>.Divider-module_divider__BgWgK.Divider-module_horizontal__X-JFV{align-self:center}.Divider-module_container__2-kIW.Divider-module_vertical__A8ggo{flex-direction:column;height:100%;width:fit-content}.Divider-module_container__2-kIW.Divider-module_vertical__A8ggo>.Divider-module_divider__BgWgK.Divider-module_vertical__A8ggo{align-self:center}.IdentityDisplay-module_root__nEI-t{border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-gap-2);position:relative;transition:padding var(--transition-time) var(--transition-tf),width .1s var(--transition-time) var(--transition-tf),color var(--transition-time) var(--transition-tf),background var(--transition-time) var(--transition-tf)}.IdentityDisplay-module_clickable__Xloez{cursor:pointer;&:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}}.IdentityDisplay-module_main__27-fb{align-items:center;display:flex;gap:var(--spacing-gap-2)}.IdentityDisplay-module_image__YD-pm{align-items:center;display:flex;justify-content:center;&>img{border-radius:50%;height:48px;object-fit:cover;overflow:hidden;width:48px}}.IdentityDisplay-module_details__kSAvW{color:inherit;display:flex;flex-direction:column;& h4{font-size:1.1em;font-weight:700}& h4,&>p{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}&>p{color:var(--color-on-background-faint);font-size:.9em;font-weight:400}}.IdentityDisplay-module_desc__QHEz8{font-size:.9em}.IdentityDisplay-module_image-only__LBjOr{padding:0;& .IdentityDisplay-module_image__YD-pm,& .IdentityDisplay-module_main__27-fb{width:100%}.IdentityDisplay-module_desc__QHEz8,.IdentityDisplay-module_details__kSAvW{display:none}}.IdentityDisplay-module_square__f2jb0{.IdentityDisplay-module_main__27-fb{align-items:center;flex-direction:column}.IdentityDisplay-module_details__kSAvW{&>h4,&>p{text-align:center}}.IdentityDisplay-module_desc__QHEz8{display:none}}.IdentityDisplay-module_compact__ilrg-{.IdentityDisplay-module_desc__QHEz8{display:none}}.InputErrors-module_root__APxhq{color:var(--color-error);display:flex;flex-direction:column;font-size:.9em}.Kbd-module_root__OFPCy{align-items:center;display:flex;gap:var(--spacing-gap)}.Kbd-module_kbd__F-c6z{--kbd-size-x:1;--kbd-size-y:1;--kbd-base:30px;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:60%;gap:.1em;height:calc(var(--kbd-size-y)*var(--kbd-base));justify-content:center;padding:.2em;text-align:center;width:calc(var(--kbd-size-x)*var(--kbd-base));&.Kbd-module_surface__xpquz{background:#313133;border-radius:.4em;color:#ebd6dc}}.LabeledValue-module_root__Vu-iA{align-items:center;display:flex;flex-direction:row;padding-block:var(--spacing-gap);&>.LabeledValue-module_content__EIsuq{flex:1}&>label{color:var(--color-on-background-faint);font-size:.9em;padding-right:var(--spacing-gap-2)}&>.LabeledValue-module_content__EIsuq{border-left:1px solid var(--color-outline);padding-left:var(--spacing-gap-2)}}@container (max-width:400px){.LabeledValue-module_root__Vu-iA{align-items:stretch;flex-direction:column;&>label{padding-right:0}&>.LabeledValue-module_content__EIsuq{border-left:none;padding-left:0}}}.List-module_root__VY-ni{display:flex;flex-direction:column;list-style-type:none;padding-inline:var(--spacing-gap-3);position:relative}.List-module_root__VY-ni:has(.List-module_shortened__cbFoK){padding:0}.List-module_secondary__lU6qH{border-left:1px solid var(--color-outline);margin-left:var(--spacing-gap-3);margin-block:var(--spacing-gap-2);padding-inline:var(--spacing-gap)}.List-module_listItem__8lcu6{--list-color:var(--color-on-background);--list-background:transparent;--list-hover-color:var(--color-on-background);--list-hover-background:var(--color-background-faint);--list-selected-color:var(--color-primary);--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none;align-items:center;background:var(--list-background);border-radius:var(--shape-br-sm);color:var(--list-color);display:flex;gap:var(--spacing-gap);justify-content:center;overflow:hidden;padding:calc(var(--spacing-gap-3)/1.75) calc(var(--spacing-gap-3)*1.618/1.75);position:relative;transition:all var(--transition-time) var(--transition-tf)}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n{cursor:pointer}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n:not(.List-module_selected__nXBs4):not(:disabled):hover{background:color-mix(in srgb,var(--list-hover-background) 50%,transparent);color:var(--list-hover-color)}.List-module_listItem__8lcu6:focus-visible{outline:var(--focus-ring)}.List-module_selected__nXBs4{background:var(--list-selected-background);color:var(--list-selected-color);&:hover{background:var(--list-selected-hover-background);color:var(--list-selected-hover-color)}}.List-module_disabled__RJxHm{background:var(--color-background-faint);color:var(--color-on-background-faint);cursor:not-allowed}.List-module_shortened__cbFoK{gap:0;&>:not(.List-module_primaryIcon__WyWmw){max-width:0}}.List-module_content__Q2M2b{flex:1;font-weight:700;overflow:hidden}.List-module_content__Q2M2b,.List-module_iconContainer__ZHqxe{align-items:center;color:inherit;display:flex;max-width:50ch;transition:max-width var(--transition-time) var(--transition-tf)}.List-module_iconContainer__ZHqxe{justify-content:center}.List-module_dropDownIcon__XfJpu{display:block;position:relative}.List-module_dropDownIcon__XfJpu.List-module_openSublist__Izz1t{rotate:180deg}.List-module_marker__o4rTn{--glass-border-radius:var(--shape-br-sm);background-color:color-mix(in srgb,var(--color-background) 50%,transparent);display:none;left:0;position:absolute;transition:width 0s linear,top var(--transition-time) var(--transition-tf),left var(--transition-time) var(--transition-tf);width:0;z-index:-1}.List-module_listItem__8lcu6[data-color=primary]{--list-color:var(--color-primary);--list-background:transparent;--list-hover-color:var(--color-on-primary-container);--list-hover-background:var(--color-primary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=secondary]{--list-color:var(--color-secondary);--list-background:transparent;--list-hover-color:var(--color-on-secondary-container);--list-hover-background:var(--color-secondary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=error]{--list-color:var(--color-error);--list-background:transparent;--list-hover-color:var(--color-on-error-container);--list-hover-background:var(--color-error-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-secondary);--list-selected-hover-background:none}.Skeleton-module_root__Ft3Ey{--skeleton-color-main:var(--color-surface);--skeleton-color-wave:color-mix(in srgb,var(--color-surface) 80%,var(--color-primary) 10%);animation:Skeleton-module_throb__SxiMC 2s var(--transition-tf) infinite;background-image:linear-gradient(to right,var(--skeleton-color-main) 0,var(--skeleton-color-wave) 50%,var(--skeleton-color-main) 100%);background-repeat:repeat-x;background-size:1000px 1000px;border-radius:var(--shape-br-md)}.Skeleton-module_large__LnDji{font-size:2rem}.Skeleton-module_medium__LjhY7{font-size:1.2rem}.Skeleton-module_small__j9Re2{font-size:.75rem}@keyframes Skeleton-module_wave__mC2od{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes Skeleton-module_throb__SxiMC{0%{background:var(--color-surface)}50%{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface) 100%)}to{background:var(--color-surface)}}.Toaster-module_root__jkhXJ{--margin:var(--spacing-gap-3);--peek:0px;height:calc(100% - var(--margin)*2);inset:var(--margin);pointer-events:none;position:fixed;width:calc(100% - var(--margin)*2);z-index:9999}.Toaster-module_toast__fX24q{align-items:center;background:var(--color-background-alpha);border-radius:var(--shape-br-md);color:var(--color-on-surface);display:flex;justify-content:space-between;max-width:340px;min-width:340px;padding:var(--spacing-gap-2) var(--spacing-gap-3);pointer-events:all;position:absolute;&[data-color=primary]{--glass-tint:var(--color-primary);background:var(--color-primary-alpha)}&[data-color=secondary]{--glass-tint:var(--color-secondary);background:var(--color-secondary-alpha)}&[data-color=error]{--glass-tint:var(--color-error);background:var(--color-error-alpha)}&[data-dismissing]{animation:Toaster-module_toast-exit__qsd8p .2s ease forwards}&[data-pos-y=top]{top:var(--peek);&:not([data-dismissing]){animation:Toaster-module_toast-enter-top__KP-c- .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-top__wkj2T .2s ease forwards}}&[data-pos-y=center]{top:calc(50% + var(--peek));translate:0 -50%;&:not([data-dismissing]){animation:Toaster-module_toast-enter-center-y__lg4Dp .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-center-y__60hoY .2s ease forwards}}&[data-pos-y=bottom]{bottom:var(--peek);&:not([data-dismissing]){animation:Toaster-module_toast-enter-bottom__n8V24 .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-bottom__WK7KT .2s ease forwards}}&[data-pos-x=left]{left:0}&[data-pos-x=center]{left:50%;translate:-50% 0}&[data-pos-x=right]{right:0}}@keyframes Toaster-module_toast-enter-top__KP-c-{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-enter-bottom__n8V24{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-enter-center-y__lg4Dp{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-exit-top__wkj2T{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -16px}}@keyframes Toaster-module_toast-exit-bottom__WK7KT{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 16px}}@keyframes Toaster-module_toast-exit-center-y__60hoY{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -16px}}.ConfirmationForm-module_root__ltcoI{color:var(--color-on-background-faint);display:flex;flex-direction:column;font-size:var(--fs-body2);gap:var(--spacing-gap-3);&>h4{border-bottom:1px solid var(--color-outline);color:var(--color-on-background-faint);font-size:1.2em;padding-bottom:var(--spacing-gap-3)}&[data-size=sm]{&>h4{font-size:1em}}&[data-size=md]{&>h4{font-size:1.2em}}&[data-size=lg]{&>h4{font-size:1.5em}}&[data-color=primary]{&>h4{color:var(--color-primary)}}&[data-color=secondary]{&>h4{color:var(--color-secondary)}}&[data-color=error]{&>h4{color:var(--color-error)}}&.ConfirmationForm-module_error__no9D0{& .ConfirmationForm-module_status__N5gJB{color:var(--color-error)}}}.ConfirmationForm-module_actions__TSHEJ{align-items:center;display:flex;gap:var(--spacing-gap-2);justify-content:flex-end}.ConfirmationForm-module_status__N5gJB{align-items:center;display:flex;flex:1}.Checkbox-module_root__52eFu{--outline:var(--color-outline);--color:var(--color-on-surface);--bgcolor:var(--color-surface);--focus-bgcolor:var(--color-background);--checked-outline:var(--color-on-surface);--checked-color:var(--color-surface);--checked-bgcolor:var(--color-on-surface);--indeterminate-outline:var(--color-on-surface);--indeterminate-color:var(--color-surface);--indeterminate-bgcolor:var(--color-on-surface);--disabled-outline:var(--color-background-alpha);--disabled-color:var(--color-on-background-faint);--disabled-bgcolor:var(--color-background-faint);--fs:var(--fs-body2);--size:var(--spacing-gap-4);--gap:var(--spacing-gap-2);--br:var(--shape-br-xs);align-items:center;display:flex;gap:var(--spacing-gap-2);&[data-color=primary]{--outline:var(--color-primary-alpha);--color:var(--color-primary);--bgcolor:var(--color-primary-alpha);--focus-bgcolor:var(--color-primary-container);--checked-outline:var(--color-primary);--checked-color:var(--color-on-primary-container);--checked-bgcolor:var(--color-primary-container);--indeterminate-outline:var(--color-primary);--indeterminate-color:var(--color-on-primary);--indeterminate-bgcolor:var(--color-primary)}&[data-color=secondary]{--outline:var(--color-secondary-alpha);--color:var(--color-secondary);--bgcolor:var(--color-secondary-alpha);--focus-bgcolor:var(--color-secondary-container);--checked-outline:var(--color-secondary);--checked-color:var(--color-on-secondary-container);--checked-bgcolor:var(--color-secondary-container);--indeterminate-outline:var(--color-secondary);--indeterminate-color:var(--color-on-secondary);--indeterminate-bgcolor:var(--color-secondary)}&[data-color=tertiary]{--outline:var(--color-tertiary-alpha);--color:var(--color-tertiary);--bgcolor:var(--color-tertiary-alpha);--focus-bgcolor:var(--color-tertiary-container);--checked-outline:var(--color-tertiary);--checked-color:var(--color-on-tertiary-container);--checked-bgcolor:var(--color-tertiary-container);--indeterminate-outline:var(--color-tertiary);--indeterminate-color:var(--color-on-tertiary);--indeterminate-bgcolor:var(--color-tertiary)}&[data-size=sm]{--fs:var(--fs-body2);--size:var(--spacing-gap-3);--gap:var(--spacing-gap);--br:var(--shape-br-xs)}&[data-size=lg]{--fs:var(--fs-body);--size:var(--spacing-gap-5);--gap:var(--spacing-gap-3);--br:var(--shape-br-sm)}}.Checkbox-module_inputWrapper__JZjHc{border-radius:var(--br);display:flex;height:fit-content;overflow:hidden;position:relative;&:has(input[type=checkbox]:checked){--color:var(--checked-color);--bgcolor:var(--checked-bgcolor);--outline:var(--checked-outline)}&:has(input[type=checkbox]:indeterminate){--color:var(--indeterminate-color);--bgcolor:var(--indeterminate-bgcolor);--outline:var(--indeterminate-outline)}&:has(input[type=checkbox]:disabled){--color:var(--disabled-color);--bgcolor:var(--disabled-bgcolor);--outline:var(--disabled-outline);opacity:.5}}.Checkbox-module_inputWrapper__JZjHc>input[type=checkbox]{background:var(--bgcolor);border:2.3px solid var(--outline);border-radius:inherit;color:var(--color);cursor:pointer;font:inherit;height:var(--size);transition:all var(--transition-time) var(--transition-tf);width:var(--size);&:disabled{cursor:not-allowed}}.Checkbox-module_inputWrapper__JZjHc>span{color:var(--color);height:100%;inset:0;pointer-events:none;position:absolute;&>svg{position:absolute}}.Checkbox-module_show__jXFKu{display:block}.Checkbox-module_hide__j-2PL{display:none}.Checkbox-module_show__jXFKu path{stroke-dasharray:45;stroke-dashoffset:45;animation:Checkbox-module_draw-check__THEN8 calc(var(--transition-time)*2) var(--transition-tf) forwards}.Checkbox-module_hide__j-2PL path{animation:Checkbox-module_draw-check__THEN8 calc(var(--transition-time)*2) var(--transition-tf) reverse}.Checkbox-module_label__4Llik{cursor:pointer}@keyframes Checkbox-module_draw-check__THEN8{to{stroke-dashoffset:0}}.CloseButton-module_root__k-sSS{position:absolute;right:var(--spacing-gap-3);top:var(--spacing-gap-3)}.PasswordInput-module_root__NPboh{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.PasswordInput-module_fullWidth__rpxCo{width:100%}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:focus){&>.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-focus-background);outline:none}.PasswordInput-module_label__3PGfK{color:var(--input-color)}}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:disabled){opacity:.5}}.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.PasswordInput-module_label__3PGfK{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.PasswordInput-module_input__4CMJv{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.PasswordInput-module_iconContainer__Irk1R{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-right:0}}}.PasswordInput-module_errored__eEIPd{--input-border:var(--color-error);--input-color:var(--color-error);&>.PasswordInput-module_inputWrapper__mq2VY{outline:1px solid var(--input-border);&>.PasswordInput-module_iconContainer__Irk1R{color:var(--input-color)}}&>.PasswordInput-module_label__3PGfK{color:var(--input-color)}}.PasswordInput-module_size_sm__zlHt4{.PasswordInput-module_label__3PGfK{font-size:.8em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618)}}.PasswordInput-module_size_md__-PLMI{.PasswordInput-module_label__3PGfK{font-size:.9em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618)}}.PasswordInput-module_size_lg__bWNCd{.PasswordInput-module_label__3PGfK{font-size:1em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618)}}.PasswordStrength-module_root__YPak5{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-gap);padding-inline:var(--spacing-gap);scale:1 0;transition:scale var(--transition-time) var(--transition-tf)}.PasswordStrength-module_title__PnvjF{flex:0 0 auto;font-size:.5rem}.PasswordStrength-module_strengthBars__VDp4V{align-items:flex-start;display:flex;flex:1 1 50%;gap:var(--spacing-gap)}.PasswordStrength-module_bar__cVDvu{background-color:currentColor;border-radius:999px;flex:1 1 25%;scale:0 0;transform-origin:top left;transition:all var(--transition-time) var(--transition-tf)}.PasswordStrength-module_weak__1uds9{height:3px;opacity:.3}.PasswordStrength-module_medium__iDdic{height:5px;opacity:.5}.PasswordStrength-module_good__WkBFX{height:7px;opacity:.8}.PasswordStrength-module_strong__WKvRA{height:9px}.PasswordStrength-module_show__D2ml-{scale:1 1}.TextInput-module_root__PFCcK{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextInput-module_fullWidth__AT0dl{width:100%}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:focus){&>.TextInput-module_inputWrapper__SJTji{background:var(--input-focus-background);outline:none}.TextInput-module_label__AVOE4{color:var(--input-color)}}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:disabled){opacity:.5}}.TextInput-module_inputWrapper__SJTji{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextInput-module_label__AVOE4{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.TextInput-module_input__I-YSj{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.TextInput-module_iconContainer__Mkob8{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-right:0}}}.TextInput-module_errored__OtcwB{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextInput-module_inputWrapper__SJTji{outline:1px solid var(--input-border);&>.TextInput-module_iconContainer__Mkob8{color:var(--input-color)}}&>.TextInput-module_label__AVOE4{color:var(--input-color)}}.TextInput-module_size_sm__5Y5wE{.TextInput-module_label__AVOE4{font-size:.8em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.TextInput-module_size_md__ngwcL{.TextInput-module_label__AVOE4{font-size:.9em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.TextInput-module_size_lg__vFWvg{.TextInput-module_label__AVOE4{font-size:1em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.Select-module_root__dxgVk{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.Select-module_fullWidth__Sm-ZO{width:100%}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:focus,.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:open){&>.Select-module_inputWrapper__WbY3I{background:var(--input-focus-background);outline:none}.Select-module_label__AHkLr{color:var(--input-color)}}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:disabled){opacity:.5}}.Select-module_inputWrapper__WbY3I{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.Select-module_label__AHkLr{color:var(--color-on-background-faint);cursor:pointer;font-size:.9em;margin-left:var(--spacing-gap);width:fit-content}.Select-module_input__RZaAp{appearance:base-select;background-color:var(--input-background);border:none;border-radius:var(--shape-br-sm);color:var(--input-color);cursor:pointer;flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);transition:all var(--transition-time) var(--transition-tf);&:focus,&:open{background-color:var(--input-focus-background);outline:none}&>option{appearance:base-select;background-color:var(--input-background);border-radius:var(--shape-br-sm);cursor:pointer;font-family:var(--font-p),sans-serif;padding:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--input-focus-background)}&:checked{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:700;transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--color-primary);color:var(--color-on-primary)}}&::checkmark{display:none}}}.Select-module_input__RZaAp::picker(select){appearance:base-select;background-color:var(--input-background);border:1px solid var(--color-outline);border-radius:var(--shape-br-sm);padding:var(--spacing-gap)}.Select-module_input__RZaAp::picker-icon{transition:rotate var(--transition-time) var(--transition-tf)}.Select-module_input__RZaAp:open::picker-icon{rotate:180deg}.Select-module_iconContainer__Xlvlm{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-right:0}}}.Select-module_errored__IDw1f{--input-border:var(--color-error);--input-color:var(--color-error);&>.Select-module_inputWrapper__WbY3I{outline:1px solid var(--input-border);&>.Select-module_iconContainer__Xlvlm{color:var(--input-color)}}&>.Select-module_label__AHkLr{color:var(--input-color)}}.Select-module_size_sm__6tbtv{.Select-module_label__AHkLr{font-size:.8em}.Select-module_input__RZaAp{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.Select-module_size_md__x3Qop{.Select-module_label__AHkLr{font-size:.9em}.Select-module_input__RZaAp{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.Select-module_size_lg__-iW76{.Select-module_label__AHkLr{font-size:1em}.Select-module_input__RZaAp{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.SearchInput-module_root__OXR0e{align-items:center;display:flex;gap:var(--spacing-gap)}.SearchInput-module_collapsed__FpQ7U{& .SearchInput-module_input__3iIbF{overflow:hidden;padding:0;width:0}& .SearchInput-module_searchButton__3-1PX{opacity:0;overflow:hidden;padding:0;width:0}}.SearchInput-module_input__3iIbF{transition:all var(--transition-time) var(--transition-tf);width:22ch}.SearchInput-module_inputWrapper__oFfGE{outline:none!important}.Switch-module_root__iigu-{--br:var(--shape-br-md);--track-width:calc(var(--spacing-gap-6)*1.74353);--track-height:var(--spacing-gap-6);--thumb-width:60%;--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-on-background-faint);--thumb-checked-bg:var(--color-on-surface);--thumb-color:var(--color-background-faint);--thumb-checked-color:var(--color-surface);align-items:center;display:flex;gap:var(--spacing-gap-2);&:not(.Switch-module_disabled__OpgQK) .Switch-module_track__lLt7Y:hover .Switch-module_thumb__s4iLS{scale:1}&[data-color=primary]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-primary-alpha);--thumb-checked-bg:var(--color-primary);--thumb-color:var(--color-on-primary-container);--thumb-checked-color:var(--color-on-primary)}&[data-color=secondary]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-secondary-alpha);--thumb-checked-bg:var(--color-secondary);--thumb-color:var(--color-on-secondary-container);--thumb-checked-color:var(--color-on-secondary)}&[data-color=error]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-error-alpha);--thumb-checked-bg:var(--color-error);--thumb-color:var(--color-on-error-container);--thumb-checked-color:var(--color-on-error)}&[data-size=sm]{--track-width:calc(var(--spacing-gap-4)*1.74353);--track-height:var(--spacing-gap-4);--br:var(--shape-br-xs)}&[data-size=lg]{--track-width:calc(var(--spacing-gap-8)*1.74353);--track-height:var(--spacing-gap-8);--br:var(--shape-br-md)}}.Switch-module_inputWrapper__o8uEI{height:var(--track-height);padding-inline:.2em;position:relative;width:var(--track-width)}.Switch-module_disabled__OpgQK{--thumb-bg:var(--color-surface-alpha);--thumb-color:var(--color-on-surface);--thumb-checked-bg:var(--color-background-faint);--thumb-checked-color:var(--color-on-background-faint);& .Switch-module_label__vk4At,& .Switch-module_track__lLt7Y{cursor:not-allowed}}.Switch-module_input__pSFbl{inset:0;opacity:0;position:absolute}.Switch-module_inputWrapper__o8uEI:has(.Switch-module_input__pSFbl:focus) .Switch-module_track__lLt7Y{background:var(--track-checked-bg);border:var(--focus-ring)}.Switch-module_track__lLt7Y{background-color:var(--track-bg);border:1px solid var(--color-outline);border-radius:calc(var(--br)*1.2);cursor:pointer;display:block;height:100%;position:relative;width:100%;&.Switch-module_checked__7JJ9o{background:var(--track-checked-bg);& .Switch-module_thumb__s4iLS{animation:Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;background-color:var(--thumb-checked-bg);color:var(--thumb-checked-color);left:50%}}}.Switch-module_thumb__s4iLS{align-items:center;animation:Switch-module_checkoff__8YwSV var(--transition-time) var(--transition-tf) forwards;background-color:var(--thumb-bg);border-radius:var(--br);color:var(--thumb-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;scale:.8;top:50%;transition:all var(--transition-time) var(--transition-tf);translate:0 -50%;width:var(--thumb-width)}.Switch-module_label__vk4At{cursor:pointer}@keyframes Switch-module_checkon__B-djH{0%{height:100%;left:0;width:var(--thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:calc(100% - var(--thumb-width));width:var(--thumb-width)}}@keyframes Switch-module_checkoff__8YwSV{0%{height:100%;left:50%;width:var(--thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:0;width:var(--thumb-width)}}.TextAreaInput-module_root__HtNc8{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextAreaInput-module_fullWidth__TUiOx{width:100%}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:focus){&>.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-focus-background);outline:none}.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:disabled){opacity:.5}}.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextAreaInput-module_label__Fgykg{color:var(--color-on-background-faint);font-size:.9em;margin-left:var(--spacing-gap)}.TextAreaInput-module_input__1xpZl{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:calc(var(--spacing-gap-2)*1.618);&:focus{outline:none}&.TextAreaInput-module_disableResize__uaUnX{resize:none}}.TextAreaInput-module_errored__HJAUZ{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextAreaInput-module_inputWrapper__P-2Yf{outline:1px solid var(--input-border)}&>.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}.Drawer-module_drawer__i-80z{margin-block:auto;margin-left:auto;margin-right:0;max-height:100%}.PageLayout-module_root__H4l4t{display:flex;flex-direction:column;height:100%;overflow:hidden}.PageLayout-module_titleBar__Be27V{padding-inline:var(--spacing-gap-3)}.PageLayout-module_body__yjAdc{flex:1;overflow:hidden auto;padding-block:var(--spacing-gap-2)}.PageLayout-module_footer__iR2sk{display:flex;justify-content:center;padding-bottom:3dvh;padding-top:var(--spacing-gap-2)}.PageTitle-module_root__qgEO4{border-bottom:1px solid var(--color-outline);display:flex;gap:var(--spacing-gap-3);justify-content:space-between;padding:var(--spacing-gap-4);width:100%;& h1{font-size:var(--fs-h2)}& h2{color:var(--color-on-background-faint);font-size:var(--fs-body2);font-weight:400}}.PageTitle-module_noBorder__hoNLA{border-bottom:none}.PageTitle-module_size_lg__VBUCT{padding:var(--spacing-gap-6);& h1{font-size:var(--fs-h1)}& h2{font-size:var(--fs-body)}}.PageTitle-module_size_sm__QmF4G{padding:var(--spacing-gap-2);& h1{font-size:var(--fs-h4)}}.PageTitle-module_main__bncFv{display:flex;flex-direction:column;justify-content:flex-end}.PageTitle-module_actions__Wef1k{align-items:center;display:flex;flex:1;gap:var(--spacing-gap-2);justify-content:flex-end;overflow:hidden}.PageLayoutPagination-module_list__lyhYm{display:flex;flex-direction:column;gap:var(--spacing-gap)}.TabsBar-module_root__Uve19{--bgcolor:var(--color-background-alpha);--color:var(--color-on-background);--tab-hover-bgcolor:var(--color-background-faint);--tab-hover-color:var(--color-on-surface);--tab-active-color:var(--color-primary);--tab-active-hover-color:var(--color-on-background);--tab-marker-bgcolor:transparent;backdrop-filter:blur(5px);background-color:var(--bgcolor);border-radius:var(--shape-br-sm);display:flex;margin-inline:auto;max-width:100%;overflow:hidden}.TabsBar-module_root__Uve19[data-color=primary]{--bgcolor:var(--color-primary-container);--color:var(--color-on-primary-container);--tab-hover-bgcolor:var(--color-primary-alpha);--tab-hover-color:var(--color-on-primary);--tab-active-color:var(--color-on-primary);--tab-active-hover-color:var(--color-on-primary-container);--tab-marker-bgcolor:var(--color-primary)}.TabsBar-module_root__Uve19[data-color=secondary]{--bgcolor:var(--color-secondary-container);--color:var(--color-on-secondary-container);--tab-hover-bgcolor:var(--color-secondary-alpha);--tab-hover-color:var(--color-on-secondary);--tab-active-color:var(--color-on-secondary);--tab-active-hover-color:var(--color-on-secondary-container);--tab-marker-bgcolor:var(--color-secondary)}.TabsBar-module_overflowContainer__FuUXd{display:flex;gap:var(--spacing-gap);isolation:isolate;position:relative}.TabsBar-module_row__5PKvn{overflow:auto hidden;padding:var(--spacing-gap) var(--spacing-gap-2);width:max-content}.TabsBar-module_column__8Mc64{flex-direction:column;height:100%;overflow:hidden auto;padding:var(--spacing-gap-2);width:100%}.TabsBar-module_tab__jD1nX{color:var(--color)}.TabsBar-module_active__ESPgA{color:var(--tab-active-color);transition:color var(--transition-time) var(--transition-tf)}.TabsBar-module_active__ESPgA:hover{color:var(--tab-active-hover-color)}.TabsBar-module_marker__2e4am{border-radius:var(--shape-br-xs);left:0;position:absolute;transition:all var(--transition-time) var(--transition-tf);z-index:-1}.TabsBar-module_markerInner__T0FZ3{background-color:var(--tab-marker-bgcolor);border-radius:inherit;height:100%;width:100%}.Tab-module_root__ySv89{text-wrap:nowrap;align-items:center;background-color:transparent;border:none;border-radius:var(--shape-br-sm);color:var(--color);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);gap:var(--spacing-gap);padding:var(--spacing-gap) var(--spacing-gap-2);position:relative;transition:background-color var(--transition-time) var(--transition-tf)}.Tab-module_clickable__d8Iy-:not(.Tab-module_selected__vToav):hover{background-color:var(--tab-hover-bgcolor);color:var(--tab-hover-color)}.Tab-module_selected__vToav{color:var(--tab-active-color);font-weight:700;&:hover{background-color:var(--bar-active-color);color:var(--bar-active-hover-color-text)}}.Tab-module_disabled__Leret{color:var(--color-on-background-faint);cursor:not-allowed}.Tab-module_iconContainer__-SQ6s{align-items:center;color:inherit;display:flex;justify-content:center}.PageLayoutTabs-module_body__baK6C{padding-inline:var(--spacing-gap-3)}.SectionWrapper-module_root__K-O4Y{--color:var(--color-on-background);--outline:var(--color-outline);--fs:var(--fs-body2);--gap:var(--spacing-gap-4);display:grid;gap:var(--gap);grid-template-columns:1fr;padding-block:var(--spacing-gap-3);padding-inline:var(--spacing-gap-4);&[data-color=primary]{--color:var(--color-primary);--outline:var(--color-primary-alpha)}&[data-color=secondary]{--color:var(--color-secondary);--outline:var(--color-secondary-alpha)}&[data-color=error]{--color:var(--color-error);--outline:var(--color-error-alpha)}&[data-size=lg]{--fs:var(--fs-body);--gap:var(--spacing-gap-8)}}.SectionWrapper-module_header__8-h-6{font-size:var(--fs);&>h4{color:var(--color);font-size:1em}&>p{color:var(--color-on-background-faint);font-size:.9em}}.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe){border-top:1px solid var(--outline)}.SectionWrapper-module_content__Ruu8X{container-type:inline-size;display:flex;flex-direction:column}@container (min-width:600px){.SectionWrapper-module_root__K-O4Y{grid-template-columns:.4fr 1fr;&.SectionWrapper-module_noHeader__Ak-Rv{grid-template-columns:1fr}}}.Sidebar-module_root__1stxg{--sidebar-closed-width:4rem;--sidebar-open-width:20rem;--sidebar-body-height:65dvh;--sidebar-header-height:4.875rem;--sidebar-color-surface:var(--color-surface-alpha);display:flex;flex-direction:column;gap:var(--spacing-gap);height:100%;isolation:isolate}@media (min-width:600px){.Sidebar-module_root__1stxg{flex-direction:row}}.SidebarBody-module_root__yPbfH{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:var(--sidebar-body-height);left:-100%;overflow-x:hidden;position:fixed;top:var(--sidebar-header-height);transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarBody-module_open__gtCKF{left:0;overflow-x:auto}@media (min-width:600px){.SidebarBody-module_root__yPbfH{backdrop-filter:none;background-color:transparent;flex:1;height:unset;left:0;position:relative;top:0;width:unset}.SidebarBody-module_open__gtCKF{left:0}}.SidebarDrawer-module_root__CJch2{background:var(--color-surface);display:flex;flex-direction:row;transition:width var(--transition-time) var(--transition-tf);width:100%;z-index:-1}@media (min-width:600px){.SidebarDrawer-module_root__CJch2{background:var(--sidebar-color-surface);flex-direction:column;width:var(--sidebar-closed-width);z-index:0}.SidebarDrawer-module_open__E60Tc{width:var(--sidebar-open-width)}}.SidebarFooter-module_root__AdFmj{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:calc(100dvh - var(--sidebar-body-height) - var(--sidebar-header-height));left:-100%;overflow:auto;padding-bottom:var(--spacing-gap-2);padding-top:var(--spacing-gap-1);position:fixed;top:calc(var(--sidebar-header-height) + var(--sidebar-body-height));transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarFooter-module_open__qHsZf{left:0}@media (min-width:600px){.SidebarFooter-module_root__AdFmj{backdrop-filter:none;background-color:transparent;height:unset;left:0;position:relative;top:0;width:unset}.SidebarFooter-module_open__qHsZf{left:0}}.SidebarViewport-module_root__KAGAg{container-type:inline-size;flex:1;overflow:auto;z-index:-3}@media (min-width:600px){.SidebarViewport-module_root__KAGAg{z-index:0}}.Table-module_root__-0lhT{max-height:100%;max-width:100%;overflow:auto}.Table-module_table__f1fEX{border-radius:var(--shape-br-md);display:grid;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-body2);line-height:1.4;overflow:hidden;width:100%}.Table-module_tableCell__tKgEQ{background:var(--color-background);border-bottom:1px solid var(--color-outline);border-right:1px solid var(--color-outline);overflow:hidden;padding:8px 12px;text-overflow:ellipsis;user-select:none;white-space:nowrap;&:hover{background:var(--color-background-faint)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}&:nth-child(n){border-right:none}&[data-selected=true]{background:var(--color-surface);outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}}.PoweredByBanner-module_root__EtEjU{align-items:center;color:inherit;display:flex;gap:var(--spacing-gap);justify-content:center;padding-block:var(--spacing-gap);width:100%}.PoweredByBanner-module_size_sm__8S6Jb{font-size:var(--fs-body2)}.PoweredByBanner-module_size_md__HKrCD{font-size:var(--fs-body)}.PoweredByBanner-module_size_lg__6oEhl{font-size:var(--fs-body);font-weight:700}.Cursor-module_root__xyOg-{height:100vh;isolation:isolate;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.Cursor-module_main__FUTOy{background:radial-gradient(41.94% 82.95% at 50% 50%,color-mix(in srgb,var(--color-primary) 50%,transparent) 0,color-mix(in srgb,var(--color-secondary) 50%,transparent) 100%);border-radius:50%;filter:blur(90px);position:absolute;transition-duration:var(--transition-time);transition-property:width,height,filter;transition-timing-function:var(--transition-tf);translate:-50% -50%}@keyframes Spinner-module_spinning__1J1HL{12%{x:13px;y:1px}25%{x:13px;y:1px}37%{x:13px;y:13px}50%{x:13px;y:13px}62%{x:1px;y:13px}75%{x:1px;y:13px}87%{x:1px;y:1px}}.Spinner-module_main__dBojo{animation:Spinner-module_spinning__1J1HL 1.6s linear infinite;animation-delay:-1.6s}.Spinner-module_trailing__jtCPy{fill-opacity:.5;animation-delay:-1s}.TransitionAnimation-module_growEnter__bI9tZ{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0)}.TransitionAnimation-module_growEnterActive__yXQ1B{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_growEnterActive__yXQ1B,.TransitionAnimation-module_growExit__xZ6nz{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_growExitActive__t6tOi{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_fadeEnter__ZQc-U{opacity:0}.TransitionAnimation-module_fadeEnterActive__ZQP8J{opacity:1;transition:opacity var(--transition-tf)}.TransitionAnimation-module_fadeExit__eYDrT{opacity:1}.TransitionAnimation-module_fadeExitActive__1HT2J{opacity:0;transition:opacity var(--transition-tf)}.TransitionAnimation-module_slideEnter__9OKMI{opacity:0;transform:translateY(-20px)}.TransitionAnimation-module_slideEnterActive__DMXWB{opacity:1;transform:translateY(0);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_slideExit__P7dM2{opacity:1;transform:translateY(0)}.TransitionAnimation-module_slideExitActive__Z4put{opacity:0;transform:translateY(-20px);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnter__6ELcc{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(.5)}.TransitionAnimation-module_zoomEnterActive__2T6j4{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnterActive__2T6j4,.TransitionAnimation-module_zoomExit__SUc94{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_zoomExitActive__QWH8r{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(1.5);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.Pagination-module_root__at76F{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-2);list-style-type:none}.Pagination-module_item__2GFks{--pagination-item-fs:var(--fs-body2);align-items:center;border-radius:var(--shape-br-sm);color:var(--color-on-background);cursor:pointer;display:flex;font-size:var(--pagination-item-fs);height:32px;justify-content:center;min-width:fit-content;padding-inline:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);width:32px}.Pagination-module_disabled__KG8Cb{cursor:not-allowed;opacity:.5}.Pagination-module_item__2GFks:not(.Pagination-module_disabled__KG8Cb):hover{background:var(--color-surface)}.Pagination-module_activeItem__BVg0A{outline:1px solid var(--color-primary)}.Pagination-module_icon__OcxQW>svg{--pagination-item-icon-size:calc(var(--pagination-item-fs)*1.25);height:var(--pagination-item-icon-size);width:var(--pagination-item-icon-size)}.Pagination-module_icon__OcxQW:nth-child(2)~.Pagination-module_icon__OcxQW{transform:rotate(180deg)}.Breadcrumbs-module_root__KmBxB{align-items:center;display:flex;gap:1ch;&>svg{color:var(--color-on-background-faint)}}.Breadcrumbs-module_item__G3HWH{color:var(--color-on-background-faint);display:content;&:not(.Breadcrumbs-module_activeItem__-C8yn):hover{color:var(--color-primary)}}.Breadcrumbs-module_activeItem__-C8yn{color:var(--color-on-background)}.Breadcrumbs-module_ellipses__R-y7b{color:var(--color-on-background-faint)}.CopyableText-module_root__bhwTN{align-items:center;display:flex;gap:var(--spacing-gap);&>span{-ms-overflow-style:none;background-color:var(--color-surface);border-radius:var(--shape-br-sm);flex:1;font-size:.9em;overflow:auto hidden;padding:var(--spacing-gap);scrollbar-width:none;text-overflow:ellipsis;white-space:nowrap;&::-webkit-scrollbar{display:none}}}.VoidText-module_root__otzOq{color:var(--color-on-background-faint);font-weight:700;opacity:.5;text-align:center;width:100%}
+.Card-module_square__SK-KQ{aspect-ratio:1}.Card-module_fullWidth__pIEIZ{width:100%}.Card-module_size_sm__B3eSI{border-radius:var(--shape-br-sm);padding:var(--spacing-gap-2)}.Card-module_size_md__15alI{border-radius:var(--shape-br-md);padding:var(--spacing-gap-4)}.Card-module_size_lg__HCTUY{border-radius:var(--shape-br-lg);padding:var(--spacing-gap-6)}.Card-module_outlined__TPads{background:none;border:1px solid var(--color-outline)}.Card-module_contained__EFPqh{backdrop-filter:var(--backdrop-blur);background:var(--color-surface-alpha)}.CollectionItemCard-module_root__v3IlF{align-items:stretch;background-color:var(--color-background);border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.CollectionItemCard-module_image__TfkAn{align-items:center;display:flex;height:20svh;justify-content:center;overflow:hidden;width:100%;&>img{height:100%;object-fit:cover;width:100%}}.CollectionItemCard-module_main__47qRO{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));color:var(--color-on-surface);display:flex;flex:1;flex-direction:column;gap:.1618em;margin:var(--spacing-gap);overflow:hidden;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);pointer-events:all;transition:all var(--transition-time) var(--transition-tf);&>p{align-items:center;display:flex}}.CollectionItemCard-module_description__BQapV{color:var(--color-on-background-faint);font-size:.8em}.CollectionItemCard-module_subtitle__gThMk{color:var(--color-on-background-faint);font-size:1em}.CollectionItemCard-module_clickable__d3rRV{transition:all var(--transition-time) var(--transition-tf);&>.CollectionItemCard-module_main__47qRO{background:var(--color-background);cursor:pointer}&:has(.CollectionItemCard-module_main__47qRO:hover){background:var(--color-background-faint)}}.CollectionItemCard-module_title__B-sLi{align-items:center;display:flex;gap:var(--spacing-gap-2);&>h4{flex:1;font-size:1.2em}}.CollectionItemCard-module_footer__-8LZo{display:flex;justify-content:flex-end;pointer-events:all}@container (min-width:600px){.CollectionItemCard-module_root__v3IlF{flex-direction:row;&>.CollectionItemCard-module_image__TfkAn{aspect-ratio:1;height:auto;max-width:6rem;min-width:3rem;width:10vw}}}.ClampedText-module_root__WGLiO{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Chip-module_root__aw3YS{--badge-outline-color:var(--color-outline);--badge-color:var(--color-on-surface);--badge-background:var(--color-surface);align-items:center;background:var(--badge-background);border:1px solid var(--badge-outline-color);color:var(--badge-color);display:flex;flex-wrap:wrap;font-size:.9em;gap:var(--spacing-gap);width:fit-content}.Chip-module_outlined__MdLuF{background:none}.Chip-module_contained__h-xuY{border:none}.Chip-module_size_sm__v0VIz{border-radius:var(--shape-br-xs);font-size:.8em;padding:calc(var(--spacing-gap)/2) calc((var(--spacing-gap)/2)*1.618)}.Chip-module_size_md__Shvvz{border-radius:var(--shape-br-sm);padding:calc(var(--spacing-gap-2)/2) calc((var(--spacing-gap-2)/2)*1.618)}.Chip-module_size_lg__sqT26{border-radius:var(--shape-br-sm);font-size:1em;padding:calc(var(--spacing-gap-3)/2) calc((var(--spacing-gap-3)/2)*1.618)}.Chip-module_root__aw3YS[data-color=primary]{--badge-color:var(--color-primary);--badge-background:none;--badge-outline-color:var(--color-primary)}.Chip-module_root__aw3YS[data-color=secondary]{--badge-color:var(--color-secondary);--badge-background:none;--badge-outline-color:var(--color-secondary)}.Chip-module_root__aw3YS[data-color=error]{--badge-color:var(--color-error);--badge-background:none;--badge-outline-color:var(--color-error)}.Chip-module_contained__h-xuY[data-color=primary]{--badge-color:var(--color-on-primary);--badge-background:var(--color-primary)}.Chip-module_contained__h-xuY[data-color=secondary]{--badge-color:var(--color-on-secondary);--badge-background:var(--color-secondary)}.Chip-module_contained__h-xuY[data-color=error]{--badge-color:var(--color-on-error);--badge-background:var(--color-error)}.Ripple-module_container__4Dv-f{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.Ripple-module_ripple__-a0Jv{--ripple-color:currentColor;--ripple-duration:750ms;animation:Ripple-module_ripple-expand__jWi54 var(--ripple-duration,.75s) var(--transition-tf);background:var(--ripple-color);border-radius:50%;filter:blur(10px);opacity:.6;pointer-events:none;position:absolute;transform:scale(0)}@keyframes Ripple-module_ripple-expand__jWi54{to{opacity:0;transform:scale(2)}}.Button-module_root__hmumx{--button-color:var(--color-on-background);--button-background:none;--button-hover-color:var(--color-on-background);--button-hover-background:var(--color-background-faint);--button-outline-color:var(--color-on-background);align-items:center;background:var(--button-background);border:none;color:var(--button-color);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);font-weight:700;gap:var(--spacing-gap);justify-content:center;padding:var(--spacing-gap) calc(var(--spacing-gap-3)*1.618);position:relative;transition:all var(--transition-time) var(--transition-tf);&:not(:disabled):hover{background:color-mix(in srgb,var(--button-hover-background) 50%,transparent);color:var(--button-hover-color)}&:disabled{opacity:.5}}.Button-module_iconContainer__-VER1{align-items:center;display:flex;height:max-content;justify-content:center}.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}.Button-module_root__hmumx:disabled{cursor:not-allowed}.Button-module_root__hmumx:focus-visible{outline:var(--focus-ring)}.Button-module_size_sm__Qk6rp{border-radius:var(--shape-br-sm);font-size:.9em;padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap)}}.Button-module_size_md__qWVt-{border-radius:var(--shape-br-md);padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}}.Button-module_size_lg__e7Ely{border-radius:var(--shape-br-lg);font-size:var(--fs-body);padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-3)}}.Button-module_contained__tlUyK{--button-color:var(--color-background);--button-background:var(--color-on-background);&:not(:disabled):hover{background:var(--button-hover-background)}}.Button-module_outlined__rgbFf{border:1px solid var(--button-outline-color)}.Button-module_position_absolute__NN8P1{position:absolute}.Button-module_position_relative__r0CV0{position:relative}.Button-module_position_fixed__LilZy{position:fixed}.Button-module_position_sticky__2ixpW{position:sticky}.Button-module_fullWidth__5o7qa{width:100%}.Button-module_root__hmumx[data-color=primary]{--button-color:var(--color-primary);--button-background:none;--button-hover-color:var(--color-on-primary-container);--button-hover-background:var(--color-primary-container);--button-outline-color:var(--color-primary)}.Button-module_root__hmumx[data-color=secondary]{--button-color:var(--color-secondary);--button-background:none;--button-hover-color:var(--color-on-secondary-container);--button-hover-background:var(--color-secondary-container);--button-outline-color:var(--color-secondary)}.Button-module_root__hmumx[data-color=error]{--button-color:var(--color-error);--button-background:none;--button-hover-color:var(--color-on-error-container);--button-hover-background:var(--color-error-container);--button-outline-color:var(--color-error)}.Button-module_contained__tlUyK[data-color=primary]{--button-color:var(--color-on-primary);--button-background:var(--color-primary)}.Button-module_contained__tlUyK[data-color=secondary]{--button-color:var(--color-on-secondary);--button-background:var(--color-secondary)}.Button-module_contained__tlUyK[data-color=error]{--button-color:var(--color-on-error);--button-background:var(--color-error)}.Tooltip-module_root__nip6a{--spacing-arrow-offset:6px;background:var(--color-surface);border-radius:var(--shape-br-sm);color:var(--color-on-surface);font-size:var(--fs-body2);font-weight:700;padding:var(--spacing-gap) var(--spacing-gap-2);pointer-events:none;position:fixed;text-align:center;z-index:9999}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottom__9gsgJ{margin-bottom:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_top__w9xkd{margin-top:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_right__5XexK{margin-left:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_left__DB9W9{margin-right:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow_topLeft__6gV4I{border-top-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_topRight__L5URY{border-top-right-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottomLeft__igebI{border-bottom-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow_bottomRight__iDyHl{border-bottom-right-radius:0}.Tooltip-module_root__nip6a:after{content:"";height:0;position:absolute;width:0}.Tooltip-module_arrow_bottom__9gsgJ:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1);left:50%;transform:translateX(-50%)}.Tooltip-module_arrow_top__w9xkd:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);left:50%;top:calc(var(--spacing-arrow-offset)*-1);transform:translateX(-50%)}.Tooltip-module_arrow_right__5XexK:after{border-color:transparent transparent transparent var(--color-surface);border-style:solid;border-width:var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset);right:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow_left__DB9W9:after{border-color:transparent var(--color-surface) transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0;left:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow_topLeft__6gV4I:after{left:0}.Tooltip-module_arrow_topLeft__6gV4I:after,.Tooltip-module_arrow_topRight__L5URY:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);top:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow_topRight__L5URY:after{right:0}.Tooltip-module_arrow_bottomLeft__igebI:after{left:0}.Tooltip-module_arrow_bottomLeft__igebI:after,.Tooltip-module_arrow_bottomRight__iDyHl:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow_bottomRight__iDyHl:after{right:0}.Popover-module_root__HE-kk{background:none;border:none;position:absolute}.Popover-module_root__HE-kk.Popover-module_open__1aLk-::backdrop{cursor:auto}.Dialog-module_root__tN0RQ[open]{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface);border-radius:var(--shape-br-lg);margin:auto;max-height:80%;max-width:45rem;min-width:350px;overflow:hidden;width:50%;&:not(.Dialog-module_disableGutters__ElvCg){padding:var(--spacing-gap-6)}&.Dialog-module_fullScreen__BG9mu,&.Dialog-module_fullWidth__WXiYO{max-width:unset;width:100%}&.Dialog-module_fullScreen__BG9mu{height:100%;max-height:unset}}.Dialog-module_root__tN0RQ::backdrop{backdrop-filter:var(--backdrop-blur)}.GlassCard-module_root__rmCxh{--glass-tint:var(--color-primary);--glass-border-width:2px;--glass-border-radius:var(--shape-br-md);--glass-border-color:var(--color-outline);--glass-mouse-pointer-color:color-mix(in srgb,var(--glass-tint) 50%,transparent);--glass-shadow:color-mix(in srgb,var(--glass-tint) 15%,transparent);--glass-backdrop-blur:5px;--glass-position:relative;backdrop-filter:blur(var(--glass-backdrop-blur));border-radius:var(--glass-border-radius);box-shadow:inset 0 0 4px var(--glass-shadow);isolation:isolate;position:var(--glass-position);&:after{--glass-reflection-i:color-mix(in srgb,var(--glass-tint) 20%,transparent);--glass-reflection:color-mix(in srgb,var(--glass-tint) 40%,transparent);--glass-reflection-w:#ffffff79;background-image:linear-gradient(var(--gradient-angle,255deg),var(--glass-reflection-w) 0,var(--glass-reflection) .5%,transparent 30%,transparent 70%,var(--glass-reflection-i) 100%);opacity:var(--glass-reflection-intensity,1);z-index:-2}&:after,&:before{border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) exclude,linear-gradient(#000 0 0) content-box;padding:var(--glass-border-width);position:absolute}&:before{background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y),var(--glass-mouse-pointer-color),transparent 40%);opacity:1;pointer-events:none;transition:opacity var(--transition-time);z-index:-1}}.Accordion-module_summary__3uXXu{align-items:center;border-radius:var(--shape-br-md);cursor:pointer;display:flex;gap:var(--spacing-gap);isolation:isolate;padding:var(--spacing-gap);position:relative;transition:all var(--transition-time) var(--transition-tf);&:hover{background:var(--color-background-faint)}}.Accordion-module_highlight__YzcnA{inset:0;position:absolute;z-index:-1}.Accordion-module_summaryContent__-Wu52{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));container-type:inline-size;flex:1;overflow:hidden}.Accordion-module_marker__7gmt8{flex:0 0 var(--spacing-gap-4);height:var(--spacing-gap-4);position:relative;width:var(--spacing-gap-4);&>svg{inset:0;position:absolute}}.Accordion-module_root__-tG1G{background:var(--color-background);border-radius:var(--shape-br-md);margin-block:0;overflow:hidden;transition:margin-block var(--transition-time) var(--transition-tf);@media (prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{max-height:0;overflow:hidden;transition:content-visibility var(--transition-time) allow-discrete,max-height var(--transition-time) var(--transition-tf)}&[open]{margin-block:var(--spacing-gap-2);&>.Accordion-module_summary__3uXXu{background:var(--color-surface)}&::details-content{max-height:999px;@supports (interpolate-size:allow-keywords){max-height:auto}}}}.Accordion-module_content__NPbBr{padding:var(--spacing-gap-3)}.Divider-module_divider__BgWgK{background:var(--color-outline);border:none;display:flex;margin:0;padding:0}.Divider-module_divider__BgWgK.Divider-module_horizontal__X-JFV{align-self:stretch;flex:1;height:1px}.Divider-module_divider__BgWgK.Divider-module_vertical__A8ggo{align-self:stretch;flex:1;width:1px}.Divider-module_container__2-kIW{color:var(--color-on-background-faint);display:flex;gap:.5em}.Divider-module_container__2-kIW.Divider-module_horizontal__X-JFV{height:fit-content;width:100%}.Divider-module_container__2-kIW.Divider-module_horizontal__X-JFV>.Divider-module_divider__BgWgK.Divider-module_horizontal__X-JFV{align-self:center}.Divider-module_container__2-kIW.Divider-module_vertical__A8ggo{flex-direction:column;height:100%;width:fit-content}.Divider-module_container__2-kIW.Divider-module_vertical__A8ggo>.Divider-module_divider__BgWgK.Divider-module_vertical__A8ggo{align-self:center}.IdentityDisplay-module_root__nEI-t{border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-gap-2);position:relative;transition:padding var(--transition-time) var(--transition-tf),width .1s var(--transition-time) var(--transition-tf),color var(--transition-time) var(--transition-tf),background var(--transition-time) var(--transition-tf)}.IdentityDisplay-module_clickable__Xloez{cursor:pointer;&:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}}.IdentityDisplay-module_main__27-fb{align-items:center;display:flex;gap:var(--spacing-gap-2)}.IdentityDisplay-module_image__YD-pm{align-items:center;display:flex;justify-content:center;&>img{border-radius:50%;height:48px;object-fit:cover;overflow:hidden;width:48px}}.IdentityDisplay-module_details__kSAvW{color:inherit;display:flex;flex-direction:column;& h4{font-size:1.1em;font-weight:700}& h4,&>p{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}&>p{color:var(--color-on-background-faint);font-size:.9em;font-weight:400}}.IdentityDisplay-module_desc__QHEz8{font-size:.9em}.IdentityDisplay-module_image-only__LBjOr{padding:0;& .IdentityDisplay-module_image__YD-pm,& .IdentityDisplay-module_main__27-fb{width:100%}.IdentityDisplay-module_desc__QHEz8,.IdentityDisplay-module_details__kSAvW{display:none}}.IdentityDisplay-module_square__f2jb0{.IdentityDisplay-module_main__27-fb{align-items:center;flex-direction:column}.IdentityDisplay-module_details__kSAvW{&>h4,&>p{text-align:center}}.IdentityDisplay-module_desc__QHEz8{display:none}}.IdentityDisplay-module_compact__ilrg-{.IdentityDisplay-module_desc__QHEz8{display:none}}.InputErrors-module_root__APxhq{color:var(--color-error);display:flex;flex-direction:column;font-size:.9em}.Kbd-module_root__OFPCy{align-items:center;display:flex;gap:var(--spacing-gap)}.Kbd-module_kbd__F-c6z{--kbd-size-x:1;--kbd-size-y:1;--kbd-base:30px;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:60%;gap:.1em;height:calc(var(--kbd-size-y)*var(--kbd-base));justify-content:center;padding:.2em;text-align:center;width:calc(var(--kbd-size-x)*var(--kbd-base));&.Kbd-module_surface__xpquz{background:#313133;border-radius:.4em;color:#ebd6dc}}.LabeledValue-module_root__Vu-iA{align-items:center;display:flex;flex-direction:row;padding-block:var(--spacing-gap);&>.LabeledValue-module_content__EIsuq{flex:1}&>label{color:var(--color-on-background-faint);font-size:.9em;padding-right:var(--spacing-gap-2)}&>.LabeledValue-module_content__EIsuq{border-left:1px solid var(--color-outline);padding-left:var(--spacing-gap-2)}}@container (max-width:400px){.LabeledValue-module_root__Vu-iA{align-items:stretch;flex-direction:column;&>label{padding-right:0}&>.LabeledValue-module_content__EIsuq{border-left:none;padding-left:0}}}.List-module_root__VY-ni{display:flex;flex-direction:column;list-style-type:none;padding-inline:var(--spacing-gap-3);position:relative}.List-module_root__VY-ni:has(.List-module_shortened__cbFoK){padding:0}.List-module_secondary__lU6qH{border-left:1px solid var(--color-outline);margin-left:var(--spacing-gap-3);margin-block:var(--spacing-gap-2);padding-inline:var(--spacing-gap)}.List-module_listItem__8lcu6{--list-color:var(--color-on-background);--list-background:transparent;--list-hover-color:var(--color-on-background);--list-hover-background:var(--color-background-faint);--list-selected-color:var(--color-primary);--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none;align-items:center;background:var(--list-background);border-radius:var(--shape-br-sm);color:var(--list-color);display:flex;gap:var(--spacing-gap);justify-content:center;overflow:hidden;padding:calc(var(--spacing-gap-3)/1.75) calc(var(--spacing-gap-3)*1.618/1.75);position:relative;transition:all var(--transition-time) var(--transition-tf)}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n{cursor:pointer}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n:not(.List-module_selected__nXBs4):not(:disabled):hover{background:color-mix(in srgb,var(--list-hover-background) 50%,transparent);color:var(--list-hover-color)}.List-module_listItem__8lcu6:focus-visible{outline:var(--focus-ring)}.List-module_selected__nXBs4{background:var(--list-selected-background);color:var(--list-selected-color);&:hover{background:var(--list-selected-hover-background);color:var(--list-selected-hover-color)}}.List-module_disabled__RJxHm{background:var(--color-background-faint);color:var(--color-on-background-faint);cursor:not-allowed}.List-module_shortened__cbFoK{gap:0;&>:not(.List-module_primaryIcon__WyWmw){max-width:0}}.List-module_content__Q2M2b{flex:1;font-weight:700;overflow:hidden}.List-module_content__Q2M2b,.List-module_iconContainer__ZHqxe{align-items:center;color:inherit;display:flex;max-width:50ch;transition:max-width var(--transition-time) var(--transition-tf)}.List-module_iconContainer__ZHqxe{justify-content:center}.List-module_dropDownIcon__XfJpu{display:block;position:relative}.List-module_dropDownIcon__XfJpu.List-module_openSublist__Izz1t{rotate:180deg}.List-module_marker__o4rTn{--glass-border-radius:var(--shape-br-sm);background-color:color-mix(in srgb,var(--color-background) 50%,transparent);display:none;left:0;position:absolute;transition:width 0s linear,top var(--transition-time) var(--transition-tf),left var(--transition-time) var(--transition-tf);width:0;z-index:-1}.List-module_listItem__8lcu6[data-color=primary]{--list-color:var(--color-primary);--list-background:transparent;--list-hover-color:var(--color-on-primary-container);--list-hover-background:var(--color-primary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=secondary]{--list-color:var(--color-secondary);--list-background:transparent;--list-hover-color:var(--color-on-secondary-container);--list-hover-background:var(--color-secondary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=error]{--list-color:var(--color-error);--list-background:transparent;--list-hover-color:var(--color-on-error-container);--list-hover-background:var(--color-error-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-secondary);--list-selected-hover-background:none}.Skeleton-module_root__Ft3Ey{--skeleton-color-main:var(--color-surface);--skeleton-color-wave:color-mix(in srgb,var(--color-surface) 80%,var(--color-primary) 10%);animation:Skeleton-module_throb__SxiMC 2s var(--transition-tf) infinite;background-image:linear-gradient(to right,var(--skeleton-color-main) 0,var(--skeleton-color-wave) 50%,var(--skeleton-color-main) 100%);background-repeat:repeat-x;background-size:1000px 1000px;border-radius:var(--shape-br-md)}.Skeleton-module_large__LnDji{font-size:2rem}.Skeleton-module_medium__LjhY7{font-size:1.2rem}.Skeleton-module_small__j9Re2{font-size:.75rem}@keyframes Skeleton-module_wave__mC2od{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes Skeleton-module_throb__SxiMC{0%{background:var(--color-surface)}50%{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface) 100%)}to{background:var(--color-surface)}}.Toaster-module_root__jkhXJ{--margin:var(--spacing-gap-3);--peek:0px;height:calc(100% - var(--margin)*2);inset:var(--margin);pointer-events:none;position:fixed;width:calc(100% - var(--margin)*2);z-index:9999}.Toaster-module_toast__fX24q{align-items:center;background:var(--color-background-alpha);border-radius:var(--shape-br-md);color:var(--color-on-surface);display:flex;justify-content:space-between;max-width:340px;min-width:340px;padding:var(--spacing-gap-2) var(--spacing-gap-3);pointer-events:all;position:absolute;&[data-color=primary]{--glass-tint:var(--color-primary);background:var(--color-primary-alpha)}&[data-color=secondary]{--glass-tint:var(--color-secondary);background:var(--color-secondary-alpha)}&[data-color=error]{--glass-tint:var(--color-error);background:var(--color-error-alpha)}&[data-dismissing]{animation:Toaster-module_toast-exit__qsd8p .2s ease forwards}&[data-pos-y=top]{top:var(--peek);&:not([data-dismissing]){animation:Toaster-module_toast-enter-top__KP-c- .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-top__wkj2T .2s ease forwards}}&[data-pos-y=center]{top:calc(50% + var(--peek));translate:0 -50%;&:not([data-dismissing]){animation:Toaster-module_toast-enter-center-y__lg4Dp .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-center-y__60hoY .2s ease forwards}}&[data-pos-y=bottom]{bottom:var(--peek);&:not([data-dismissing]){animation:Toaster-module_toast-enter-bottom__n8V24 .25s cubic-bezier(.34,1.56,.64,1) forwards}&[data-dismissing]{animation:Toaster-module_toast-exit-bottom__WK7KT .2s ease forwards}}&[data-pos-x=left]{left:0}&[data-pos-x=center]{left:50%;translate:-50% 0}&[data-pos-x=right]{right:0}}@keyframes Toaster-module_toast-enter-top__KP-c-{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-enter-bottom__n8V24{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-enter-center-y__lg4Dp{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes Toaster-module_toast-exit-top__wkj2T{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -16px}}@keyframes Toaster-module_toast-exit-bottom__WK7KT{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 16px}}@keyframes Toaster-module_toast-exit-center-y__60hoY{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -16px}}.ConfirmationForm-module_root__ltcoI{color:var(--color-on-background-faint);display:flex;flex-direction:column;font-size:var(--fs-body2);gap:var(--spacing-gap-3);&>h4{border-bottom:1px solid var(--color-outline);color:var(--color-on-background-faint);font-size:1.2em;padding-bottom:var(--spacing-gap-3)}&[data-size=sm]{&>h4{font-size:1em}}&[data-size=md]{&>h4{font-size:1.2em}}&[data-size=lg]{&>h4{font-size:1.5em}}&[data-color=primary]{&>h4{color:var(--color-primary)}}&[data-color=secondary]{&>h4{color:var(--color-secondary)}}&[data-color=error]{&>h4{color:var(--color-error)}}&.ConfirmationForm-module_error__no9D0{& .ConfirmationForm-module_status__N5gJB{color:var(--color-error)}}}.ConfirmationForm-module_actions__TSHEJ{align-items:center;display:flex;gap:var(--spacing-gap-2);justify-content:flex-end}.ConfirmationForm-module_status__N5gJB{align-items:center;display:flex;flex:1}.Checkbox-module_root__52eFu{--outline:var(--color-outline);--color:var(--color-on-surface);--bgcolor:var(--color-surface);--focus-bgcolor:var(--color-background);--checked-outline:var(--color-on-surface);--checked-color:var(--color-surface);--checked-bgcolor:var(--color-on-surface);--indeterminate-outline:var(--color-on-surface);--indeterminate-color:var(--color-surface);--indeterminate-bgcolor:var(--color-on-surface);--disabled-outline:var(--color-background-alpha);--disabled-color:var(--color-on-background-faint);--disabled-bgcolor:var(--color-background-faint);--fs:var(--fs-body2);--size:var(--spacing-gap-4);--gap:var(--spacing-gap-2);--br:var(--shape-br-xs);align-items:center;display:flex;gap:var(--spacing-gap-2);&[data-color=primary]{--outline:var(--color-primary-alpha);--color:var(--color-primary);--bgcolor:var(--color-primary-alpha);--focus-bgcolor:var(--color-primary-container);--checked-outline:var(--color-primary);--checked-color:var(--color-on-primary-container);--checked-bgcolor:var(--color-primary-container);--indeterminate-outline:var(--color-primary);--indeterminate-color:var(--color-on-primary);--indeterminate-bgcolor:var(--color-primary)}&[data-color=secondary]{--outline:var(--color-secondary-alpha);--color:var(--color-secondary);--bgcolor:var(--color-secondary-alpha);--focus-bgcolor:var(--color-secondary-container);--checked-outline:var(--color-secondary);--checked-color:var(--color-on-secondary-container);--checked-bgcolor:var(--color-secondary-container);--indeterminate-outline:var(--color-secondary);--indeterminate-color:var(--color-on-secondary);--indeterminate-bgcolor:var(--color-secondary)}&[data-color=tertiary]{--outline:var(--color-tertiary-alpha);--color:var(--color-tertiary);--bgcolor:var(--color-tertiary-alpha);--focus-bgcolor:var(--color-tertiary-container);--checked-outline:var(--color-tertiary);--checked-color:var(--color-on-tertiary-container);--checked-bgcolor:var(--color-tertiary-container);--indeterminate-outline:var(--color-tertiary);--indeterminate-color:var(--color-on-tertiary);--indeterminate-bgcolor:var(--color-tertiary)}&[data-size=sm]{--fs:var(--fs-body2);--size:var(--spacing-gap-3);--gap:var(--spacing-gap);--br:var(--shape-br-xs)}&[data-size=lg]{--fs:var(--fs-body);--size:var(--spacing-gap-5);--gap:var(--spacing-gap-3);--br:var(--shape-br-sm)}}.Checkbox-module_inputWrapper__JZjHc{border-radius:var(--br);display:flex;height:fit-content;overflow:hidden;position:relative;&:has(input[type=checkbox]:checked){--color:var(--checked-color);--bgcolor:var(--checked-bgcolor);--outline:var(--checked-outline)}&:has(input[type=checkbox]:indeterminate){--color:var(--indeterminate-color);--bgcolor:var(--indeterminate-bgcolor);--outline:var(--indeterminate-outline)}&:has(input[type=checkbox]:disabled){--color:var(--disabled-color);--bgcolor:var(--disabled-bgcolor);--outline:var(--disabled-outline);opacity:.5}}.Checkbox-module_inputWrapper__JZjHc>input[type=checkbox]{background:var(--bgcolor);border:2.3px solid var(--outline);border-radius:inherit;color:var(--color);cursor:pointer;font:inherit;height:var(--size);transition:all var(--transition-time) var(--transition-tf);width:var(--size);&:disabled{cursor:not-allowed}}.Checkbox-module_inputWrapper__JZjHc>span{color:var(--color);height:100%;inset:0;pointer-events:none;position:absolute;&>svg{position:absolute}}.Checkbox-module_show__jXFKu{display:block}.Checkbox-module_hide__j-2PL{display:none}.Checkbox-module_show__jXFKu path{stroke-dasharray:45;stroke-dashoffset:45;animation:Checkbox-module_draw-check__THEN8 calc(var(--transition-time)*2) var(--transition-tf) forwards}.Checkbox-module_hide__j-2PL path{animation:Checkbox-module_draw-check__THEN8 calc(var(--transition-time)*2) var(--transition-tf) reverse}.Checkbox-module_label__4Llik{cursor:pointer}@keyframes Checkbox-module_draw-check__THEN8{to{stroke-dashoffset:0}}.PasswordInput-module_root__NPboh{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.PasswordInput-module_fullWidth__rpxCo{width:100%}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:focus){&>.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-focus-background);outline:none}.PasswordInput-module_label__3PGfK{color:var(--input-color)}}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:disabled){opacity:.5}}.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.PasswordInput-module_label__3PGfK{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.PasswordInput-module_input__4CMJv{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.PasswordInput-module_iconContainer__Irk1R{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-right:0}}}.PasswordInput-module_errored__eEIPd{--input-border:var(--color-error);--input-color:var(--color-error);&>.PasswordInput-module_inputWrapper__mq2VY{outline:1px solid var(--input-border);&>.PasswordInput-module_iconContainer__Irk1R{color:var(--input-color)}}&>.PasswordInput-module_label__3PGfK{color:var(--input-color)}}.PasswordInput-module_size_sm__zlHt4{.PasswordInput-module_label__3PGfK{font-size:.8em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618)}}.PasswordInput-module_size_md__-PLMI{.PasswordInput-module_label__3PGfK{font-size:.9em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618)}}.PasswordInput-module_size_lg__bWNCd{.PasswordInput-module_label__3PGfK{font-size:1em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618)}}.PasswordStrength-module_root__YPak5{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-gap);padding-inline:var(--spacing-gap);scale:1 0;transition:scale var(--transition-time) var(--transition-tf)}.PasswordStrength-module_title__PnvjF{flex:0 0 auto;font-size:.5rem}.PasswordStrength-module_strengthBars__VDp4V{align-items:flex-start;display:flex;flex:1 1 50%;gap:var(--spacing-gap)}.PasswordStrength-module_bar__cVDvu{background-color:currentColor;border-radius:999px;flex:1 1 25%;scale:0 0;transform-origin:top left;transition:all var(--transition-time) var(--transition-tf)}.PasswordStrength-module_weak__1uds9{height:3px;opacity:.3}.PasswordStrength-module_medium__iDdic{height:5px;opacity:.5}.PasswordStrength-module_good__WkBFX{height:7px;opacity:.8}.PasswordStrength-module_strong__WKvRA{height:9px}.PasswordStrength-module_show__D2ml-{scale:1 1}.TextInput-module_root__PFCcK{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextInput-module_fullWidth__AT0dl{width:100%}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:focus){&>.TextInput-module_inputWrapper__SJTji{background:var(--input-focus-background);outline:none}.TextInput-module_label__AVOE4{color:var(--input-color)}}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:disabled){opacity:.5}}.TextInput-module_inputWrapper__SJTji{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextInput-module_label__AVOE4{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.TextInput-module_input__I-YSj{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.TextInput-module_iconContainer__Mkob8{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-right:0}}}.TextInput-module_errored__OtcwB{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextInput-module_inputWrapper__SJTji{outline:1px solid var(--input-border);&>.TextInput-module_iconContainer__Mkob8{color:var(--input-color)}}&>.TextInput-module_label__AVOE4{color:var(--input-color)}}.TextInput-module_size_sm__5Y5wE{.TextInput-module_label__AVOE4{font-size:.8em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.TextInput-module_size_md__ngwcL{.TextInput-module_label__AVOE4{font-size:.9em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.TextInput-module_size_lg__vFWvg{.TextInput-module_label__AVOE4{font-size:1em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.TextInput-module_disableGutters__zleWJ{padding:0}}}.Select-module_root__dxgVk{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.Select-module_fullWidth__Sm-ZO{width:100%}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:focus,.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:open){&>.Select-module_inputWrapper__WbY3I{background:var(--input-focus-background);outline:none}.Select-module_label__AHkLr{color:var(--input-color)}}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:disabled){opacity:.5}}.Select-module_inputWrapper__WbY3I{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.Select-module_label__AHkLr{color:var(--color-on-background-faint);cursor:pointer;font-size:.9em;margin-left:var(--spacing-gap);width:fit-content}.Select-module_input__RZaAp{appearance:base-select;background-color:var(--input-background);border:none;border-radius:var(--shape-br-sm);color:var(--input-color);cursor:pointer;flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);transition:all var(--transition-time) var(--transition-tf);&:focus,&:open{background-color:var(--input-focus-background);outline:none}&>option{appearance:base-select;background-color:var(--input-background);border-radius:var(--shape-br-sm);cursor:pointer;font-family:var(--font-p),sans-serif;padding:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--input-focus-background)}&:checked{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:700;transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--color-primary);color:var(--color-on-primary)}}&::checkmark{display:none}}}.Select-module_input__RZaAp::picker(select){appearance:base-select;background-color:var(--input-background);border:1px solid var(--color-outline);border-radius:var(--shape-br-sm);padding:var(--spacing-gap)}.Select-module_input__RZaAp::picker-icon{transition:rotate var(--transition-time) var(--transition-tf)}.Select-module_input__RZaAp:open::picker-icon{rotate:180deg}.Select-module_iconContainer__Xlvlm{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-right:0}}}.Select-module_errored__IDw1f{--input-border:var(--color-error);--input-color:var(--color-error);&>.Select-module_inputWrapper__WbY3I{outline:1px solid var(--input-border);&>.Select-module_iconContainer__Xlvlm{color:var(--input-color)}}&>.Select-module_label__AHkLr{color:var(--input-color)}}.Select-module_size_sm__6tbtv{.Select-module_label__AHkLr{font-size:.8em}.Select-module_input__RZaAp{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.Select-module_size_md__x3Qop{.Select-module_label__AHkLr{font-size:.9em}.Select-module_input__RZaAp{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.Select-module_size_lg__-iW76{.Select-module_label__AHkLr{font-size:1em}.Select-module_input__RZaAp{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.Select-module_disableGutters__7Lu6I{padding:0}}}.SearchInput-module_root__OXR0e{align-items:center;display:flex;gap:var(--spacing-gap)}.SearchInput-module_collapsed__FpQ7U{& .SearchInput-module_input__3iIbF{overflow:hidden;padding:0;width:0}& .SearchInput-module_searchButton__3-1PX{opacity:0;overflow:hidden;padding:0;width:0}}.SearchInput-module_input__3iIbF{transition:all var(--transition-time) var(--transition-tf);width:22ch}.SearchInput-module_inputWrapper__oFfGE{outline:none!important}.Switch-module_root__iigu-{--br:var(--shape-br-md);--track-width:calc(var(--spacing-gap-6)*1.74353);--track-height:var(--spacing-gap-6);--thumb-width:60%;--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-on-background-faint);--thumb-checked-bg:var(--color-on-surface);--thumb-color:var(--color-background-faint);--thumb-checked-color:var(--color-surface);align-items:center;display:flex;gap:var(--spacing-gap-2);&:not(.Switch-module_disabled__OpgQK) .Switch-module_track__lLt7Y:hover .Switch-module_thumb__s4iLS{scale:1}&[data-color=primary]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-primary-alpha);--thumb-checked-bg:var(--color-primary);--thumb-color:var(--color-on-primary-container);--thumb-checked-color:var(--color-on-primary)}&[data-color=secondary]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-secondary-alpha);--thumb-checked-bg:var(--color-secondary);--thumb-color:var(--color-on-secondary-container);--thumb-checked-color:var(--color-on-secondary)}&[data-color=error]{--track-bg:var(--color-background-alpha);--track-checked-bg:var(--color-background);--thumb-bg:var(--color-error-alpha);--thumb-checked-bg:var(--color-error);--thumb-color:var(--color-on-error-container);--thumb-checked-color:var(--color-on-error)}&[data-size=sm]{--track-width:calc(var(--spacing-gap-4)*1.74353);--track-height:var(--spacing-gap-4);--br:var(--shape-br-xs)}&[data-size=lg]{--track-width:calc(var(--spacing-gap-8)*1.74353);--track-height:var(--spacing-gap-8);--br:var(--shape-br-md)}}.Switch-module_inputWrapper__o8uEI{height:var(--track-height);padding-inline:.2em;position:relative;width:var(--track-width)}.Switch-module_disabled__OpgQK{--thumb-bg:var(--color-surface-alpha);--thumb-color:var(--color-on-surface);--thumb-checked-bg:var(--color-background-faint);--thumb-checked-color:var(--color-on-background-faint);& .Switch-module_label__vk4At,& .Switch-module_track__lLt7Y{cursor:not-allowed}}.Switch-module_input__pSFbl{inset:0;opacity:0;position:absolute}.Switch-module_inputWrapper__o8uEI:has(.Switch-module_input__pSFbl:focus) .Switch-module_track__lLt7Y{background:var(--track-checked-bg);border:var(--focus-ring)}.Switch-module_track__lLt7Y{background-color:var(--track-bg);border:1px solid var(--color-outline);border-radius:calc(var(--br)*1.2);cursor:pointer;display:block;height:100%;position:relative;width:100%;&.Switch-module_checked__7JJ9o{background:var(--track-checked-bg);& .Switch-module_thumb__s4iLS{animation:Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;background-color:var(--thumb-checked-bg);color:var(--thumb-checked-color);left:50%}}}.Switch-module_thumb__s4iLS{align-items:center;animation:Switch-module_checkoff__8YwSV var(--transition-time) var(--transition-tf) forwards;background-color:var(--thumb-bg);border-radius:var(--br);color:var(--thumb-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;scale:.8;top:50%;transition:all var(--transition-time) var(--transition-tf);translate:0 -50%;width:var(--thumb-width)}.Switch-module_label__vk4At{cursor:pointer}@keyframes Switch-module_checkon__B-djH{0%{height:100%;left:0;width:var(--thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:calc(100% - var(--thumb-width));width:var(--thumb-width)}}@keyframes Switch-module_checkoff__8YwSV{0%{height:100%;left:50%;width:var(--thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:0;width:var(--thumb-width)}}.TextAreaInput-module_root__HtNc8{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextAreaInput-module_fullWidth__TUiOx{width:100%}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:focus){&>.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-focus-background);outline:none}.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:disabled){opacity:.5}}.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextAreaInput-module_label__Fgykg{color:var(--color-on-background-faint);font-size:.9em;margin-left:var(--spacing-gap)}.TextAreaInput-module_input__1xpZl{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:calc(var(--spacing-gap-2)*1.618);&:focus{outline:none}&.TextAreaInput-module_disableResize__uaUnX{resize:none}}.TextAreaInput-module_errored__HJAUZ{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextAreaInput-module_inputWrapper__P-2Yf{outline:1px solid var(--input-border)}&>.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}.Drawer-module_drawer__i-80z{margin-block:auto;margin-left:auto;margin-right:0;max-height:100%}.PageLayout-module_root__H4l4t{display:flex;flex-direction:column;height:100%;overflow:hidden}.PageLayout-module_titleBar__Be27V{padding-inline:var(--spacing-gap-3)}.PageLayout-module_body__yjAdc{flex:1;overflow:hidden auto;padding-block:var(--spacing-gap-2)}.PageLayout-module_footer__iR2sk{display:flex;justify-content:center;padding-bottom:3dvh;padding-top:var(--spacing-gap-2)}.PageTitle-module_root__qgEO4{border-bottom:1px solid var(--color-outline);display:flex;gap:var(--spacing-gap-3);justify-content:space-between;padding:var(--spacing-gap-4);width:100%;& h1{font-size:var(--fs-h2)}& h2{color:var(--color-on-background-faint);font-size:var(--fs-body2);font-weight:400}}.PageTitle-module_noBorder__hoNLA{border-bottom:none}.PageTitle-module_size_lg__VBUCT{padding:var(--spacing-gap-6);& h1{font-size:var(--fs-h1)}& h2{font-size:var(--fs-body)}}.PageTitle-module_size_sm__QmF4G{padding:var(--spacing-gap-2);& h1{font-size:var(--fs-h4)}}.PageTitle-module_main__bncFv{display:flex;flex-direction:column;justify-content:flex-end}.PageTitle-module_actions__Wef1k{align-items:center;display:flex;flex:1;gap:var(--spacing-gap-2);justify-content:flex-end;overflow:hidden}.PageLayoutPagination-module_list__lyhYm{display:flex;flex-direction:column;gap:var(--spacing-gap)}.TabsBar-module_root__Uve19{--bgcolor:var(--color-background-alpha);--color:var(--color-on-background);--tab-hover-bgcolor:var(--color-background-faint);--tab-hover-color:var(--color-on-surface);--tab-active-color:var(--color-primary);--tab-active-hover-color:var(--color-on-background);--tab-marker-bgcolor:transparent;backdrop-filter:blur(5px);background-color:var(--bgcolor);border-radius:var(--shape-br-sm);display:flex;margin-inline:auto;max-width:100%;overflow:hidden}.TabsBar-module_root__Uve19[data-color=primary]{--bgcolor:var(--color-primary-container);--color:var(--color-on-primary-container);--tab-hover-bgcolor:var(--color-primary-alpha);--tab-hover-color:var(--color-on-primary);--tab-active-color:var(--color-on-primary);--tab-active-hover-color:var(--color-on-primary-container);--tab-marker-bgcolor:var(--color-primary)}.TabsBar-module_root__Uve19[data-color=secondary]{--bgcolor:var(--color-secondary-container);--color:var(--color-on-secondary-container);--tab-hover-bgcolor:var(--color-secondary-alpha);--tab-hover-color:var(--color-on-secondary);--tab-active-color:var(--color-on-secondary);--tab-active-hover-color:var(--color-on-secondary-container);--tab-marker-bgcolor:var(--color-secondary)}.TabsBar-module_overflowContainer__FuUXd{display:flex;gap:var(--spacing-gap);isolation:isolate;position:relative}.TabsBar-module_row__5PKvn{overflow:auto hidden;padding:var(--spacing-gap) var(--spacing-gap-2);width:max-content}.TabsBar-module_column__8Mc64{flex-direction:column;height:100%;overflow:hidden auto;padding:var(--spacing-gap-2);width:100%}.TabsBar-module_tab__jD1nX{color:var(--color)}.TabsBar-module_active__ESPgA{color:var(--tab-active-color);transition:color var(--transition-time) var(--transition-tf)}.TabsBar-module_active__ESPgA:hover{color:var(--tab-active-hover-color)}.TabsBar-module_marker__2e4am{border-radius:var(--shape-br-xs);left:0;position:absolute;transition:all var(--transition-time) var(--transition-tf);z-index:-1}.TabsBar-module_markerInner__T0FZ3{background-color:var(--tab-marker-bgcolor);border-radius:inherit;height:100%;width:100%}.Tab-module_root__ySv89{text-wrap:nowrap;align-items:center;background-color:transparent;border:none;border-radius:var(--shape-br-sm);color:var(--color);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);gap:var(--spacing-gap);padding:var(--spacing-gap) var(--spacing-gap-2);position:relative;transition:background-color var(--transition-time) var(--transition-tf)}.Tab-module_clickable__d8Iy-:not(.Tab-module_selected__vToav):hover{background-color:var(--tab-hover-bgcolor);color:var(--tab-hover-color)}.Tab-module_selected__vToav{color:var(--tab-active-color);font-weight:700;&:hover{background-color:var(--bar-active-color);color:var(--bar-active-hover-color-text)}}.Tab-module_disabled__Leret{color:var(--color-on-background-faint);cursor:not-allowed}.Tab-module_iconContainer__-SQ6s{align-items:center;color:inherit;display:flex;justify-content:center}.PageLayoutTabs-module_body__baK6C{padding-inline:var(--spacing-gap-3)}.SectionWrapper-module_root__K-O4Y{--color:var(--color-on-background);--outline:var(--color-outline);--fs:var(--fs-body2);--gap:var(--spacing-gap-4);display:grid;gap:var(--gap);grid-template-columns:1fr;padding-block:var(--spacing-gap-3);padding-inline:var(--spacing-gap-4);&[data-color=primary]{--color:var(--color-primary);--outline:var(--color-primary-alpha)}&[data-color=secondary]{--color:var(--color-secondary);--outline:var(--color-secondary-alpha)}&[data-color=error]{--color:var(--color-error);--outline:var(--color-error-alpha)}&[data-size=lg]{--fs:var(--fs-body);--gap:var(--spacing-gap-8)}}.SectionWrapper-module_header__8-h-6{font-size:var(--fs);&>h4{color:var(--color);font-size:1em}&>p{color:var(--color-on-background-faint);font-size:.9em}}.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe){border-top:1px solid var(--outline)}.SectionWrapper-module_content__Ruu8X{container-type:inline-size;display:flex;flex-direction:column}@container (min-width:600px){.SectionWrapper-module_root__K-O4Y{grid-template-columns:.4fr 1fr;&.SectionWrapper-module_noHeader__Ak-Rv{grid-template-columns:1fr}}}.Sidebar-module_root__1stxg{--sidebar-closed-width:4rem;--sidebar-open-width:20rem;--sidebar-body-height:65dvh;--sidebar-header-height:4.875rem;--sidebar-color-surface:var(--color-surface-alpha);display:flex;flex-direction:column;gap:var(--spacing-gap);height:100%;isolation:isolate}@media (min-width:600px){.Sidebar-module_root__1stxg{flex-direction:row}}.SidebarBody-module_root__yPbfH{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:var(--sidebar-body-height);left:-100%;overflow-x:hidden;position:fixed;top:var(--sidebar-header-height);transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarBody-module_open__gtCKF{left:0;overflow-x:auto}@media (min-width:600px){.SidebarBody-module_root__yPbfH{backdrop-filter:none;background-color:transparent;flex:1;height:unset;left:0;position:relative;top:0;width:unset}.SidebarBody-module_open__gtCKF{left:0}}.SidebarDrawer-module_root__CJch2{background:var(--color-surface);display:flex;flex-direction:row;transition:width var(--transition-time) var(--transition-tf);width:100%;z-index:-1}@media (min-width:600px){.SidebarDrawer-module_root__CJch2{background:var(--sidebar-color-surface);flex-direction:column;width:var(--sidebar-closed-width);z-index:0}.SidebarDrawer-module_open__E60Tc{width:var(--sidebar-open-width)}}.SidebarFooter-module_root__AdFmj{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:calc(100dvh - var(--sidebar-body-height) - var(--sidebar-header-height));left:-100%;overflow:auto;padding-bottom:var(--spacing-gap-2);padding-top:var(--spacing-gap-1);position:fixed;top:calc(var(--sidebar-header-height) + var(--sidebar-body-height));transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarFooter-module_open__qHsZf{left:0}@media (min-width:600px){.SidebarFooter-module_root__AdFmj{backdrop-filter:none;background-color:transparent;height:unset;left:0;position:relative;top:0;width:unset}.SidebarFooter-module_open__qHsZf{left:0}}.SidebarViewport-module_root__KAGAg{container-type:inline-size;flex:1;overflow:auto;z-index:-3}@media (min-width:600px){.SidebarViewport-module_root__KAGAg{z-index:0}}.Table-module_root__-0lhT{max-height:100%;max-width:100%;overflow:auto}.Table-module_table__f1fEX{border-radius:var(--shape-br-md);display:grid;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-body2);line-height:1.4;overflow:hidden;width:100%}.Table-module_tableCell__tKgEQ{background:var(--color-background);border-bottom:1px solid var(--color-outline);border-right:1px solid var(--color-outline);overflow:hidden;padding:8px 12px;text-overflow:ellipsis;user-select:none;white-space:nowrap;&:hover{background:var(--color-background-faint)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}&:nth-child(n){border-right:none}&[data-selected=true]{background:var(--color-surface);outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}}.PoweredByBanner-module_root__EtEjU{align-items:center;color:inherit;display:flex;gap:var(--spacing-gap);justify-content:center;padding-block:var(--spacing-gap);width:100%}.PoweredByBanner-module_size_sm__8S6Jb{font-size:var(--fs-body2)}.PoweredByBanner-module_size_md__HKrCD{font-size:var(--fs-body)}.PoweredByBanner-module_size_lg__6oEhl{font-size:var(--fs-body);font-weight:700}.Cursor-module_root__xyOg-{height:100vh;isolation:isolate;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.Cursor-module_main__FUTOy{background:radial-gradient(41.94% 82.95% at 50% 50%,color-mix(in srgb,var(--color-primary) 50%,transparent) 0,color-mix(in srgb,var(--color-secondary) 50%,transparent) 100%);border-radius:50%;filter:blur(90px);position:absolute;transition-duration:var(--transition-time);transition-property:width,height,filter;transition-timing-function:var(--transition-tf);translate:-50% -50%}@keyframes Spinner-module_spinning__1J1HL{12%{x:13px;y:1px}25%{x:13px;y:1px}37%{x:13px;y:13px}50%{x:13px;y:13px}62%{x:1px;y:13px}75%{x:1px;y:13px}87%{x:1px;y:1px}}.Spinner-module_main__dBojo{animation:Spinner-module_spinning__1J1HL 1.6s linear infinite;animation-delay:-1.6s}.Spinner-module_trailing__jtCPy{fill-opacity:.5;animation-delay:-1s}.TransitionAnimation-module_growEnter__bI9tZ{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0)}.TransitionAnimation-module_growEnterActive__yXQ1B{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_growEnterActive__yXQ1B,.TransitionAnimation-module_growExit__xZ6nz{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_growExitActive__t6tOi{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_fadeEnter__ZQc-U{opacity:0}.TransitionAnimation-module_fadeEnterActive__ZQP8J{opacity:1;transition:opacity var(--transition-tf)}.TransitionAnimation-module_fadeExit__eYDrT{opacity:1}.TransitionAnimation-module_fadeExitActive__1HT2J{opacity:0;transition:opacity var(--transition-tf)}.TransitionAnimation-module_slideEnter__9OKMI{opacity:0;transform:translateY(-20px)}.TransitionAnimation-module_slideEnterActive__DMXWB{opacity:1;transform:translateY(0);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_slideExit__P7dM2{opacity:1;transform:translateY(0)}.TransitionAnimation-module_slideExitActive__Z4put{opacity:0;transform:translateY(-20px);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnter__6ELcc{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(.5)}.TransitionAnimation-module_zoomEnterActive__2T6j4{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnterActive__2T6j4,.TransitionAnimation-module_zoomExit__SUc94{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_zoomExitActive__QWH8r{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(1.5);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.Pagination-module_root__at76F{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-2);list-style-type:none}.Pagination-module_item__2GFks{--pagination-item-fs:var(--fs-body2);align-items:center;border-radius:var(--shape-br-sm);color:var(--color-on-background);cursor:pointer;display:flex;font-size:var(--pagination-item-fs);height:32px;justify-content:center;min-width:fit-content;padding-inline:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);width:32px}.Pagination-module_disabled__KG8Cb{cursor:not-allowed;opacity:.5}.Pagination-module_item__2GFks:not(.Pagination-module_disabled__KG8Cb):hover{background:var(--color-surface)}.Pagination-module_activeItem__BVg0A{outline:1px solid var(--color-primary)}.Pagination-module_icon__OcxQW>svg{--pagination-item-icon-size:calc(var(--pagination-item-fs)*1.25);height:var(--pagination-item-icon-size);width:var(--pagination-item-icon-size)}.Pagination-module_icon__OcxQW:nth-child(2)~.Pagination-module_icon__OcxQW{transform:rotate(180deg)}.Breadcrumbs-module_root__KmBxB{align-items:center;display:flex;gap:1ch;&>svg{color:var(--color-on-background-faint)}}.Breadcrumbs-module_item__G3HWH{color:var(--color-on-background-faint);display:content;&:not(.Breadcrumbs-module_activeItem__-C8yn):hover{color:var(--color-primary)}}.Breadcrumbs-module_activeItem__-C8yn{color:var(--color-on-background)}.Breadcrumbs-module_ellipses__R-y7b{color:var(--color-on-background-faint)}.CopyableText-module_root__bhwTN{align-items:center;display:flex;gap:var(--spacing-gap);&>span{-ms-overflow-style:none;background-color:var(--color-surface);border-radius:var(--shape-br-sm);flex:1;font-size:.9em;overflow:auto hidden;padding:var(--spacing-gap);scrollbar-width:none;text-overflow:ellipsis;white-space:nowrap;&::-webkit-scrollbar{display:none}}}.VoidText-module_root__otzOq{color:var(--color-on-background-faint);font-weight:700;opacity:.5;text-align:center;width:100%}

package/package.json

@@ -5,7 +5,7 @@
     "access": "public"
   },
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.27",
   "keywords": [
     "@studiocubics",
     "cubics",
@@ -34,9 +34,9 @@
     "react-dom": ">= 19"
   },
   "dependencies": {
-    "@studiocubics/hooks": "^0.0.25",
-    "@studiocubics/types": "^0.0.25",
-    "@studiocubics/utils": "^0.0.25"
+    "@studiocubics/hooks": "^0.0.27",
+    "@studiocubics/types": "^0.0.27",
+    "@studiocubics/utils": "^0.0.27"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",

package/dist/Inputs/CloseButton/CloseButton.module.css.js

@@ -1,2 +0,0 @@
-var o={root:"CloseButton-module_root__k-sSS"};export{o as default};
-//# sourceMappingURL=CloseButton.module.css.js.map

package/dist/Inputs/CloseButton/CloseButton.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CloseButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}