@adam-milo/ui 1.0.31 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +5 -3
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +1 -1
  5. package/dist/index11.cjs +1 -1
  6. package/dist/index11.js +1 -1
  7. package/dist/index12.cjs +1 -1
  8. package/dist/index12.js +1 -1
  9. package/dist/index13.cjs +1 -1
  10. package/dist/index13.js +1 -1
  11. package/dist/index14.cjs +1 -1
  12. package/dist/index14.js +1 -1
  13. package/dist/index15.cjs +1 -1
  14. package/dist/index15.js +2 -2
  15. package/dist/index16.cjs +1 -1
  16. package/dist/index16.js +1 -1
  17. package/dist/index17.cjs +1 -1
  18. package/dist/index17.js +1 -1
  19. package/dist/index18.cjs +1 -1
  20. package/dist/index18.js +1 -1
  21. package/dist/index19.cjs +1 -1
  22. package/dist/index19.js +28 -27
  23. package/dist/index2.cjs +1 -1
  24. package/dist/index2.js +1 -1
  25. package/dist/index20.cjs +1 -1
  26. package/dist/index20.js +25 -35
  27. package/dist/index21.cjs +1 -1
  28. package/dist/index21.js +53 -12
  29. package/dist/index22.cjs +1 -0
  30. package/dist/index22.js +14 -0
  31. package/dist/index24.cjs +1 -1
  32. package/dist/index24.js +1 -1
  33. package/dist/index3.cjs +1 -1
  34. package/dist/index3.js +1 -1
  35. package/dist/index7.cjs +1 -1
  36. package/dist/index7.js +1 -1
  37. package/dist/index8.cjs +1 -1
  38. package/dist/index8.js +1 -1
  39. package/dist/index9.cjs +1 -1
  40. package/dist/index9.js +14 -14
  41. package/dist/src/components/layout/divider/Divider.component.d.ts +39 -0
  42. package/dist/src/components/layout/divider/Divider.component.d.ts.map +1 -0
  43. package/dist/src/index.d.ts +2 -0
  44. package/dist/src/index.d.ts.map +1 -1
  45. package/dist/style.css +1 -1
  46. package/package.json +2 -1
  47. package/dist/index23.cjs +0 -1
  48. package/dist/index23.js +0 -22
  49. package/dist/index28.cjs +0 -1
  50. package/dist/index28.js +0 -1193
  51. package/dist/index44.cjs +0 -1
  52. package/dist/index44.js +0 -6
  53. package/dist/index45.cjs +0 -1
  54. package/dist/index45.js +0 -11
  55. package/dist/index46.cjs +0 -1
  56. package/dist/index46.js +0 -70
  57. package/dist/index47.cjs +0 -1
  58. package/dist/index47.js +0 -39
  59. package/dist/index48.cjs +0 -1
  60. package/dist/index48.js +0 -64
  61. package/dist/index49.cjs +0 -1
  62. package/dist/index49.js +0 -10
  63. package/dist/index50.cjs +0 -1
  64. package/dist/index50.js +0 -212
  65. package/dist/index51.cjs +0 -1
  66. package/dist/index51.js +0 -29
  67. package/dist/index52.cjs +0 -1
  68. package/dist/index52.js +0 -208
  69. package/dist/index53.cjs +0 -1
  70. package/dist/index53.js +0 -14
  71. package/dist/index54.cjs +0 -1
  72. package/dist/index54.js +0 -293
  73. package/dist/index55.cjs +0 -1
  74. package/dist/index55.js +0 -18
  75. package/dist/index56.cjs +0 -1
  76. package/dist/index56.js +0 -43
  77. package/dist/index57.cjs +0 -1
  78. package/dist/index57.js +0 -89
  79. package/dist/index58.cjs +0 -1
  80. package/dist/index58.js +0 -14
  81. package/dist/index59.cjs +0 -1
  82. package/dist/index59.js +0 -71
  83. package/dist/index60.cjs +0 -1
  84. package/dist/index60.js +0 -6
  85. package/dist/index61.cjs +0 -1
  86. package/dist/index61.js +0 -14
  87. package/dist/index62.cjs +0 -1
  88. package/dist/index62.js +0 -34
  89. package/dist/index63.cjs +0 -1
  90. package/dist/index63.js +0 -122
  91. package/dist/index64.cjs +0 -1
  92. package/dist/index64.js +0 -11
  93. package/dist/index65.cjs +0 -1
  94. package/dist/index65.js +0 -17
  95. package/dist/index66.cjs +0 -1
  96. package/dist/index66.js +0 -297
  97. package/dist/index67.cjs +0 -1
  98. package/dist/index67.js +0 -25
  99. package/dist/index68.cjs +0 -1
  100. package/dist/index68.js +0 -39
  101. package/dist/index69.cjs +0 -1
  102. package/dist/index69.js +0 -625
  103. package/dist/index70.cjs +0 -1
  104. package/dist/index70.js +0 -39
  105. package/dist/index71.cjs +0 -1
  106. package/dist/index71.js +0 -38
  107. package/dist/index72.cjs +0 -1
  108. package/dist/index72.js +0 -7
  109. package/dist/index73.cjs +0 -1
  110. package/dist/index73.js +0 -10
  111. package/dist/index74.cjs +0 -1
  112. package/dist/index74.js +0 -5
  113. package/dist/index75.cjs +0 -1
  114. package/dist/index75.js +0 -35
  115. package/dist/index76.cjs +0 -1
  116. package/dist/index76.js +0 -180
  117. package/dist/index77.cjs +0 -1
  118. package/dist/index77.js +0 -21
  119. package/dist/index78.cjs +0 -1
  120. package/dist/index78.js +0 -721
  121. package/dist/index79.cjs +0 -1
  122. package/dist/index79.js +0 -154
  123. package/dist/index80.cjs +0 -1
  124. package/dist/index80.js +0 -173
  125. package/dist/index81.cjs +0 -1
  126. package/dist/index81.js +0 -47
  127. package/dist/index82.cjs +0 -1
  128. package/dist/index82.js +0 -13
  129. package/dist/index83.cjs +0 -1
  130. package/dist/index83.js +0 -19
  131. package/dist/index84.cjs +0 -1
  132. package/dist/index84.js +0 -102
  133. package/dist/index85.cjs +0 -1
  134. package/dist/index85.js +0 -88
  135. package/dist/index86.cjs +0 -1
  136. package/dist/index86.js +0 -11
  137. package/dist/index87.cjs +0 -1
  138. package/dist/index87.js +0 -29
  139. package/dist/index88.cjs +0 -1
  140. package/dist/index88.js +0 -37
  141. package/dist/index89.cjs +0 -1
  142. package/dist/index89.js +0 -16
  143. package/dist/index90.cjs +0 -1
  144. package/dist/index90.js +0 -48
  145. package/dist/index91.cjs +0 -1
  146. package/dist/index91.js +0 -9
  147. /package/dist/{index36.cjs → index35.cjs} +0 -0
  148. /package/dist/{index36.js → index35.js} +0 -0
package/dist/index8.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index21.cjs");;/* empty css */const d=r.forwardRef(({label:d,error:i,helperText:t,className:s,id:l,required:c,disabled:o,checked:n,"data-cy":p,"data-testid":u,...b},h)=>{const x=r.useId(),y=l||x,_=`${y}-error`,m=`${y}-helper`,$=p||"radio",j=u||"radio",N=r.useRef(null),f=r.useCallback(e=>{N.current=e,h&&("function"==typeof h?h(e):"current"in h&&(h.current=e))},[h]),q=d&&c&&!d.includes("*")?`${d} *`:d;return e.jsxs("div",{className:a.cn("radio-wrapper",o&&"radio-wrapper--disabled"),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:"radio__container",children:[e.jsx("input",{ref:f,id:y,type:"radio",checked:n,className:a.cn("radio__input",i&&"radio__input--error",s),"aria-describedby":i?_:t?m:void 0,"data-cy":$,"data-testid":j,disabled:o,required:c,...b}),d&&e.jsx("label",{htmlFor:y,className:"radio__label","data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),i&&e.jsx("span",{id:_,className:"radio__error",role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:i}),t&&!i&&e.jsx("span",{id:m,className:"radio__helper","data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:t})]})});d.displayName="Radio",exports.Radio=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index22.cjs");;/* empty css */const d=r.forwardRef(({label:d,error:i,helperText:t,className:s,id:l,required:c,disabled:o,checked:n,"data-cy":p,"data-testid":u,...b},h)=>{const x=r.useId(),y=l||x,_=`${y}-error`,m=`${y}-helper`,$=p||"radio",j=u||"radio",N=r.useRef(null),f=r.useCallback(e=>{N.current=e,h&&("function"==typeof h?h(e):"current"in h&&(h.current=e))},[h]),q=d&&c&&!d.includes("*")?`${d} *`:d;return e.jsxs("div",{className:a.cn("radio-wrapper",o&&"radio-wrapper--disabled"),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:"radio__container",children:[e.jsx("input",{ref:f,id:y,type:"radio",checked:n,className:a.cn("radio__input",i&&"radio__input--error",s),"aria-describedby":i?_:t?m:void 0,"data-cy":$,"data-testid":j,disabled:o,required:c,...b}),d&&e.jsx("label",{htmlFor:y,className:"radio__label","data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),i&&e.jsx("span",{id:_,className:"radio__error",role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:i}),t&&!i&&e.jsx("span",{id:m,className:"radio__helper","data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:t})]})});d.displayName="Radio",exports.Radio=d;
package/dist/index8.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useId, useRef, useCallback } from "react";
3
- import { cn } from "./index21.js";
3
+ import { cn } from "./index22.js";
4
4
  /* empty css */
5
5
  const Radio = forwardRef(
6
6
  ({
package/dist/index9.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index28.cjs"),a=require("./index21.cjs");;/* empty css */const l=r.Root,s=t.forwardRef(({className:l,children:s,label:c,error:d,helperText:i,fullWidth:o=!1,hasValue:n=!1,id:p,"data-cy":f,"data-testid":h,disabled:x,required:_,...g},m)=>{const b=t.useId(),u=p||b,N=`${u}-error`,j=`${u}-helper`,y=f||"select-trigger",w=h||"select-trigger",S=n;return e.jsxs("div",{className:a.cn("select-wrapper",o&&"select-wrapper--full-width"),"data-cy":`${y}-wrapper`,"data-testid":`${w}-wrapper`,children:[e.jsxs("div",{className:"select-field",children:[e.jsxs("div",{className:"select-field__top",children:[e.jsx("div",{className:a.cn("select-field__border-left",d&&"select-field__border-left--error",S&&"select-field__border-left--floating",x&&"select-field__border-left--disabled")}),c&&S&&e.jsx("div",{className:a.cn("select-field__label-container",d&&"select-field__label-container--error"),children:e.jsx("span",{className:a.cn("select-field__label select-field__label--floating",d&&"select-field__label--error",x&&"select-field__label--disabled"),"data-cy":`${y}-label`,"data-testid":`${w}-label`,children:c})}),e.jsx("div",{className:a.cn("select-field__border-right",d&&"select-field__border-right--error",S&&"select-field__border-right--floating",x&&"select-field__border-right--disabled")})]}),e.jsxs(r.Trigger,{ref:m,id:u,className:a.cn("select-trigger",d&&"select-trigger--error",o&&"select-trigger--full-width",S&&"select-trigger--floating",l),"aria-invalid":d?"true":"false","aria-describedby":d?N:i?j:void 0,"aria-required":_?"true":void 0,"data-cy":y,"data-testid":w,disabled:x,...g,children:[c&&!S&&e.jsx("span",{className:"select-trigger__placeholder-label","data-cy":`${y}-placeholder`,"data-testid":`${w}-placeholder`,children:c}),S&&s,e.jsx(r.Icon,{className:"select-trigger__icon","data-cy":`${y}-icon`,"data-testid":`${w}-icon`,children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M7 10L12 15L17 10H7Z",fill:"currentColor"})})})]})]}),d&&e.jsx("span",{id:N,className:"select__error",role:"alert","data-cy":`${y}-error`,"data-testid":`${w}-error`,children:d}),i&&!d&&e.jsx("span",{id:j,className:"select__helper","data-cy":`${y}-helper`,"data-testid":`${w}-helper`,children:i})]})});s.displayName="SelectTrigger";const c=r.Value,d=t.forwardRef(({className:t,children:l,position:s="popper","data-cy":c,"data-testid":d,...i},o)=>{const n=c||"select-content",p=d||"select-content";return e.jsx(r.Portal,{children:e.jsx(r.Content,{ref:o,className:a.cn("select-content",t),position:s,sideOffset:8,"data-cy":n,"data-testid":p,...i,children:e.jsx(r.Viewport,{className:"select-viewport",children:l})})})});d.displayName="SelectContent";const i=t.forwardRef(({className:t,children:l,value:s,"data-cy":c,"data-testid":d,...i},o)=>{const n=c||`select-item-${s}`,p=d||`select-item-${s}`;return e.jsx(r.Item,{ref:o,className:a.cn("select-item",t),value:s,"data-cy":n,"data-testid":p,...i,children:e.jsx(r.ItemText,{children:l})})});i.displayName="SelectItem";const o=r.Group,n=t.forwardRef(({className:t,"data-cy":l,"data-testid":s,...c},d)=>{const i=l||"select-label",o=s||"select-label";return e.jsx(r.Label,{ref:d,className:a.cn("select-group-label",t),"data-cy":i,"data-testid":o,...c})});n.displayName="SelectLabel";const p=t.forwardRef(({className:t,"data-cy":l,"data-testid":s,...c},d)=>{const i=l||"select-separator",o=s||"select-separator";return e.jsx(r.Separator,{ref:d,className:a.cn("select-separator",t),"data-cy":i,"data-testid":o,...c})});p.displayName="SelectSeparator",exports.Select=l,exports.SelectContent=d,exports.SelectGroup=o,exports.SelectItem=i,exports.SelectLabel=n,exports.SelectSeparator=p,exports.SelectTrigger=s,exports.SelectValue=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index22.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)};/* empty css */const s=l(r),c=s.Root,d=t.forwardRef(({className:r,children:l,label:c,error:d,helperText:i,fullWidth:o=!1,hasValue:n=!1,id:p,"data-cy":f,"data-testid":g,disabled:h,required:u,...b},m)=>{const x=t.useId(),_=p||x,j=`${_}-error`,y=`${_}-helper`,N=f||"select-trigger",w=g||"select-trigger",S=n;return e.jsxs("div",{className:a.cn("select-wrapper",o&&"select-wrapper--full-width"),"data-cy":`${N}-wrapper`,"data-testid":`${w}-wrapper`,children:[e.jsxs("div",{className:"select-field",children:[e.jsxs("div",{className:"select-field__top",children:[e.jsx("div",{className:a.cn("select-field__border-left",d&&"select-field__border-left--error",S&&"select-field__border-left--floating",h&&"select-field__border-left--disabled")}),c&&S&&e.jsx("div",{className:a.cn("select-field__label-container",d&&"select-field__label-container--error"),children:e.jsx("span",{className:a.cn("select-field__label select-field__label--floating",d&&"select-field__label--error",h&&"select-field__label--disabled"),"data-cy":`${N}-label`,"data-testid":`${w}-label`,children:c})}),e.jsx("div",{className:a.cn("select-field__border-right",d&&"select-field__border-right--error",S&&"select-field__border-right--floating",h&&"select-field__border-right--disabled")})]}),e.jsxs(s.Trigger,{ref:m,id:_,className:a.cn("select-trigger",d&&"select-trigger--error",o&&"select-trigger--full-width",S&&"select-trigger--floating",r),"aria-invalid":d?"true":"false","aria-describedby":d?j:i?y:void 0,"aria-required":u?"true":void 0,"data-cy":N,"data-testid":w,disabled:h,...b,children:[c&&!S&&e.jsx("span",{className:"select-trigger__placeholder-label","data-cy":`${N}-placeholder`,"data-testid":`${w}-placeholder`,children:c}),S&&l,e.jsx(s.Icon,{className:"select-trigger__icon","data-cy":`${N}-icon`,"data-testid":`${w}-icon`,children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M7 10L12 15L17 10H7Z",fill:"currentColor"})})})]})]}),d&&e.jsx("span",{id:j,className:"select__error",role:"alert","data-cy":`${N}-error`,"data-testid":`${w}-error`,children:d}),i&&!d&&e.jsx("span",{id:y,className:"select__helper","data-cy":`${N}-helper`,"data-testid":`${w}-helper`,children:i})]})});d.displayName="SelectTrigger";const i=s.Value,o=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":c,"data-testid":d,...i},o)=>{const n=c||"select-content",p=d||"select-content";return e.jsx(s.Portal,{children:e.jsx(s.Content,{ref:o,className:a.cn("select-content",t),position:l,sideOffset:8,"data-cy":n,"data-testid":p,...i,children:e.jsx(s.Viewport,{className:"select-viewport",children:r})})})});o.displayName="SelectContent";const n=t.forwardRef(({className:t,children:r,value:l,"data-cy":c,"data-testid":d,...i},o)=>{const n=c||`select-item-${l}`,p=d||`select-item-${l}`;return e.jsx(s.Item,{ref:o,className:a.cn("select-item",t),value:l,"data-cy":n,"data-testid":p,...i,children:e.jsx(s.ItemText,{children:r})})});n.displayName="SelectItem";const p=s.Group,f=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...c},d)=>{const i=r||"select-label",o=l||"select-label";return e.jsx(s.Label,{ref:d,className:a.cn("select-group-label",t),"data-cy":i,"data-testid":o,...c})});f.displayName="SelectLabel";const g=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...c},d)=>{const i=r||"select-separator",o=l||"select-separator";return e.jsx(s.Separator,{ref:d,className:a.cn("select-separator",t),"data-cy":i,"data-testid":o,...c})});g.displayName="SelectSeparator",exports.Select=c,exports.SelectContent=o,exports.SelectGroup=p,exports.SelectItem=n,exports.SelectLabel=f,exports.SelectSeparator=g,exports.SelectTrigger=d,exports.SelectValue=i;
package/dist/index9.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useId } from "react";
3
- import { Root as Root2, Value, Group, Trigger, Icon, Portal, Content as Content2, Viewport, Item, ItemText, Label, Separator } from "./index28.js";
4
- import { cn } from "./index21.js";
3
+ import * as SelectPrimitive from "@radix-ui/react-select";
4
+ import { cn } from "./index22.js";
5
5
  /* empty css */
6
- const Select = Root2;
6
+ const Select = SelectPrimitive.Root;
7
7
  const SelectTrigger = forwardRef(
8
8
  ({
9
9
  className,
@@ -82,7 +82,7 @@ const SelectTrigger = forwardRef(
82
82
  )
83
83
  ] }),
84
84
  /* @__PURE__ */ jsxs(
85
- Trigger,
85
+ SelectPrimitive.Trigger,
86
86
  {
87
87
  ref,
88
88
  id,
@@ -112,7 +112,7 @@ const SelectTrigger = forwardRef(
112
112
  ),
113
113
  isFloating && children,
114
114
  /* @__PURE__ */ jsx(
115
- Icon,
115
+ SelectPrimitive.Icon,
116
116
  {
117
117
  className: "select-trigger__icon",
118
118
  "data-cy": `${finalDataCy}-icon`,
@@ -162,7 +162,7 @@ const SelectTrigger = forwardRef(
162
162
  }
163
163
  );
164
164
  SelectTrigger.displayName = "SelectTrigger";
165
- const SelectValue = Value;
165
+ const SelectValue = SelectPrimitive.Value;
166
166
  const SelectContent = forwardRef(
167
167
  ({
168
168
  className,
@@ -174,8 +174,8 @@ const SelectContent = forwardRef(
174
174
  }, ref) => {
175
175
  const finalDataCy = dataCy || "select-content";
176
176
  const finalTestId = dataTestId || "select-content";
177
- return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
178
- Content2,
177
+ return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
178
+ SelectPrimitive.Content,
179
179
  {
180
180
  ref,
181
181
  className: cn("select-content", className),
@@ -184,7 +184,7 @@ const SelectContent = forwardRef(
184
184
  "data-cy": finalDataCy,
185
185
  "data-testid": finalTestId,
186
186
  ...props,
187
- children: /* @__PURE__ */ jsx(Viewport, { className: "select-viewport", children })
187
+ children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "select-viewport", children })
188
188
  }
189
189
  ) });
190
190
  }
@@ -195,7 +195,7 @@ const SelectItem = forwardRef(
195
195
  const finalDataCy = dataCy || `select-item-${value}`;
196
196
  const finalTestId = dataTestId || `select-item-${value}`;
197
197
  return /* @__PURE__ */ jsx(
198
- Item,
198
+ SelectPrimitive.Item,
199
199
  {
200
200
  ref,
201
201
  className: cn("select-item", className),
@@ -203,19 +203,19 @@ const SelectItem = forwardRef(
203
203
  "data-cy": finalDataCy,
204
204
  "data-testid": finalTestId,
205
205
  ...props,
206
- children: /* @__PURE__ */ jsx(ItemText, { children })
206
+ children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
207
207
  }
208
208
  );
209
209
  }
210
210
  );
211
211
  SelectItem.displayName = "SelectItem";
212
- const SelectGroup = Group;
212
+ const SelectGroup = SelectPrimitive.Group;
213
213
  const SelectLabel = forwardRef(
214
214
  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
215
215
  const finalDataCy = dataCy || "select-label";
216
216
  const finalTestId = dataTestId || "select-label";
217
217
  return /* @__PURE__ */ jsx(
218
- Label,
218
+ SelectPrimitive.Label,
219
219
  {
220
220
  ref,
221
221
  className: cn("select-group-label", className),
@@ -231,7 +231,7 @@ const SelectSeparator = forwardRef(({ className, "data-cy": dataCy, "data-testid
231
231
  const finalDataCy = dataCy || "select-separator";
232
232
  const finalTestId = dataTestId || "select-separator";
233
233
  return /* @__PURE__ */ jsx(
234
- Separator,
234
+ SelectPrimitive.Separator,
235
235
  {
236
236
  ref,
237
237
  className: cn("select-separator", className),
@@ -0,0 +1,39 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+
3
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
4
+ export interface DividerProps extends Omit<ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'decorative'> {
5
+ /**
6
+ * The orientation of the divider
7
+ * @default 'horizontal'
8
+ */
9
+ orientation?: 'horizontal' | 'vertical';
10
+ /**
11
+ * Whether the divider is decorative (hidden from screen readers)
12
+ * If true, uses aria-hidden. If false, uses role="separator"
13
+ * @default true
14
+ */
15
+ decorative?: boolean;
16
+ /**
17
+ * Spacing around the divider (uses design system spacing scale)
18
+ * Applied as margin-block for horizontal or margin-inline for vertical
19
+ * @default '0'
20
+ */
21
+ spacing?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
22
+ /**
23
+ * Custom color for the divider line
24
+ * If not provided, uses --color-border from design tokens
25
+ */
26
+ color?: string;
27
+ /**
28
+ * Custom data-cy attribute for Cypress testing
29
+ * Auto-generates as "divider-{orientation}" if not provided
30
+ */
31
+ 'data-cy'?: string;
32
+ /**
33
+ * Custom data-testid attribute for unit testing
34
+ * Auto-generates as "divider-{orientation}" if not provided
35
+ */
36
+ 'data-testid'?: string;
37
+ }
38
+ export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
39
+ //# sourceMappingURL=Divider.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/divider/Divider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,wBAAwB,EAAc,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,EACxD,YAAY,CACb;IACC;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,yGAuCnB,CAAC"}
@@ -32,6 +32,8 @@ export { Stack } from './components/layout/stack/Stack.component';
32
32
  export type { StackProps } from './components/layout/stack/Stack.component';
33
33
  export { Container } from './components/layout/container/Container.component';
34
34
  export type { ContainerProps } from './components/layout/container/Container.component';
35
+ export { Divider } from './components/layout/divider/Divider.component';
36
+ export type { DividerProps } from './components/layout/divider/Divider.component';
35
37
  export { Text } from './components/typography/text/Text.component';
36
38
  export type { TextProps, TextSize, TextWeight, TextAlign, TextColor, } from './components/typography/text/Text.component';
37
39
  export { Grid } from './components/layout/grid/Grid.component';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AACtG,YAAY,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAEhH,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,0DAA0D,CAAC;AACrF,YAAY,EACV,cAAc,EACd,aAAa,GACd,MAAM,0DAA0D,CAAC;AAGlE,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAGxF,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,YAAY,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,GACV,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AACtG,YAAY,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAEhH,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,0DAA0D,CAAC;AACrF,YAAY,EACV,cAAc,EACd,aAAa,GACd,MAAM,0DAA0D,CAAC;AAGlE,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAGlF,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,YAAY,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,GACV,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}
1
+ .btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.divider{flex-shrink:0;background-color:var(--color-border);border:none}.divider--horizontal{width:100%;height:.0625rem}.divider--vertical{width:.0625rem;height:100%;align-self:stretch}.divider--horizontal.divider--spacing-0{margin-block:0}.divider--horizontal.divider--spacing-1{margin-block:var(--spacing-1)}.divider--horizontal.divider--spacing-2{margin-block:var(--spacing-2)}.divider--horizontal.divider--spacing-3{margin-block:var(--spacing-3)}.divider--horizontal.divider--spacing-4{margin-block:var(--spacing-4)}.divider--horizontal.divider--spacing-5{margin-block:var(--spacing-5)}.divider--horizontal.divider--spacing-6{margin-block:var(--spacing-6)}.divider--horizontal.divider--spacing-8{margin-block:var(--spacing-8)}.divider--horizontal.divider--spacing-10{margin-block:var(--spacing-10)}.divider--horizontal.divider--spacing-12{margin-block:var(--spacing-12)}.divider--vertical.divider--spacing-0{margin-inline:0}.divider--vertical.divider--spacing-1{margin-inline:var(--spacing-1)}.divider--vertical.divider--spacing-2{margin-inline:var(--spacing-2)}.divider--vertical.divider--spacing-3{margin-inline:var(--spacing-3)}.divider--vertical.divider--spacing-4{margin-inline:var(--spacing-4)}.divider--vertical.divider--spacing-5{margin-inline:var(--spacing-5)}.divider--vertical.divider--spacing-6{margin-inline:var(--spacing-6)}.divider--vertical.divider--spacing-8{margin-inline:var(--spacing-8)}.divider--vertical.divider--spacing-10{margin-inline:var(--spacing-10)}.divider--vertical.divider--spacing-12{margin-inline:var(--spacing-12)}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adam-milo/ui",
3
- "version": "1.0.31",
3
+ "version": "1.0.32",
4
4
  "type": "module",
5
5
  "description": "Adam Milo Design System - UI Component Library",
6
6
  "keywords": [
@@ -63,6 +63,7 @@
63
63
  "@adam-milo/tokens": "*",
64
64
  "@radix-ui/react-dialog": "^1.0.5",
65
65
  "@radix-ui/react-select": "^2.2.6",
66
+ "@radix-ui/react-separator": "1.1.0",
66
67
  "@radix-ui/react-tabs": "^1.0.4",
67
68
  "clsx": "^2.1.0",
68
69
  "email-validator": "^2.0.4",
package/dist/index23.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=/^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;exports.validate=function(e){if(!e)return!1;if(e.length>254)return!1;if(!t.test(e))return!1;var r=e.split("@");return!(r[0].length>64)&&!r[1].split(".").some(function(t){return t.length>63})};
package/dist/index23.js DELETED
@@ -1,22 +0,0 @@
1
- var tester = /^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;
2
- var validate = function(email) {
3
- if (!email)
4
- return false;
5
- if (email.length > 254)
6
- return false;
7
- var valid = tester.test(email);
8
- if (!valid)
9
- return false;
10
- var parts = email.split("@");
11
- if (parts[0].length > 64)
12
- return false;
13
- var domainParts = parts[1].split(".");
14
- if (domainParts.some(function(part) {
15
- return part.length > 63;
16
- }))
17
- return false;
18
- return true;
19
- };
20
- export {
21
- validate
22
- };
package/dist/index28.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),o=require("./index44.cjs"),r=require("./index45.cjs"),n=require("./index46.cjs"),l=require("./index47.cjs"),s=require("./index48.cjs"),i=require("./index49.cjs"),a=require("./index50.cjs"),c=require("./index51.cjs"),d=require("./index52.cjs"),u=require("./index53.cjs"),p=require("./index54.cjs"),f=require("./index55.cjs"),v=require("./index56.cjs"),m=require("./index57.cjs"),h=require("./index58.cjs"),x=require("./index59.cjs"),g=require("./index60.cjs"),w=require("./index61.cjs"),S=require("./index62.cjs"),y=require("./index63.cjs"),b=require("./index64.cjs"),C=require("react/jsx-runtime");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const P=j(e),E=j(t);var R=[" ","Enter","ArrowUp","ArrowDown"],I=[" ","Enter"],T="Select",[_,D,k]=n.createCollection(T),[H]=s.createContextScope(T,[k,p.createPopperScope]),L=p.createPopperScope(),[N,O]=H(T),[q,M]=H(T),A=e=>{const{__scopeSelect:t,children:o,open:r,defaultOpen:n,onOpenChange:l,value:s,defaultValue:a,onValueChange:c,dir:d,name:f,autoComplete:v,disabled:m,required:h,form:g}=e,w=L(t),[S,y]=P.useState(null),[b,j]=P.useState(null),[E,R]=P.useState(!1),I=i.useDirection(d),[D,k]=x.useControllableState({prop:r,defaultProp:n??!1,onChange:l,caller:T}),[H,O]=x.useControllableState({prop:s,defaultProp:a,onChange:c,caller:T}),M=P.useRef(null),A=!S||(g||!!S.closest("form")),[V,B]=P.useState(new Set),F=Array.from(V).map(e=>e.props.value).join(";");return C.jsx(p.Root,{...w,children:C.jsxs(N,{required:h,scope:t,trigger:S,onTriggerChange:y,valueNode:b,onValueNodeChange:j,valueNodeHasChildren:E,onValueNodeHasChildrenChange:R,contentId:u.useId(),value:H,onValueChange:O,open:D,onOpenChange:k,dir:I,triggerPointerDownPosRef:M,disabled:m,children:[C.jsx(_.Provider,{scope:t,children:C.jsx(q,{scope:e.__scopeSelect,onNativeOptionAdd:P.useCallback(e=>{B(t=>new Set(t).add(e))},[]),onNativeOptionRemove:P.useCallback(e=>{B(t=>{const o=new Set(t);return o.delete(e),o})},[]),children:o})}),A?C.jsxs(Re,{"aria-hidden":!0,required:h,tabIndex:-1,name:f,autoComplete:v,value:H,onChange:e=>O(e.target.value),disabled:m,form:g,children:[void 0===H?C.jsx("option",{value:""}):null,Array.from(V)]},F):null]})})};A.displayName=T;var V="SelectTrigger",B=P.forwardRef((e,t)=>{const{__scopeSelect:o,disabled:n=!1,...s}=e,i=L(o),a=O(V,o),c=a.disabled||n,d=l.useComposedRefs(t,a.onTriggerChange),u=D(o),f=P.useRef("touch"),[m,h,x]=Te(e=>{const t=u().filter(e=>!e.disabled),o=t.find(e=>e.value===a.value),r=_e(t,e,o);void 0!==r&&a.onValueChange(r.value)}),g=e=>{c||(a.onOpenChange(!0),x()),e&&(a.triggerPointerDownPosRef.current={x:Math.round(e.pageX),y:Math.round(e.pageY)})};return C.jsx(p.Anchor,{asChild:!0,...i,children:C.jsx(v.Primitive.button,{type:"button",role:"combobox","aria-controls":a.contentId,"aria-expanded":a.open,"aria-required":a.required,"aria-autocomplete":"none",dir:a.dir,"data-state":a.open?"open":"closed",disabled:c,"data-disabled":c?"":void 0,"data-placeholder":Ie(a.value)?"":void 0,...s,ref:d,onClick:r.composeEventHandlers(s.onClick,e=>{e.currentTarget.focus(),"mouse"!==f.current&&g(e)}),onPointerDown:r.composeEventHandlers(s.onPointerDown,e=>{f.current=e.pointerType;const t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),0===e.button&&!1===e.ctrlKey&&"mouse"===e.pointerType&&(g(e),e.preventDefault())}),onKeyDown:r.composeEventHandlers(s.onKeyDown,e=>{const t=""!==m.current;e.ctrlKey||e.altKey||e.metaKey||1!==e.key.length||h(e.key),t&&" "===e.key||R.includes(e.key)&&(g(),e.preventDefault())})})})});B.displayName=V;var F="SelectValue",K=P.forwardRef((e,t)=>{const{__scopeSelect:o,className:r,style:n,children:s,placeholder:i="",...a}=e,c=O(F,o),{onValueNodeHasChildrenChange:d}=c,u=void 0!==s,p=l.useComposedRefs(t,c.onValueNodeChange);return g.useLayoutEffect(()=>{d(u)},[d,u]),C.jsx(v.Primitive.span,{...a,ref:p,style:{pointerEvents:"none"},children:Ie(c.value)?C.jsx(C.Fragment,{children:i}):s})});K.displayName=F;var W=P.forwardRef((e,t)=>{const{__scopeSelect:o,children:r,...n}=e;return C.jsx(v.Primitive.span,{"aria-hidden":!0,...n,ref:t,children:r||"▼"})});W.displayName="SelectIcon";var U=e=>C.jsx(f.Portal,{asChild:!0,...e});U.displayName="SelectPortal";var z="SelectContent",G=P.forwardRef((e,t)=>{const o=O(z,e.__scopeSelect),[r,n]=P.useState();if(g.useLayoutEffect(()=>{n(new DocumentFragment)},[]),!o.open){const t=r;return t?E.createPortal(C.jsx(X,{scope:e.__scopeSelect,children:C.jsx(_.Slot,{scope:e.__scopeSelect,children:C.jsx("div",{children:e.children})})}),t):null}return C.jsx(J,{...e,ref:t})});G.displayName=z;var Y=10,[X,Z]=H(z),$=m.createSlot("SelectContent.RemoveScroll"),J=P.forwardRef((e,t)=>{const{__scopeSelect:o,position:n="item-aligned",onCloseAutoFocus:s,onEscapeKeyDown:i,onPointerDownOutside:u,side:p,sideOffset:f,align:v,alignOffset:m,arrowPadding:h,collisionBoundary:x,collisionPadding:g,sticky:w,hideWhenDetached:S,avoidCollisions:j,...E}=e,R=O(z,o),[I,T]=P.useState(null),[_,k]=P.useState(null),H=l.useComposedRefs(t,e=>T(e)),[L,N]=P.useState(null),[q,M]=P.useState(null),A=D(o),[V,B]=P.useState(!1),F=P.useRef(!1);P.useEffect(()=>{if(I)return y.hideOthers(I)},[I]),c.useFocusGuards();const K=P.useCallback(e=>{const[t,...o]=A().map(e=>e.ref.current),[r]=o.slice(-1),n=document.activeElement;for(const l of e){if(l===n)return;if(null==l||l.scrollIntoView({block:"nearest"}),l===t&&_&&(_.scrollTop=0),l===r&&_&&(_.scrollTop=_.scrollHeight),null==l||l.focus(),document.activeElement!==n)return}},[A,_]),W=P.useCallback(()=>K([L,I]),[K,L,I]);P.useEffect(()=>{V&&W()},[V,W]);const{onOpenChange:U,triggerPointerDownPosRef:G}=R;P.useEffect(()=>{if(I){let e={x:0,y:0};const t=t=>{var o,r;e={x:Math.abs(Math.round(t.pageX)-((null==(o=G.current)?void 0:o.x)??0)),y:Math.abs(Math.round(t.pageY)-((null==(r=G.current)?void 0:r.y)??0))}},o=o=>{e.x<=10&&e.y<=10?o.preventDefault():I.contains(o.target)||U(!1),document.removeEventListener("pointermove",t),G.current=null};return null!==G.current&&(document.addEventListener("pointermove",t),document.addEventListener("pointerup",o,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o,{capture:!0})}}},[I,U,G]),P.useEffect(()=>{const e=()=>U(!1);return window.addEventListener("blur",e),window.addEventListener("resize",e),()=>{window.removeEventListener("blur",e),window.removeEventListener("resize",e)}},[U]);const[Y,Z]=Te(e=>{const t=A().filter(e=>!e.disabled),o=t.find(e=>e.ref.current===document.activeElement),r=_e(t,e,o);r&&setTimeout(()=>r.ref.current.focus())}),J=P.useCallback((e,t,o)=>{const r=!F.current&&!o;(void 0!==R.value&&R.value===t||r)&&(N(e),r&&(F.current=!0))},[R.value]),te=P.useCallback(()=>null==I?void 0:I.focus(),[I]),oe=P.useCallback((e,t,o)=>{const r=!F.current&&!o;(void 0!==R.value&&R.value===t||r)&&M(e)},[R.value]),re="popper"===n?ee:Q,ne=re===ee?{side:p,sideOffset:f,align:v,alignOffset:m,arrowPadding:h,collisionBoundary:x,collisionPadding:g,sticky:w,hideWhenDetached:S,avoidCollisions:j}:{};return C.jsx(X,{scope:o,content:I,viewport:_,onViewportChange:k,itemRefCallback:J,selectedItem:L,onItemLeave:te,itemTextRefCallback:oe,focusSelectedItem:W,selectedItemText:q,position:n,isPositioned:V,searchRef:Y,children:C.jsx(b,{as:$,allowPinchZoom:!0,children:C.jsx(d.FocusScope,{asChild:!0,trapped:R.open,onMountAutoFocus:e=>{e.preventDefault()},onUnmountAutoFocus:r.composeEventHandlers(s,e=>{var t;null==(t=R.trigger)||t.focus({preventScroll:!0}),e.preventDefault()}),children:C.jsx(a.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:i,onPointerDownOutside:u,onFocusOutside:e=>e.preventDefault(),onDismiss:()=>R.onOpenChange(!1),children:C.jsx(re,{role:"listbox",id:R.contentId,"data-state":R.open?"open":"closed",dir:R.dir,onContextMenu:e=>e.preventDefault(),...E,...ne,onPlaced:()=>B(!0),ref:H,style:{display:"flex",flexDirection:"column",outline:"none",...E.style},onKeyDown:r.composeEventHandlers(E.onKeyDown,e=>{const t=e.ctrlKey||e.altKey||e.metaKey;if("Tab"===e.key&&e.preventDefault(),t||1!==e.key.length||Z(e.key),["ArrowUp","ArrowDown","Home","End"].includes(e.key)){let t=A().filter(e=>!e.disabled).map(e=>e.ref.current);if(["ArrowUp","End"].includes(e.key)&&(t=t.slice().reverse()),["ArrowUp","ArrowDown"].includes(e.key)){const o=e.target,r=t.indexOf(o);t=t.slice(r+1)}setTimeout(()=>K(t)),e.preventDefault()}})})})})})})});J.displayName="SelectContentImpl";var Q=P.forwardRef((e,t)=>{const{__scopeSelect:r,onPlaced:n,...s}=e,i=O(z,r),a=Z(z,r),[c,d]=P.useState(null),[u,p]=P.useState(null),f=l.useComposedRefs(t,e=>p(e)),m=D(r),h=P.useRef(!1),x=P.useRef(!0),{viewport:w,selectedItem:S,selectedItemText:y,focusSelectedItem:b}=a,j=P.useCallback(()=>{if(i.trigger&&i.valueNode&&c&&u&&w&&S&&y){const e=i.trigger.getBoundingClientRect(),t=u.getBoundingClientRect(),r=i.valueNode.getBoundingClientRect(),l=y.getBoundingClientRect();if("rtl"!==i.dir){const n=l.left-t.left,s=r.left-n,i=e.left-s,a=e.width+i,d=Math.max(a,t.width),u=window.innerWidth-Y,p=o.clamp(s,[Y,Math.max(Y,u-d)]);c.style.minWidth=a+"px",c.style.left=p+"px"}else{const n=t.right-l.right,s=window.innerWidth-r.right-n,i=window.innerWidth-e.right-s,a=e.width+i,d=Math.max(a,t.width),u=window.innerWidth-Y,p=o.clamp(s,[Y,Math.max(Y,u-d)]);c.style.minWidth=a+"px",c.style.right=p+"px"}const s=m(),a=window.innerHeight-2*Y,d=w.scrollHeight,p=window.getComputedStyle(u),f=parseInt(p.borderTopWidth,10),v=parseInt(p.paddingTop,10),x=parseInt(p.borderBottomWidth,10),g=f+v+d+parseInt(p.paddingBottom,10)+x,b=Math.min(5*S.offsetHeight,g),C=window.getComputedStyle(w),j=parseInt(C.paddingTop,10),P=parseInt(C.paddingBottom,10),E=e.top+e.height/2-Y,R=a-E,I=S.offsetHeight/2,T=f+v+(S.offsetTop+I),_=g-T;if(T<=E){const e=s.length>0&&S===s[s.length-1].ref.current;c.style.bottom="0px";const t=u.clientHeight-w.offsetTop-w.offsetHeight,o=T+Math.max(R,I+(e?P:0)+t+x);c.style.height=o+"px"}else{const e=s.length>0&&S===s[0].ref.current;c.style.top="0px";const t=Math.max(E,f+w.offsetTop+(e?j:0)+I)+_;c.style.height=t+"px",w.scrollTop=T-E+w.offsetTop}c.style.margin=`${Y}px 0`,c.style.minHeight=b+"px",c.style.maxHeight=a+"px",null==n||n(),requestAnimationFrame(()=>h.current=!0)}},[m,i.trigger,i.valueNode,c,u,w,S,y,i.dir,n]);g.useLayoutEffect(()=>j(),[j]);const[E,R]=P.useState();g.useLayoutEffect(()=>{u&&R(window.getComputedStyle(u).zIndex)},[u]);const I=P.useCallback(e=>{e&&!0===x.current&&(j(),null==b||b(),x.current=!1)},[j,b]);return C.jsx(te,{scope:r,contentWrapper:c,shouldExpandOnScrollRef:h,onScrollButtonChange:I,children:C.jsx("div",{ref:d,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:E},children:C.jsx(v.Primitive.div,{...s,ref:f,style:{boxSizing:"border-box",maxHeight:"100%",...s.style}})})})});Q.displayName="SelectItemAlignedPosition";var ee=P.forwardRef((e,t)=>{const{__scopeSelect:o,align:r="start",collisionPadding:n=Y,...l}=e,s=L(o);return C.jsx(p.Content,{...s,...l,ref:t,align:r,collisionPadding:n,style:{boxSizing:"border-box",...l.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});ee.displayName="SelectPopperPosition";var[te,oe]=H(z,{}),re="SelectViewport",ne=P.forwardRef((e,t)=>{const{__scopeSelect:o,nonce:n,...s}=e,i=Z(re,o),a=oe(re,o),c=l.useComposedRefs(t,i.onViewportChange),d=P.useRef(0);return C.jsxs(C.Fragment,{children:[C.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),C.jsx(_.Slot,{scope:o,children:C.jsx(v.Primitive.div,{"data-radix-select-viewport":"",role:"presentation",...s,ref:c,style:{position:"relative",flex:1,overflow:"hidden auto",...s.style},onScroll:r.composeEventHandlers(s.onScroll,e=>{const t=e.currentTarget,{contentWrapper:o,shouldExpandOnScrollRef:r}=a;if((null==r?void 0:r.current)&&o){const e=Math.abs(d.current-t.scrollTop);if(e>0){const r=window.innerHeight-2*Y,n=parseFloat(o.style.minHeight),l=parseFloat(o.style.height),s=Math.max(n,l);if(s<r){const n=s+e,l=Math.min(r,n),i=n-l;o.style.height=l+"px","0px"===o.style.bottom&&(t.scrollTop=i>0?i:0,o.style.justifyContent="flex-end")}}}d.current=t.scrollTop})})})]})});ne.displayName=re;var le="SelectGroup",[se,ie]=H(le),ae=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=u.useId();return C.jsx(se,{scope:o,id:n,children:C.jsx(v.Primitive.div,{role:"group","aria-labelledby":n,...r,ref:t})})});ae.displayName=le;var ce="SelectLabel",de=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=ie(ce,o);return C.jsx(v.Primitive.div,{id:n.id,...r,ref:t})});de.displayName=ce;var ue="SelectItem",[pe,fe]=H(ue),ve=P.forwardRef((e,t)=>{const{__scopeSelect:o,value:n,disabled:s=!1,textValue:i,...a}=e,c=O(ue,o),d=Z(ue,o),p=c.value===n,[f,m]=P.useState(i??""),[h,x]=P.useState(!1),g=l.useComposedRefs(t,e=>{var t;return null==(t=d.itemRefCallback)?void 0:t.call(d,e,n,s)}),w=u.useId(),S=P.useRef("touch"),y=()=>{s||(c.onValueChange(n),c.onOpenChange(!1))};if(""===n)throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return C.jsx(pe,{scope:o,value:n,disabled:s,textId:w,isSelected:p,onItemTextChange:P.useCallback(e=>{m(t=>t||((null==e?void 0:e.textContent)??"").trim())},[]),children:C.jsx(_.ItemSlot,{scope:o,value:n,disabled:s,textValue:f,children:C.jsx(v.Primitive.div,{role:"option","aria-labelledby":w,"data-highlighted":h?"":void 0,"aria-selected":p&&h,"data-state":p?"checked":"unchecked","aria-disabled":s||void 0,"data-disabled":s?"":void 0,tabIndex:s?void 0:-1,...a,ref:g,onFocus:r.composeEventHandlers(a.onFocus,()=>x(!0)),onBlur:r.composeEventHandlers(a.onBlur,()=>x(!1)),onClick:r.composeEventHandlers(a.onClick,()=>{"mouse"!==S.current&&y()}),onPointerUp:r.composeEventHandlers(a.onPointerUp,()=>{"mouse"===S.current&&y()}),onPointerDown:r.composeEventHandlers(a.onPointerDown,e=>{S.current=e.pointerType}),onPointerMove:r.composeEventHandlers(a.onPointerMove,e=>{var t;S.current=e.pointerType,s?null==(t=d.onItemLeave)||t.call(d):"mouse"===S.current&&e.currentTarget.focus({preventScroll:!0})}),onPointerLeave:r.composeEventHandlers(a.onPointerLeave,e=>{var t;e.currentTarget===document.activeElement&&(null==(t=d.onItemLeave)||t.call(d))}),onKeyDown:r.composeEventHandlers(a.onKeyDown,e=>{var t;""!==(null==(t=d.searchRef)?void 0:t.current)&&" "===e.key||(I.includes(e.key)&&y()," "===e.key&&e.preventDefault())})})})})});ve.displayName=ue;var me="SelectItemText",he=P.forwardRef((e,t)=>{const{__scopeSelect:o,className:r,style:n,...s}=e,i=O(me,o),a=Z(me,o),c=fe(me,o),d=M(me,o),[u,p]=P.useState(null),f=l.useComposedRefs(t,e=>p(e),c.onItemTextChange,e=>{var t;return null==(t=a.itemTextRefCallback)?void 0:t.call(a,e,c.value,c.disabled)}),m=null==u?void 0:u.textContent,h=P.useMemo(()=>C.jsx("option",{value:c.value,disabled:c.disabled,children:m},c.value),[c.disabled,c.value,m]),{onNativeOptionAdd:x,onNativeOptionRemove:w}=d;return g.useLayoutEffect(()=>(x(h),()=>w(h)),[x,w,h]),C.jsxs(C.Fragment,{children:[C.jsx(v.Primitive.span,{id:c.textId,...s,ref:f}),c.isSelected&&i.valueNode&&!i.valueNodeHasChildren?E.createPortal(s.children,i.valueNode):null]})});he.displayName=me;var xe="SelectItemIndicator",ge=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e;return fe(xe,o).isSelected?C.jsx(v.Primitive.span,{"aria-hidden":!0,...r,ref:t}):null});ge.displayName=xe;var we="SelectScrollUpButton",Se=P.forwardRef((e,t)=>{const o=Z(we,e.__scopeSelect),r=oe(we,e.__scopeSelect),[n,s]=P.useState(!1),i=l.useComposedRefs(t,r.onScrollButtonChange);return g.useLayoutEffect(()=>{if(o.viewport&&o.isPositioned){let e=function(){const e=t.scrollTop>0;s(e)};const t=o.viewport;return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}},[o.viewport,o.isPositioned]),n?C.jsx(Ce,{...e,ref:i,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop-t.offsetHeight)}}):null});Se.displayName=we;var ye="SelectScrollDownButton",be=P.forwardRef((e,t)=>{const o=Z(ye,e.__scopeSelect),r=oe(ye,e.__scopeSelect),[n,s]=P.useState(!1),i=l.useComposedRefs(t,r.onScrollButtonChange);return g.useLayoutEffect(()=>{if(o.viewport&&o.isPositioned){let e=function(){const e=t.scrollHeight-t.clientHeight,o=Math.ceil(t.scrollTop)<e;s(o)};const t=o.viewport;return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}},[o.viewport,o.isPositioned]),n?C.jsx(Ce,{...e,ref:i,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop+t.offsetHeight)}}):null});be.displayName=ye;var Ce=P.forwardRef((e,t)=>{const{__scopeSelect:o,onAutoScroll:n,...l}=e,s=Z("SelectScrollButton",o),i=P.useRef(null),a=D(o),c=P.useCallback(()=>{null!==i.current&&(window.clearInterval(i.current),i.current=null)},[]);return P.useEffect(()=>()=>c(),[c]),g.useLayoutEffect(()=>{var e;const t=a().find(e=>e.ref.current===document.activeElement);null==(e=null==t?void 0:t.ref.current)||e.scrollIntoView({block:"nearest"})},[a]),C.jsx(v.Primitive.div,{"aria-hidden":!0,...l,ref:t,style:{flexShrink:0,...l.style},onPointerDown:r.composeEventHandlers(l.onPointerDown,()=>{null===i.current&&(i.current=window.setInterval(n,50))}),onPointerMove:r.composeEventHandlers(l.onPointerMove,()=>{var e;null==(e=s.onItemLeave)||e.call(s),null===i.current&&(i.current=window.setInterval(n,50))}),onPointerLeave:r.composeEventHandlers(l.onPointerLeave,()=>{c()})})}),je=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e;return C.jsx(v.Primitive.div,{"aria-hidden":!0,...r,ref:t})});je.displayName="SelectSeparator";var Pe="SelectArrow",Ee=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=L(o),l=O(Pe,o),s=Z(Pe,o);return l.open&&"popper"===s.position?C.jsx(p.Arrow,{...n,...r,ref:t}):null});Ee.displayName=Pe;var Re=P.forwardRef(({__scopeSelect:e,value:t,...o},r)=>{const n=P.useRef(null),s=l.useComposedRefs(r,n),i=w.usePrevious(t);return P.useEffect(()=>{const e=n.current;if(!e)return;const o=window.HTMLSelectElement.prototype,r=Object.getOwnPropertyDescriptor(o,"value").set;if(i!==t&&r){const o=new Event("change",{bubbles:!0});r.call(e,t),e.dispatchEvent(o)}},[i,t]),C.jsx(v.Primitive.select,{...o,style:{...S.VISUALLY_HIDDEN_STYLES,...o.style},ref:s,defaultValue:t})});function Ie(e){return""===e||void 0===e}function Te(e){const t=h.useCallbackRef(e),o=P.useRef(""),r=P.useRef(0),n=P.useCallback(e=>{const n=o.current+e;t(n),function e(t){o.current=t,window.clearTimeout(r.current),""!==t&&(r.current=window.setTimeout(()=>e(""),1e3))}(n)},[t]),l=P.useCallback(()=>{o.current="",window.clearTimeout(r.current)},[]);return P.useEffect(()=>()=>window.clearTimeout(r.current),[]),[o,n,l]}function _e(e,t,o){const r=t.length>1&&Array.from(t).every(e=>e===t[0])?t[0]:t,n=o?e.indexOf(o):-1;let l=(s=e,i=Math.max(n,0),s.map((e,t)=>s[(i+t)%s.length]));var s,i;1===r.length&&(l=l.filter(e=>e!==o));const a=l.find(e=>e.textValue.toLowerCase().startsWith(r.toLowerCase()));return a!==o?a:void 0}Re.displayName="SelectBubbleInput";var De=A,ke=B,He=K,Le=W,Ne=U,Oe=G,qe=ne,Me=ae,Ae=de,Ve=ve,Be=he,Fe=je;exports.Content=Oe,exports.Group=Me,exports.Icon=Le,exports.Item=Ve,exports.ItemText=Be,exports.Label=Ae,exports.Portal=Ne,exports.Root=De,exports.Select=A,exports.SelectArrow=Ee,exports.SelectContent=G,exports.SelectGroup=ae,exports.SelectIcon=W,exports.SelectItem=ve,exports.SelectItemIndicator=ge,exports.SelectItemText=he,exports.SelectLabel=de,exports.SelectPortal=U,exports.SelectScrollDownButton=be,exports.SelectScrollUpButton=Se,exports.SelectSeparator=je,exports.SelectTrigger=B,exports.SelectValue=K,exports.SelectViewport=ne,exports.Separator=Fe,exports.Trigger=ke,exports.Value=He,exports.Viewport=qe;