@activecollab/components 2.0.251 → 2.0.252

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 (49) hide show
  1. package/dist/cjs/components/ChooseV2/ChooseV2.js +20 -12
  2. package/dist/cjs/components/ChooseV2/ChooseV2.js.map +1 -1
  3. package/dist/cjs/components/ChooseV2/Styles.js +14 -4
  4. package/dist/cjs/components/ChooseV2/Styles.js.map +1 -1
  5. package/dist/cjs/components/ContentWizard/{ContentWizard.js → ContentStepper.js} +6 -6
  6. package/dist/cjs/components/ContentWizard/ContentStepper.js.map +1 -0
  7. package/dist/cjs/components/ContentWizard/context/{ContentWizardContext.js → ContentStepperContext.js} +7 -7
  8. package/dist/cjs/components/ContentWizard/context/ContentStepperContext.js.map +1 -0
  9. package/dist/cjs/components/ContentWizard/context/index.js +4 -4
  10. package/dist/cjs/components/ContentWizard/context/index.js.map +1 -1
  11. package/dist/cjs/components/ContentWizard/index.js +7 -7
  12. package/dist/cjs/components/ContentWizard/index.js.map +1 -1
  13. package/dist/esm/components/ChooseV2/ChooseV2.d.ts.map +1 -1
  14. package/dist/esm/components/ChooseV2/ChooseV2.js +19 -11
  15. package/dist/esm/components/ChooseV2/ChooseV2.js.map +1 -1
  16. package/dist/esm/components/ChooseV2/Styles.d.ts +6 -1
  17. package/dist/esm/components/ChooseV2/Styles.d.ts.map +1 -1
  18. package/dist/esm/components/ChooseV2/Styles.js +9 -3
  19. package/dist/esm/components/ChooseV2/Styles.js.map +1 -1
  20. package/dist/esm/components/ContentWizard/ContentStepper.d.ts +9 -0
  21. package/dist/esm/components/ContentWizard/ContentStepper.d.ts.map +1 -0
  22. package/dist/esm/components/ContentWizard/{ContentWizard.js → ContentStepper.js} +5 -5
  23. package/dist/esm/components/ContentWizard/ContentStepper.js.map +1 -0
  24. package/dist/esm/components/ContentWizard/context/ContentStepperContext.d.ts +16 -0
  25. package/dist/esm/components/ContentWizard/context/ContentStepperContext.d.ts.map +1 -0
  26. package/dist/esm/components/ContentWizard/context/ContentStepperContext.js +19 -0
  27. package/dist/esm/components/ContentWizard/context/ContentStepperContext.js.map +1 -0
  28. package/dist/esm/components/ContentWizard/context/index.d.ts +1 -1
  29. package/dist/esm/components/ContentWizard/context/index.d.ts.map +1 -1
  30. package/dist/esm/components/ContentWizard/context/index.js +1 -1
  31. package/dist/esm/components/ContentWizard/context/index.js.map +1 -1
  32. package/dist/esm/components/ContentWizard/index.d.ts +3 -3
  33. package/dist/esm/components/ContentWizard/index.d.ts.map +1 -1
  34. package/dist/esm/components/ContentWizard/index.js +3 -3
  35. package/dist/esm/components/ContentWizard/index.js.map +1 -1
  36. package/dist/index.js +98 -81
  37. package/dist/index.js.map +1 -1
  38. package/dist/index.min.js +1 -1
  39. package/dist/index.min.js.map +1 -1
  40. package/package.json +1 -1
  41. package/dist/cjs/components/ContentWizard/ContentWizard.js.map +0 -1
  42. package/dist/cjs/components/ContentWizard/context/ContentWizardContext.js.map +0 -1
  43. package/dist/esm/components/ContentWizard/ContentWizard.d.ts +0 -9
  44. package/dist/esm/components/ContentWizard/ContentWizard.d.ts.map +0 -1
  45. package/dist/esm/components/ContentWizard/ContentWizard.js.map +0 -1
  46. package/dist/esm/components/ContentWizard/context/ContentWizardContext.d.ts +0 -16
  47. package/dist/esm/components/ContentWizard/context/ContentWizardContext.d.ts.map +0 -1
  48. package/dist/esm/components/ContentWizard/context/ContentWizardContext.js +0 -19
  49. package/dist/esm/components/ContentWizard/context/ContentWizardContext.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,wFAoH1B,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import React, { forwardRef, useCallback, useMemo, useRef, useState } from "react";
2
2
  import { MoveFocusInside } from "react-focus-lock";
3
3
  import { ContentStep } from "./ContentStep";
4
- import { ContentWizardContextProvider } from "./context/ContentWizardContext";
4
+ import { ContentStepperContextProvider } from "./context/ContentStepperContext";
5
5
  import { StyledContentWizardContainer, StyledStepWrapper } from "./Styles";
6
6
  import { SlideLeftRightTransition, ResizeTransition } from "../Transitions";
7
- export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
7
+ export const ContentStepper = /*#__PURE__*/forwardRef((_ref, ref) => {
8
8
  let {
9
9
  children,
10
10
  className,
@@ -71,7 +71,7 @@ export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
71
71
  return null;
72
72
  });
73
73
  }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
74
- return /*#__PURE__*/React.createElement(ContentWizardContextProvider, {
74
+ return /*#__PURE__*/React.createElement(ContentStepperContextProvider, {
75
75
  value: {
76
76
  activeStep,
77
77
  setActiveStep,
@@ -92,5 +92,5 @@ export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
92
92
  $height: height
93
93
  }, renderSteps)));
94
94
  });
95
- ContentWizard.displayName = "ContentWizard";
96
- //# sourceMappingURL=ContentWizard.js.map
95
+ ContentStepper.displayName = "ContentStepper";
96
+ //# sourceMappingURL=ContentStepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","step","controlledStep","onStepChange","childrenCollection","Children","toArray","internalStep","setInternalStep","enteredStep","setEnteredStep","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n children: ReactNode;\n className?: string;\n step?: number;\n onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n ({ children, className, step: controlledStep, onStepChange }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [internalStep, setInternalStep] = useState(0);\n const [enteredStep, setEnteredStep] = useState(0);\n const [height, setHeight] = useState(\"auto\");\n const previousStepRef = useRef(0);\n\n // Use controlled step if provided, otherwise use internal state\n const activeStep =\n controlledStep !== undefined ? controlledStep : internalStep;\n\n // Calculate direction synchronously based on step change\n const isLeft = useMemo(() => {\n const prevStep = previousStepRef.current;\n const direction = activeStep > prevStep;\n previousStepRef.current = activeStep;\n return direction;\n }, [activeStep]);\n\n const setActiveStep = useCallback(\n (newStep: number) => {\n if (newStep === activeStep) return;\n\n if (controlledStep === undefined) {\n setInternalStep(newStep);\n }\n\n onStepChange?.(newStep);\n },\n [activeStep, controlledStep, onStepChange]\n );\n\n const goNext = useCallback(() => {\n const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n setActiveStep(nextIndex);\n }, [activeStep, childrenCollection.length, setActiveStep]);\n\n const goPrevious = useCallback(() => {\n const prevIndex = Math.max(activeStep - 1, 0);\n setActiveStep(prevIndex);\n }, [activeStep, setActiveStep]);\n\n const handleHeight = useCallback((element: HTMLElement) => {\n setHeight(`${element.offsetHeight}px`);\n }, []);\n\n const handleEntered = useCallback((stepIndex: number) => {\n setEnteredStep(stepIndex);\n }, []);\n\n const renderSteps = useMemo(() => {\n return childrenCollection.map((child, index) => {\n const element = child as ReactElement;\n\n if (element?.type === ContentStep) {\n const stepContent = React.cloneElement(element, {\n key: `step-${index}`,\n index,\n isFirst: index === 0,\n isLast: index === childrenCollection.length - 1,\n });\n\n return (\n <SlideLeftRightTransition\n key={`transition-${index}`}\n in={activeStep === index}\n direction={isLeft ? \"left\" : \"right\"}\n onEnter={handleHeight}\n onEntered={() => handleEntered(index)}\n >\n <MoveFocusInside disabled={enteredStep !== index}>\n <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n </MoveFocusInside>\n </SlideLeftRightTransition>\n );\n }\n\n return null;\n });\n }, [\n activeStep,\n childrenCollection,\n isLeft,\n enteredStep,\n handleHeight,\n handleEntered,\n ]);\n\n return (\n <ContentStepperContextProvider\n value={{\n activeStep,\n setActiveStep,\n goNext,\n goPrevious,\n direction: isLeft ? \"left\" : \"right\",\n totalSteps: childrenCollection.length,\n }}\n >\n <ResizeTransition in style={{ height, width: \"100%\" }}>\n <StyledContentWizardContainer\n ref={ref}\n className={className}\n $height={height}\n >\n {renderSteps}\n </StyledContentWizardContainer>\n </ResizeTransition>\n </ContentStepperContextProvider>\n );\n }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import React, { ReactNode } from "react";
2
+ export interface IContentStepperContext {
3
+ activeStep: number;
4
+ setActiveStep: (step: number) => void;
5
+ goNext: () => void;
6
+ goPrevious: () => void;
7
+ direction: "left" | "right";
8
+ totalSteps: number;
9
+ }
10
+ export interface IContentWizardContextProvider {
11
+ children: ReactNode;
12
+ value: IContentStepperContext;
13
+ }
14
+ export declare const ContentStepperContextProvider: React.FC<IContentWizardContextProvider>;
15
+ export declare const useContentStepperContext: () => IContentStepperContext;
16
+ //# sourceMappingURL=ContentStepperContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepperContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAMD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,sBAAsB,CAAC;CAC/B;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD,6BAA6B,CAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,sBAU3C,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React, { createContext, useContext } from "react";
2
+ const ContentStepperContext = /*#__PURE__*/createContext(undefined);
3
+ export const ContentStepperContextProvider = _ref => {
4
+ let {
5
+ children,
6
+ value
7
+ } = _ref;
8
+ return /*#__PURE__*/React.createElement(ContentStepperContext.Provider, {
9
+ value: value
10
+ }, children);
11
+ };
12
+ export const useContentStepperContext = () => {
13
+ const context = useContext(ContentStepperContext);
14
+ if (context === undefined) {
15
+ throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
16
+ }
17
+ return context;
18
+ };
19
+ //# sourceMappingURL=ContentStepperContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n activeStep: number;\n setActiveStep: (step: number) => void;\n goNext: () => void;\n goPrevious: () => void;\n direction: \"left\" | \"right\";\n totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n undefined\n);\n\nexport interface IContentWizardContextProvider {\n children: ReactNode;\n value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n IContentWizardContextProvider\n> = ({ children, value }) => {\n return (\n <ContentStepperContext.Provider value={value}>\n {children}\n </ContentStepperContext.Provider>\n );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n const context = useContext(ContentStepperContext);\n\n if (context === undefined) {\n throw new Error(\n \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n );\n }\n\n return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,oBACEN,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC"}
@@ -1,2 +1,2 @@
1
- export * from "./ContentWizardContext";
1
+ export * from "./ContentStepperContext";
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -1,2 +1,2 @@
1
- export * from "./ContentWizardContext";
1
+ export * from "./ContentStepperContext";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentWizardContext\";\n"],"mappings":"AAAA,cAAc,wBAAwB"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentStepperContext\";\n"],"mappings":"AAAA,cAAc,yBAAyB"}
@@ -1,5 +1,5 @@
1
- import { useContentWizardContext } from "./context";
2
- export * from "./ContentWizard";
1
+ import { useContentStepperContext } from "./context";
2
+ export * from "./ContentStepper";
3
3
  export * from "./ContentStep";
4
- export { useContentWizardContext };
4
+ export { useContentStepperContext };
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
@@ -1,5 +1,5 @@
1
- import { useContentWizardContext } from "./context";
2
- export * from "./ContentWizard";
1
+ import { useContentStepperContext } from "./context";
2
+ export * from "./ContentStepper";
3
3
  export * from "./ContentStep";
4
- export { useContentWizardContext };
4
+ export { useContentStepperContext };
5
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useContentWizardContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentWizardContext } from \"./context\";\n\nexport * from \"./ContentWizard\";\nexport * from \"./ContentStep\";\n\nexport { useContentWizardContext };\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,WAAW;AAEnD,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAE7B,SAASA,uBAAuB"}
1
+ {"version":3,"file":"index.js","names":["useContentStepperContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,WAAW;AAEpD,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAE7B,SAASA,wBAAwB"}
package/dist/index.js CHANGED
@@ -16098,11 +16098,11 @@
16098
16098
  componentId: "sc-y7zymm-0"
16099
16099
  })(["border:0px;clip:rect(0px,0px,0px,0px);cursor:pointer;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:1px;"]);
16100
16100
  StyledInput$3.displayName = "StyledInput";
16101
- var StyledLabel = styled__default["default"].label.withConfig({
16101
+ var StyledLabel$1 = styled__default["default"].label.withConfig({
16102
16102
  displayName: "Styles__StyledLabel",
16103
16103
  componentId: "sc-y7zymm-1"
16104
16104
  })([""]);
16105
- StyledLabel.displayName = "StyledLabel";
16105
+ StyledLabel$1.displayName = "StyledLabel";
16106
16106
  var StyledCheckbox$1 = styled__default["default"].div.withConfig({
16107
16107
  displayName: "Styles__StyledCheckbox",
16108
16108
  componentId: "sc-y7zymm-2"
@@ -16112,13 +16112,13 @@
16112
16112
  return !props.mixed && styled.css(["stroke:var(--color-theme-500);"]);
16113
16113
  }, function (props) {
16114
16114
  return props.mixed && styled.css(["stroke:transparent;"]);
16115
- }, StyledInput$3, StyledLabel, StyledInput$3, StyledLabel, function (props) {
16115
+ }, StyledInput$3, StyledLabel$1, StyledInput$3, StyledLabel$1, function (props) {
16116
16116
  return !props.mixed && styled.css(["rect{stroke:var(--color-secondary);stroke-width:3px;}"]);
16117
- }, StyledInput$3, StyledLabel, function (props) {
16117
+ }, StyledInput$3, StyledLabel$1, function (props) {
16118
16118
  return props.mixed && styled.css(["stroke:transparent;"]);
16119
16119
  }, function (props) {
16120
- return props.hover && !props.mixed && styled.css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput$3, StyledLabel);
16121
- }, StyledInput$3, StyledLabel, function (props) {
16120
+ return props.hover && !props.mixed && styled.css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput$3, StyledLabel$1);
16121
+ }, StyledInput$3, StyledLabel$1, function (props) {
16122
16122
  return !props.mixed && styled.css(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]);
16123
16123
  }, function (props) {
16124
16124
  return props.mixed && styled.css(["stroke:transparent;"]);
@@ -16187,7 +16187,7 @@
16187
16187
  checked: initialChecked,
16188
16188
  onChange: handleChange,
16189
16189
  disabled: disabled
16190
- })), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
16190
+ })), /*#__PURE__*/React__default["default"].createElement(StyledLabel$1, {
16191
16191
  htmlFor: id,
16192
16192
  className: "c-checkbox--label"
16193
16193
  }, /*#__PURE__*/React__default["default"].createElement(CheckboxIcon$1, {
@@ -20763,6 +20763,34 @@
20763
20763
  };
20764
20764
  Choose.displayName = "Choose";
20765
20765
 
20766
+ var _excluded$s = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
20767
+ var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
20768
+ var _ref$invalid = _ref.invalid,
20769
+ invalid = _ref$invalid === void 0 ? false : _ref$invalid,
20770
+ _ref$required = _ref.required,
20771
+ required = _ref$required === void 0 ? false : _ref$required,
20772
+ _ref$size = _ref.size,
20773
+ size = _ref$size === void 0 ? "regular" : _ref$size,
20774
+ children = _ref.children,
20775
+ className = _ref.className,
20776
+ _ref$weight = _ref.weight,
20777
+ weight = _ref$weight === void 0 ? "bold" : _ref$weight,
20778
+ htmlFor = _ref.htmlFor,
20779
+ props = _objectWithoutProperties(_ref, _excluded$s);
20780
+ var color = invalid ? "alert" : "primary";
20781
+ var variant = size === "regular" ? "Body 2" : "Caption 1";
20782
+ return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
20783
+ as: "label",
20784
+ className: classNames__default["default"]("c-label", className),
20785
+ variant: variant,
20786
+ color: color,
20787
+ weight: weight,
20788
+ ref: ref,
20789
+ htmlFor: htmlFor
20790
+ }, props), children, required ? "*" : null);
20791
+ });
20792
+ Label.displayName = "Label";
20793
+
20766
20794
  var StyledChoose = styled__default["default"](Choose).withConfig({
20767
20795
  displayName: "Styles__StyledChoose",
20768
20796
  componentId: "sc-uv67fb-0"
@@ -20775,18 +20803,27 @@
20775
20803
  componentId: "sc-uv67fb-1"
20776
20804
  })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
20777
20805
  StyledVerticalContainer.displayName = "StyledVerticalContainer";
20806
+ var StyledLabel = styled__default["default"](Label).withConfig({
20807
+ displayName: "Styles__StyledLabel",
20808
+ componentId: "sc-uv67fb-2"
20809
+ })(["", ""], function (props) {
20810
+ return !props.$disabled ? styled.css(["cursor:pointer;"]) : styled.css(["cursor:not-allowed;"]);
20811
+ });
20812
+ StyledLabel.displayName = "StyledLabel";
20778
20813
  var StyledRadioOption = styled__default["default"].div.withConfig({
20779
20814
  displayName: "Styles__StyledRadioOption",
20780
- componentId: "sc-uv67fb-2"
20781
- })(["display:flex;align-items:center;gap:6px;cursor:pointer;&:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"]);
20815
+ componentId: "sc-uv67fb-3"
20816
+ })(["display:flex;align-items:center;gap:6px;", " &:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"], function (props) {
20817
+ return !props.$disabled ? styled.css(["cursor:pointer;"]) : styled.css(["cursor:not-allowed;"]);
20818
+ });
20782
20819
  StyledRadioOption.displayName = "StyledRadioOption";
20783
20820
  var StyledFlexContainer = styled__default["default"].div.withConfig({
20784
20821
  displayName: "Styles__StyledFlexContainer",
20785
- componentId: "sc-uv67fb-3"
20822
+ componentId: "sc-uv67fb-4"
20786
20823
  })(["display:flex;width:100%;"]);
20787
20824
  StyledFlexContainer.displayName = "StyledFlexContainer";
20788
20825
 
20789
- var _excluded$s = ["required", "multiple", "invalid", "options", "selected", "onChange"];
20826
+ var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange"];
20790
20827
  var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
20791
20828
  var _parentSize$width, _flexSize$width;
20792
20829
  var _ref$required = _ref.required,
@@ -20798,7 +20835,7 @@
20798
20835
  options = _ref.options,
20799
20836
  selected = _ref.selected,
20800
20837
  onChange = _ref.onChange,
20801
- rest = _objectWithoutProperties(_ref, _excluded$s);
20838
+ rest = _objectWithoutProperties(_ref, _excluded$r);
20802
20839
  var internalRef = React.useRef(null);
20803
20840
  var flexContainerRef = React.useRef(null);
20804
20841
  var handleRef = useForkRef(ref, internalRef);
@@ -20852,9 +20889,6 @@
20852
20889
  onChange(_newSelected);
20853
20890
  }
20854
20891
  };
20855
- var handleRadioChange = function handleRadioChange(id) {
20856
- if (multiple) handleSelect(id);else onChange([id]);
20857
- };
20858
20892
  if (!isReady) {
20859
20893
  return /*#__PURE__*/React__default["default"].createElement("div", {
20860
20894
  ref: handleRef,
@@ -20873,19 +20907,30 @@
20873
20907
  }
20874
20908
  }), useVerticalLayout ? /*#__PURE__*/React__default["default"].createElement(StyledVerticalContainer, null, options.map(function (option) {
20875
20909
  return /*#__PURE__*/React__default["default"].createElement(StyledRadioOption, {
20910
+ $disabled: !!option.disabled,
20876
20911
  key: option.id,
20877
- "data-disabled": option.disabled,
20878
- onClick: function onClick() {
20879
- return !option.disabled && handleRadioChange(option.id);
20880
- }
20881
- }, /*#__PURE__*/React__default["default"].createElement(RadioButton, {
20912
+ "data-disabled": option.disabled
20913
+ }, multiple || !required ? /*#__PURE__*/React__default["default"].createElement(Checkbox, {
20882
20914
  checked: selected.includes(option.id),
20883
20915
  disabled: option.disabled,
20884
20916
  onChange: function onChange() {
20885
- return !option.disabled && handleRadioChange(option.id);
20917
+ return !option.disabled && handleSelect(option.id);
20886
20918
  },
20887
- name: multiple ? "choose-v2-".concat(option.id) : "choose-v2-group"
20888
- }), /*#__PURE__*/React__default["default"].createElement(Body2, null, option.name));
20919
+ name: "choose-v2-".concat(option.id),
20920
+ id: "choose-v2-".concat(option.id)
20921
+ }) : /*#__PURE__*/React__default["default"].createElement(RadioButton, {
20922
+ checked: selected.includes(option.id),
20923
+ disabled: option.disabled,
20924
+ onChange: function onChange() {
20925
+ return !option.disabled && handleSelect(option.id);
20926
+ },
20927
+ id: "choose-v2-".concat(option.id),
20928
+ name: "choose-v2-".concat(option.id)
20929
+ }), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
20930
+ $disabled: !!option.disabled,
20931
+ weight: "regular",
20932
+ htmlFor: "choose-v2-".concat(option.id)
20933
+ }, option.name));
20889
20934
  })) : /*#__PURE__*/React__default["default"].createElement(StyledFlexContainer, {
20890
20935
  ref: flexContainerRef
20891
20936
  }, /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
@@ -20990,21 +21035,21 @@
20990
21035
  StyledLinkElements.displayName = "StyledLinkElements";
20991
21036
  StyledLink.displayName = "StyledLink";
20992
21037
 
20993
- var _excluded$r = ["children", "className"];
21038
+ var _excluded$q = ["children", "className"];
20994
21039
  /**
20995
21040
  * Back link component
20996
21041
  */
20997
21042
  var BackLink = function BackLink(_ref) {
20998
21043
  var children = _ref.children,
20999
21044
  className = _ref.className,
21000
- args = _objectWithoutProperties(_ref, _excluded$r);
21045
+ args = _objectWithoutProperties(_ref, _excluded$q);
21001
21046
  return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
21002
21047
  className: classNames__default["default"]("c-back-link", className)
21003
21048
  }, args), children);
21004
21049
  };
21005
21050
  BackLink.displayName = "BackLink";
21006
21051
 
21007
- var _excluded$q = ["as", "children", "variant", "size", "disabled", "className"];
21052
+ var _excluded$p = ["as", "children", "variant", "size", "disabled", "className"];
21008
21053
  /**
21009
21054
  * Link component
21010
21055
  */
@@ -21017,7 +21062,7 @@
21017
21062
  _ref$disabled = _ref.disabled,
21018
21063
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
21019
21064
  className = _ref.className,
21020
- args = _objectWithoutProperties(_ref, _excluded$q);
21065
+ args = _objectWithoutProperties(_ref, _excluded$p);
21021
21066
  var Component = as || "a";
21022
21067
  return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
21023
21068
  ref: ref,
@@ -21460,7 +21505,7 @@
21460
21505
  StyledToastMessage.displayName = "StyledToastMessage";
21461
21506
  StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
21462
21507
 
21463
- var _excluded$p = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
21508
+ var _excluded$o = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
21464
21509
  var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21465
21510
  var text = _ref.text,
21466
21511
  type = _ref.type,
@@ -21471,7 +21516,7 @@
21471
21516
  dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
21472
21517
  _ref$timeout = _ref.timeout,
21473
21518
  timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
21474
- rest = _objectWithoutProperties(_ref, _excluded$p);
21519
+ rest = _objectWithoutProperties(_ref, _excluded$o);
21475
21520
  var handleOnClose = React.useCallback(function () {
21476
21521
  if (typeof onClose === "function") {
21477
21522
  onClose();
@@ -21519,7 +21564,7 @@
21519
21564
  });
21520
21565
  StyledValueButton$1.displayName = "StyledValueButton";
21521
21566
 
21522
- var _excluded$o = ["active", "alwaysShowIcon", "icon", "label", "value"];
21567
+ var _excluded$n = ["active", "alwaysShowIcon", "icon", "label", "value"];
21523
21568
  var ValueButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21524
21569
  var _ref$active = _ref.active,
21525
21570
  active = _ref$active === void 0 ? false : _ref$active,
@@ -21528,7 +21573,7 @@
21528
21573
  icon = _ref.icon,
21529
21574
  label = _ref.label,
21530
21575
  value = _ref.value,
21531
- args = _objectWithoutProperties(_ref, _excluded$o);
21576
+ args = _objectWithoutProperties(_ref, _excluded$n);
21532
21577
  return /*#__PURE__*/React__default["default"].createElement(StyledValueButton$1, _extends({
21533
21578
  className: "c-value-button"
21534
21579
  }, args, {
@@ -21596,7 +21641,7 @@
21596
21641
  });
21597
21642
  StyledCaretIcon.displayName = "StyledCaretIcon";
21598
21643
 
21599
- var _excluded$n = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
21644
+ var _excluded$m = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
21600
21645
  var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21601
21646
  var children = _ref.children,
21602
21647
  _ref$type = _ref.type,
@@ -21611,7 +21656,7 @@
21611
21656
  typographyProps = _ref.typographyProps,
21612
21657
  _ref$mode = _ref.mode,
21613
21658
  mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
21614
- rest = _objectWithoutProperties(_ref, _excluded$n);
21659
+ rest = _objectWithoutProperties(_ref, _excluded$m);
21615
21660
  var variant = React.useMemo(function () {
21616
21661
  if (size === "big") {
21617
21662
  return "Body 1";
@@ -21642,7 +21687,7 @@
21642
21687
  });
21643
21688
  SelectTrigger.displayName = "SelectTrigger";
21644
21689
 
21645
- var _excluded$m = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
21690
+ var _excluded$l = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
21646
21691
  var renderOption = function renderOption(option) {
21647
21692
  return /*#__PURE__*/React__default["default"].createElement("div", {
21648
21693
  id: option.id
@@ -21661,7 +21706,7 @@
21661
21706
  triggerMode = _ref.triggerMode,
21662
21707
  _ref$step = _ref.step,
21663
21708
  step = _ref$step === void 0 ? 15 : _ref$step,
21664
- rest = _objectWithoutProperties(_ref, _excluded$m);
21709
+ rest = _objectWithoutProperties(_ref, _excluded$l);
21665
21710
  var generateTimeOptions = function generateTimeOptions() {
21666
21711
  var minTime = moment__default$1["default"](isValidTime(min) ? min : "00:00", "HH:mm");
21667
21712
  var maxTime = moment__default$1["default"](isValidTime(max) ? max : "23:45", "HH:mm");
@@ -21736,11 +21781,11 @@
21736
21781
  });
21737
21782
  StyledToggle.displayName = "StyledToggle";
21738
21783
 
21739
- var _excluded$l = ["hovered", "className"];
21784
+ var _excluded$k = ["hovered", "className"];
21740
21785
  var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21741
21786
  var hovered = _ref.hovered,
21742
21787
  className = _ref.className,
21743
- args = _objectWithoutProperties(_ref, _excluded$l);
21788
+ args = _objectWithoutProperties(_ref, _excluded$k);
21744
21789
  return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
21745
21790
  className: classNames__default["default"]("c-toggle", className),
21746
21791
  $isHovered: hovered,
@@ -21768,11 +21813,11 @@
21768
21813
  })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
21769
21814
  StyledAddToListButton.displayName = "StyledAddToListButton";
21770
21815
 
21771
- var _excluded$k = ["text", "className"];
21816
+ var _excluded$j = ["text", "className"];
21772
21817
  var AddToListButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21773
21818
  var text = _ref.text,
21774
21819
  className = _ref.className,
21775
- rest = _objectWithoutProperties(_ref, _excluded$k);
21820
+ rest = _objectWithoutProperties(_ref, _excluded$j);
21776
21821
  return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
21777
21822
  ref: ref,
21778
21823
  className: classNames__default["default"]("c--add-to-list-btn", className)
@@ -21898,7 +21943,7 @@
21898
21943
  });
21899
21944
  StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
21900
21945
 
21901
- var _excluded$j = ["className", "children"];
21946
+ var _excluded$i = ["className", "children"];
21902
21947
  var ProgressCircle = function ProgressCircle(_ref) {
21903
21948
  var backgroundColor = _ref.backgroundColor,
21904
21949
  progressColor = _ref.progressColor,
@@ -21975,7 +22020,7 @@
21975
22020
  var ProgressRing = function ProgressRing(_ref2) {
21976
22021
  var className = _ref2.className,
21977
22022
  children = _ref2.children,
21978
- rest = _objectWithoutProperties(_ref2, _excluded$j);
22023
+ rest = _objectWithoutProperties(_ref2, _excluded$i);
21979
22024
  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
21980
22025
  className: classNames__default["default"](className),
21981
22026
  "data-testid": "progress-ring"
@@ -21983,11 +22028,11 @@
21983
22028
  };
21984
22029
  ProgressRing.displayName = "ProgressRing";
21985
22030
 
21986
- var _excluded$i = ["radius"];
22031
+ var _excluded$h = ["radius"];
21987
22032
  var ProgressPie = function ProgressPie(_ref) {
21988
22033
  var _ref$radius = _ref.radius,
21989
22034
  radius = _ref$radius === void 0 ? 20 : _ref$radius,
21990
- rest = _objectWithoutProperties(_ref, _excluded$i);
22035
+ rest = _objectWithoutProperties(_ref, _excluded$h);
21991
22036
  return /*#__PURE__*/React__default["default"].createElement(ProgressCircle, _extends({}, rest, {
21992
22037
  stroke: radius,
21993
22038
  radius: radius
@@ -22311,34 +22356,6 @@
22311
22356
  ThumbsDownIcon.displayName = "ThumbsDownIcon";
22312
22357
  var ThumbsDownIcon$1 = ThumbsDownIcon;
22313
22358
 
22314
- var _excluded$h = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
22315
- var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
22316
- var _ref$invalid = _ref.invalid,
22317
- invalid = _ref$invalid === void 0 ? false : _ref$invalid,
22318
- _ref$required = _ref.required,
22319
- required = _ref$required === void 0 ? false : _ref$required,
22320
- _ref$size = _ref.size,
22321
- size = _ref$size === void 0 ? "regular" : _ref$size,
22322
- children = _ref.children,
22323
- className = _ref.className,
22324
- _ref$weight = _ref.weight,
22325
- weight = _ref$weight === void 0 ? "bold" : _ref$weight,
22326
- htmlFor = _ref.htmlFor,
22327
- props = _objectWithoutProperties(_ref, _excluded$h);
22328
- var color = invalid ? "alert" : "primary";
22329
- var variant = size === "regular" ? "Body 2" : "Caption 1";
22330
- return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
22331
- as: "label",
22332
- className: classNames__default["default"]("c-label", className),
22333
- variant: variant,
22334
- color: color,
22335
- weight: weight,
22336
- ref: ref,
22337
- htmlFor: htmlFor
22338
- }, props), children, required ? "*" : null);
22339
- });
22340
- Label.displayName = "Label";
22341
-
22342
22359
  var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
22343
22360
 
22344
22361
  var StyledDiv = styled__default["default"].div.withConfig({
@@ -23488,16 +23505,16 @@
23488
23505
  });
23489
23506
  Wizard.displayName = "Wizard";
23490
23507
 
23491
- var ContentWizardContext = /*#__PURE__*/React.createContext(undefined);
23492
- var ContentWizardContextProvider = function ContentWizardContextProvider(_ref) {
23508
+ var ContentStepperContext = /*#__PURE__*/React.createContext(undefined);
23509
+ var ContentStepperContextProvider = function ContentStepperContextProvider(_ref) {
23493
23510
  var children = _ref.children,
23494
23511
  value = _ref.value;
23495
- return /*#__PURE__*/React__default["default"].createElement(ContentWizardContext.Provider, {
23512
+ return /*#__PURE__*/React__default["default"].createElement(ContentStepperContext.Provider, {
23496
23513
  value: value
23497
23514
  }, children);
23498
23515
  };
23499
- var useContentWizardContext = function useContentWizardContext() {
23500
- var context = React.useContext(ContentWizardContext);
23516
+ var useContentStepperContext = function useContentStepperContext() {
23517
+ var context = React.useContext(ContentStepperContext);
23501
23518
  if (context === undefined) {
23502
23519
  throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
23503
23520
  }
@@ -23525,7 +23542,7 @@
23525
23542
  componentId: "sc-16hr2bg-1"
23526
23543
  })(["width:100%;"]);
23527
23544
 
23528
- var ContentWizard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
23545
+ var ContentStepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
23529
23546
  var children = _ref.children,
23530
23547
  className = _ref.className,
23531
23548
  controlledStep = _ref.step,
@@ -23603,7 +23620,7 @@
23603
23620
  return null;
23604
23621
  });
23605
23622
  }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
23606
- return /*#__PURE__*/React__default["default"].createElement(ContentWizardContextProvider, {
23623
+ return /*#__PURE__*/React__default["default"].createElement(ContentStepperContextProvider, {
23607
23624
  value: {
23608
23625
  activeStep,
23609
23626
  setActiveStep,
@@ -23624,7 +23641,7 @@
23624
23641
  $height: height
23625
23642
  }, renderSteps)));
23626
23643
  });
23627
- ContentWizard.displayName = "ContentWizard";
23644
+ ContentStepper.displayName = "ContentStepper";
23628
23645
 
23629
23646
  var AvatarGroupsStyles = styled__default["default"].div.withConfig({
23630
23647
  displayName: "Styles__AvatarGroupsStyles",
@@ -24662,7 +24679,7 @@
24662
24679
  exports.ComputerIcon = ComputerIcon$1;
24663
24680
  exports.ConfirmDialog = ConfirmDialog;
24664
24681
  exports.ContentStep = ContentStep;
24665
- exports.ContentWizard = ContentWizard;
24682
+ exports.ContentStepper = ContentStepper;
24666
24683
  exports.CopyIcon = CopyIcon$1;
24667
24684
  exports.CounterButton = CounterButton;
24668
24685
  exports.CrownBlankIcon = CrownBlankIcon$1;
@@ -24940,7 +24957,7 @@
24940
24957
  exports.numberWithSeparator = numberWithSeparator;
24941
24958
  exports.signifierTypes = signifierTypes;
24942
24959
  exports.toMoment = toMoment;
24943
- exports.useContentWizardContext = useContentWizardContext;
24960
+ exports.useContentStepperContext = useContentStepperContext;
24944
24961
  exports.useEntityGroupContext = useEntityGroupContext;
24945
24962
  exports.useForkRef = useForkRef;
24946
24963
  exports.useHeight = useHeight;