@commercetools/nimbus 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705

package/dist/chunks/form-field-C25xvMEM.es.js

@@ -1,231 +0,0 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { createContext as w, useRef as y, useState as I, useMemo as F, useEffect as c, Children as L, isValidElement as j, cloneElement as z, useContext as f } from "react";
-import { createSlotRecipeContext as A, mergeRefs as V } from "@chakra-ui/react";
-import { k as _, $ as H, h as N } from "./Dialog-BUtdEtlF.es.js";
-import { HelpOutline as G, ErrorOutline as J } from "@commercetools/nimbus-icons";
-import { $ as K } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as O } from "./useField-pcfe8gKN.es.js";
-import { B as b } from "./box-DuBoAZvq.es.js";
-import { I as Q } from "./icon-button-XkzBkGuJ.es.js";
-const a = /* @__PURE__ */ w({
-  context: {
-    label: null,
-    description: null,
-    error: null,
-    info: null,
-    input: null
-  },
-  setContext: () => {
-  }
-}), { withProvider: R, withContext: m } = /* @__PURE__ */ A({
-  key: "formField"
-}), T = /* @__PURE__ */ R("div", "root"), U = /* @__PURE__ */ m("div", "label"), W = /* @__PURE__ */ m("div", "input"), X = /* @__PURE__ */ m("div", "description"), Y = /* @__PURE__ */ m("div", "error"), Z = /* @__PURE__ */ m("div", "popover"), D = function({
-  ref: l,
-  id: e,
-  isInvalid: r,
-  isRequired: s,
-  isDisabled: p,
-  isReadOnly: u,
-  children: $,
-  ...S
-}) {
-  const P = y(null), C = K(V(P, l)), [o, x] = I({
-    label: null,
-    description: null,
-    error: null,
-    info: null,
-    input: null,
-    isInvalid: r,
-    isRequired: s,
-    isDisabled: p,
-    isReadOnly: u
-  }), v = F(() => {
-    const i = {
-      id: e,
-      description: o.description,
-      errorMessage: o.error
-    };
-    return o.label ? i.label = o.label : (i["aria-label"] = "empty-label", i["aria-labelledby"] = "empty-label"), i;
-  }, [e, o.description, o.error, o.label]), { labelProps: g, fieldProps: h, descriptionProps: E, errorMessageProps: B } = O(v);
-  c(() => {
-    x((i) => ({
-      ...i,
-      isInvalid: r,
-      isRequired: s,
-      isDisabled: p,
-      isReadOnly: u
-    }));
-  }, [r, s, p, u]);
-  const k = F(
-    () => ({
-      ...h,
-      isInvalid: r,
-      isRequired: s,
-      isDisabled: p,
-      isReadOnly: u
-    }),
-    [h, r, s, p, u]
-  ), M = F(() => ({ context: o, setContext: x }), [o]);
-  return /* @__PURE__ */ n(a.Provider, { value: M, children: /* @__PURE__ */ d(T, { ref: C, ...S, children: [
-    o.label && /* @__PURE__ */ d(U, { ...o.labelSlotProps, children: [
-      /* @__PURE__ */ d("label", { ...g, children: [
-        o.label,
-        s && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
-      ] }),
-      o.info && /* @__PURE__ */ d(_, { children: [
-        /* @__PURE__ */ n(
-          b,
-          {
-            as: "span",
-            display: "inline-block",
-            position: "relative",
-            width: "1ch",
-            height: "1ch",
-            ml: "200",
-            children: /* @__PURE__ */ n(
-              b,
-              {
-                as: "span",
-                display: "inline-flex",
-                position: "absolute",
-                top: "50%",
-                right: "50%",
-                transform: "translate(50%, -50%)",
-                children: /* @__PURE__ */ n(
-                  Q,
-                  {
-                    "aria-label": "__MORE INFO",
-                    size: "2xs",
-                    colorPalette: "info",
-                    variant: "link",
-                    children: /* @__PURE__ */ n(G, {})
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(b, { p: "300", children: o.info }) }) }) })
-      ] })
-    ] }),
-    o.input && /* @__PURE__ */ n(W, { ...o.inputSlotProps, children: L.map(o.input, (i) => j(i) ? z(i, k) : i) }),
-    o.description && /* @__PURE__ */ n(
-      X,
-      {
-        ...E,
-        ...o.descriptionSlotProps,
-        children: o.description
-      }
-    ),
-    r && o.error && /* @__PURE__ */ d(
-      Y,
-      {
-        ...B,
-        ...o.errorSlotProps,
-        children: [
-          /* @__PURE__ */ n(
-            b,
-            {
-              as: J,
-              display: "inline-flex",
-              boxSize: "400",
-              verticalAlign: "text-bottom",
-              mr: "100",
-              alignSelf: "center"
-            }
-          ),
-          o.error
-        ]
-      }
-    ),
-    $
-  ] }) });
-}, q = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: e } = f(a);
-  return c(() => (e((r) => ({
-    ...r,
-    label: t,
-    labelSlotProps: l
-  })), () => {
-    e((r) => ({
-      ...r,
-      label: null,
-      labelSlotProps: void 0
-    }));
-  }), [t, e]), null;
-}, oo = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: e } = f(a);
-  return c(() => {
-    e((r) => ({
-      ...r,
-      input: t,
-      inputSlotProps: l
-    }));
-  }, [t, e]), null;
-}, eo = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: e } = f(a);
-  return c(() => (e((r) => ({
-    ...r,
-    description: t,
-    descriptionSlotProps: l
-  })), () => {
-    e((r) => ({
-      ...r,
-      description: null,
-      descriptionSlotProps: void 0
-    }));
-  }), [t, e]), null;
-}, ro = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: e } = f(a);
-  return c(() => (e((r) => ({
-    ...r,
-    error: t,
-    errorSlotProps: l
-  })), () => {
-    e((r) => ({
-      ...r,
-      error: null,
-      errorSlotProps: void 0
-    }));
-  }), [t, e]), null;
-}, to = ({ children: t }) => {
-  const { setContext: l } = f(a);
-  return c(() => (l((e) => ({
-    ...e,
-    info: t
-  })), () => {
-    l((e) => ({
-      ...e,
-      info: null
-    }));
-  }), [t, l]), null;
-}, mo = {
-  Root: D,
-  Label: q,
-  Input: oo,
-  Description: eo,
-  Error: ro,
-  InfoBox: to
-};
-export {
-  mo as F,
-  D as a,
-  q as b,
-  oo as c,
-  eo as d,
-  ro as e,
-  to as f
-};
-//# sourceMappingURL=form-field-C25xvMEM.es.js.map

package/dist/chunks/form-field-C25xvMEM.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-C25xvMEM.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/form-field-CpRzgqpq.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),h=require("@chakra-ui/react"),f=require("./Dialog-Ye_7tQZU.cjs.js"),m=require("@commercetools/nimbus-icons"),y=require("./useObjectRef-4v2MxSjQ.cjs.js"),z=require("./useField-lK6K_h1G.cjs.js"),x=require("./box-CWni3A32.cjs.js"),A=require("./icon-button-C_itb6iA.cjs.js"),u=r.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),{withProvider:V,withContext:d}=h.createSlotRecipeContext({key:"formField"}),_=V("div","root"),D=d("div","label"),H=d("div","input"),N=d("div","description"),O=d("div","error"),G=d("div","popover"),j=function({ref:s,id:o,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a,children:v,...g}){const B=r.useRef(null),M=y.$df56164dff5785e2$export$4338b53315abf666(h.mergeRefs(B,s)),[e,F]=r.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),I=r.useMemo(()=>{const i={id:o,description:e.description,errorMessage:e.error};return e.label?i.label=e.label:(i["aria-label"]="empty-label",i["aria-labelledby"]="empty-label"),i},[o,e.description,e.error,e.label]),{labelProps:q,fieldProps:b,descriptionProps:L,errorMessageProps:R}=z.$2baaea4c71418dea$export$294aa081a6c6f55d(I);r.useEffect(()=>{F(i=>({...i,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}))},[t,c,p,a]);const k=r.useMemo(()=>({...b,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),[b,t,c,p,a]),w=r.useMemo(()=>({context:e,setContext:F}),[e]);return n.jsx(u.Provider,{value:w,children:n.jsxs(_,{ref:M,...g,children:[e.label&&n.jsxs(D,{...e.labelSlotProps,children:[n.jsxs("label",{...q,children:[e.label,c&&n.jsx("sup",{"aria-hidden":"true",children:"*"})]}),e.info&&n.jsxs(f.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[n.jsx(x.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:n.jsx(x.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:n.jsx(A.IconButton,{"aria-label":"__MORE INFO",size:"2xs",colorPalette:"info",variant:"link",children:n.jsx(m.HelpOutline,{})})})}),n.jsx(f.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:n.jsx(G,{asChild:!0,children:n.jsx(f.$de32f1b87079253c$export$3ddf2d174ce01153,{children:n.jsx(x.Box,{p:"300",children:e.info})})})})]})]}),e.input&&n.jsx(H,{...e.inputSlotProps,children:r.Children.map(e.input,i=>r.isValidElement(i)?r.cloneElement(i,k):i)}),e.description&&n.jsx(N,{...L,...e.descriptionSlotProps,children:e.description}),t&&e.error&&n.jsxs(O,{...R,...e.errorSlotProps,children:[n.jsx(x.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100",alignSelf:"center"}),e.error]}),v]})})},C=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,label:l,labelSlotProps:s})),()=>{o(t=>({...t,label:null,labelSlotProps:void 0}))}),[l,o]),null},S=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>{o(t=>({...t,input:l,inputSlotProps:s}))},[l,o]),null},$=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,description:l,descriptionSlotProps:s})),()=>{o(t=>({...t,description:null,descriptionSlotProps:void 0}))}),[l,o]),null},P=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,error:l,errorSlotProps:s})),()=>{o(t=>({...t,error:null,errorSlotProps:void 0}))}),[l,o]),null},E=({children:l})=>{const{setContext:s}=r.useContext(u);return r.useEffect(()=>(s(o=>({...o,info:l})),()=>{s(o=>({...o,info:null}))}),[l,s]),null},J={Root:j,Label:C,Input:S,Description:$,Error:P,InfoBox:E};exports.FormField=J;exports.FormFieldDescription=$;exports.FormFieldError=P;exports.FormFieldInfoBox=E;exports.FormFieldInput=S;exports.FormFieldLabel=C;exports.FormFieldRoot=j;
-//# sourceMappingURL=form-field-CpRzgqpq.cjs.js.map

package/dist/chunks/form-field-CpRzgqpq.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-CpRzgqpq.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/index-8m2zx8YL.cjs.js

@@ -1,34 +0,0 @@
-"use strict";const t=require("@chakra-ui/react"),o=require("@commercetools/nimbus-tokens"),T=require("./avatar.recipe-D3--Rkmb.cjs.js"),W=require("./badge.recipe-Cu6u9yqC.cjs.js"),s=require("./toggle-button-group.recipe-COF-yHYR.cjs.js"),e=require("@chakra-ui/react/styled-system"),_=require("./icon.recipe-ClxbhW0Q.cjs.js"),c=e.defineSlotRecipe({className:"nimbus-date-range-picker",slots:["root","group","trigger","popover","calendar","calendarHeader","calendarGrid","calendarCell"],base:{root:{display:"inline-block"},group:{"--border-width":"{sizes.25}","--border-color":"{colors.neutral.7}",display:"flex",alignItems:"center",justifyContent:"flex-start",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",borderRadius:"200",bg:"neutral.1",px:"300",gap:0,position:"relative",_hover:{bg:"primary.2"},_focusWithin:{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"},"&[data-invalid='true']":{"--border-width":"{sizes.50}","--border-color":"{colors.critical.7}",color:"critical.11",alignItems:"center"}},trigger:{position:"absolute",right:"400",top:"100"},popover:{bg:"neutral.1",boxShadow:"4",borderRadius:"300",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}}},variants:{size:{sm:{group:{height:"800",pr:"calc({spacing.1400} + {spacing.400})"},trigger:{top:"50"}},md:{group:{height:"1000",pr:"calc({spacing.1600} + {spacing.200} + {spacing.400})"},trigger:{top:"100"}}},variant:{solid:{},ghost:{group:{bg:"transparent",px:"300",_hover:{bg:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),H=t.defineAnimationStyles({"slide-fade-in":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-from-bottom, fade-in"},"&[data-placement^=bottom]":{animationName:"slide-from-top, fade-in"},"&[data-placement^=left]":{animationName:"slide-from-right, fade-in"},"&[data-placement^=right]":{animationName:"slide-from-left, fade-in"}}},"slide-fade-out":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-to-bottom, fade-out"},"&[data-placement^=bottom]":{animationName:"slide-to-top, fade-out"},"&[data-placement^=left]":{animationName:"slide-to-right, fade-out"},"&[data-placement^=right]":{animationName:"slide-to-left, fade-out"}}},"scale-fade-in":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-in, fade-in"}},"scale-fade-out":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-out, fade-out"}}});function N(a){const l={};for(const i in a)a[i]?.value?l[i]=a[i].value:l[i]=a[i];return l}const B=N(o.themeTokens.breakpoints),E=t.defineConditions({open:"&:is([data-entering], [data-open])",closed:"&:is([data-exiting], [data-closed])"}),D=t.defineGlobalStyles({"*":{fontFeatureSettings:'"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',"--ring-inset":"var(--chakra-empty,/*!*/ /*!*/)","--ring-offset-width":"0px","--ring-offset-color":"#fff","--ring-color":"rgba(66, 153, 225, 0.6)","--ring-offset-shadow":"0 0 #0000","--ring-shadow":"0 0 #0000","--focus-ring-color":"colors.primary.7","--focus-ring-width":"sizes.50","--focus-ring-offset":"spacing.50","--focus-ring-style":"solid","--brightness":"var(--chakra-empty,/*!*/ /*!*/)","--contrast":"var(--chakra-empty,/*!*/ /*!*/)","--grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--invert":"var(--chakra-empty,/*!*/ /*!*/)","--saturate":"var(--chakra-empty,/*!*/ /*!*/)","--sepia":"var(--chakra-empty,/*!*/ /*!*/)","--drop-shadow":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-blur":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-invert":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-opacity":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-sepia":"var(--chakra-empty,/*!*/ /*!*/)","--global-font-mono":"fonts.mono","--global-font-body":"fonts.body","--global-color-border":"colors.border"},"code *":{fontFeatureSettings:'"calt", "case", "ss01", "ss07", "ss08", "tnum"'},html:{color:"fg",bg:"bg",lineHeight:"1.5",colorPalette:"neutral"},"*::placeholder":{color:"fg.muted/80"},"*::selection":{bg:"colorPalette.9",color:"colorPalette.contrast"},body:{position:"initial"},"img, svg, video, canvas, audio, iframe, embed, object":{display:"initial",verticalAlign:"initial"}}),L={spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},pulse:{"50%":{opacity:"0.5"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}},"fade-in":{from:{opacity:0},to:{opacity:1}},"fade-out":{from:{opacity:1},to:{opacity:0}},"slide-from-left-full":{from:{translate:"-100% 0"},to:{translate:"0 0"}},"slide-from-right-full":{from:{translate:"100% 0"},to:{translate:"0 0"}},"slide-from-top-full":{from:{translate:"0 -100%"},to:{translate:"0 0"}},"slide-from-bottom-full":{from:{translate:"0 100%"},to:{translate:"0 0"}},"slide-to-left-full":{from:{translate:"0 0"},to:{translate:"-100% 0"}},"slide-to-right-full":{from:{translate:"0 0"},to:{translate:"100% 0"}},"slide-to-top-full":{from:{translate:"0 0"},to:{translate:"0 -100%"}},"slide-to-bottom-full":{from:{translate:"0 0"},to:{translate:"0 100%"}},"slide-from-top":{"0%":{translate:"0 -0.5rem"},to:{translate:"0"}},"slide-from-bottom":{"0%":{translate:"0 0.5rem"},to:{translate:"0"}},"slide-from-left":{"0%":{translate:"-0.5rem 0"},to:{translate:"0"}},"slide-from-right":{"0%":{translate:"0.5rem 0"},to:{translate:"0"}},"slide-to-top":{"0%":{translate:"0"},to:{translate:"0 -0.5rem"}},"slide-to-bottom":{"0%":{translate:"0"},to:{translate:"0 0.5rem"}},"slide-to-left":{"0%":{translate:"0"},to:{translate:"-0.5rem 0"}},"slide-to-right":{"0%":{translate:"0"},to:{translate:"0.5rem 0"}},"scale-in":{from:{scale:"0.95"},to:{scale:"1"}},"scale-out":{from:{scale:"1"},to:{scale:"0.95"}},"progress-indeterminate":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(300%)"}},"gradient-shimmer":{"0%":{backgroundPosition:"200% 0"},"100%":{backgroundPosition:"-200% 0"}}},A=t.defineLayerStyles({disabled:{value:{opacity:"0.5",cursor:"not-allowed"}},focusRing:{value:{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"}}}),V=e.defineRecipe({className:"nimbus-code",base:{fontFamily:"mono",alignItems:"center",display:"inline-flex",borderRadius:"100"},variants:{variant:{solid:{bg:"colorPalette.4",color:"colorPalette.11"},subtle:{bg:"colorPalette.3",color:"colorPalette.11"},outline:{color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},surface:{bg:"colorPalette.subtle",color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},plain:{color:"colorPalette.fg"}},size:{xs:{textStyle:"2xs",px:"100",minH:"400"},sm:{textStyle:"xs",px:"150",minH:"500"},md:{textStyle:"sm",px:"200",minH:"600"},lg:{textStyle:"sm",px:"250",minH:"700"}}},defaultVariants:{variant:"solid",size:"md"}}),F=t.defineRecipe({className:"nimbus-group",base:{display:"inline-flex",alignItems:"center"}}),j=e.defineRecipe({className:"nimbus-heading",base:{fontFamily:"heading",fontWeight:"600"},variants:{size:{xs:{textStyle:"xs"},sm:{textStyle:"sm"},md:{textStyle:"md"},lg:{textStyle:"lg"},xl:{textStyle:"xl"},"2xl":{textStyle:"2xl"},"3xl":{textStyle:"3xl"},"4xl":{textStyle:"4xl"},"5xl":{textStyle:"5xl"},"6xl":{textStyle:"6xl"},"7xl":{textStyle:"7xl"}}},defaultVariants:{size:"xl"}}),G=e.defineRecipe({className:"nimbus-kbd",base:{display:"inline-flex",color:"inherit",fontSize:".875em",lineHeight:"1",alignItems:"center",fontWeight:"500",fontFamily:"mono",flexShrink:"0",whiteSpace:"nowrap",userSelect:"none",px:"150",py:"100",borderRadius:"100",border:"solid-25",borderBottom:"solid-50",borderColor:"currentColor"}}),O=e.defineRecipe({className:"nimbus-link",base:{display:"inline-flex",alignItems:"center",color:"colorPalette.11",borderRadius:"100",focusVisibleRing:"outside",bg:"transparent",outline:"none",cursor:"pointer",textDecoration:"underline",textUnderlineOffset:"3px",_hover:{textDecorationThickness:"12%"}},variants:{size:{xs:{fontSize:"300",lineHeight:"450"},sm:{fontSize:"350",lineHeight:"500"},md:{fontSize:"400",lineHeight:"600"}},fontColor:{primary:{color:"primary"},inherit:{color:"inherit"}}}}),M=e.defineRecipe({className:"nimbus-loading-spinner",base:{display:"inline-flex",alignItems:"center",justifyContent:"center","& svg":{overflow:"visible",transform:"scale(calc(1 - 2/12))"},"& svg [data-svg-path='spinner-pointer']":{stroke:"colorPalette.10",animationName:"spin",animationDuration:"0.5s",animationTimingFunction:"linear",animationIterationCount:"infinite",transformOrigin:"center center 0"},"& svg [data-svg-path='spinner-circle']":{stroke:"colorPalette.5"}},variants:{size:{"2xs":{width:"350",height:"350"},xs:{width:"500",height:"500"},sm:{width:"600",height:"600"},md:{width:"800",height:"800"},lg:{width:"1000",height:"1000"}},colorPalette:{primary:{colorPalette:"ctvioletAlpha"},white:{colorPalette:"whiteAlpha"}}},defaultVariants:{size:"sm"}}),Y=e.defineRecipe({className:"nimbus-popover",base:{bg:"white",borderRadius:"200",boxShadow:"5",padding:"400",zIndex:1}}),d=e.defineSlotRecipe({slots:["root","option"],className:"nimbus-radio-input",base:{root:{colorPalette:"primary",display:"inline-flex",flexDirection:"row",alignItems:"center",verticalAlign:"top"},option:{gap:"200",flexShrink:0,whiteSpace:"nowrap",userSelect:"none",position:"relative",display:"flex",alignItems:"center",justifyContent:"center","& > svg":{width:"500",height:"500",color:"neutral.9","&:hover":{color:"neutral.10"}},"&[data-selected] > svg":{color:"colorPalette.9"},"&[data-disabled='true']":{layerStyle:"disabled"},"&[data-invalid='true']":{color:"critical.9","& > svg":{color:"critical.9"}},"&[data-focus] > svg":{outline:"2px solid var(--focus-ring-color, ##AFBBFF)",outlineOffset:"1px",borderRadius:"50%"}}},variants:{orientation:{horizontal:{root:{flexDirection:"row",gap:"600"}},vertical:{root:{flexDirection:"column",alignItems:"flex-start",gap:"400"}}}},defaultVariants:{orientation:"vertical"}}),p=e.defineRecipe({className:"nimbus-separator",base:{border:"0",flexShrink:"0",colorPalette:"neutral",backgroundColor:"colorPalette.6"},variants:{orientation:{horizontal:{width:"100%",height:"25"},vertical:{width:"25",height:"100%"}}},defaultVariants:{orientation:"horizontal"}}),q=e.defineRecipe({className:"nimbus-toggle-button",base:{...s.buttonRecipe.base,colorPalette:"primary"},variants:{size:{...s.buttonRecipe.variants?.size},variant:{outline:{"--button-bg":"transparent","--button-text":"{colors.colorPalette.11}","--border-width":"{sizes.25}","--border-color":"{colors.colorPalette.7}",bg:"var(--button-bg)",boxShadow:"0 0 0 var(--border-width) var(--border-color)",color:"var(--button-text)","&[data-hovered='true']":{"--button-bg":"{colors.colorPalette.2}","--border-color":"{colors.colorPalette.8}"},"&[data-selected=true]":{"--button-bg":"{colors.colorPalette.3}","--border-color":"{colors.colorPalette.8}",_hover:{"--button-bg":"{colors.colorPalette.4}","--border-color":"{colors.colorPalette.9}"}}},ghost:{"--button-text":"{colors.neutral.11}","--button-bg":"transparent",color:"var(--button-text)",bg:"var(--button-bg)","&[data-hovered='true']":{"--button-bg":"{colors.colorPalette.2}"},"&[data-selected='true']":{"--button-bg":"{colors.colorPalette.3}","--button-text":"{colors.colorPalette.11}","&[data-hovered='true']":{"--button-bg":"{colors.colorPalette.4}"}}}}},defaultVariants:{size:"md",variant:"outline"}}),u=t.defineRecipe({className:"nimbus-toolbar",base:{display:"inline-flex",p:"var(--toolbar-spacing)",gap:"var(--toolbar-spacing)",borderRadius:"300",alignItems:"center",flexDirection:"var(--toolbar-direction)","& .nimbus-group, & .nimbus-toggle-button-group__root":{alignItems:"center",gap:"var(--toolbar-spacing)",flexDirection:"var(--toolbar-direction)"}},variants:{size:{xs:{"--toolbar-spacing":"{spacing.100}","--separator-size":"{sizes.600}"},md:{"--toolbar-spacing":"{spacing.200}","--separator-size":"{sizes.800}"}},orientation:{horizontal:{"--toolbar-direction":"row","& .nimbus-separator":{height:"var(--separator-size)",mx:"var(--toolbar-spacing)"}},vertical:{"--toolbar-direction":"column","& .nimbus-separator":{width:"var(--separator-size)",my:"var(--toolbar-spacing)"}}},variant:{plain:{},outline:{boxShadow:"0 0 0 {sizes.25} {colors.neutral.6}"}}},defaultVariants:{size:"md",variant:"plain"}}),U=e.defineRecipe({className:"nimbus-tooltip",base:{color:"white",textStyle:"xs",fontWeight:"400",background:"slate.12",display:"inline-flex",alignItems:"center",borderRadius:"100",paddingX:"300",paddingY:"100",margin:"100",maxW:"6400",boxShadow:"1"}}),X={avatar:T.avatarRecipe,badge:W.badgeRecipe,button:s.buttonRecipe,code:V,group:F,heading:j,icon:_.iconRecipe,kbd:G,link:O,loadingSpinner:M,popover:Y,radioInput:d,separator:p,toggleButton:q,toolbar:u,tooltip:U},$=t.defineSemanticTokens.colors({bg:{DEFAULT:{value:{_light:"white",_dark:"black"}}},fg:{DEFAULT:{value:{_light:"black",_dark:"white"}}},border:{DEFAULT:{value:"{colors.neutral.6}"},muted:{value:"{colors.neutral.7}"},subtle:{value:"{colors.neutral.6}"},emphasized:{value:"{colors.neutral.8}"},inverted:{value:"{colors.neutral.9}"},critical:{value:"{colors.critical.8}"},warning:{value:"{colors.warning.8}"},positive:{value:"{colors.positive.8}"},info:{value:"{colors.ingo.8}"}},...o.themeTokens.color["system-palettes"],...o.themeTokens.color["brand-palettes"],...o.themeTokens.color["semantic-palettes"]}),Z=t.defineSemanticTokens.shadows(o.themeTokens.shadow),J=t.defineSemanticTokens.radii({}),K={colors:$,shadows:Z,radii:J},Q=e.defineSlotRecipe({slots:["root","disclosure","trigger","panel","accordionTitle","headerContentRight"],className:"nimbus-accordion",base:{root:{width:"100%"},disclosure:{width:"100%"},trigger:{fontSize:"var(--font-size)",focusVisibleRing:"outside",minHeight:"1200",bg:"none",flexGrow:1,display:"flex",alignItems:"center",gap:"8px",width:"auto","& svg":{width:"var(--width)",height:"var(--height)",rotate:"0deg",transition:"rotate 200ms"},'&[aria-expanded="true"] svg':{rotate:"90deg"},"&[disabled]":{layerStyle:"disabled"}},panel:{paddingTop:"var(--padding-top)",paddingBottom:"var(--padding-bottom)",paddingLeft:"var(--padding-left)",'&[aria-hidden="true"]':{display:"none"}},accordionTitle:{fontWeight:"700"}},variants:{size:{md:{trigger:{"--font-size":"fontSizes.500","& svg":{"--width":"sizes.600","--height":"sizes.600"}},panel:{"--padding-top":"spacing.600","--padding-bottom":"spacing.800","--padding-left":"spacing.800"}},sm:{trigger:{"--font-size":"fontSizes.400","& svg":{"--width":"sizes.500","--height":"sizes.500"}},panel:{"--padding-top":"spacing.400","--padding-bottom":"spacing.600","--padding-left":"spacing.700"}}}},defaultVariants:{size:"md"}}),ee=e.defineSlotRecipe({slots:["root","title","description","icon","actions","dismissButton"],className:"nimbus-alert",base:{root:{display:"inline-flex",flexDirection:"row",gap:"200",width:"100%"},icon:{marginTop:"50","& svg":{width:"500",height:"500",color:"colorPalette.11"}},title:{color:"colorPalette.11"},description:{color:"colorPalette.11"}},variants:{variant:{flat:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.5",backgroundColor:"colorPalette.2",padding:"200",borderRadius:"200"}}}}}),g=e.defineSlotRecipe({slots:["root","header","grids","monthTitle","grid","gridHeader","headerCell","gridBody","bodyCell"],className:"nimbus-calendar",base:{root:{display:"inline-block",maxWidth:"100%"},header:{height:"1200",p:"200",mb:"300",borderBottom:"solid-25",borderColor:"neutral.3"},grids:{display:"flex",flexWrap:"wrap",gap:"800",mx:"200",maxWidth:"full"},monthTitle:{textAlign:"center",fontSize:"400",fontWeight:"600",color:"neutral.11",mb:"300",px:"200"},grid:{w:"full",minW:"fit-content",flex:"1 1 auto"},gridHeader:{},headerCell:{p:"200",pb:"300",textAlign:"center",color:"neutral.9",fontSize:"300",lineHeight:"350",fontWeight:"500"},gridBody:{},bodyCell:{cursor:"pointer",p:"200",minW:"1400",borderRadius:"200",fontSize:"350",lineHeight:"500",fontWeight:"400",transitionProperty:"all",transitionDuration:"fastest",textAlign:"center",color:"neutral.12",display:"flex",alignItems:"center",justifyContent:"center",mb:"200",focusRing:"outside","&[aria-disabled=true]":{layerStyle:"disabled"},"&[data-hovered=true]":{bg:"primary.3"},"&[data-today=true]":{bg:"neutral.3"},"&[data-selected=true]":{bg:"primary.9",color:"primary.contrast"}}}}),te=e.defineSlotRecipe({slots:["root","header","content"],className:"nimbus-card",base:{root:{colorPalette:"slate",display:"inline-flex",alignItems:"flex-start",borderRadius:"300",focusVisibleRing:"outside"}},variants:{cardPadding:{sm:{root:{padding:"200"}},md:{root:{padding:"400"}},lg:{root:{padding:"600"}}},borderStyle:{none:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.3"}}},elevation:{none:{},elevated:{root:{shadow:"1"}}},backgroundStyle:{default:{root:{backgroundColor:"colorPalette.contrast"}},muted:{root:{backgroundColor:"colorPalette.2"}}}}}),n=e.defineSlotRecipe({slots:["root","label","indicator"],className:"nimbus-checkbox",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",minWidth:"600",minHeight:"600","&[data-disabled='true']":{layerStyle:"disabled"}},label:{flexShrink:0,userSelect:"none",color:"neutral.12","&[data-invalid='true']":{color:"critical.11"}},indicator:{position:"relative",display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",border:"solid-50",borderRadius:"50",focusRing:"outside",borderColor:"neutral.9",bg:"transparent",color:"neutral.11",_icon:{w:"350",h:"350"},"&:hover":{borderColor:"neutral.10"},"&[data-invalid='true']":{bg:"transparent",borderColor:"critical.9",color:"critical.11","&:hover":{borderColor:"critical.10"}},"&[data-selected='true'], &[data-indeterminate='true']":{bg:"colorPalette.9",borderColor:"colorPalette.9",color:"colorPalette.contrast","&:hover":{bg:"colorPalette.10",borderColor:"colorPalette.10"},"&[data-invalid='true']":{bg:"critical.9",borderColor:"critical.9",color:"critical.contrast","&:hover":{bg:"critical.10",borderColor:"critical.10"}}}}},variants:{size:{md:{label:{fontSize:"350",fontWeight:"400",lineHeight:"400"},indicator:{w:"400",h:"400",zIndex:1,_after:{position:"absolute",content:"''",width:"600",height:"600",zIndex:0}}}}},defaultVariants:{size:"md"}}),r=e.defineSlotRecipe({slots:["root","leadingElement","trigger","triggerLabel","options","optionGroup","option"],className:"nimbus-select",base:{root:{colorPalette:"primary",display:"inline-block",position:"relative",maxWidth:"100%",borderRadius:"200","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none",bg:"neutral.3"}},trigger:{cursor:"button",display:"inline-flex",focusRing:"outside",alignItems:"center",justifyContent:"flex-start",borderRadius:"200",color:"neutral.12",width:"100%",userSelect:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",'& [slot="description"]':{display:"none"},"[data-invalid] &":{"--border-width":"sizes.50","--border-color":"colors.critical.7"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},triggerLabel:{"--button-safespace":"sizes.1400",color:"neutral.12",textAlign:"left",marginRight:"var(--button-safespace)",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&[data-placeholder]":{opacity:.5},"[data-invalid] &":{color:"critical.11"}},options:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"bg",borderRadius:"200",boxShadow:"5",minWidth:"var(--trigger-width)",p:"200",focusRing:"outside",maxHeight:"40svh",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)"},optionGroup:{textStyle:"xs",color:"neutral.11",fontWeight:"600",lineHeight:"350",letterSpacing:"25",textTransform:"uppercase",p:"200",borderBottom:"solid-25",borderColor:"neutral.3",mx:"-200",mt:"200",mb:"300"},option:{focusRing:"outside",cursor:"menuitem",color:"neutral.12",textStyle:"sm",p:"200",borderRadius:"200",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",'&[aria-selected="true"]':{bg:"primary.3"},'&[data-focused="true"]':{bg:"primary.2"},'& [slot="label"]':{display:"block"},'& [slot="description"]':{display:"block",color:"neutral.11",textStyle:"xs"},"&[data-disabled='true']":{layerStyle:"disabled"}}},variants:{size:{sm:{root:{},trigger:{px:"300",gap:"100",h:"800",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}}},md:{root:{},trigger:{h:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}}}},variant:{outline:{root:{bg:"primary.1","&:hover":{bg:"primary.2"}},trigger:{"--border-width":"sizes.25","--border-color":"colors.neutral.7"}},ghost:{root:{bg:"transparent","&:hover":{bg:"primaryAlpha.2"}},trigger:{"--border-width":"sizes.25","--border-color":"transparent"}}},isClearable:{false:{triggerLabel:{"--button-safespace":"sizes.1000"}}}},defaultVariants:{size:"md",variant:"outline"}}),m=e.defineSlotRecipe({slots:["root","value","leadingElement","buttonGroup","popover","multiSelectInput","options","optionGroup","option","optionIndicator","optionContent"],className:"nimbus-combobox",base:{root:{"--leading-element-width":"sizes.200",colorPalette:"primary",focusRing:"outside",display:"inline-flex",position:"relative",alignSelf:"flex-start",maxWidth:"100%",borderRadius:"200",_hover:{bg:"primary.2"},"&[data-disabled='true']":{layerStyle:"disabled",focusRing:"none",bg:"neutral.3","& input, & button":{pointerEvents:"none!"}},"& input":{cursor:"text",_hover:{bg:"primary.2"},_placeholder:{opacity:.5}},"& [data-placeholder]":{opacity:.5}},leadingElement:{position:"absolute",display:"flex",alignItems:"center",color:"neutral.11"},value:{display:"flex",focusRing:"outside",alignItems:"flex-start",pr:"1600",pl:"400",py:"100",borderRadius:"200",color:"neutral.12",maxWidth:"100%",textAlign:"left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_disabled:{pointerEvents:"none"},'[data-invalid="true"] &':{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"},'& button[slot="remove"]':{_expanded:{bg:"colorPalette.3"}}},buttonGroup:{position:"absolute",display:"inline-flex",top:0,bottom:0,right:300,my:"auto"},popover:{bg:"bg",borderRadius:"200",boxShadow:"5"},multiSelectInput:{"& input":{py:"300",px:"400",focusRing:"none",borderBottom:"solid 1px",borderBottomColor:"neutral.3",bg:"transparent",w:"100%",overflow:"hidden",textOverflow:"ellipsis",fontSize:"350",fontWeight:"400",lineHeight:"400",_placeholder:{opacity:.5}}},options:{...r.base?.options,gap:"100"},optionGroup:{...r.base?.optionGroup},option:{...r.base?.option,whiteSpace:"wrap"},optionIndicator:{height:"max(1lh, {sizes.600})",width:"max(1lh, {sizes.600})",display:"flex",alignItems:"center","& span[data-selected]":{...n.base?.indicator,...n.variants?.size.md.indicator}},optionContent:{...n.base?.label,whiteSpace:"wrap",width:"calc(100% - {sizes.600})",display:"inline-block"}},variants:{size:{sm:{value:{minH:"800",textStyle:"sm",pl:"calc(var(--leading-element-width) + {sizes.100})"},leadingElement:{minH:"800",pl:"300"}},md:{value:{minH:"1000",textStyle:"md",pl:"calc(var(--leading-element-width) + {sizes.200})"},leadingElement:{minH:"1000",pl:"400"}}},variant:{solid:{root:{width:"7200"},value:{...r.variants?.variant.outline.trigger,width:"100%"}},ghost:{root:{...r.variants?.variant.ghost.root,maxW:"7200"},value:{...r.variants?.variant.ghost.trigger,bg:"transparent"}}},selectionMode:{multiple:{options:{boxShadow:"none",px:"200",my:"200",minW:"unset","& section:first-of-type > header":{mt:0}},option:{colorPalette:"primary",display:"flex",alignItems:"flex-start",justifyContent:"center",position:"relative",cursor:"pointer",gap:"200",mb:"var(--focus-ring-width)","&:last-of-type":{mb:0},'&[aria-selected="true"]':{bg:"unset"},'&[data-focused="true"]':{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",bg:"unset"},_hover:{bg:"primary.2"}}},single:{},none:{}}},compoundVariants:[{variant:"solid",selectionMode:"multiple",css:{popover:{width:"var(--trigger-width)"}}},{variant:"solid",selectionMode:"single",css:{root:{"&:has(button:hover)":{"& input":{bg:"primary.2"}}},options:{width:"var(--trigger-width)"}}},{variant:"ghost",selectionMode:"multiple",css:{popover:{minW:"max(var(--trigger-width), {sizes.2000})",maxW:"max(var(--trigger-width), {sizes.7200})"}}},{variant:"ghost",selectionMode:"single",css:{value:{flex:"1 1 auto"},options:{minW:"max(var(--trigger-width), {sizes.2000})",maxW:"max(var(--trigger-width), {sizes.7200})"}}}],defaultVariants:{size:"md",variant:"solid",selectionMode:"single"}}),oe=t.defineSlotRecipe({slots:["root","table","header","column","body","row","cell","footer","selectionCell","expandButton","nestedIcon","headerSortIcon","columnResizer"],className:"nimbus-data-table",base:{root:{width:"100%",display:"block",overflow:"auto",contain:"layout style","--pinned-shadow-left":"inset 2px 0 0 {colors.neutral.7}","--pinned-shadow-right":"inset -2px 0 0 {colors.neutral.7}","--pinned-shadow-top":"inset 0 2px 0 {colors.neutral.7}","--pinned-shadow-bottom":"inset 0 -2px 0 {colors.neutral.7}","& .react-aria-Cell":{paddingTop:"400",paddingBottom:"400",paddingLeft:"600",paddingRight:"600",color:"neutral.11",focusRing:"outside",hyphens:"auto","& [data-slot='pin-row-cell']":{alignItems:"center",justifyContent:"center",position:"sticky",right:0,zIndex:10,backgroundColor:"white"}},"& .data-table-row":{borderBottom:"1px solid {colors.neutral.3}",focusRing:"outside","& td, div":{userSelect:"text"},"&:last-child":{borderBottom:"none"},"& [data-slot='pin-row-cell']":{position:"sticky",right:0,zIndex:3,"& [data-slot='nimbus-table-cell-pin-button']":{opacity:0},"& [data-slot='nimbus-table-cell-pin-button-pinned']":{opacity:1}},"& .data-table-sticky-cell":{backgroundColor:"white",position:"sticky",left:0},"& [data-slot='selection']":{zIndex:11},"& [data-slot='expand']":{zIndex:12},"& [data-slot='selection'] ~ [data-slot='expand']":{left:"72px"},_hover:{backgroundColor:"{colors.primary.3}",transition:"background-color 100ms ease",transform:"translate3d(0, 0, 0)","& .data-table-sticky-cell":{transition:"background-color 100ms ease",backgroundColor:"inherit",position:"sticky"},"& [data-slot='selection']":{zIndex:11},"& [data-slot='expand']":{zIndex:12},"& [data-slot='selection'] ~ [data-slot='expand']":{left:"72px"},"& [data-slot='pin-row-cell']":{right:0,zIndex:10,"& [data-slot='nimbus-table-cell-pin-button']":{opacity:1}},"& .data-table-row[data-disabled='true']":{opacity:.8}}},"& .data-table-row[data-selected='true']":{"& .data-table-sticky-cell":{backgroundColor:"inherit"}},"& .data-table-row[data-disabled='true']":{opacity:.8,cursor:"not-allowed",backgroundColor:"inherit"},"& .data-table-row-pinned":{boxShadow:"var(--pinned-shadow-left), var(--pinned-shadow-right)","& .data-table-sticky-cell":{backgroundColor:"white",position:"sticky",left:0,zIndex:3},"& [data-slot='selection']":{clipPath:"inset(2px 0 2px 2px)"},"& [data-slot='expand']":{clipPath:"inset(2px 0)"},"& [data-slot='selection'] ~ [data-slot='expand']":{left:"72px"},"& [data-slot='pin-row-cell']":{backgroundColor:"white",position:"sticky",clipPath:"inset(2px 2px 2px 0)"},"&.data-table-row-pinned-first":{boxShadow:"var(--pinned-shadow-left), var(--pinned-shadow-right), var(--pinned-shadow-top)"},"&.data-table-row-pinned-last":{boxShadow:"var(--pinned-shadow-left), var(--pinned-shadow-right), var(--pinned-shadow-bottom)"},"&.data-table-row-pinned-single":{boxShadow:"var(--pinned-shadow-left), var(--pinned-shadow-right), var(--pinned-shadow-top), var(--pinned-shadow-bottom)"}},"& .data-table-header":{background:"colorPalette.2",color:"colorPalette.11",borderBottom:"1px solid {colors.neutral.3}",lineHeight:"400",fontWeight:"500",textStyle:"sm",fontSize:"300",height:"1000",zIndex:14,"& .data-table-column-divider":{display:"none",position:"absolute",right:0,top:"10%",bottom:"10%",height:"80%",width:"1px",pointerEvents:"none"},_hover:{"& .data-table-column-divider":{display:"inherit"},"& tr th:last-of-type .data-table-column-divider":{display:"none"}}}},table:{tableLayout:"fixed",border:"1px solid {colors.neutral.3}",boxShadow:"1",colorPalette:"slate",borderRadius:"8px",width:"100%"},header:{background:"colorPalette.2",color:"colorPalette.11",borderBottom:"1px solid {colors.neutral.3}",lineHeight:"400",fontWeight:"500",textStyle:"sm",fontSize:"300",height:"1000","&[data-sticky]":{position:"sticky",top:0,zIndex:10},"& span[data-multiline-header]":{overflow:"hidden",lineHeight:"450",wordBreak:"break-word",whiteSpace:"normal",textOverflow:"ellipsis",textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},"& .data-table-column-divider":{display:"none",position:"absolute",right:0,top:"10%",bottom:"10%",height:"80%",width:"1px",pointerEvents:"none"},_hover:{"& .data-table-column-divider":{display:"inherit"},"& tr th:last-of-type .data-table-column-divider":{display:"none"}}},column:{textAlign:"right",position:"relative",lineHeight:"450",h:"100%","&:focus":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"-2px",borderRadius:"2px"},"& > .nimbus-data-table__column-container":{paddingTop:"100",paddingBottom:"100",paddingLeft:"600",paddingRight:"600",display:"flex",alignItems:"center",h:"100%","&:focus":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"-2px",borderRadius:"2px"},"& > span:not(:first-of-type)":{flexShrink:0}},"&.selection-column-header":{cursor:"default",paddingTop:"100",paddingBottom:"100",paddingLeft:"600",paddingRight:"600",position:"sticky",left:0,zIndex:13,backgroundColor:"colorPalette.2","&:hover":{backgroundColor:"colorPalette.2"}},"&.expand-column-header":{cursor:"default",padding:"0",position:"sticky",left:0,zIndex:12,backgroundColor:"colorPalette.2","&:hover":{backgroundColor:"colorPalette.2"}},"&.selection-column-header + &.expand-column-header":{left:"72px"},"&.pin-rows-column-header":{cursor:"default",paddingTop:"100",paddingBottom:"100",paddingLeft:"600",paddingRight:"600",position:"sticky",right:0,zIndex:11,backgroundColor:"colorPalette.2","&:hover":{backgroundColor:"colorPalette.2"}},"&[aria-sort]":{fontWeight:600,cursor:"pointer","&[aria-sort='none']:hover":{"& .nimbus-data-table__headerSortIcon > svg":{display:"inherit"}}}},body:{},row:{position:"relative",borderBottom:"1px solid {colors.neutral.3}",focusRing:"outside","&:hover:not([data-nested-row-expanded])":{backgroundColor:"{colors.primary.3}",transition:"background-color 200ms ease",transform:"translate3d(0, 0, 0)"},"& td, div":{userSelect:"none"},"&:last-child":{borderBottom:"none"},"&[data-clickable='true']":{cursor:"pointer"},"&[data-selected='true']":{background:"{colors.primary.4}"},"&[data-disabled='true']":{opacity:.8,cursor:"not-allowed"},"&[data-nested-row-expanded='false']":{display:"none"}},cell:{paddingTop:"400",paddingBottom:"400",paddingLeft:"600",paddingRight:"600",color:"neutral.11",focusRing:"outside",hyphens:"auto",height:"100%","&[data-slot='expand']":{padding:0},"&[data-nested-cell]":{boxShadow:"inset 2px 0 0 {colors.primary.10}"}},footer:{width:"100%"},selectionCell:{},nestedIcon:{},headerSortIcon:{transition:"transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:"6px",width:"16px",height:"16px",willChange:"opacity, color, transform",color:"neutral.10","& > svg":{display:"none"},"&[data-sort-active='true']":{color:"neutral.11","& > svg":{display:"inherit"}},"&[data-sort-direction='ascending']":{transform:"rotate(180deg)"}},columnResizer:{width:"150",height:"100%",position:"absolute",right:0,top:0,cursor:"col-resize",transition:"background 100ms",background:"transparent",outline:"none",zIndex:2,"&:hover":{background:"var(--focus-ring-color)"},"&[data-resizing='true']":{background:"{colors.primary}"},"&[data-focused='true']":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)"}}},variants:{truncated:{true:{root:{"& .truncated-cell":{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}},density:{default:{cell:{paddingTop:"400",paddingBottom:"400"}},condensed:{cell:{paddingTop:"300",paddingBottom:"300"}}}}}),b=e.defineSlotRecipe({className:"nimbus-date-input",slots:["root","leadingElement","trailingElement","segmentGroup","segment"],base:{root:{display:"inline-flex",borderRadius:"200",alignItems:"center",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segmentGroup:{display:"flex",flexGrow:1,borderRadius:"inherit",bg:"transparent",alignItems:"center"},leadingElement:{color:"neutral.11",display:"flex",alignItems:"center"},trailingElement:{color:"neutral.11",display:"flex",alignItems:"center"},segment:{outline:"none!",borderRadius:"100",fontVariantNumeric:"tabular-nums",p:"50","&:empty":{border:"solid-25"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true']), &[data-type='literal']":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='day']":{},"&[data-type='month']":{},"&[data-type='year']":{}}},variants:{size:{sm:{root:{h:"800",textStyle:"sm",px:"300",gap:"100"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{h:"1000",textStyle:"md",px:"400",gap:"200"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}},plain:{root:{px:"0",outline:"none!",boxShadow:"none!",bg:"transparent!"}}}},defaultVariants:{size:"md",variant:"solid"}}),f=e.defineSlotRecipe({className:"nimbus-date-picker",slots:["root","group","popover","calendar","calendarHeader","calendarGrid","calendarCell"],base:{root:{display:"inline-block",overflow:"hidden"},group:{position:"relative"},popover:{bg:"neutral.1",boxShadow:"4",borderRadius:"300",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}}},variants:{size:{sm:{},md:{}},variant:{solid:{},ghost:{}}},defaultVariants:{size:"md"}}),h=e.defineSlotRecipe({slots:["trigger","modalOverlay","modal","content","title","closeTrigger","header","body","footer"],className:"nimbus-drawer",base:{trigger:{focusRing:"outside"},modalOverlay:{pos:"fixed",left:0,top:0,w:"100vw",h:"100dvh",zIndex:"modal","&[data-entering]":{animation:"fade-in",animationDuration:"slow",animationTimingFunction:"ease-in-smooth"},"&[data-exiting]":{animation:"fade-out",animationDuration:"moderate",animationTimingFunction:"ease-in-out"}},modal:{display:"flex",width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,"--drawer-z-index":"zIndex.modal",zIndex:"calc(var(--drawer-z-index) + var(--layer-index, 0))",justifyContent:"center",overscrollBehaviorY:"none",pointerEvents:"none",overflow:"hidden","&[data-entering]":{animationDuration:"slow",animationTimingFunction:"ease-in-smooth"},"&[data-exiting]":{animationDuration:"moderate",animationTimingFunction:"ease-in-out"}},content:{display:"flex",flexDirection:"column",position:"relative",outline:0,borderRadius:"200",textStyle:"sm",my:"var(--drawer-margin, var(--drawer-base-margin))","--drawer-z-index":"zIndex.modal",zIndex:"calc(var(--drawer-z-index) + var(--layer-index, 0))",bg:"bg",boxShadow:"6",width:"lg",maxW:"full",pointerEvents:"auto",maxH:"calc(100% - 7.5rem)"},header:{flex:0,px:"600",pt:"600",pb:"400"},body:{flex:"1",px:"600",pt:"200",pb:"600",overflow:"auto",focusVisibleRing:"outside"},footer:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"300",px:"600",py:"400"},title:{},closeTrigger:{position:"absolute",top:"400",right:"400",zIndex:1}},variants:{showBackdrop:{true:{modalOverlay:{bg:{_dark:"bg/20",_light:"fg/20"},backdropFilter:"blur({sizes.100})"}},false:{modalOverlay:{bg:"transparent"}}},placement:{left:{modal:{justifyContent:"flex-start",alignItems:"stretch","&[data-entering]":{animationName:"slide-from-left-full"},"&[data-exiting]":{animationName:"slide-to-left-full"}},content:{"--drawer-base-margin":0,mx:0,height:"100vh",maxH:"100vh",borderRadius:0}},right:{modal:{justifyContent:"flex-end",alignItems:"stretch","&[data-entering]":{animationName:"slide-from-right-full"},"&[data-exiting]":{animationName:"slide-to-right-full"}},content:{"--drawer-base-margin":0,mx:0,height:"100vh",maxH:"100vh",borderRadius:0}},top:{modal:{alignItems:"flex-start",justifyContent:"stretch","&[data-entering]":{animationName:"slide-from-top-full"},"&[data-exiting]":{animationName:"slide-to-top-full"}},content:{"--drawer-base-margin":0,mx:0,width:"100vw",borderRadius:0}},bottom:{modal:{alignItems:"flex-end",justifyContent:"stretch","&[data-entering]":{animationName:"slide-from-bottom-full"},"&[data-exiting]":{animationName:"slide-to-bottom-full"}},content:{"--drawer-base-margin":0,mx:0,width:"100vw",borderRadius:0}}}},defaultVariants:{placement:"right",showBackdrop:!1}}),ie=e.defineSlotRecipe({slots:["root","trigger","modalOverlay","modal","content","title","closeTrigger","header","body","footer"],className:"nimbus-dialog",base:{trigger:{focusRing:"outside"},modalOverlay:{bg:{_dark:"bg/20",_light:"fg/20"},pos:"fixed",left:0,top:0,w:"100vw",h:"100dvh",backdropFilter:"blur({sizes.100})",zIndex:"modal","&[data-entering]":{animationName:"fade-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out",animationDuration:"faster"}},modal:{display:"flex",width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,"--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",justifyContent:"center",overscrollBehaviorY:"none",pointerEvents:"none","&[data-entering]":{animationDuration:"moderate",animationName:"slide-from-bottom, scale-in, fade-in"},"&[data-exiting]":{animationDuration:"faster",animationName:"slide-to-top, scale-out, fade-out"}},content:{display:"flex",flexDirection:"column",position:"relative",outline:0,borderRadius:"200",textStyle:"sm",my:"var(--dialog-margin, var(--dialog-base-margin))","--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",bg:"bg",boxShadow:"6",width:"lg",maxW:"full",pointerEvents:"auto"},header:{flex:0,px:"600",pt:"600",pb:"400"},body:{flex:"1",px:"600",pt:"200",pb:"600"},footer:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"300",px:"600",py:"400"},title:{},closeTrigger:{position:"absolute",top:"400",right:"400",zIndex:1}},variants:{placement:{center:{modal:{alignItems:"center"},content:{"--dialog-base-margin":"auto",mx:"auto"}},top:{modal:{alignItems:"flex-start"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}},bottom:{modal:{alignItems:"flex-end"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}}},scrollBehavior:{inside:{modal:{overflow:"hidden"},content:{maxH:"calc(100% - 7.5rem)"},body:{overflow:"auto",focusVisibleRing:"outside"}},outside:{modal:{overflow:"auto"}}}},defaultVariants:{scrollBehavior:"outside",placement:"center"}}),re=t.defineSlotRecipe({className:"nimbus-field-errors",slots:["root","message"],base:{root:{display:"block",colorPalette:"critical"},message:{color:"colorPalette.11"}}}),ae=`
-"label"
-"input"
-"description"
-"error"
-`,le=`
-"label input"
-"label description"
-"label error"
-`,ne=e.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)",display:"flex",gap:"100"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:ae},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:le,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),se=e.defineSlotRecipe({className:"nimbus-list",slots:["root","item","indicator"],base:{root:{display:"flex",flexDirection:"column",gap:"var(--list-gap)","& :where(ul, ol)":{marginTop:"var(--list-gap)"}},item:{whiteSpace:"normal",display:"list-item"},indicator:{marginEnd:"200",minHeight:"1lh",flexShrink:0,display:"inline-block",verticalAlign:"middle"}},variants:{variant:{marker:{root:{listStyle:"revert",listStylePosition:"inside"},item:{_marker:{color:"fg.subtle"}}},plain:{item:{alignItems:"flex-start",display:"inline-flex"}}},align:{center:{item:{alignItems:"center"}},start:{item:{alignItems:"flex-start"}},end:{item:{alignItems:"flex-end"}}}},defaultVariants:{variant:"marker"}}),de=`
-"label"
-"fields"
-"toggle"
-"description"
-"error"
-
-`,ce=`
-"label input"
-"description description"
-"error error"
-`,pe=e.defineSlotRecipe({slots:["root","label","infoDialog","fieldsContainer","description","error","toggleButtonContainer","localeFieldRoot","localeFieldLabel","localeFieldInput","localeFieldDescription","localeFieldError"],className:"nimbus-localized-field",base:{root:{display:"grid",width:"auto",gridTemplateAreas:de,gap:"100"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--localized-field-font-size)",lineHeight:"var(--localized-field-line-height)",position:"relative"},infoDialog:{bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"{colors.neutral.8} {colors.neutral.3}",focusRing:"outside"},fieldsContainer:{gridArea:"fields",display:"flex",flexDirection:"column",gap:"200",'&[data-expanded="true"]':{"& > *:not(:first-of-type)":{animationName:"slide-from-top",animationDuration:"slow",animationTimingFunction:"ease-in-smooth"}}},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--localized-field-font-size)",lineHeight:"var(--localized-field-line-height)",display:"flex",gap:"100",alignItems:"center"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--localized-field-font-size)",lineHeight:"var(--localized-field-line-height)",display:"flex",gap:"100",alignItems:"center"},toggleButtonContainer:{gridArea:"toggle"},localeFieldRoot:{gap:0,gridTemplateAreas:ce,"&:has(.nimbus-localized-field__localeFieldInput:focus-within)":{"& .nimbus-localized-field__localeFieldLabel":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"}}},localeFieldLabel:{display:"flex",borderLeftRadius:"200",backgroundColor:"neutral.1",boxShadow:"inset 0 0 0 {sizes.25} {colors.neutral.7}",clipPath:"inset(-4px -1px -4px -4px)",marginInlineEnd:"-25",paddingInline:"400",alignItems:"center","&[data-disabled='true']":{opacity:"0.5"}},localeFieldInput:{borderLeftRadius:0,clipPath:"inset(-4px -4px -4px -1px)"}},variants:{size:{md:{root:{"--localized-field-font-size":"fontSizes.350","--localized-field-line-height":"lineHeights.500"}},sm:{root:{"--localized-field-font-size":"fontSizes.300","--localized-field-line-height":"lineHeights.450"}}},type:{text:{},multiLine:{},money:{},richText:{}}}}),x=t.defineSlotRecipe({slots:["root","container","currencySelect","currencyLabel","amountInput","badge"],className:"nimbus-money-input",base:{root:{position:"relative",fontFamily:"inherit","& .nimbus-select__trigger":{borderRightRadius:"0",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"},"&:has(.nimbus-money-input__container:focus-within)":{"& .nimbus-money-input__currencyLabel":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)",clipPath:"inset(-4px -1px -4px -4px)"},"& .nimbus-money-input__amountInput":{clipPath:"inset(-4px -4px -4px -1px)"}}},container:{display:"inline-flex",width:"full",alignItems:"stretch",position:"relative"},currencySelect:{_focusWithin:{zIndex:2}},currencyLabel:{color:"neutral.11",fontWeight:"500",display:"flex",height:"full",borderLeftRadius:"200",backgroundColor:"neutral.1",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}",paddingInline:"400",alignItems:"center","&[data-disabled='true']":{opacity:"0.5"}},amountInput:{flex:"1",borderLeftRadius:"0",_focusWithin:{zIndex:2}},badge:{position:"absolute",top:"0",right:"0",height:"full",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"spacing.25"}},variants:{size:{sm:{root:{fontSize:"fontSize.20",minWidth:"280px"},currencySelect:{padding:"0 spacing.20"},amountInput:{paddingRight:"spacing.30"},currencyLabel:{fontSize:"300",lineHeight:"450"}},md:{root:{fontSize:"fontSize.30",minWidth:"360px"},currencySelect:{padding:"0 spacing.25"},amountInput:{paddingRight:"spacing.40"},currencyLabel:{fontSize:"350",lineHeight:"500"}}}},defaultVariants:{size:"md"}}),v=e.defineSlotRecipe({className:"nimbus-multiline-text-input",slots:["root","leadingElement","textarea"],base:{root:{"--input-border-radius":"sizes.200",display:"inline-flex",overflowY:"auto",resize:"vertical",borderRadius:"var(--input-border-radius)",colorPalette:"neutral",bg:"transparent",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},focusVisibleRing:"outside",focusRing:"outside",fontFamily:"inherit","&::-webkit-resizer":{backgroundImage:`url("data:image/svg+xml,${encodeURIComponent(`
-        <svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-          <mask id="mask0_4610_25787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="-1" width="9" height="9">
-            <rect width="1.03391" height="4.13563" transform="matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)" fill="currentColor"/>
-            <rect width="1.03391" height="8.27125" transform="matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)" fill="currentColor"/>
-          </mask>
-          <g mask="url(#mask0_4610_25787)">
-            <rect width="8" height="8" fill="${o.designTokens.color["semantic-palettes"].primary.light[9]}"/>
-          </g>
-        </svg>
-      `)}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"200 200",width:"400",height:"400"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"}},leadingElement:{display:"flex",color:"neutral.11"},textarea:{flexGrow:1,outline:"none",resize:"none",background:"transparent",borderTopRightRadius:"200",borderBottomRightRadius:"200",_placeholder:{opacity:.5,color:"currentColor"},"&[data-disabled='true']":{cursor:"not-allowed"}}},variants:{size:{sm:{root:{minH:"800",textStyle:"sm",gap:"100",pl:"300"},textarea:{pr:"300",py:"100"},leadingElement:{pt:"200","& svg":{boxSize:"400"}}},md:{root:{minH:"1000",textStyle:"md",gap:"200",pl:"400"},textarea:{py:"200",pr:"400"},leadingElement:{pt:"200","& svg":{mt:"50",boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),y=e.defineSlotRecipe({className:"nimbus-number-input",slots:["root","leadingElement","trailingElement","input","incrementButton","decrementButton"],base:{root:{display:"inline-flex",position:"relative",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},'&[data-disabled="true"]':{layerStyle:"disabled",bg:"neutral.3"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"}},leadingElement:{overflow:"hidden",display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{overflow:"hidden",display:"flex",alignItems:"center",color:"neutral.11"},input:{display:"flex",flexGrow:1,flexShrink:1,borderRadius:"inherit",colorPalette:"neutral",bg:"transparent",outline:"none",appearance:"textfield",_placeholder:{opacity:.5,color:"currentColor"},"&[data-disabled='true']":{cursor:"not-allowed"}},incrementButton:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",w:600,h:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"button",bg:"transparent",_active:{bg:"neutral.4"},"&[data-disabled='true']":{cursor:"not-allowed"},_icon:{fill:"primary.9"},borderTopRightRadius:"200","&[data-invalid='true']":{"--border-color":"colors.critical.7"}},decrementButton:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",w:600,h:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"button",bg:"transparent",_active:{bg:"neutral.4"},"&[data-disabled='true']":{cursor:"not-allowed"},_icon:{color:"primary.9"},borderBottomRightRadius:"200","&[data-invalid='true']":{"--border-color":"colors.critical.7"}}},variants:{size:{sm:{root:{pl:"300",pr:"900",gap:"100"},input:{h:"800",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{pl:"400",pr:"1000",gap:"200"},input:{h:"1000",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{_hover:{backgroundColor:"primary.2"},"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1"},incrementButton:{"&[data-invalid='true']":{borderTop:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},borderTop:"var(--border-width) solid var(--border-color)",borderRight:"var(--border-width) solid var(--border-color)",borderLeft:"var(--border-width) solid var(--border-color)",boxShadow:"inset 0 -0.5px 0 0 var(--border-color)",_hover:{backgroundColor:"primaryAlpha.4"}},decrementButton:{"&[data-invalid='true']":{borderBottom:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},borderBottom:"var(--border-width) solid var(--border-color)",borderRight:"var(--border-width) solid var(--border-color)",borderLeft:"var(--border-width) solid var(--border-color)",boxShadow:"inset 0 0.5px 0 0 var(--border-color)",_hover:{backgroundColor:"primaryAlpha.4"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}},incrementButton:{"&[data-invalid='true']":{borderTop:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},_hover:{backgroundColor:"primaryAlpha.4"}},decrementButton:{"&[data-invalid='true']":{borderBottom:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},_hover:{backgroundColor:"primaryAlpha.4"}}}}},defaultVariants:{size:"md",variant:"solid"}}),w=e.defineSlotRecipe({slots:["root","header","grids","monthTitle","grid","gridHeader","headerCell","gridBody","bodyCell"],className:"nimbus-range-calendar",base:{root:{display:"inline-block",maxWidth:"100%"},header:{height:"1200",p:"200",mb:"300",borderBottom:"solid-25",borderColor:"neutral.3"},grids:{display:"flex",flexWrap:"wrap",gap:"800",mx:"200",maxWidth:"full"},monthTitle:{textAlign:"center",fontSize:"400",fontWeight:"600",color:"neutral.11",mb:"300",px:"200"},grid:{w:"full",minW:"fit-content",flex:"1 1 auto"},gridHeader:{},headerCell:{p:"200",pb:"300",textAlign:"center",color:"neutral.9",fontSize:"300",lineHeight:"350",fontWeight:"500"},gridBody:{},bodyCell:{cursor:"pointer",p:"200",minW:"1400",fontSize:"350",lineHeight:"500",fontWeight:"400",textAlign:"center",color:"neutral.12",display:"flex",alignItems:"center",justifyContent:"center",mb:"200",focusRing:"outside","&[data-today=true]":{bg:"neutral.3",borderRadius:"200"},"&[data-hovered='true'], &[data-focused='true']":{bg:"primary.3",borderRadius:"200"},"&[data-selected='true']":{bg:"primary.3",borderRadius:"0"},"[role='gridcell']:first-child &":{borderLeftRadius:"200"},"[role='gridcell']:last-child &":{borderRightRadius:"200"},"&[data-selection-start='true'], &[data-selection-end=true]":{bg:"primary.9",color:"primary.contrast"},"&[data-selection-start='true']":{borderLeftRadius:"200"},"&[data-selection-end=true]":{borderRightRadius:"200"},"&[data-selection-end=true]&[data-selection-start='true']":{borderRadius:"200"},"&[aria-disabled=true]":{layerStyle:"disabled"}}}}),S=t.defineSlotRecipe({slots:["root","toolbar","editable"],className:"nimbus-rich-text-input",base:{root:{display:"flex",flexDirection:"column",position:"relative",width:"full",borderRadius:"200",borderWidth:"{sizes.25}",colorPalette:"slate",borderColor:"colorPalette.7",backgroundColor:"colorPalette.contrast",_focusWithin:{layerStyle:"focusRing"},"&[data-invalid='true']":{borderWidth:"{sizes.50}",borderColor:"critical.7"}},toolbar:{boxShadow:"1","[data-disabled='true'] &":{opacity:"0.5"}},editable:{padding:"400",minHeight:"inherit",maxHeight:"inherit",overflow:"auto",outline:"none",color:"colorPalette.12","[data-disabled='true'] &":{cursor:"not-allowed",opacity:"0.5"},"& [data-slate-placeholder]":{opacity:"0.5!"},"& p":{textStyle:"md",fontWeight:"500"},"& h1":{textStyle:"2xl",fontWeight:"500"},"& h2":{textStyle:"xl",fontWeight:"500"},"& h3":{textStyle:"lg",fontWeight:"500"},"& h4":{textStyle:"md",fontWeight:"500"},"& h5":{textStyle:"xs",fontWeight:"500"},"& blockquote":{textStyle:"md",fontWeight:"400",borderLeftWidth:"{sizes.100}",paddingLeft:"400"},"& ul":{paddingLeft:"600",listStyleType:"disc"},"& ol":{paddingLeft:"600",listStyleType:"decimal"},"& code":{padding:"100",fontFamily:"mono"},"& pre":{padding:"300",borderRadius:"200",overflow:"auto","& code":{padding:"0"}},"& a":{color:"primary.11",textDecoration:"underline",cursor:"pointer",_hover:{textDecoration:"none"}},"& strong":{fontWeight:"700"},"& em":{fontStyle:"italic"},"& u":{textDecoration:"underline"},"& del":{textDecoration:"line-through"},"& sup":{fontSize:"75%",verticalAlign:"super",lineHeight:"0"},"& sub":{fontSize:"75%",verticalAlign:"sub",lineHeight:"0"}}},variants:{}}),z=e.defineSlotRecipe({slots:["root","container","selectWrapper","searchWrapper"],className:"nimbus-scoped-search-input",base:{root:{display:"inline-block",position:"relative",width:"100%"},container:{display:"inline-flex",alignItems:"stretch",position:"relative",width:"100%"},selectWrapper:{_focusWithin:{zIndex:2},"& .nimbus-select__trigger":{borderRightRadius:"0",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"}},searchWrapper:{flex:1,_focusWithin:{zIndex:2},"& .nimbus-search-input__root":{borderLeftRadius:"0"}}},variants:{size:{sm:{},md:{}}},defaultVariants:{size:"md"}}),ue=e.defineSlotRecipe({slots:["root","empty","item","itemContent"],className:"nimbus-draggable-list",base:{root:{colorPalette:"primary",width:"2xs",display:"flex",flexDirection:"column",padding:"200",border:"{sizes.25} solid",borderColor:"colorPalette.3",borderRadius:"200",gap:"200","& >.react-aria-DropIndicator":{"&[data-drop-target]":{outline:"{sizes.25} solid {colors.primary.7}"},"&@supports not selector(:has(.react-aria-DropIndicator))":{marginBottom:"-2px"}},"&[data-empty]":{alignItems:"center",justifyContent:"center",fontStyle:"italic",color:"colorPalette.11"}},empty:{marginBlock:"auto",alignSelf:"center"},item:{borderRadius:"200",background:"colorPalette.3",display:"flex",_focus:{layerStyle:"focusRing"},"&[data-allows-dragging='true']":{cursor:"grab","&[data-dragging='true']":{cursor:"grabbing"}},"&[data-disabled]":{layerStyle:"disabled"},"& > [role='gridcell']":{display:"flex!",flex:"1 1 auto",alignItems:"center",justifyContent:"center",gap:"100",paddingInline:"200",fontSize:"350",lineHeight:"400",focusVisibleRing:"outside"}},itemContent:{flex:"1 1 auto"}},variants:{size:{sm:{},md:{item:{minH:"800"}}}},defaultVariants:{size:"md"}}),ge=e.defineSlotRecipe({className:"nimbus-progress-bar",slots:["root","track","fill","label","value"],base:{root:{position:"relative",width:"100%",display:"flex",flexDirection:"column",gap:"200"},track:{backgroundColor:"var(--progress-bar-track-bg)",borderRadius:"var(--progress-bar-radius)",overflow:"hidden",position:"relative",width:"100%",height:"var(--progress-bar-height)"},fill:{animation:"var(--progress-bar-animation)",bgImage:"linear-gradient(90deg, {colors.colorPalette.6}, {colors.colorPalette.9}, {colors.colorPalette.6})",backgroundSize:"200% 100%",height:"100%",borderRadius:"var(--progress-bar-radius)",transitionProperty:"width",transitionDuration:".3s",transitionTimingFunction:"ease-in-smooth"},label:{color:"var(--progress-bar-text-color)",fontSize:"var(--progress-bar-font-size)",lineHeight:"var(--progress-bar-line-height)"},value:{color:"var(--progress-bar-text-color)",fontSize:"var(--progress-bar-font-size)",lineHeight:"var(--progress-bar-line-height)"}},variants:{size:{"2xs":{root:{"--progress-bar-radius":"{radii.300}","--progress-bar-font-size":"{fontSizes.350}","--progress-bar-height":"{sizes.300}","--progress-bar-line-height":"{fontSizes.500}"}},md:{root:{"--progress-bar-radius":"{radii.600}","--progress-bar-font-size":"{fontSizes.400}","--progress-bar-height":"{sizes.600}","--progress-bar-line-height":"{fontSizes.600}"}}},isDynamic:{true:{fill:{"--progress-bar-animation":"gradient-shimmer 4s ease-in-out infinite","&[data-complete='true']":{"--progress-bar-animation":"none"}}}},isIndeterminate:{true:{fill:{"--progress-bar-animation":"progress-indeterminate 2s ease-in-out infinite",width:"40% !important"}}},variant:{solid:{root:{"--progress-bar-text-color":"{colors.neutral.12}","--progress-bar-track-bg":"{colors.neutralAlpha.3}"}},contrast:{root:{"--progress-bar-text-color":"{colors.colorPalette.contrast}","--progress-bar-track-bg":"{colors.colorPalette.contrast/15}"},fill:{bgImage:"linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})"}}},layout:{minimal:{label:{display:"none"},value:{display:"none"}},inline:{root:{flexDirection:"row",alignItems:"center",gap:"400"},track:{flex:1}},stacked:{root:{flexDirection:"column",gap:"200"},text:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"}}}},defaultVariants:{size:"md",colorPalette:"primary",variant:"solid",layout:"stacked"},compoundVariants:[{isDynamic:!0,isIndeterminate:!0,css:{fill:{"--progress-bar-animation":"progress-indeterminate 2s ease-in-out infinite"}}}]}),me=e.defineSlotRecipe({slots:["root","trigger","popover","content","item","section","sectionLabel","submenu"],className:"nimbus-menu",base:{root:{display:"inline-block",position:"relative"},trigger:{focusRing:"outside"},popover:{bg:"bg",borderRadius:"200",boxShadow:"5",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}},content:{display:"flex",flexDirection:"column",minWidth:"200px",maxHeight:"400px",overflowY:"auto",p:"200",position:"relative","&:focus":{outline:"none"},'& > [role="separator"]':{mx:"-200",my:"200",width:"calc(100% + {sizes.400})"}},item:{display:"grid",gridTemplateColumns:"auto 1fr auto auto",gridTemplateAreas:`
-        'icon label keyboard flyoutCaret'
-        'icon description keyboard flyoutCaret'`,flexDirection:"column",alignItems:"start",px:"300",py:"200",borderRadius:"200",cursor:"pointer",userSelect:"none",color:"fg",fontSize:"400",lineHeight:"500",position:"relative",textStyle:"sm",outline:0,boxShadow:"inset 0 0 0 {sizes.50} {colors.bg}","&[data-hovered='true'], &[data-focused='true']":{bg:"primary.2",outline:"none",zIndex:"1"},"&[data-focus-visible]":{focusRing:"outside"},"&[data-selected]":{bg:"primary.3"},"&[data-critical]":{color:"critical.11","&[data-hovered='true'], &[data-focused='true']":{bg:"critical.2"},"& [slot='label']":{fontWeight:"600",color:"critical.11"},"& [slot='icon']":{color:"critical.11"},"& [slot='description']":{color:"critical.11",fontWeight:"300"}},"& [slot='caretIcon']":{gridArea:"flyoutCaret",textAlign:"right",my:"auto",marginInlineStart:"400",boxSize:"500",color:"neutral.11"},"& [slot='label']":{gridArea:"label",fontWeight:"500"},"& [slot='description']":{gridArea:"description",color:"neutral.11"},"& [slot='keyboard']":{gridArea:"keyboard",color:"colorPalette.11",fontFamily:"mono",marginInlineStart:"400",my:"auto"},"& [slot='icon']":{gridArea:"icon",display:"flex",alignItems:"center",justifyContent:"center",marginInlineEnd:"300",my:"auto",flexShrink:0,color:"neutral.11",boxSize:"500"},"&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},section:{display:"flex",flexDirection:"column"},sectionLabel:{textStyle:"xs",fontWeight:"600",color:"neutral.11",px:"300",pt:"300",pb:"200",marginBottom:"100",textTransform:"uppercase",letterSpacing:"{spacing.25}"}}}),R=e.defineSlotRecipe({slots:["root","leadingElement","input","trailingElement"],className:"nimbus-text-input",base:{root:{display:"inline-flex",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),be=t.defineSlotRecipe({slots:["root","buttonGroup","primaryButton","dropdownTrigger"],className:"nimbus-split-button",base:{root:{display:"inline-block",position:"relative"},buttonGroup:{display:"inline-flex",alignItems:"stretch",position:"relative",borderRadius:"200"},primaryButton:{"[data-mode='split'] &":{borderRightRadius:"0",borderRightWidth:"0"},"&:focus-visible":{zIndex:2}},dropdownTrigger:{borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftRadius:"0","&:focus-visible":{zIndex:2}}},variants:{variant:{solid:{dropdownTrigger:{borderLeftColor:"colorPalette.contrast"}},ghost:{dropdownTrigger:{borderLeftColor:"colorPalette.7"}},outline:{},subtle:{},link:{}}},defaultVariants:{variant:"solid"}}),fe=e.defineSlotRecipe({slots:["root","trigger","content"],className:"collapsibleMotion",base:{root:{},trigger:{cursor:"pointer"},content:{}}}),k=e.defineSlotRecipe({slots:["root","leadingElement","input"],className:"nimbus-search-input",base:{root:{display:"inline-flex",position:"relative",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11",pointerEvents:"none"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"},"&::-webkit-search-cancel-button":{display:"none"},"&::-webkit-search-decoration":{display:"none"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),I=e.defineSlotRecipe({slots:["root","label","track","thumb"],className:"nimbus-switch",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",cursor:"pointer",borderRadius:"full","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11",fontSize:"var(--label-font-size)"},track:{colorPalette:"neutral",focusRing:"outside",position:"relative",display:"flex",alignItems:"center",flexShrink:0,width:"var(--track-width)",height:"var(--track-height)",borderRadius:"calc(var(--track-height) / 2)",backgroundColor:"colorPalette.5",transition:"background-color 0.2s","&[data-selected='true']":{colorPalette:"primary",backgroundColor:"colorPalette.9"},"&:hover":{backgroundColor:"colorPalette.7","&[data-selected='true']":{backgroundColor:"colorPalette.10"}}},thumb:{position:"absolute",borderRadius:"full",border:"solid-50",borderColor:"primary.9",backgroundColor:"neutral.1",transition:"all 0.2s",boxSize:"var(--thumb-size)","&[data-selected='false']":{left:"0"},"&[data-selected='true']":{left:"calc(100% - var(--thumb-size))"}}},variants:{size:{sm:{track:{"--track-height":"sizes.400","--track-width":"sizes.700"},thumb:{"--thumb-size":"sizes.400"},label:{"--label-font-size":"fontSizes.350"}},md:{track:{"--track-height":"sizes.600","--track-width":"sizes.1100"},thumb:{"--thumb-size":"sizes.600"},label:{"--label-font-size":"fontSizes.400"}}}},defaultVariants:{size:"md"}}),he=e.defineSlotRecipe({className:"chakra-table",slots:["root","header","body","row","columnHeader","cell","footer","caption"],base:{root:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full",textAlign:"start",verticalAlign:"top"},row:{_selected:{bg:"colorPalette.subtle"}},cell:{textAlign:"start",alignItems:"center"},columnHeader:{fontWeight:"medium",textAlign:"start",color:"fg"},caption:{fontWeight:"medium",textStyle:"xs"},footer:{fontWeight:"medium"}},variants:{interactive:{true:{body:{"& tr":{_hover:{bg:"colorPalette.subtle"}}}}},stickyHeader:{true:{header:{"& :where(tr)":{top:"var(--table-sticky-offset, 0)",position:"sticky",zIndex:1}}}},striped:{true:{row:{"&:nth-of-type(odd) td":{bg:"bg.muted"}}}},showColumnBorder:{true:{columnHeader:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}},cell:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}}}},variant:{line:{columnHeader:{borderBottomWidth:"1px"},cell:{borderBottomWidth:"1px"},row:{bg:"bg"}},outline:{root:{boxShadow:"0 0 0 1px {colors.border}",overflow:"hidden"},columnHeader:{borderBottomWidth:"1px"},header:{bg:"bg.muted"},row:{"&:not(:last-of-type)":{borderBottomWidth:"1px"}},footer:{borderTopWidth:"1px"}}},size:{sm:{root:{textStyle:"sm"},columnHeader:{px:"200",py:"200"},cell:{px:"200",py:"200"}},md:{root:{textStyle:"sm"},columnHeader:{px:"300",py:"300"},cell:{px:"300",py:"300"}},lg:{root:{textStyle:"md"},columnHeader:{px:"400",py:"300"},cell:{px:"400",py:"300"}}}},defaultVariants:{variant:"line",size:"md"}}),xe=e.defineSlotRecipe({slots:["root","list","tab","panels","panel","trigger"],className:"nimbus-tabs",base:{root:{display:"flex",width:"100%"},list:{display:"flex",flexShrink:0},tab:{appearance:"none",background:"transparent",border:"none",color:"neutral.12",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",gap:"200",fontWeight:"500",padding:"300 400",transition:"all 150ms ease",paddingTop:"var(--tabs-padding-top)",paddingRight:"var(--tabs-padding-right)",paddingBottom:"var(--tabs-padding-bottom)",paddingLeft:"var(--tabs-padding-left)",fontSize:"var(--tabs-font-size)",overflowX:"auto",_hover:{color:"primary.11"},_selected:{color:"primary.9",borderColor:"primary.9"},_disabled:{layerStyle:"disabled"},_focusVisible:{layerStyle:"focusRing"}},panels:{flex:1,minWidth:0},panel:{_focusVisible:{layerStyle:"focusRing"}}},variants:{orientation:{horizontal:{root:{flexDirection:"column"},list:{borderBottom:"{spacing.25} {colors.neutral.6} solid"},tab:{borderBottom:"{spacing.50} solid transparent",marginRight:"-25",_selected:{borderBottomColor:"primary.9"}}},vertical:{root:{flexDirection:"row"},list:{flexDirection:"column"},tab:{justifyContent:"flex-start"}}},placement:{start:{},end:{}},size:{sm:{tab:{"--tabs-font-size":"fontSizes.300","--tabs-padding-top":"spacing.100","--tabs-padding-right":"spacing.300","--tabs-padding-bottom":"spacing.100","--tabs-padding-left":"spacing.300"}},md:{tab:{"--tabs-font-size":"fontSizes.350","--tabs-padding-top":"spacing.200","--tabs-padding-right":"spacing.400","--tabs-padding-bottom":"spacing.200","--tabs-padding-left":"spacing.400"}},lg:{tab:{"--tabs-font-size":"fontSizes.400","--tabs-padding-top":"spacing.300","--tabs-padding-right":"spacing.600","--tabs-padding-bottom":"spacing.300","--tabs-padding-left":"spacing.600"}}}},compoundVariants:[{orientation:"horizontal",placement:"start",css:{list:{justifyContent:"flex-start"}}},{orientation:"horizontal",placement:"end",css:{list:{justifyContent:"flex-end"}}},{orientation:"vertical",placement:"start",css:{root:{flexDirection:"row"},list:{borderLeft:"{spacing.25} {colors.neutral.6} solid"},tab:{borderLeft:"{spacing.50} solid transparent",marginLeft:"-25",_selected:{borderLeftColor:"primary.9"}}}},{orientation:"vertical",placement:"end",css:{list:{borderRight:"{spacing.25} {colors.neutral.6} solid"},tab:{borderRight:"{spacing.50} solid transparent",marginRight:"-25",_selected:{borderRightColor:"primary.9"}}}}],defaultVariants:{orientation:"horizontal",placement:"start",size:"md"}}),ve=e.defineSlotRecipe({slots:["root","tagList","tag"],className:"nimbus-tag-group",base:{root:{display:"flex",flexDirection:"column",gapY:"50"},tagList:{display:"flex",flexWrap:"wrap",gap:"100"},tag:{colorPalette:"primary",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",gap:"100",borderRadius:"200",background:"colorPalette.3",fontSize:"400",lineHeight:"500",focusVisibleRing:"outside","&[data-disabled='true'] &":{layerStyle:"disabled",pointerEvents:"none"},"&[data-selected='true']":{background:"colorPalette.9",color:"colorPalette.contrast",cursor:"button"},"&[aria-selected='true']":{cursor:"button"},"& [role='gridcell']":{display:"inline-flex !important",alignItems:"center",justifyContent:"space-between",gapX:"100",whiteSpace:"initial"}}},variants:{size:{sm:{tag:{minH:"600",paddingX:"200",fontSize:"350",lineHeight:"400"}},md:{tag:{minH:"800",paddingX:"200",paddingY:"100"}},lg:{tag:{minH:"1000",padding:"200"}}}},defaultVariants:{size:"lg"}}),C=e.defineSlotRecipe({className:"nimbus-time-input",slots:["root","leadingElement","trailingElement","segmentGroup","segment"],base:{root:{display:"inline-flex",borderRadius:"200",alignItems:"center",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},focusVisibleRing:"outside",focusRing:"outside","& input":{outline:"none"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segmentGroup:{display:"flex",flex:"1 0 auto",borderRadius:"inherit",bg:"transparent",alignItems:"center"},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},segment:{fontVariantNumeric:"tabular-nums",outline:"none",p:"50",borderRadius:"50","&:empty":{border:"1px solid"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true'])":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='minute']":{},"&[data-type='hour']":{},"&[data-type='dayPeriod']":{},"&[data-type='timeZoneName']":{}}},variants:{size:{sm:{root:{h:800,gap:100,px:300},segment:{textStyle:"sm"},leadingElement:{"& svg":{boxSize:"400"}},trailingElement:{"& svg":{boxSize:"400"}}},md:{root:{h:1e3,gap:200,px:400},segment:{textStyle:"md"},leadingElement:{"& svg":{boxSize:"500"}},trailingElement:{"& svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),ye={accordion:Q,alert:ee,calendar:g,rangeCalendar:w,dateInput:b,dateRangePicker:c,datePicker:f,dataTable:oe,radioInput:d,combobox:m,progressBar:ge,menu:me,textInput:R,splitButton:be,drawer:h,tabs:xe,localizedField:pe,card:te,checkbox:n,collapsibleMotion:fe,dialog:ie,fieldErrors:re,formField:ne,list:se,moneyInput:x,multilineTextInput:v,numberInput:y,richTextInput:S,scopedSearchInput:z,draggableList:ue,searchInput:k,select:r,switch:I,table:he,taggroup:ve,timeInput:C,toggleButtonGroup:s.buttonGroupRecipe},we=t.defineTextStyles(o.themeTokens.textStyle),Se=t.defineTokens.durations(o.themeTokens.aspectRatio),ze=t.defineTokens.animations(o.themeTokens.animation),Re=t.defineTokens.blurs(o.themeTokens.blur),ke=t.defineTokens.borders(o.themeTokens.border),Ie=t.defineTokens.colors({...o.themeTokens.color["blacks-and-whites"]}),Ce=t.defineTokens.durations(o.themeTokens.duration),Pe=t.defineTokens.easings(o.themeTokens.easing),Te=t.defineTokens.fonts(o.themeTokens.fontFamily),We=t.defineTokens.fontSizes(o.themeTokens.fontSize),_e=t.defineTokens.fontWeights(o.themeTokens.fontWeight),He=a=>Object.keys(a).reduce((l,i)=>{const P=parseFloat(a[i].value)/100;return l[i]={value:`${P}em`},l},{}),Ne=t.defineTokens.letterSpacings(He(o.themeTokens.letterSpacing)),Be=t.defineTokens.lineHeights(o.themeTokens.lineHeight),Ee=t.defineTokens.radii(o.themeTokens.borderRadius),De=t.defineTokens.spacing(o.themeTokens.spacing),Le=t.defineTokens.sizes({...o.themeTokens.size,"1/2":{value:"50%"},"1/3":{value:"33.333333%"},"2/3":{value:"66.666667%"},"1/4":{value:"25%"},"3/4":{value:"75%"},"1/5":{value:"20%"},"2/5":{value:"40%"},"3/5":{value:"60%"},"4/5":{value:"80%"},"1/6":{value:"16.666667%"},"2/6":{value:"33.333333%"},"3/6":{value:"50%"},"4/6":{value:"66.666667%"},"5/6":{value:"83.333333%"},"1/12":{value:"8.333333%"},"2/12":{value:"16.666667%"},"3/12":{value:"25%"},"4/12":{value:"33.333333%"},"5/12":{value:"41.666667%"},"6/12":{value:"50%"},"7/12":{value:"58.333333%"},"8/12":{value:"66.666667%"},"9/12":{value:"75%"},"10/12":{value:"83.333333%"},"11/12":{value:"91.666667%"},max:{value:"max-content"},min:{value:"min-content"},fit:{value:"fit-content"},prose:{value:"60ch"},full:{value:"100%"},dvh:{value:"100dvh"},svh:{value:"100svh"},lvh:{value:"100lvh"},dvw:{value:"100dvw"},svw:{value:"100svw"},lvw:{value:"100lvw"},vw:{value:"100vw"},vh:{value:"100vh"}}),Ae=t.defineTokens.zIndex(o.themeTokens.zIndex),Ve=t.defineTokens.cursor(o.themeTokens.cursor),Fe={aspectRatios:Se,animations:ze,blurs:Re,borders:ke,colors:Ie,durations:Ce,easings:Pe,fonts:Te,fontSizes:We,fontWeights:_e,letterSpacings:Ne,lineHeights:Be,radii:Ee,spacing:De,sizes:Le,zIndex:Ae,cursor:Ve},je=t.defineConfig({preflight:!0,cssVarsPrefix:"nimbus",cssVarsRoot:":where(:root, :host)",globalCss:D,conditions:E,theme:{breakpoints:B,keyframes:L,tokens:Fe,semanticTokens:K,recipes:X,slotRecipes:ye,textStyles:we,layerStyles:A,animationStyles:H}}),Ge=t.createSystem(t.defaultBaseConfig,je);exports.calendarSlotRecipe=g;exports.comboBoxSlotRecipe=m;exports.dateInputSlotRecipe=b;exports.datePickerSlotRecipe=f;exports.dateRangePickerSlotRecipe=c;exports.drawerSlotRecipe=h;exports.moneyInputRecipe=x;exports.multilineTextInputRecipe=v;exports.numberInputRecipe=y;exports.radioInputSlotRecipe=d;exports.rangeCalendarSlotRecipe=w;exports.richTextInputRecipe=S;exports.scopedSearchInputSlotRecipe=z;exports.searchInputSlotRecipe=k;exports.selectSlotRecipe=r;exports.separatorRecipe=p;exports.switchSlotRecipe=I;exports.system=Ge;exports.textInputSlotRecipe=R;exports.timeInputRecipe=C;exports.toolbarRecipe=u;
-//# sourceMappingURL=index-8m2zx8YL.cjs.js.map