@studiocubics/components 0.0.6 → 0.0.8

package/dist/Inputs/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentProps, type ReactElement } from "react";
-import { type UseRippleProps } from "../../Misc/Ripple/Ripple";
-interface CheckboxProps extends Omit<ComponentProps<"input">, "onChange" | "type"> {
+import { type UseRippleProps } from "../../Misc/_index";
+interface CheckboxProps extends Omit<ComponentProps<"input">, "onChange" | "type" | "size"> {
     label?: string;
     checked?: boolean;
     indeterminate?: boolean;
@@ -16,8 +16,13 @@ interface CheckboxProps extends Omit<ComponentProps<"input">, "onChange" | "type
         label?: ComponentProps<"label">;
         error?: ComponentProps<"p">;
     };
-    /** INTERNAL: prevent group registration */
+    /**
+     * Skips registering with provider
+     */
     skipGroup?: boolean;
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "tertiary";
+    htmlSize?: ComponentProps<"input">["size"];
 }
 export declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 export {};

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,useState as n,useRef as o,useEffect as c}from"react";import{CheckboxGroupContext as i}from"./CheckboxGroup/CheckboxGroup.js";import{cn as l}from"@studiocubics/utils";import s from"./Checkbox.module.css.js";import{useRipple as a,eventWithRipple as p}from"../../Misc/Ripple/Ripple.js";function u(u){const{label:m,checked:k,indeterminate:b=!1,skipGroup:w,checkedIcon:f,indeterminateIcon:g,slotProps:x={},"aria-label":N,onChange:v,onTouchStart:C,onClick:j,...W}=u,L=t(i),[G,M]=n(null),[R,B]=n(!1),I=o(null),S=o(!1),{rippleElements:T,createRipple:y}=a(),E=L&&!w&&null!==G?L.values[G]:k??R;return c(()=>{!L||w||S.current||(S.current=!0,M(L.register()))},[L,w,G]),c(()=>{I.current&&(I.current.indeterminate=b)},[b]),e("div",{...x.root,className:l(s.root,x.root?.className),children:[e("div",{...x.inputWrapper,className:l(s.inputWrapper,x.inputWrapper?.className),children:[T,r("input",{ref:I,type:"checkbox",checked:E,"aria-checked":E??!1,"aria-label":N||m,onChange:e=>{const r=e.target.checked;L&&!w&&null!==G?L.update(G,r):B(r),v?.(e,r)},id:m,onTouchStart:p(y,C),onClick:p(y,j),...W}),e("span",{children:[f??r(d,{checked:E}),g??r(h,{indeterminate:b})]})]}),m&&r("label",{...x.label,htmlFor:m,className:l(x.label?.className,s.label),children:m})]})}function d(e){const{checked:t,className:n,...o}=e;return r("svg",{...o,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?s.show:s.hide,s.checked,n),children:r("path",{d:"M4 12 9 17l11 -11"})})}function h(e){const{indeterminate:t,className:n,...o}=e;return r("svg",{...o,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:l(t?s.show:s.hide,s.indeterminate,n),stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M5 12h14"})})}export{u as Checkbox};
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,useState as o,useRef as n,useEffect as i}from"react";import{CheckboxGroupContext as c}from"./CheckboxProvider.js";import{cn as s}from"@studiocubics/utils";import a from"./Checkbox.module.css.js";import{useRipple as l,eventWithRipple as d}from"../../Misc/Ripple/Ripple.js";import"@studiocubics/hooks";function p(p){const{label:h,checked:k,indeterminate:b=!1,skipGroup:f,checkedIcon:w,indeterminateIcon:g,slotProps:v={},"aria-label":N,onChange:x,onTouchStart:C,onClick:j,htmlSize:W,size:z="md",color:L="default",...M}=p,R=t(c),[S,B]=o(null),[I,P]=o(!1),T=n(null),y=n(!1),{rippleElements:E,createRipple:F}=l(),G=R&&!f&&null!==S?R.values[S]:k??I;return i(()=>{!R||f||y.current||(y.current=!0,B(R.register()))},[R,f,S]),i(()=>{T.current&&(T.current.indeterminate=b)},[b]),e("div",{...v.root,className:s(a.root,v.root?.className),"data-color":L,"data-size":z,children:[e("div",{...v.inputWrapper,className:s(a.inputWrapper,v.inputWrapper?.className),children:[E,r("input",{ref:T,type:"checkbox",checked:G,"aria-checked":G??!1,"aria-label":N||h,onChange:e=>{const r=e.target.checked;R&&!f&&null!==S?R.update(S,r):P(r),x?.(e,r)},id:h,onTouchStart:d(F,C),onClick:d(F,j),size:W,...M}),e("span",{children:[w??r(u,{checked:G}),g??r(m,{indeterminate:b})]})]}),h&&r("label",{...v.label,htmlFor:h,className:s(v.label?.className,a.label),children:h})]})}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:s(t?a.show:a.hide,a.checked,o),children:r("path",{d:"M5 13 9 17l10 -9"})})}function m(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:s(t?a.show:a.hide,a.indeterminate,o),stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M5 12h14"})})}export{p 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  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxGroup/CheckboxGroup\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\n\ninterface CheckboxProps\n  extends Omit<ComponentProps<\"input\">, \"onChange\" | \"type\"> {\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  /** INTERNAL: prevent group registration */\n  skipGroup?: boolean;\n  // TODO add size\n  // TODO add color\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    ...inputProps\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  const [index, setIndex] = useState<number | null>(null);\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 && index !== null\n      ? group.values[index]\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup && index !== null) {\n      group.update(index, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group, skipGroup, index]);\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      {...slotProps.root}\n      className={cn(styles.root, slotProps.root?.className)}\n    >\n      <div\n        {...slotProps.inputWrapper}\n        className={cn(styles.inputWrapper, slotProps.inputWrapper?.className)}\n      >\n        {rippleElements}\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel || label}\n          onChange={handleChange}\n          id={label}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          {...inputProps}\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={label}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\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=\"M4 12 9 17l11 -11\" />\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","inputProps","group","useContext","CheckboxGroupContext","index","setIndex","useState","selfChecked","setSelfChecked","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","id","eventWithRipple","CheckboxCheckedIcon","CheckboxIndeterminateIcon","htmlFor","rest","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","show","hide","d"],"mappings":"iXAkDM,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,KACGC,GACDZ,EACEa,EAAQC,EAAWC,IAClBC,EAAOC,GAAYC,EAAwB,OAC3CC,EAAaC,GAAkBF,GAAS,GAEzCG,EAAWC,EAAyB,MACpCC,EAAeD,GAAO,IAEtBE,eAAEA,EAAcC,aAAEA,GAAiBC,IAEnCC,EACJd,IAAUT,GAAuB,OAAVY,EACnBH,EAAMe,OAAOZ,GACZd,GAAWiB,EAyBlB,OAbAU,EAAU,MACHhB,GAAST,GAAamB,EAAaO,UACxCP,EAAaO,SAAU,EACvBb,EAASJ,EAAMkB,cACd,CAAClB,EAAOT,EAAWY,IAGtBa,EAAU,KACJR,EAASS,UACXT,EAASS,QAAQ3B,cAAgBA,IAElC,CAACA,IAGF6B,EAAA,MAAA,IACMzB,EAAU0B,KACdC,UAAWC,EAAGC,EAAOH,KAAM1B,EAAU0B,MAAMC,WAAUG,SAAA,CAErDL,EAAA,MAAA,IACMzB,EAAU+B,aACdJ,UAAWC,EAAGC,EAAOE,aAAc/B,EAAU+B,cAAcJ,WAAUG,SAAA,CAEpEb,EACDe,EAAA,QAAA,CACEC,IAAKnB,EACLoB,KAAK,WACLvC,QAASyB,EAAS,eACJA,IAAa,EAAK,aACpBnB,GAAaP,EACzBQ,SAvCciC,IACpB,MAAMC,EAAOD,EAAEE,OAAO1C,QAClBW,IAAUT,GAAuB,OAAVY,EACzBH,EAAMgC,OAAO7B,EAAO2B,GAEpBvB,EAAeuB,GAEjBlC,IAAWiC,EAAGC,IAiCRG,GAAI7C,EACJS,aAAcqC,EAAgBtB,EAAcf,GAC5CC,QAASoC,EAAgBtB,EAAcd,MACnCC,IAENoB,EAAA,OAAA,CAAAK,SAAA,CACGhC,GAAekC,EAACS,EAAmB,CAAC9C,QAASyB,IAC7CrB,GACCiC,EAACU,EAAyB,CAAC9C,cAAeA,UAI/CF,GACCsC,EAAA,QAAA,IACMhC,EAAUN,MACdiD,QAASjD,EACTiC,UAAWC,EAAG5B,EAAUN,OAAOiC,UAAWE,EAAOnC,gBAEhDA,MAKX,CACA,SAAS+C,EACPhD,GAEA,MAAME,QAAEA,EAAOgC,UAAEA,KAAciB,GAASnD,EACxC,OACEuC,EAAA,MAAA,IACMY,EACJC,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACfxB,UAAWC,EACTjC,EAAUkC,EAAOuB,KAAOvB,EAAOwB,KAC/BxB,EAAOlC,QACPgC,GACDG,SAEDE,EAAA,OAAA,CAAMsB,EAAE,uBAGd,CAEA,SAASZ,EACPjD,GAEA,MAAMG,cAAEA,EAAa+B,UAAEA,KAAciB,GAASnD,EAC9C,OACEuC,EAAA,MAAA,IACMY,EACJE,QAAQ,YACRD,MAAM,6BACNlB,UAAWC,EACThC,EAAgBiC,EAAOuB,KAAOvB,EAAOwB,KACrCxB,EAAOjC,cACP+B,GAEFqB,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QAAOrB,SAEtBE,EAAA,OAAA,CAAMsB,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  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxProvider\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport { eventWithRipple, useRipple, type UseRippleProps } from \"../../Misc/_index\";\n\ninterface 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\" | \"tertiary\";\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    size = \"md\",\n    color = \"default\",\n    ...inputProps\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  const [index, setIndex] = useState<number | null>(null);\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 && index !== null\n      ? group.values[index]\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup && index !== null) {\n      group.update(index, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group, skipGroup, index]);\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      {...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          ref={inputRef}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel || label}\n          onChange={handleChange}\n          id={label}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          size={htmlSize}\n          {...inputProps}\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={label}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\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","size","color","inputProps","group","useContext","CheckboxGroupContext","index","setIndex","useState","selfChecked","setSelfChecked","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","id","eventWithRipple","CheckboxCheckedIcon","CheckboxIndeterminateIcon","htmlFor","rest","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","show","hide","d"],"mappings":"kYAiDM,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,KACRA,EAAO,KAAIC,MACXA,EAAQ,aACLC,GACDf,EACEgB,EAAQC,EAAWC,IAClBC,EAAOC,GAAYC,EAAwB,OAC3CC,EAAaC,GAAkBF,GAAS,GAEzCG,EAAWC,EAAyB,MACpCC,EAAeD,GAAO,IAEtBE,eAAEA,EAAcC,aAAEA,GAAiBC,IAEnCC,EACJd,IAAUZ,GAAuB,OAAVe,EACnBH,EAAMe,OAAOZ,GACZjB,GAAWoB,EAyBlB,OAbAU,EAAU,MACHhB,GAASZ,GAAasB,EAAaO,UACxCP,EAAaO,SAAU,EACvBb,EAASJ,EAAMkB,cACd,CAAClB,EAAOZ,EAAWe,IAGtBa,EAAU,KACJR,EAASS,UACXT,EAASS,QAAQ9B,cAAgBA,IAElC,CAACA,IAGFgC,EAAA,MAAA,IACM5B,EAAU6B,KACdC,UAAWC,EAAGC,EAAOH,KAAM7B,EAAU6B,MAAMC,wBAC/BvB,EAAK,YACND,EAAI2B,SAAA,CAEfL,YACM5B,EAAUkC,aACdJ,UAAWC,EAAGC,EAAOE,aAAclC,EAAUkC,cAAcJ,WAAUG,SAAA,CAEpEb,EACDe,EAAA,QAAA,CACEC,IAAKnB,EACLoB,KAAK,WACL1C,QAAS4B,EAAS,eACJA,IAAa,EAAK,aACpBtB,GAAaP,EACzBQ,SAzCcoC,IACpB,MAAMC,EAAOD,EAAEE,OAAO7C,QAClBc,IAAUZ,GAAuB,OAAVe,EACzBH,EAAMgC,OAAO7B,EAAO2B,GAEpBvB,EAAeuB,GAEjBrC,IAAWoC,EAAGC,IAmCRG,GAAIhD,EACJS,aAAcwC,EAAgBtB,EAAclB,GAC5CC,QAASuC,EAAgBtB,EAAcjB,GACvCE,KAAMD,KACFG,IAENoB,oBACG9B,GAAeqC,EAACS,GAAoBjD,QAAS4B,IAC7CxB,GACCoC,EAACU,EAAyB,CAACjD,cAAeA,UAI/CF,GACCyC,EAAA,QAAA,IACMnC,EAAUN,MACdoD,QAASpD,EACToC,UAAWC,EAAG/B,EAAUN,OAAOoC,UAAWE,EAAOtC,OAAMuC,SAEtDvC,MAKX,CACA,SAASkD,EACPnD,GAEA,MAAME,QAAEA,EAAOmC,UAAEA,KAAciB,GAAStD,EACxC,OACE0C,EAAA,MAAA,IACMY,EACJC,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACfxB,UAAWC,EACTpC,EAAUqC,EAAOuB,KAAOvB,EAAOwB,KAC/BxB,EAAOrC,QACPmC,GACDG,SAEDE,EAAA,OAAA,CAAMsB,EAAE,sBAGd,CAEA,SAASZ,EACPpD,GAEA,MAAMG,cAAEA,EAAakC,UAAEA,KAAciB,GAAStD,EAC9C,OACE0C,EAAA,MAAA,IACMY,EACJE,QAAQ,YACRD,MAAM,6BACNlB,UAAWC,EACTnC,EAAgBoC,EAAOuB,KAAOvB,EAAOwB,KACrCxB,EAAOpC,cACPkC,GAEFqB,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QAAOrB,SAEtBE,EAAA,OAAA,CAAMsB,EAAE,cAGd"}

package/dist/Inputs/Checkbox/{CheckboxGroup/CheckboxGroup.d.ts → CheckboxProvider.d.ts}

@@ -8,8 +8,8 @@ interface CheckboxGroupContextProps {
 interface CheckboxGroupProps {
     children: ReactNode;
     onChange?: (checked: boolean[]) => void;
-    label?: string;
 }
 export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextProps | null>;
-export declare function CheckboxGroup({ children, onChange, label, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const useCheckbox: () => CheckboxGroupContextProps;
+export declare function CheckboxProvider({ children, onChange }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Inputs/Checkbox/CheckboxProvider.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t,useState as n,useRef as o,useCallback as c,useMemo as u}from"react";const s=e(null),i=()=>{const r=t(s);if(!r)throw new Error("Components must be wrapped with <CheckboxProvider/>");return r};function l({children:e,onChange:t}){const[i,l]=n([]),a=o(-1),m=c(()=>{const r=++a.current;return l(r=>[...r,!1]),r},[]),p=c((r,e)=>{l(n=>{const o=[...n];return o[r]=e,t?.(o),o})},[t]),d=c(r=>{l(e=>{const n=e.map(()=>r);return t?.(n),n})},[t]),h=u(()=>({values:i,register:m,update:p,setAll:d}),[i,m,p,d]);return r(s.Provider,{value:h,children:e})}export{s as CheckboxGroupContext,l as CheckboxProvider,i as useCheckbox};
+//# sourceMappingURL=CheckboxProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxProvider.js","sources":["../../../src/Inputs/Checkbox/CheckboxProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\ninterface CheckboxGroupContextProps {\n  values: boolean[];\n  register: () => number;\n  update: (index: number, checked: boolean) => void;\n  setAll: (checked: boolean) => void;\n}\n\ninterface CheckboxGroupProps {\n  children: ReactNode;\n  onChange?: (checked: boolean[]) => void;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextProps | null>(null);\n\nexport const useCheckbox = () => {\n  const c = useContext(CheckboxGroupContext);\n  if (!c)\n    throw new Error(\"Components must be wrapped with <CheckboxProvider/>\");\n  return c;\n};\n\nexport function CheckboxProvider({ children, onChange }: CheckboxGroupProps) {\n  const [values, setValues] = useState<boolean[]>([]);\n  const indexRef = useRef(-1);\n\n  const register = useCallback(() => {\n    const index = ++indexRef.current; // ✅ Increments to 0, then returns 0\n    setValues((prev) => [...prev, false]);\n    return index;\n  }, []);\n  const update = useCallback(\n    (index: number, checked: boolean) => {\n      setValues((prev) => {\n        const next = [...prev];\n        next[index] = checked;\n        onChange?.(next);\n        return next;\n      });\n    },\n    [onChange],\n  );\n\n  const setAll = useCallback(\n    (checked: boolean) => {\n      setValues((prev) => {\n        const next = prev.map(() => checked);\n        onChange?.(next);\n        return next;\n      });\n    },\n    [onChange],\n  );\n\n  const context = useMemo(\n    () => ({ values, register, update, setAll }),\n    [values, register, update, setAll],\n  );\n\n  return (\n    <CheckboxGroupContext.Provider value={context}>\n      {children}\n    </CheckboxGroupContext.Provider>\n  );\n}\n"],"names":["CheckboxGroupContext","createContext","useCheckbox","c","useContext","Error","CheckboxProvider","children","onChange","values","setValues","useState","indexRef","useRef","register","useCallback","index","current","prev","update","checked","next","setAll","map","context","useMemo","_jsx","Provider","value"],"mappings":"yKAwBaA,EACXC,EAAgD,MAErCC,EAAc,KACzB,MAAMC,EAAIC,EAAWJ,GACrB,IAAKG,EACH,MAAM,IAAIE,MAAM,uDAClB,OAAOF,YAGOG,GAAiBC,SAAEA,EAAQC,SAAEA,IAC3C,MAAOC,EAAQC,GAAaC,EAAoB,IAC1CC,EAAWC,MAEXC,EAAWC,EAAY,KAC3B,MAAMC,IAAUJ,EAASK,QAEzB,OADAP,EAAWQ,GAAS,IAAIA,GAAM,IACvBF,GACN,IACGG,EAASJ,EACb,CAACC,EAAeI,KACdV,EAAWQ,IACT,MAAMG,EAAO,IAAIH,GAGjB,OAFAG,EAAKL,GAASI,EACdZ,IAAWa,GACJA,KAGX,CAACb,IAGGc,EAASP,EACZK,IACCV,EAAWQ,IACT,MAAMG,EAAOH,EAAKK,IAAI,IAAMH,GAE5B,OADAZ,IAAWa,GACJA,KAGX,CAACb,IAGGgB,EAAUC,EACd,KAAA,CAAShB,SAAQK,WAAUK,SAAQG,WACnC,CAACb,EAAQK,EAAUK,EAAQG,IAG7B,OACEI,EAAC1B,EAAqB2B,SAAQ,CAACC,MAAOJ,EAAOjB,SAC1CA,GAGP"}

package/dist/Inputs/Checkbox/CheckboxSelectAll.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{useContext as o}from"react";import{Checkbox as r}from"./Checkbox.js";import{CheckboxGroupContext as t}from"./CheckboxGroup/CheckboxGroup.js";function n({label:n}){const c=o(t);if(!c)throw new Error("<CheckboxSelectAll/> must be used inside <CheckboxGroup/>");const{values:l,setAll:i}=c,s=l.length>0&&l.every(Boolean),m=l.some(Boolean);return e(r,{label:n,checked:s,indeterminate:!s&&m,onChange:(e,o)=>i(o),skipGroup:!0})}export{n as CheckboxSelectAll};
+"use client";import{jsx as e}from"react/jsx-runtime";import{useContext as o}from"react";import{Checkbox as r}from"./Checkbox.js";import{CheckboxGroupContext as t}from"./CheckboxProvider.js";function n({label:n}){const i=o(t);if(!i)throw new Error("<CheckboxSelectAll/> must be used inside <CheckboxProvider/>");const{values:l,setAll:c}=i,s=l.length>0&&l.every(Boolean),m=l.some(Boolean);return e(r,{label:n,checked:s,indeterminate:!s&&m,onChange:(e,o)=>c(o),skipGroup:!0})}export{n as CheckboxSelectAll};
 //# sourceMappingURL=CheckboxSelectAll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxSelectAll.js","sources":["../../../src/Inputs/Checkbox/CheckboxSelectAll.tsx"],"sourcesContent":["\"use client\";\n\nimport { useContext } from \"react\";\nimport { Checkbox } from \"./Checkbox\";\nimport { CheckboxGroupContext } from \"./CheckboxGroup/CheckboxGroup\";\n\ninterface CheckboxSelectAllProps {\n  label: string;\n}\n\nexport function CheckboxSelectAll({ label }: CheckboxSelectAllProps) {\n  const group = useContext(CheckboxGroupContext);\n\n  if (!group) {\n    throw new Error(\n      \"<CheckboxSelectAll/> must be used inside <CheckboxGroup/>\",\n    );\n  }\n\n  const { values, setAll } = group;\n\n  const allChecked = values.length > 0 && values.every(Boolean);\n  const someChecked = values.some(Boolean);\n\n  return (\n    <Checkbox\n      label={label}\n      checked={allChecked}\n      indeterminate={!allChecked && someChecked}\n      onChange={(_, checked) => setAll(checked)}\n      skipGroup\n    />\n  );\n}\n"],"names":["CheckboxSelectAll","label","group","useContext","CheckboxGroupContext","Error","values","setAll","allChecked","length","every","Boolean","someChecked","some","_jsx","Checkbox","checked","indeterminate","onChange","_","skipGroup"],"mappings":"yMAUM,SAAUA,GAAkBC,MAAEA,IAClC,MAAMC,EAAQC,EAAWC,GAEzB,IAAKF,EACH,MAAM,IAAIG,MACR,6DAIJ,MAAMC,OAAEA,EAAMC,OAAEA,GAAWL,EAErBM,EAAaF,EAAOG,OAAS,GAAKH,EAAOI,MAAMC,SAC/CC,EAAcN,EAAOO,KAAKF,SAEhC,OACEG,EAACC,EAAQ,CACPd,MAAOA,EACPe,QAASR,EACTS,eAAgBT,GAAcI,EAC9BM,SAAU,CAACC,EAAGH,IAAYT,EAAOS,GACjCI,WAAS,GAGf"}
+{"version":3,"file":"CheckboxSelectAll.js","sources":["../../../src/Inputs/Checkbox/CheckboxSelectAll.tsx"],"sourcesContent":["\"use client\";\n\nimport { useContext } from \"react\";\nimport { Checkbox } from \"./Checkbox\";\nimport { CheckboxGroupContext } from \"./CheckboxProvider\";\n\ninterface CheckboxSelectAllProps {\n  label: string;\n}\n\nexport function CheckboxSelectAll({ label }: CheckboxSelectAllProps) {\n  const group = useContext(CheckboxGroupContext);\n\n  if (!group) {\n    throw new Error(\n      \"<CheckboxSelectAll/> must be used inside <CheckboxProvider/>\",\n    );\n  }\n\n  const { values, setAll } = group;\n\n  const allChecked = values.length > 0 && values.every(Boolean);\n  const someChecked = values.some(Boolean);\n\n  return (\n    <Checkbox\n      label={label}\n      checked={allChecked}\n      indeterminate={!allChecked && someChecked}\n      onChange={(_, checked) => setAll(checked)}\n      skipGroup\n    />\n  );\n}\n"],"names":["CheckboxSelectAll","label","group","useContext","CheckboxGroupContext","Error","values","setAll","allChecked","length","every","Boolean","someChecked","some","_jsx","Checkbox","checked","indeterminate","onChange","_","skipGroup"],"mappings":"8LAUM,SAAUA,GAAkBC,MAAEA,IAClC,MAAMC,EAAQC,EAAWC,GAEzB,IAAKF,EACH,MAAM,IAAIG,MACR,gEAIJ,MAAMC,OAAEA,EAAMC,OAAEA,GAAWL,EAErBM,EAAaF,EAAOG,OAAS,GAAKH,EAAOI,MAAMC,SAC/CC,EAAcN,EAAOO,KAAKF,SAEhC,OACEG,EAACC,EAAQ,CACPd,MAAOA,EACPe,QAASR,EACTS,eAAgBT,GAAcI,EAC9BM,SAAU,CAACC,EAAGH,IAAYT,EAAOS,GACjCI,WAAS,GAGf"}

package/dist/Inputs/Checkbox/_index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Checkbox";
+export * from "./CheckboxProvider";
 export * from "./CheckboxSelectAll";
-export * from "./CheckboxGroup/CheckboxGroup";

package/dist/Layout/Drawer/Drawer.js

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{useDisclosure as i}from"@studiocubics/hooks";import{Button as s}from"../../Inputs/Button/Button.js";import"react";import"../../Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js";import{cn as e}from"@studiocubics/utils";import"../../Display/InputErrors/InputErrors.js";import"../../Display/Accordion/Accordion.js";import"../../Cards/GlassCard/GlassCard.js";import"../../Display/Chip/Chip.js";import"../../Display/IdentityDisplay/IdentityDisplay.js";import"../../Display/Kbd/buttonList.js";import"../../Display/List/List.js";import"react-dom";import{Dialog as n}from"../Dialog/Dialog.js";import p from"./Drawer.module.css.js";const l=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M9 3v18"}),t("path",{d:"m16 15-3-3 3-3"})]}),d=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M15 3v18"}),t("path",{d:"m8 9 3 3-3 3"})]});function h(h){const{side:c="right",slotProps:a,children:m,className:u,...w}=h,{open:j,handleOpen:g,handleClose:k}=i();return o(r,{children:[t(s,{onClick:g,children:t("left"==c?d:l,{})}),t(n,{open:j,onClose:k,className:e(u,p.drawer),...w,children:m})]})}export{h as Drawer};
+import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{useDisclosure as i}from"@studiocubics/hooks";import{Button as s}from"../../Inputs/Button/Button.js";import"react";import"../../Inputs/Checkbox/CheckboxProvider.js";import{cn as e}from"@studiocubics/utils";import"../../Display/InputErrors/InputErrors.js";import"../../Display/Accordion/Accordion.js";import"../../Cards/GlassCard/GlassCard.js";import"../../Display/Chip/Chip.js";import"../../Display/IdentityDisplay/IdentityDisplay.js";import"../../Display/Kbd/buttonList.js";import"../../Display/List/List.js";import"react-dom";import{Dialog as n}from"../Dialog/Dialog.js";import p from"./Drawer.module.css.js";const l=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M9 3v18"}),t("path",{d:"m16 15-3-3 3-3"})]}),d=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M15 3v18"}),t("path",{d:"m8 9 3 3-3 3"})]});function h(h){const{side:a="right",slotProps:c,children:m,className:u,...w}=h,{open:j,handleOpen:g,handleClose:k}=i();return o(r,{children:[t(s,{onClick:g,children:t("left"==a?d:l,{})}),t(n,{open:j,onClose:k,className:e(u,p.drawer),...w,children:m})]})}export{h as Drawer};
 //# sourceMappingURL=Drawer.js.map

package/dist/Layout/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/Layout/Drawer/Drawer.tsx"],"sourcesContent":["import { useDisclosure } from \"@studiocubics/hooks\";\nimport { Button, type ButtonProps } from \"../../Inputs/_index\";\nimport { Dialog, type DialogProps } from \"../../Layout/Dialog/Dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends Omit<DialogProps, \"open\" | \"onClose\"> {\n  /**\n   * @default \"right\"\n   */\n  side?: \"right\" | \"left\";\n\n  slotProps?: {\n    button?: ButtonProps;\n  };\n}\n\nconst PanelLeft = (props: ComponentProps<\"svg\">) => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      stroke=\"currentColor\"\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"m16 15-3-3 3-3\" />\n    </svg>\n  );\n};\nconst PanelRight = (props: ComponentProps<\"svg\">) => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      stroke=\"currentColor\"\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M15 3v18\" />\n      <path d=\"m8 9 3 3-3 3\" />\n    </svg>\n  );\n};\n\n/**\n * Opens a drawer from the side of the screen\n */\nexport function Drawer(props: DrawerProps) {\n  const { side = \"right\", slotProps, children, className, ...rest } = props;\n  const { open, handleOpen, handleClose } = useDisclosure();\n\n  return (\n    <>\n      <Button onClick={handleOpen}>\n        {side == \"left\" ? <PanelRight /> : <PanelLeft />}\n      </Button>\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        className={cn(className, styles.drawer)}\n        {...rest}\n      >\n        {children}\n      </Dialog>\n    </>\n  );\n}\n"],"names":["PanelLeft","props","_jsxs","width","height","stroke","xmlns","viewBox","fill","children","_jsx","x","y","rx","d","PanelRight","Drawer","side","slotProps","className","rest","open","handleOpen","handleClose","useDisclosure","_Fragment","Button","onClick","Dialog","onClose","cn","styles","drawer"],"mappings":"orBAkBA,MAAMA,EAAaC,GAEfC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,YACRJ,EAAA,OAAA,CAAMI,EAAE,sBAIRC,EAAcd,GAEhBC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,aACRJ,EAAA,OAAA,CAAMI,EAAE,oBAQR,SAAUE,EAAOf,GACrB,MAAMgB,KAAEA,EAAO,QAAOC,UAAEA,EAAST,SAAEA,EAAQU,UAAEA,KAAcC,GAASnB,GAC9DoB,KAAEA,EAAIC,WAAEA,EAAUC,YAAEA,GAAgBC,IAE1C,OACEtB,EAAAuB,EAAA,CAAAhB,SAAA,CACEC,EAACgB,EAAM,CAACC,QAASL,EAAUb,SACPC,EAAT,QAARO,EAAkBF,EAAiBf,EAAP,CAAA,KAE/BU,EAACkB,EAAM,CACLP,KAAMA,EACNQ,QAASN,EACTJ,UAAWW,EAAGX,EAAWY,EAAOC,WAC5BZ,EAAIX,SAEPA,MAIT"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/Layout/Drawer/Drawer.tsx"],"sourcesContent":["import { useDisclosure } from \"@studiocubics/hooks\";\nimport { Button, type ButtonProps } from \"../../Inputs/_index\";\nimport { Dialog, type DialogProps } from \"../../Layout/Dialog/Dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends Omit<DialogProps, \"open\" | \"onClose\"> {\n  /**\n   * @default \"right\"\n   */\n  side?: \"right\" | \"left\";\n\n  slotProps?: {\n    button?: ButtonProps;\n  };\n}\n\nconst PanelLeft = (props: ComponentProps<\"svg\">) => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      stroke=\"currentColor\"\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"m16 15-3-3 3-3\" />\n    </svg>\n  );\n};\nconst PanelRight = (props: ComponentProps<\"svg\">) => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      stroke=\"currentColor\"\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M15 3v18\" />\n      <path d=\"m8 9 3 3-3 3\" />\n    </svg>\n  );\n};\n\n/**\n * Opens a drawer from the side of the screen\n */\nexport function Drawer(props: DrawerProps) {\n  const { side = \"right\", slotProps, children, className, ...rest } = props;\n  const { open, handleOpen, handleClose } = useDisclosure();\n\n  return (\n    <>\n      <Button onClick={handleOpen}>\n        {side == \"left\" ? <PanelRight /> : <PanelLeft />}\n      </Button>\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        className={cn(className, styles.drawer)}\n        {...rest}\n      >\n        {children}\n      </Dialog>\n    </>\n  );\n}\n"],"names":["PanelLeft","props","_jsxs","width","height","stroke","xmlns","viewBox","fill","children","_jsx","x","y","rx","d","PanelRight","Drawer","side","slotProps","className","rest","open","handleOpen","handleClose","useDisclosure","_Fragment","Button","onClick","Dialog","onClose","cn","styles","drawer"],"mappings":"yqBAkBA,MAAMA,EAAaC,GAEfC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,YACRJ,EAAA,OAAA,CAAMI,EAAE,sBAIRC,EAAcd,GAEhBC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,aACRJ,EAAA,OAAA,CAAMI,EAAE,oBAQR,SAAUE,EAAOf,GACrB,MAAMgB,KAAEA,EAAO,QAAOC,UAAEA,EAAST,SAAEA,EAAQU,UAAEA,KAAcC,GAASnB,GAC9DoB,KAAEA,EAAIC,WAAEA,EAAUC,YAAEA,GAAgBC,IAE1C,OACEtB,EAAAuB,EAAA,CAAAhB,SAAA,CACEC,EAACgB,EAAM,CAACC,QAASL,EAAUb,SACPC,EAAT,QAARO,EAAkBF,EAAiBf,EAAP,CAAA,KAE/BU,EAACkB,EAAM,CACLP,KAAMA,EACNQ,QAASN,EACTJ,UAAWW,EAAGX,EAAWY,EAAOC,WAC5BZ,EAAIX,SAEPA,MAIT"}

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__CuvK2{margin-bottom:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-top__XaUyR{margin-top:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-right__O1HnI{margin-left:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-left__4o1J4{margin-right:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topLeft__WyNAm{border-top-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topRight__-ILdh{border-top-right-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomLeft__E6w40{border-bottom-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomRight__mefBZ{border-bottom-right-radius:0}.Tooltip-module_root__nip6a:after{content:"";height:0;position:absolute;width:0}.Tooltip-module_arrow-bottom__CuvK2: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__XaUyR: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__O1HnI: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__4o1J4: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__WyNAm:after{left:0}.Tooltip-module_arrow-topLeft__WyNAm:after,.Tooltip-module_arrow-topRight__-ILdh: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__-ILdh:after{right:0}.Tooltip-module_arrow-bottomLeft__E6w40:after{left:0}.Tooltip-module_arrow-bottomLeft__E6w40:after,.Tooltip-module_arrow-bottomRight__mefBZ: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__mefBZ: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_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(--color-primary) 50%,transparent);--glass-shadow:color-mix(in srgb,var(--color-primary) 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)}.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}}.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)}.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{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)}}.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)}}.ConfirmationForm-module_danger__C1MyS{&>h4{color:var(--color-error)}}.ConfirmationForm-module_actions__TSHEJ{display:flex;gap:var(--spacing-gap-2);justify-content:flex-end}.ConfirmationForm-module_size_sm__0xJZd{&>h4{font-size:.9em}}.ConfirmationForm-module_size_md__ABTKZ{&>h4{font-size:1em}}.ConfirmationForm-module_size_lg__uqxZX{&>h4{font-size:1.2em}}.CheckboxGroup-module_root__yODdU{display:flex;flex-direction:column;gap:var(--spacing-gap-2);padding-top:var(--spacing-gap-3)}.CheckboxGroup-module_legend__q-7v4{font-family:var(--font-h);font-weight:700}.Checkbox-module_root__52eFu{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-surface);--input-focus-background:var(--color-background);--input-checked-color:var(--color-surface);--input-checked-background:var(--color-on-surface);--input-indeterminate-color:var(--color-surface);--input-indeterminate-background:var(--color-on-surface);align-items:center;display:flex;gap:var(--spacing-gap-2)}.Checkbox-module_inputWrapper__JZjHc{border-radius:var(--shape-br-xs);display:flex;height:fit-content;overflow:hidden;position:relative;&>input[type=checkbox]{background:var(--input-background);border:2.3px solid var(--input-border);border-radius:inherit;color:var(--input-color);cursor:pointer;font:inherit;height:var(--spacing-gap-4);transition:all var(--transition-time) var(--transition-tf);width:var(--spacing-gap-4)}&:has(input[type=checkbox]:checked){--input-color:var(--input-checked-color);--input-background:var(--input-checked-background)}&:has(input[type=checkbox]:indeterminate){--input-color:var(--input-indeterminate-color);--input-background:var(--input-indeterminate-background)}}.Checkbox-module_inputWrapper__JZjHc>span{color:var(--input-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 var(--transition-time) var(--transition-tf) forwards}.Checkbox-module_hide__j-2PL path{animation:Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) reverse}@keyframes Checkbox-module_draw-check__THEN8{to{stroke-dashoffset:0}}.Checkbox-module_label__4Llik{cursor:pointer}.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}.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}.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-surface);--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}}}.Switch-module_root__iigu-{--switch-track-width:54px;--switch-track-height:30px;--switch-thumb-width:60%;--switch-track-color:var(--color-background-alpha);--switch-track-checked-color:var(--color-background);--switch-thumb-color:var(--color-primary-container);--switch-thumb-checked-color:var(--color-primary);--switch-thumb-text-color:var(--color-on-primary-container);--switch-thumb-checked-text-color:var(--color-on-primary);align-items:center;display:flex;gap:var(--spacing-gap-2);&:not(.Switch-module_disabled__OpgQK) .Switch-module_switch__JRFZI:hover .Switch-module_thumb__s4iLS{scale:1}}.Switch-module_inputWrapper__o8uEI{height:var(--switch-track-height);overflow:hidden;padding-inline:.2em;position:relative;width:var(--switch-track-width)}.Switch-module_disabled__OpgQK{--switch-thumb-color:var(--color-surface-alpha);--switch-thumb-text-color:var(--color-on-surface);--switch-thumb-checked-color:var(--color-background-faint);--switch-thumb-checked-text-color:var(--color-on-background-faint);& .Switch-module_label__vk4At,& .Switch-module_switch__JRFZI{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_switch__JRFZI{background:var(--switch-track-checked-color);border:var(--focus-ring)}.Switch-module_switch__JRFZI{background-color:var(--switch-track-color);border:1px solid var(--color-outline);border-radius:var(--shape-br-md);cursor:pointer;display:block;height:100%;position:relative;width:100%;&.Switch-module_checked__7JJ9o{background:var(--switch-track-checked-color);& .Switch-module_thumb__s4iLS{animation:Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;background-color:var(--switch-thumb-checked-color);color:var(--switch-thumb-checked-text-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(--switch-thumb-color);border-radius:var(--shape-br-md);color:var(--switch-thumb-text-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;scale:80%;top:50%;transition:all var(--transition-time) var(--transition-tf);translate:0 -50%;width:var(--switch-thumb-width)}.Switch-module_label__vk4At{cursor:pointer}@keyframes Switch-module_checkon__B-djH{0%{height:100%;left:0;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:calc(100% - var(--switch-thumb-width));width:var(--switch-thumb-width)}}@keyframes Switch-module_checkoff__8YwSV{0%{height:100%;left:50%;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:0;width:var(--switch-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-faint);--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{display:grid;gap:var(--spacing-gap-2);grid-template-columns:1fr;padding-block:var(--spacing-gap-3);padding-inline:var(--spacing-gap-4)}.SectionWrapper-module_header__8-h-6{&>h4{font-size:1em}&>p{color:var(--color-on-background-faint);font-size:var(--fs-body2)}}.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe){border-top:1px solid var(--color-outline)}.SectionWrapper-module_content__Ruu8X{container-type:inline-size;display:flex;flex-direction:column;font-size:var(--fs-body2)}@container (min-width:600px){.SectionWrapper-module_root__K-O4Y{grid-template-columns:.4fr 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}}.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__CuvK2{margin-bottom:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-top__XaUyR{margin-top:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-right__O1HnI{margin-left:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-left__4o1J4{margin-right:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topLeft__WyNAm{border-top-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topRight__-ILdh{border-top-right-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomLeft__E6w40{border-bottom-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomRight__mefBZ{border-bottom-right-radius:0}.Tooltip-module_root__nip6a:after{content:"";height:0;position:absolute;width:0}.Tooltip-module_arrow-bottom__CuvK2: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__XaUyR: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__O1HnI: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__4o1J4: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__WyNAm:after{left:0}.Tooltip-module_arrow-topLeft__WyNAm:after,.Tooltip-module_arrow-topRight__-ILdh: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__-ILdh:after{right:0}.Tooltip-module_arrow-bottomLeft__E6w40:after{left:0}.Tooltip-module_arrow-bottomLeft__E6w40:after,.Tooltip-module_arrow-bottomRight__mefBZ: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__mefBZ: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_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(--color-primary) 50%,transparent);--glass-shadow:color-mix(in srgb,var(--color-primary) 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)}.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}}.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)}.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{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)}}.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)}}.ConfirmationForm-module_danger__C1MyS{&>h4{color:var(--color-error)}}.ConfirmationForm-module_actions__TSHEJ{display:flex;gap:var(--spacing-gap-2);justify-content:flex-end}.ConfirmationForm-module_size_sm__0xJZd{&>h4{font-size:.9em}}.ConfirmationForm-module_size_md__ABTKZ{&>h4{font-size:1em}}.ConfirmationForm-module_size_lg__uqxZX{&>h4{font-size:1.2em}}.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)}}.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}.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}.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-surface);--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}}}.Switch-module_root__iigu-{--switch-track-width:54px;--switch-track-height:30px;--switch-thumb-width:60%;--switch-track-color:var(--color-background-alpha);--switch-track-checked-color:var(--color-background);--switch-thumb-color:var(--color-primary-container);--switch-thumb-checked-color:var(--color-primary);--switch-thumb-text-color:var(--color-on-primary-container);--switch-thumb-checked-text-color:var(--color-on-primary);align-items:center;display:flex;gap:var(--spacing-gap-2);&:not(.Switch-module_disabled__OpgQK) .Switch-module_switch__JRFZI:hover .Switch-module_thumb__s4iLS{scale:1}}.Switch-module_inputWrapper__o8uEI{height:var(--switch-track-height);overflow:hidden;padding-inline:.2em;position:relative;width:var(--switch-track-width)}.Switch-module_disabled__OpgQK{--switch-thumb-color:var(--color-surface-alpha);--switch-thumb-text-color:var(--color-on-surface);--switch-thumb-checked-color:var(--color-background-faint);--switch-thumb-checked-text-color:var(--color-on-background-faint);& .Switch-module_label__vk4At,& .Switch-module_switch__JRFZI{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_switch__JRFZI{background:var(--switch-track-checked-color);border:var(--focus-ring)}.Switch-module_switch__JRFZI{background-color:var(--switch-track-color);border:1px solid var(--color-outline);border-radius:var(--shape-br-md);cursor:pointer;display:block;height:100%;position:relative;width:100%;&.Switch-module_checked__7JJ9o{background:var(--switch-track-checked-color);& .Switch-module_thumb__s4iLS{animation:Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;background-color:var(--switch-thumb-checked-color);color:var(--switch-thumb-checked-text-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(--switch-thumb-color);border-radius:var(--shape-br-md);color:var(--switch-thumb-text-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;scale:80%;top:50%;transition:all var(--transition-time) var(--transition-tf);translate:0 -50%;width:var(--switch-thumb-width)}.Switch-module_label__vk4At{cursor:pointer}@keyframes Switch-module_checkon__B-djH{0%{height:100%;left:0;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:calc(100% - var(--switch-thumb-width));width:var(--switch-thumb-width)}}@keyframes Switch-module_checkoff__8YwSV{0%{height:100%;left:50%;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:0;width:var(--switch-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-faint);--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{display:grid;gap:var(--spacing-gap-2);grid-template-columns:1fr;padding-block:var(--spacing-gap-3);padding-inline:var(--spacing-gap-4)}.SectionWrapper-module_header__8-h-6{&>h4{font-size:1em}&>p{color:var(--color-on-background-faint);font-size:var(--fs-body2)}}.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe){border-top:1px solid var(--color-outline)}.SectionWrapper-module_content__Ruu8X{container-type:inline-size;display:flex;flex-direction:column;font-size:var(--fs-body2)}@container (min-width:600px){.SectionWrapper-module_root__K-O4Y{grid-template-columns:.4fr 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}}.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/dist/index.js

@@ -1,2 +1,2 @@
-export{Card}from"./Cards/Card/Card.js";export{CollectionItemCard}from"./Cards/CollectionItemCard/CollectionItemCard.js";export{CollectionItemCardActions}from"./Cards/CollectionItemCard/CollectionItemCardActions.js";export{GlassCard}from"./Cards/GlassCard/GlassCard.js";export{Accordion,AccordionContext}from"./Display/Accordion/Accordion.js";export{AccordionItem}from"./Display/Accordion/AccordionItem.js";export{Chip}from"./Display/Chip/Chip.js";export{IdentityDisplay}from"./Display/IdentityDisplay/IdentityDisplay.js";export{InputErrors}from"./Display/InputErrors/InputErrors.js";export{Kbd}from"./Display/Kbd/Kbd.js";export{buttonList}from"./Display/Kbd/buttonList.js";export{LabeledValue}from"./Display/LabeledValue/LabeledValue.js";export{List,ListItem,useList}from"./Display/List/List.js";export{Skeleton}from"./Display/Skeleton/Skeleton.js";export{Toaster}from"./Display/Toast/Toaster.js";export{dismiss,subscribe,toast}from"./Display/Toast/toast.js";export{Tooltip}from"./Display/Tooltip/Tooltip.js";export{useTooltip}from"./Display/Tooltip/useTooltip.js";export{ConfirmationForm}from"./Forms/ConfirmationForm/ConfirmationForm.js";export{Button,ButtonBase}from"./Inputs/Button/Button.js";export{Checkbox}from"./Inputs/Checkbox/Checkbox.js";export{CheckboxSelectAll}from"./Inputs/Checkbox/CheckboxSelectAll.js";export{CheckboxGroup,CheckboxGroupContext}from"./Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js";export{CloseButton,CloseIcon}from"./Inputs/CloseButton/CloseButton.js";export{PasswordInput}from"./Inputs/PasswordInput/PasswordInput.js";export{ClearIcon,SearchCloseIcon,SearchIcon,SearchInput,SearchOpenIcon}from"./Inputs/SearchInput/SearchInput.js";export{Select}from"./Inputs/Select/Select.js";export{Switch}from"./Inputs/Switch/Switch.js";export{TextInput}from"./Inputs/TextInput/TextInput.js";export{TextAreaInput}from"./Inputs/TextAreaInput/TextAreaInput.js";export{ThemeToggleListItem}from"./Inputs/ThemeToggle/ThemeToggleListItem.js";export{Dialog}from"./Layout/Dialog/Dialog.js";export{Drawer}from"./Layout/Drawer/Drawer.js";export{PageLayout}from"./Layout/PageLayout/PageLayout.js";export{PageLayoutPagination}from"./Layout/PageLayoutPagination/PageLayoutPagination.js";export{PageLayoutTabs}from"./Layout/PageLayoutTabs/PageLayoutTabs.js";export{Popover}from"./Layout/Popover/Popover.js";export{SectionWrapper}from"./Layout/SectionWrapper/SectionWrapper.js";export{SIDEBAR_COOKIE,SIDEBAR_COOKIE_MAX_AGE,Sidebar,useSidebar}from"./Layout/Sidebar/Sidebar.js";export{SidebarBody}from"./Layout/Sidebar/SidebarBody/SidebarBody.js";export{SidebarDrawer}from"./Layout/Sidebar/SidebarDrawer/SidebarDrawer.js";export{SidebarFooter}from"./Layout/Sidebar/SidebarFooter/SidebarFooter.js";export{SidebarHeader}from"./Layout/Sidebar/SidebarHeader/SidebarHeader.js";export{SidebarViewport}from"./Layout/Sidebar/SidebarViewport/SidebarViewport.js";export{Table,TableCell,renderCell,useTable}from"./Layout/Table/Table.js";export{TableFooter}from"./Layout/Table/TableFooter.js";export{TableHeader}from"./Layout/Table/TableHeader.js";export{getColumnCount,isAOA,isAOO,isOCR,isOOA}from"./Layout/Table/tableUtils.js";export{eventWithRipple,useRipple}from"./Misc/Ripple/Ripple.js";export{PoweredByBanner}from"./Misc/PoweredByBanner/PoweredByBanner.js";export{Cursor}from"./Misc/Cursor/Cursor.js";export{CubicsUILogo,StudioCubicsLogo}from"./Misc/Logos.js";export{Spinner}from"./Misc/Spinner/Spinner.js";export{TransitionAnimation}from"./Misc/TransitionAnimation/TransitionAnimation.js";export{Pagination}from"./Navigation/Pagination/Pagination.js";export{PaginationItem}from"./Navigation/Pagination/PaginationItem.js";export{usePagination}from"./Navigation/Pagination/usePagination.js";export{Breadcrumbs,ChevronRightIcon,EllipsisIcon}from"./Navigation/Breadcrumbs/Breadcrumbs.js";export{BreadcrumbsItem}from"./Navigation/Breadcrumbs/BreadcrumbsItem.js";export{useBreadcrumbs}from"./Navigation/Breadcrumbs/useBreadcrumbs.js";export{Tabs,useTabs}from"./Navigation/Tabs/Tabs.js";export{Tab}from"./Navigation/Tabs/Tab/Tab.js";export{TabsBar}from"./Navigation/Tabs/TabsBar/TabsBar.js";export{ClampedText}from"./Typography/ClampedText/ClampedText.js";export{CopyIcon,CopyableText}from"./Typography/CopyableText/CopyableText.js";export{PageTitle}from"./Typography/PageTitle/PageTitle.js";export{VoidText}from"./Typography/VoidText/VoidText.js";
+export{Card}from"./Cards/Card/Card.js";export{CollectionItemCard}from"./Cards/CollectionItemCard/CollectionItemCard.js";export{CollectionItemCardActions}from"./Cards/CollectionItemCard/CollectionItemCardActions.js";export{GlassCard}from"./Cards/GlassCard/GlassCard.js";export{Accordion,AccordionContext}from"./Display/Accordion/Accordion.js";export{AccordionItem}from"./Display/Accordion/AccordionItem.js";export{Chip}from"./Display/Chip/Chip.js";export{IdentityDisplay}from"./Display/IdentityDisplay/IdentityDisplay.js";export{InputErrors}from"./Display/InputErrors/InputErrors.js";export{Kbd}from"./Display/Kbd/Kbd.js";export{buttonList}from"./Display/Kbd/buttonList.js";export{LabeledValue}from"./Display/LabeledValue/LabeledValue.js";export{List,ListItem,useList}from"./Display/List/List.js";export{Skeleton}from"./Display/Skeleton/Skeleton.js";export{Toaster}from"./Display/Toast/Toaster.js";export{dismiss,subscribe,toast}from"./Display/Toast/toast.js";export{Tooltip}from"./Display/Tooltip/Tooltip.js";export{useTooltip}from"./Display/Tooltip/useTooltip.js";export{ConfirmationForm}from"./Forms/ConfirmationForm/ConfirmationForm.js";export{Button,ButtonBase}from"./Inputs/Button/Button.js";export{Checkbox}from"./Inputs/Checkbox/Checkbox.js";export{CheckboxGroupContext,CheckboxProvider,useCheckbox}from"./Inputs/Checkbox/CheckboxProvider.js";export{CheckboxSelectAll}from"./Inputs/Checkbox/CheckboxSelectAll.js";export{CloseButton,CloseIcon}from"./Inputs/CloseButton/CloseButton.js";export{PasswordInput}from"./Inputs/PasswordInput/PasswordInput.js";export{ClearIcon,SearchCloseIcon,SearchIcon,SearchInput,SearchOpenIcon}from"./Inputs/SearchInput/SearchInput.js";export{Select}from"./Inputs/Select/Select.js";export{Switch}from"./Inputs/Switch/Switch.js";export{TextInput}from"./Inputs/TextInput/TextInput.js";export{TextAreaInput}from"./Inputs/TextAreaInput/TextAreaInput.js";export{ThemeToggleListItem}from"./Inputs/ThemeToggle/ThemeToggleListItem.js";export{Dialog}from"./Layout/Dialog/Dialog.js";export{Drawer}from"./Layout/Drawer/Drawer.js";export{PageLayout}from"./Layout/PageLayout/PageLayout.js";export{PageLayoutPagination}from"./Layout/PageLayoutPagination/PageLayoutPagination.js";export{PageLayoutTabs}from"./Layout/PageLayoutTabs/PageLayoutTabs.js";export{Popover}from"./Layout/Popover/Popover.js";export{SectionWrapper}from"./Layout/SectionWrapper/SectionWrapper.js";export{SIDEBAR_COOKIE,SIDEBAR_COOKIE_MAX_AGE,Sidebar,useSidebar}from"./Layout/Sidebar/Sidebar.js";export{SidebarBody}from"./Layout/Sidebar/SidebarBody/SidebarBody.js";export{SidebarDrawer}from"./Layout/Sidebar/SidebarDrawer/SidebarDrawer.js";export{SidebarFooter}from"./Layout/Sidebar/SidebarFooter/SidebarFooter.js";export{SidebarHeader}from"./Layout/Sidebar/SidebarHeader/SidebarHeader.js";export{SidebarViewport}from"./Layout/Sidebar/SidebarViewport/SidebarViewport.js";export{Table,TableCell,renderCell,useTable}from"./Layout/Table/Table.js";export{TableFooter}from"./Layout/Table/TableFooter.js";export{TableHeader}from"./Layout/Table/TableHeader.js";export{getColumnCount,isAOA,isAOO,isOCR,isOOA}from"./Layout/Table/tableUtils.js";export{eventWithRipple,useRipple}from"./Misc/Ripple/Ripple.js";export{PoweredByBanner}from"./Misc/PoweredByBanner/PoweredByBanner.js";export{Cursor}from"./Misc/Cursor/Cursor.js";export{CubicsUILogo,StudioCubicsLogo}from"./Misc/Logos.js";export{Spinner}from"./Misc/Spinner/Spinner.js";export{TransitionAnimation}from"./Misc/TransitionAnimation/TransitionAnimation.js";export{Pagination}from"./Navigation/Pagination/Pagination.js";export{PaginationItem}from"./Navigation/Pagination/PaginationItem.js";export{usePagination}from"./Navigation/Pagination/usePagination.js";export{Breadcrumbs,ChevronRightIcon,EllipsisIcon}from"./Navigation/Breadcrumbs/Breadcrumbs.js";export{BreadcrumbsItem}from"./Navigation/Breadcrumbs/BreadcrumbsItem.js";export{useBreadcrumbs}from"./Navigation/Breadcrumbs/useBreadcrumbs.js";export{Tabs,useTabs}from"./Navigation/Tabs/Tabs.js";export{Tab}from"./Navigation/Tabs/Tab/Tab.js";export{TabsBar}from"./Navigation/Tabs/TabsBar/TabsBar.js";export{ClampedText}from"./Typography/ClampedText/ClampedText.js";export{CopyIcon,CopyableText}from"./Typography/CopyableText/CopyableText.js";export{PageTitle}from"./Typography/PageTitle/PageTitle.js";export{VoidText}from"./Typography/VoidText/VoidText.js";
 //# sourceMappingURL=index.js.map

package/package.json

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

package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -1,2 +0,0 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{createContext as t,useState as n,useRef as o,useCallback as l,useMemo as c}from"react";import s from"./CheckboxGroup.module.css.js";const i=t(null);function u({children:t,onChange:u,label:a}){const[d,m]=n([]),p=o(-1),h=l(()=>{const e=p.current++;return m(e=>[...e,!1]),e},[]),f=l((e,r)=>{m(t=>{const n=[...t];return n[e]=r,u?.(n),n})},[u]),g=l(e=>{m(r=>{const t=r.map(()=>e);return u?.(t),t})},[u]),v=c(()=>({values:d,register:h,update:f,setAll:g}),[d,h,f,g]);return e("fieldset",{className:s.root,children:[a&&r("legend",{className:s.legend,id:a,children:a}),r(i.Provider,{value:v,children:t})]})}export{u as CheckboxGroup,i as CheckboxGroupContext};
-//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./CheckboxGroup.module.css\";\n\ninterface CheckboxGroupContextProps {\n  values: boolean[];\n  register: () => number;\n  update: (index: number, checked: boolean) => void;\n  setAll: (checked: boolean) => void;\n}\n\ninterface CheckboxGroupProps {\n  children: ReactNode;\n  onChange?: (checked: boolean[]) => void;\n  label?: string;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextProps | null>(null);\n\nexport function CheckboxGroup({\n  children,\n  onChange,\n  label,\n}: CheckboxGroupProps) {\n  const [values, setValues] = useState<boolean[]>([]);\n  const indexRef = useRef(-1);\n\n  const register = useCallback(() => {\n    const index = indexRef.current++;\n    setValues((prev) => [...prev, false]);\n    return index;\n  }, []);\n\n  const update = useCallback(\n    (index: number, checked: boolean) => {\n      setValues((prev) => {\n        const next = [...prev];\n        next[index] = checked;\n        onChange?.(next);\n        return next;\n      });\n    },\n    [onChange]\n  );\n\n  const setAll = useCallback(\n    (checked: boolean) => {\n      setValues((prev) => {\n        const next = prev.map(() => checked);\n        onChange?.(next);\n        return next;\n      });\n    },\n    [onChange]\n  );\n\n  const context = useMemo(\n    () => ({ values, register, update, setAll }),\n    [values, register, update, setAll]\n  );\n\n  return (\n    <fieldset className={styles.root}>\n      {label && (\n        <legend className={styles.legend} id={label}>\n          {label}\n        </legend>\n      )}\n      <CheckboxGroupContext.Provider value={context}>\n        {children}\n      </CheckboxGroupContext.Provider>\n    </fieldset>\n  );\n}\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroup","children","onChange","label","values","setValues","useState","indexRef","useRef","register","useCallback","index","current","prev","update","checked","next","setAll","map","context","useMemo","_jsxs","className","styles","root","_jsx","legend","id","Provider","value"],"mappings":"gNAyBaA,EACXC,EAAgD,MAE5C,SAAUC,GAAcC,SAC5BA,EAAQC,SACRA,EAAQC,MACRA,IAEA,MAAOC,EAAQC,GAAaC,EAAoB,IAC1CC,EAAWC,MAEXC,EAAWC,EAAY,KAC3B,MAAMC,EAAQJ,EAASK,UAEvB,OADAP,EAAWQ,GAAS,IAAIA,GAAM,IACvBF,GACN,IAEGG,EAASJ,EACb,CAACC,EAAeI,KACdV,EAAWQ,IACT,MAAMG,EAAO,IAAIH,GAGjB,OAFAG,EAAKL,GAASI,EACdb,IAAWc,GACJA,KAGX,CAACd,IAGGe,EAASP,EACZK,IACCV,EAAWQ,IACT,MAAMG,EAAOH,EAAKK,IAAI,IAAMH,GAE5B,OADAb,IAAWc,GACJA,KAGX,CAACd,IAGGiB,EAAUC,EACd,KAAA,CAAShB,SAAQK,WAAUK,SAAQG,WACnC,CAACb,EAAQK,EAAUK,EAAQG,IAG7B,OACEI,EAAA,WAAA,CAAUC,UAAWC,EAAOC,KAAIvB,SAAA,CAC7BE,GACCsB,EAAA,SAAA,CAAQH,UAAWC,EAAOG,OAAQC,GAAIxB,WACnCA,IAGLsB,EAAC3B,EAAqB8B,SAAQ,CAACC,MAAOV,EAAOlB,SAC1CA,MAIT"}

package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js

@@ -1,2 +0,0 @@
-var o={root:"CheckboxGroup-module_root__yODdU",legend:"CheckboxGroup-module_legend__q-7v4"};export{o as default};
-//# sourceMappingURL=CheckboxGroup.module.css.js.map

package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js.map

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