@traefik-labs/faency 12.0.7

package/dist/components/Textarea/Textarea.vanilla.css.js

@@ -0,0 +1,11 @@
+/* empty css                                    */
+import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+var styledTextareaRecipe = createRuntimeFn({ defaultClassName: "q2igaw1 q2igaw0", variantClassNames: { variant: { ghost: "q2igaw2" }, state: { invalid: "q2igaw3" }, cursor: { "default": "q2igaw4", text: "q2igaw5" }, resize: { none: "q2igaw6", both: "q2igaw7", vertical: "q2igaw8", horizontal: "q2igaw9" }, endAdornment: { true: "q2igawa" } }, defaultVariants: { cursor: "default", resize: "both" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "q2igawb"]] });
+var textareaWrapperRecipe = createRuntimeFn({ defaultClassName: "q2igawd q2igawc", variantClassNames: { disabled: { true: "q2igawe" }, state: { invalid: "q2igawf" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+var adornmentWrapperEnd = "q2igawg";
+export {
+  adornmentWrapperEnd,
+  styledTextareaRecipe,
+  textareaWrapperRecipe
+};
+//# sourceMappingURL=Textarea.vanilla.css.js.map

package/dist/components/Textarea/Textarea.vanilla.css.js.map

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

package/dist/components/Textarea/Textarea.vanilla.js

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import React from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { textareaWrapperRecipe, styledTextareaRecipe, adornmentWrapperEnd } from "./Textarea.vanilla.css.js";
+import { LabelVanilla } from "../Label/Label.vanilla.js";
+const TextareaVanilla = React.forwardRef(
+  ({
+    state,
+    disabled,
+    onFocus,
+    onBlur,
+    label,
+    id,
+    rootCss,
+    css,
+    endAdornment,
+    variant,
+    cursor,
+    resize,
+    className,
+    style,
+    ...props
+  }, forwardedRef) => {
+    const [hasFocus, setHasFocus] = React.useState(false);
+    const { colors } = useVanillaExtractTheme();
+    const invalid = React.useMemo(() => state === "invalid", [state]);
+    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
+    const labelVariant = React.useMemo(() => {
+      if (disabled) {
+        return "subtle";
+      }
+      if (invalid) {
+        return "invalid";
+      }
+      if (hasFocus) {
+        return "contrast";
+      }
+      return "default";
+    }, [invalid, disabled, hasFocus]);
+    const handleFocus = React.useCallback(
+      (e) => {
+        if (onFocus) {
+          onFocus(e);
+        }
+        setHasFocus(true);
+      },
+      [onFocus, setHasFocus]
+    );
+    const handleBlur = React.useCallback(
+      (e) => {
+        if (onBlur) {
+          onBlur(e);
+        }
+        setHasFocus(false);
+      },
+      [onBlur, setHasFocus]
+    );
+    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);
+    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };
+    const { style: cssStyles, vars } = processCSSProp(css, colors);
+    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
+    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });
+    const styledTextareaClass = styledTextareaRecipe({
+      variant,
+      state,
+      cursor,
+      resize,
+      endAdornment: hasEndAdornment
+    });
+    return /* @__PURE__ */ jsxs("div", { style: rootMergedStyles, children: [
+      label && /* @__PURE__ */ jsx(LabelVanilla, { variant: labelVariant, htmlFor: id, css: { display: "block" }, children: label }),
+      /* @__PURE__ */ jsxs("div", { className: textareaWrapperClass, children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id,
+            ref: forwardedRef,
+            className: `${styledTextareaClass} ${className || ""}`.trim(),
+            style: mergedStyles,
+            disabled,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            ...props
+          }
+        ),
+        hasEndAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperEnd, children: endAdornment })
+      ] })
+    ] });
+  }
+);
+TextareaVanilla.displayName = "TextareaVanilla";
+export {
+  TextareaVanilla
+};
+//# sourceMappingURL=Textarea.vanilla.js.map

package/dist/components/Textarea/Textarea.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.vanilla.js","sources":["../../../components/Textarea/Textarea.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { LabelVanilla } from '../Label';\nimport {\n  adornmentWrapperEnd,\n  styledTextareaRecipe,\n  textareaWrapperRecipe,\n} from './Textarea.vanilla.css';\n\ntype StyledTextareaRecipeVariants = NonNullable<RecipeVariants<typeof styledTextareaRecipe>>;\n\nexport interface TextareaVanillaOwnProps extends CSSProps {\n  variant?: StyledTextareaRecipeVariants['variant'];\n  state?: StyledTextareaRecipeVariants['state'];\n  cursor?: StyledTextareaRecipeVariants['cursor'];\n  resize?: StyledTextareaRecipeVariants['resize'];\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSSProps['css'];\n}\n\nexport type TextareaVanillaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  TextareaVanillaOwnProps;\n\nexport const TextareaVanilla = React.forwardRef<HTMLTextAreaElement, TextareaVanillaProps>(\n  (\n    {\n      state,\n      disabled,\n      onFocus,\n      onBlur,\n      label,\n      id,\n      rootCss,\n      css,\n      endAdornment,\n      variant,\n      cursor,\n      resize,\n      className,\n      style,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const { colors } = useVanillaExtractTheme();\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (hasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, hasFocus]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setHasFocus(true);\n      },\n      [onFocus, setHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setHasFocus(false);\n      },\n      [onBlur, setHasFocus],\n    );\n\n    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);\n    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });\n    const styledTextareaClass = styledTextareaRecipe({\n      variant,\n      state,\n      cursor,\n      resize,\n      endAdornment: hasEndAdornment,\n    });\n\n    return (\n      <div style={rootMergedStyles}>\n        {label && (\n          <LabelVanilla variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </LabelVanilla>\n        )}\n        <div className={textareaWrapperClass}>\n          <textarea\n            id={id}\n            ref={forwardedRef}\n            className={`${styledTextareaClass} ${className || ''}`.trim()}\n            style={mergedStyles}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            {...props}\n          />\n          {hasEndAdornment && <div className={adornmentWrapperEnd}>{endAdornment}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextareaVanilla.displayName = 'TextareaVanilla';\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AAAA,EACnC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,iBACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,UAAU,MAAM,QAAQ,MAAM,UAAU,WAAW,CAAC,KAAK,CAAC;AAChE,UAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;AAEjF,UAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,UAAI,SAAS;AACX,eAAO;AAAA,MACT;AACA,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAAG,CAAC,SAAS,UAAU,QAAQ,CAAC;AAEhC,UAAM,cAAc,MAAM;AAAA,MACxB,CAAC,MAA6C;AAC5C,YAAI,SAAS;AACX,kBAAQ,CAAC;AAAA,QACX;AACA,oBAAY,IAAI;AAAA,MAClB;AAAA,MACA,CAAC,SAAS,WAAW;AAAA,IAAA;AAGvB,UAAM,aAAa,MAAM;AAAA,MACvB,CAAC,MAA6C;AAC5C,YAAI,QAAQ;AACV,iBAAO,CAAC;AAAA,QACV;AACA,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,CAAC,QAAQ,WAAW;AAAA,IAAA;AAGtB,UAAM,EAAE,OAAO,eAAe,MAAM,aAAa,eAAe,SAAS,MAAM;AAC/E,UAAM,mBAAmB,EAAE,GAAG,eAAe,GAAG,iBAAiB,QAAQ,EAAA;AAEzE,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,uBAAuB,sBAAsB,EAAE,OAAO,UAAU;AACtE,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACf;AAED,WACE,qBAAC,OAAA,EAAI,OAAO,kBACT,UAAA;AAAA,MAAA,SACC,oBAAC,cAAA,EAAa,SAAS,cAAc,SAAS,IAAI,KAAK,EAAE,SAAS,QAAA,GAC/D,UAAA,MAAA,CACH;AAAA,MAEF,qBAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,KAAK;AAAA,YACL,WAAW,GAAG,mBAAmB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,YACvD,OAAO;AAAA,YACP;AAAA,YACA,SAAS;AAAA,YACT,QAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,mBAAmB,oBAAC,OAAA,EAAI,WAAW,qBAAsB,UAAA,aAAA,CAAa;AAAA,MAAA,EAAA,CACzE;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const TooltipPrimitive = require("@radix-ui/react-tooltip");
+const React = require("react");
+const stitches_config = require("../../stitches.config.cjs");
+const Box = require("../Box/Box.cjs");
+const Text = require("../Text/Text.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const TooltipPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TooltipPrimitive);
+const Content = stitches_config.styled(TooltipPrimitive__namespace.Content, {
+  color: "$tooltipText",
+  backgroundColor: "$tooltipContentBg",
+  borderRadius: "$3",
+  padding: "$2",
+  variants: {
+    multiline: {
+      true: {
+        maxWidth: 250,
+        pb: 7
+      }
+    }
+  }
+});
+const ArrowBox = stitches_config.styled(Box.Box, {
+  color: "$tooltipContentBg"
+});
+const TooltipContent = React.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
+  const isContentString = React.useMemo(() => typeof children === "string", [children]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Content,
+    {
+      css,
+      side: "top",
+      align: "center",
+      sideOffset: 5,
+      ...props,
+      multiline,
+      ref: forwardedRef,
+      children: [
+        isContentString ? /* @__PURE__ */ jsxRuntime.jsx(
+          Text.Text,
+          {
+            size: "1",
+            as: "p",
+            css: {
+              color: "currentColor",
+              lineHeight: multiline ? "20px" : void 0
+            },
+            children
+          }
+        ) : children,
+        /* @__PURE__ */ jsxRuntime.jsx(ArrowBox, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          TooltipPrimitive__namespace.Arrow,
+          {
+            offset: 5,
+            width: 11,
+            height: 5,
+            style: {
+              fill: "currentColor"
+            }
+          }
+        ) })
+      ]
+    }
+  );
+});
+const Tooltip = React.forwardRef(
+  ({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration: 400,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { css, multiline, ref: forwardedRef, ...props, children: content }) })
+      ]
+    }
+  )
+);
+const TooltipRoot = TooltipPrimitive__namespace.Root;
+const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipRoot = TooltipRoot;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"names":["styled","TooltipPrimitive","Box","jsxs","jsx","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,UAAUA,gBAAAA,OAAOC,4BAAiB,SAAS;AAAA,EAC/C,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,WAAWD,gBAAAA,OAAOE,SAAK;AAAA,EAC3B,OAAO;AACT,CAAC;AAEM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,KAAK,WAAW,UAAU,GAAG,MAAA,GAAS,iBAAiB;AAC1D,QAAM,kBAAkB,MAAM,QAAQ,MAAM,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;AACpF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAY;AAAA,MACX,GAAI;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MAEJ,UAAA;AAAA,QAAA,kBACCC,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,KAAK;AAAA,cACH,OAAO;AAAA,cACP,YAAY,YAAY,SAAS;AAAA,YAAA;AAAA,YAGlC;AAAA,UAAA;AAAA,QAAA,IAGH;AAAA,uCAED,UAAA,EACC,UAAAD,2BAAAA;AAAAA,UAACH,4BAAiB;AAAA,UAAjB;AAAA,YACC,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,CACE,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,MAAA,GACzE,iBAEAE,2BAAAA;AAAAA,IAACF,4BAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEf,UAAA;AAAA,QAAAG,2BAAAA,IAACH,4BAAiB,SAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,QAC5CG,2BAAAA,IAACH,4BAAiB,QAAjB,EACC,UAAAG,2BAAAA,IAAC,gBAAA,EAAe,KAAU,WAAsB,KAAK,cAAe,GAAG,OACpE,mBACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,cAAcH,4BAAiB;AACrC,MAAM,iBAAiBA,4BAAiB;;;;;"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import React from "react";
+import { styled } from "../../stitches.config.js";
+import { Box } from "../Box/Box.js";
+import { Text } from "../Text/Text.js";
+const Content = styled(TooltipPrimitive.Content, {
+  color: "$tooltipText",
+  backgroundColor: "$tooltipContentBg",
+  borderRadius: "$3",
+  padding: "$2",
+  variants: {
+    multiline: {
+      true: {
+        maxWidth: 250,
+        pb: 7
+      }
+    }
+  }
+});
+const ArrowBox = styled(Box, {
+  color: "$tooltipContentBg"
+});
+const TooltipContent = React.forwardRef(({ css, multiline, children, ...props }, forwardedRef) => {
+  const isContentString = React.useMemo(() => typeof children === "string", [children]);
+  return /* @__PURE__ */ jsxs(
+    Content,
+    {
+      css,
+      side: "top",
+      align: "center",
+      sideOffset: 5,
+      ...props,
+      multiline,
+      ref: forwardedRef,
+      children: [
+        isContentString ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "1",
+            as: "p",
+            css: {
+              color: "currentColor",
+              lineHeight: multiline ? "20px" : void 0
+            },
+            children
+          }
+        ) : children,
+        /* @__PURE__ */ jsx(ArrowBox, { children: /* @__PURE__ */ jsx(
+          TooltipPrimitive.Arrow,
+          {
+            offset: 5,
+            width: 11,
+            height: 5,
+            style: {
+              fill: "currentColor"
+            }
+          }
+        ) })
+      ]
+    }
+  );
+});
+const Tooltip = React.forwardRef(
+  ({ children, content, open, defaultOpen, onOpenChange, multiline, css, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration: 400,
+      children: [
+        /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipContent, { css, multiline, ref: forwardedRef, ...props, children: content }) })
+      ]
+    }
+  )
+);
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipRoot,
+  TooltipTrigger
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &\n  Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'> & {\n    children: React.ReactElement | React.ReactNode;\n    content: React.ReactElement | React.ReactNode;\n    multiline?: boolean;\n    css?: CSS;\n  };\n\nconst Content = styled(TooltipPrimitive.Content, {\n  color: '$tooltipText',\n  backgroundColor: '$tooltipContentBg',\n  borderRadius: '$3',\n  padding: '$2',\n\n  variants: {\n    multiline: {\n      true: {\n        maxWidth: 250,\n        pb: 7,\n      },\n    },\n  },\n});\n\nconst ArrowBox = styled(Box, {\n  color: '$tooltipContentBg',\n});\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof Content>,\n  Partial<TooltipProps>\n>(({ css, multiline, children, ...props }, forwardedRef) => {\n  const isContentString = React.useMemo(() => typeof children === 'string', [children]);\n  return (\n    <Content\n      css={css}\n      side=\"top\"\n      align=\"center\"\n      sideOffset={5}\n      {...(props as React.ComponentProps<typeof TooltipPrimitive.Content>)}\n      multiline={multiline}\n      ref={forwardedRef}\n    >\n      {isContentString ? (\n        <Text\n          size=\"1\"\n          as=\"p\"\n          css={{\n            color: 'currentColor',\n            lineHeight: multiline ? '20px' : undefined,\n          }}\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      <ArrowBox>\n        <TooltipPrimitive.Arrow\n          offset={5}\n          width={11}\n          height={5}\n          style={{\n            fill: 'currentColor',\n          }}\n        />\n      </ArrowBox>\n    </Content>\n  );\n});\n\nexport const Tooltip = React.forwardRef<React.ElementRef<typeof Content>, TooltipProps>(\n  (\n    { children, content, open, defaultOpen, onOpenChange, multiline, css, ...props },\n    forwardedRef,\n  ) => (\n    <TooltipPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={400}\n    >\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipContent css={css} multiline={multiline} ref={forwardedRef} {...props}>\n          {content}\n        </TooltipContent>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  ),\n);\n\nexport const TooltipRoot = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\nexport const TooltipPortal = TooltipPrimitive.Portal;\n\nexport type TooltipVariants = VariantProps<typeof Tooltip>;\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,UAAU,OAAO,iBAAiB,SAAS;AAAA,EAC/C,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AAAA,EAET,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,WAAW,OAAO,KAAK;AAAA,EAC3B,OAAO;AACT,CAAC;AAEM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,KAAK,WAAW,UAAU,GAAG,MAAA,GAAS,iBAAiB;AAC1D,QAAM,kBAAkB,MAAM,QAAQ,MAAM,OAAO,aAAa,UAAU,CAAC,QAAQ,CAAC;AACpF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAY;AAAA,MACX,GAAI;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MAEJ,UAAA;AAAA,QAAA,kBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAG;AAAA,YACH,KAAK;AAAA,cACH,OAAO;AAAA,cACP,YAAY,YAAY,SAAS;AAAA,YAAA;AAAA,YAGlC;AAAA,UAAA;AAAA,QAAA,IAGH;AAAA,4BAED,UAAA,EACC,UAAA;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,CACE,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,WAAW,KAAK,GAAG,MAAA,GACzE,iBAEA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,iBAAiB,SAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,QAC5C,oBAAC,iBAAiB,QAAjB,EACC,UAAA,oBAAC,gBAAA,EAAe,KAAU,WAAsB,KAAK,cAAe,GAAG,OACpE,mBACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,cAAc,iBAAiB;AACrC,MAAM,iBAAiB,iBAAiB;"}

package/dist/components/Tooltip/Tooltip.themes.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.Theme = void 0;
+((Theme2) => {
+  Theme2.getLight = () => ({
+    tooltipContentBg: "$primary",
+    tooltipText: "white"
+  });
+  Theme2.getDark = () => ({
+    tooltipContentBg: "$primary",
+    tooltipText: "$deepBlue2"
+  });
+})(exports.Theme || (exports.Theme = {}));
+//# sourceMappingURL=Tooltip.themes.cjs.map

package/dist/components/Tooltip/Tooltip.themes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.themes.cjs","sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AAGFA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AACf,GAhBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}

package/dist/components/Tooltip/Tooltip.themes.js

@@ -0,0 +1,15 @@
+var Theme;
+((Theme2) => {
+  Theme2.getLight = () => ({
+    tooltipContentBg: "$primary",
+    tooltipText: "white"
+  });
+  Theme2.getDark = () => ({
+    tooltipContentBg: "$primary",
+    tooltipText: "$deepBlue2"
+  });
+})(Theme || (Theme = {}));
+export {
+  Theme
+};
+//# sourceMappingURL=Tooltip.themes.js.map

package/dist/components/Tooltip/Tooltip.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.themes.js","sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AAGFA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AACf,GAhBe,UAAA,QAAA,CAAA,EAAA;"}

package/dist/components/VisuallyHidden/VisuallyHidden.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const VisuallyHiddenPrimitive = require("@radix-ui/react-visually-hidden");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const VisuallyHiddenPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(VisuallyHiddenPrimitive);
+const VisuallyHidden = VisuallyHiddenPrimitive__namespace.Root;
+exports.VisuallyHidden = VisuallyHidden;
+//# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.cjs","sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"names":["VisuallyHiddenPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEO,MAAM,iBAAiBA,mCAAwB;;"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,6 @@
+import * as VisuallyHiddenPrimitive from "@radix-ui/react-visually-hidden";
+const VisuallyHidden = VisuallyHiddenPrimitive.Root;
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB,wBAAwB;"}