@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-FSMQF5P5.js

@@ -0,0 +1,168 @@
+import {
+  Heading
+} from "./chunk-HQJ75HHI.js";
+import {
+  Separator
+} from "./chunk-6I75JTFO.js";
+import {
+  Card,
+  CardContent
+} from "./chunk-D2IASECY.js";
+import {
+  Button
+} from "./chunk-6HLRXICF.js";
+import {
+  Text
+} from "./chunk-VRHBJXZ7.js";
+
+// src/social-login-button/social-login-button.tsx
+import * as React from "react";
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GoogleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+      fill: "#4285F4"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+      fill: "#34A853"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+      fill: "#FBBC05"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+      fill: "#EA4335"
+    }
+  )
+] });
+var FacebookIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z",
+    fill: "#1877F2"
+  }
+) });
+var AppleIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
+var providerConfig = {
+  google: {
+    label: "Continue with Google",
+    Icon: GoogleIcon,
+    variant: "outline",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#ffffff",
+      color: "#1f1f1f",
+      borderColor: "#dadce0",
+      "&:hover": {
+        backgroundColor: "#f5f5f5",
+        borderColor: "#dadce0"
+      }
+    }
+  },
+  facebook: {
+    label: "Continue with Facebook",
+    Icon: FacebookIcon,
+    variant: "solid",
+    color: "primary",
+    sx: {
+      backgroundColor: "#1877F2",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#166fe5"
+      }
+    }
+  },
+  apple: {
+    label: "Continue with Apple",
+    Icon: AppleIcon,
+    variant: "solid",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#000000",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#1a1a1a"
+      }
+    }
+  }
+};
+var SocialLoginButton = React.forwardRef(
+  ({ provider, onClick, loading = false, disabled = false, fullWidth = true }, ref) => {
+    const config = providerConfig[provider];
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: config.variant,
+        color: config.color,
+        size: "lg",
+        loading,
+        disabled,
+        onClick,
+        icon: /* @__PURE__ */ jsx(config.Icon, {}),
+        fullWidth,
+        sx: {
+          minHeight: 48,
+          justifyContent: "flex-start",
+          gap: 2,
+          ...config.sx
+        },
+        children: config.label
+      }
+    );
+  }
+);
+SocialLoginButton.displayName = "SocialLoginButton";
+function SocialLoginContainer({
+  children,
+  title = "Sign in to continue",
+  subtitle,
+  showDivider = false,
+  dividerText = "or",
+  maxWidth = 400
+}) {
+  return (
+    // `width: 100%` is what makes the cap below mean anything. Every caller
+    // centres this card in a flex column (`Container variant="centered"` does),
+    // and a flex item under `align-items: center` sizes to its CONTENT — so the
+    // card sat at whatever the longest label happened to need, ~267px, at every
+    // viewport from 390 to 1280. The 400 was never reached, which is why raising
+    // it would have changed nothing; the card had no width to cap.
+    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, children: [
+      title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
+        subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
+      showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
+        /* @__PURE__ */ jsx(Separator, {})
+      ] })
+    ] }) }) })
+  );
+}
+
+export {
+  GoogleIcon,
+  FacebookIcon,
+  AppleIcon,
+  SocialLoginButton,
+  SocialLoginContainer
+};
+//# sourceMappingURL=chunk-FSMQF5P5.js.map

package/dist/chunk-FSMQF5P5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/social-login-button/social-login-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { Button } from '../components/form/Button';\nimport { Card, CardContent } from '../components/layout/Card';\nimport { Heading } from '../components/typography/Heading';\nimport { Text } from '../components/typography/Text';\nimport { Separator } from '../components/layout/Separator';\n\nexport type SocialProvider = 'google' | 'facebook' | 'apple';\n\n/**\n * SVG Icons for social providers\n */\nconst GoogleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n      fill=\"#4285F4\"\n    />\n    <path\n      d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n      fill=\"#34A853\"\n    />\n    <path\n      d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n      fill=\"#FBBC05\"\n    />\n    <path\n      d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n      fill=\"#EA4335\"\n    />\n  </svg>\n);\n\nconst FacebookIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z\"\n      fill=\"#1877F2\"\n    />\n  </svg>\n);\n\nconst AppleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n  </svg>\n);\n\ninterface ProviderConfig {\n  label: string;\n  Icon: () => React.ReactElement;\n  variant: 'solid' | 'outline' | 'ghost';\n  color: 'primary' | 'secondary' | 'neutral';\n  sx?: object;\n}\n\nconst providerConfig: Record<SocialProvider, ProviderConfig> = {\n  google: {\n    label: \"Continue with Google\",\n    Icon: GoogleIcon,\n    variant: 'outline',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#ffffff',\n      color: '#1f1f1f',\n      borderColor: '#dadce0',\n      '&:hover': {\n        backgroundColor: '#f5f5f5',\n        borderColor: '#dadce0',\n      },\n    },\n  },\n  facebook: {\n    label: \"Continue with Facebook\",\n    Icon: FacebookIcon,\n    variant: 'solid',\n    color: 'primary',\n    sx: {\n      backgroundColor: '#1877F2',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#166fe5',\n      },\n    },\n  },\n  apple: {\n    label: \"Continue with Apple\",\n    Icon: AppleIcon,\n    variant: 'solid',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#000000',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#1a1a1a',\n      },\n    },\n  },\n};\n\nexport interface SocialLoginButtonProps {\n  provider: SocialProvider;\n  onClick?: () => void;\n  loading?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\n/**\n * Social login button using UI package Button component\n */\nexport const SocialLoginButton = React.forwardRef<HTMLButtonElement, SocialLoginButtonProps>(\n  ({ provider, onClick, loading = false, disabled = false, fullWidth = true }, ref) => {\n    const config = providerConfig[provider];\n\n    return (\n      <Button\n        ref={ref}\n        variant={config.variant}\n        color={config.color}\n        size=\"lg\"\n        loading={loading}\n        disabled={disabled}\n        onClick={onClick}\n        icon={<config.Icon />}\n        fullWidth={fullWidth}\n        sx={{\n          minHeight: 48,\n          justifyContent: 'flex-start',\n          gap: 2,\n          ...config.sx,\n        }}\n      >\n        {config.label}\n      </Button>\n    );\n  }\n);\n\nSocialLoginButton.displayName = 'SocialLoginButton';\n\n/**\n * Container for social login buttons with optional divider\n */\nexport interface SocialLoginContainerProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  showDivider?: boolean;\n  dividerText?: string;\n  /**\n   * How wide the card is allowed to get. Defaults to the 400 it has always\n   * intended, so nothing that does not ask for a width moves.\n   *\n   * Worth passing for a card holding a FORM rather than a row of provider\n   * buttons: 400 was chosen for the latter, and an e-mail + password pair reads\n   * cramped in it.\n   */\n  maxWidth?: number | string;\n}\n\nexport function SocialLoginContainer({\n  children,\n  title = \"Sign in to continue\",\n  subtitle,\n  showDivider = false,\n  dividerText = \"or\",\n  maxWidth = 400,\n}: SocialLoginContainerProps): React.ReactElement {\n  return (\n    // `width: 100%` is what makes the cap below mean anything. Every caller\n    // centres this card in a flex column (`Container variant=\"centered\"` does),\n    // and a flex item under `align-items: center` sizes to its CONTENT — so the\n    // card sat at whatever the longest label happened to need, ~267px, at every\n    // viewport from 390 to 1280. The 400 was never reached, which is why raising\n    // it would have changed nothing; the card had no width to cap.\n    <Card variant=\"elevated\" borderRadius=\"lg\" sx={{ width: '100%', maxWidth }}>\n      <CardContent>\n        <Stack spacing={3} sx={{ width: '100%' }}>\n          {title && (\n            <Box sx={{ textAlign: 'center' }}>\n              <Heading level=\"h2\">\n                {title}\n              </Heading>\n              {subtitle && (\n                <Text color=\"secondary\" size=\"sm\">\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          )}\n\n          <Stack spacing={2}>\n            {children}\n          </Stack>\n\n          {showDivider && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n              <Separator />\n              <Text color=\"secondary\" size=\"sm\">\n                {dividerText}\n              </Text>\n              <Separator />\n            </Box>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport { GoogleIcon, FacebookIcon, AppleIcon };\n"],"mappings":"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","names":[]}

package/dist/chunk-FV36LFPX.js

@@ -0,0 +1,71 @@
+// src/components/data-display/DataViews/data-views-number-input.tsx
+import Box from "@mui/material/Box/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ALLOWED = /[^\d.,]/g;
+function parsePtBrNumber(text) {
+  const cleaned = text.replace(ALLOWED, "");
+  if (cleaned === "") return void 0;
+  const hasComma = cleaned.includes(",");
+  const dots = cleaned.split(".").length - 1;
+  const lastDot = cleaned.lastIndexOf(".");
+  const dotIsDecimal = !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;
+  const normalized = dotIsDecimal ? cleaned : cleaned.replace(/\./g, "").replace(",", ".");
+  const amount = Number(normalized);
+  return Number.isFinite(amount) ? amount : void 0;
+}
+function formatPtBrNumber(amount) {
+  if (amount == null || amount === "") return "";
+  return String(amount).replace(".", ",");
+}
+function boundAsNumber(amount) {
+  if (amount == null || amount === "") return void 0;
+  const parsed = typeof amount === "number" ? amount : Number(amount);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function NumberBoundInput({
+  label,
+  value,
+  unit,
+  onChange,
+  testId
+}) {
+  const applied = boundAsNumber(value);
+  const [text, setText] = useState(() => formatPtBrNumber(value));
+  useEffect(() => {
+    setText((current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied));
+  }, [applied]);
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      type: "text",
+      label,
+      value: text,
+      onChange: (event) => {
+        const next = event.target.value.replace(ALLOWED, "");
+        setText(next);
+        const amount = parsePtBrNumber(next);
+        if (next === "") return onChange(void 0);
+        if (amount !== void 0) onChange(amount);
+      },
+      onBlur: () => setText(
+        (current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)
+      ),
+      InputLabelProps: { shrink: true },
+      inputProps: { "data-testid": testId, inputMode: "decimal", autoComplete: "off" },
+      InputProps: unit ? {
+        startAdornment: /* @__PURE__ */ jsx(Box, { component: "span", sx: { mr: 0.5, color: "text.secondary" }, children: unit })
+      } : void 0,
+      sx: { width: 140 }
+    }
+  );
+}
+
+export {
+  parsePtBrNumber,
+  formatPtBrNumber,
+  NumberBoundInput
+};
+//# sourceMappingURL=chunk-FV36LFPX.js.map

package/dist/chunk-FV36LFPX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-number-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A numeric bound typed the way Brazilians write numbers, replacing\n * `<input type=\"number\">`.\n *\n * The native control parses in the BROWSER's locale, and it does not fail\n * loudly when the text does not match — it drops what it cannot read and keeps\n * the rest. Typing `50,00` into it, measured in Chromium:\n *\n *     digitado \"50,00\"  ->  campo \"5000\"   ->  filtro R$ 5.000\n *     digitado \"17,50\"  ->  campo \"1750\"   ->  filtro R$ 1.750\n *     digitado \"50.00\"  ->  campo \"500\"    ->  filtro R$ 500\n *\n * The comma is deleted and the digits close ranks, so the merchant asks for\n * fifty reais and gets a filter a HUNDRED times larger. The list empties, the\n * chip reads `Valor: ≥ R$ 5000`, and nothing on screen connects that to the\n * `50,00` they typed. It reads as \"the value filter is broken\", which is how it\n * was reported.\n *\n * So the field parses pt-BR itself: `,` is the decimal separator and `.` groups\n * thousands, which is what `R$ 1.234,56` means to the person reading it. A\n * plain `50` still works, and so does `50.00` — a dot with exactly two digits\n * after it is far more likely to be a decimal typed on a numeric keypad than a\n * thousands group, and reading it as `5000` is the very failure this replaces.\n *\n * WHICH KEYPAD, and where the request has to be made. `inputMode` goes on the\n * `<input>`, via `inputProps` — set on the `TextField` it rides the spread onto\n * the root `FormControl` div, an element nothing types into, so the attribute\n * has no effect and a phone goes on offering letters for a field that accepts\n * none of them. It is `decimal` rather than `numeric` because the numeric pad\n * has no comma on iOS, and the comma is the separator this field exists to\n * accept — `numeric` here would reopen the bug above from the other side, with\n * `17,50` untypeable rather than misread. Autofill is off alongside it: its\n * saved-value strip covers the keypad to offer names and addresses, none of\n * which survive `ALLOWED` anyway.\n */\nimport Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\n\n/** Everything this field lets through: digits and the two separators. */\nconst ALLOWED = /[^\\d.,]/g;\n\n/**\n * pt-BR text → number, or `undefined` when it is not one (yet).\n *\n * `.` is a thousands group and `,` is the decimal point, EXCEPT when a lone dot\n * is followed by one or two digits and no comma is present — `50.00` and `1.5`\n * are decimals somebody typed, while `1.234` is a thousand.\n */\nexport function parsePtBrNumber(text: string): number | undefined {\n  const cleaned = text.replace(ALLOWED, '');\n  if (cleaned === '') return undefined;\n  const hasComma = cleaned.includes(',');\n  const dots = cleaned.split('.').length - 1;\n  const lastDot = cleaned.lastIndexOf('.');\n  const dotIsDecimal =\n    !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;\n  const normalized = dotIsDecimal\n    ? cleaned\n    : cleaned.replace(/\\./g, '').replace(',', '.');\n  const amount = Number(normalized);\n  return Number.isFinite(amount) ? amount : undefined;\n}\n\n/**\n * A stored bound → the text the merchant reads, with a comma for the decimal\n * point.\n *\n * It takes a STRING too, and that is not defensive typing: a range restored\n * from the URL arrives as one (`?totalCents_gte=5000`). Narrowing to `number`\n * and dropping the rest emptied the field on every reload — and then the next\n * keystroke wrote a bound built from nothing.\n */\nexport function formatPtBrNumber(amount: number | string | undefined): string {\n  if (amount == null || amount === '') return '';\n  return String(amount).replace('.', ',');\n}\n\n/** The same, as a number — `undefined` when the bound is unset or unusable. */\nfunction boundAsNumber(amount: number | string | undefined): number | undefined {\n  if (amount == null || amount === '') return undefined;\n  const parsed = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * One end of a numeric range. The BOUND stays a plain `number` — nothing\n * downstream learns that the typing surface changed.\n */\nexport function NumberBoundInput({\n  label,\n  value,\n  unit,\n  onChange,\n  testId,\n}: {\n  label: string;\n  /** The applied bound. A range restored from the URL hands this over as a string. */\n  value: number | string | undefined;\n  /** Rendered as a start adornment (\"R$\"), not parsed out of the text. */\n  unit?: string;\n  onChange: (bound: number | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const applied = boundAsNumber(value);\n  const [text, setText] = useState(() => formatPtBrNumber(value));\n\n  // Re-sync only when the applied bound moved somewhere the text does not\n  // already mean — a \"Limpar\", a saved view. Comparing through the PARSE rather\n  // than the string keeps `50,` and `50,00` from being rewritten mid-edit.\n  useEffect(() => {\n    setText((current) => (parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      value={text}\n      onChange={(event) => {\n        // Reject the characters rather than silently dropping them AFTER\n        // parsing — a letter should not move the number.\n        const next = event.target.value.replace(ALLOWED, '');\n        setText(next);\n        const amount = parsePtBrNumber(next);\n        // A bare separator (`50,`) parses to nothing yet; leave the applied\n        // bound alone rather than clearing it half-way through a decimal.\n        if (next === '') return onChange(undefined);\n        if (amount !== undefined) onChange(amount);\n      }}\n      // Blur TIDIES, it does not rewrite. Text that already means the applied\n      // bound is left exactly as typed — `20`, `17,50` and `1.234,56` all stay\n      // — and only something that does not (`50,,`) snaps back.\n      //\n      // Padding the field to the chip's precision was tried and is worse than\n      // the mismatch it closed: settling `20` to `20,00` means the next edit\n      // starts from text the merchant did not write, so appending a digit to\n      // make it 200 produces `20,000`, which parses back to 20. The filter then\n      // ignores the keystroke, which is exactly the \"não funciona\" this whole\n      // control exists to end. An input must hold what was typed into it; the\n      // CHIP is where the applied window gets written in full.\n      onBlur={() =>\n        setText((current) =>\n          parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied),\n        )\n      }\n      InputLabelProps={{ shrink: true }}\n      // `inputMode` belongs on the `<input>`, never on the TextField — see the\n      // keypad note at the top of this file for what goes wrong up there.\n      inputProps={{ 'data-testid': testId, inputMode: 'decimal', autoComplete: 'off' }}\n      InputProps={\n        unit\n          ? {\n              startAdornment: (\n                <Box component=\"span\" sx={{ mr: 0.5, color: 'text.secondary' }}>\n                  {unit}\n                </Box>\n              ),\n            }\n          : undefined\n      }\n      sx={{ width: 140 }}\n    />\n  );\n}\n"],"mappings":";AAqCA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAgB,WAAW,gBAAgB;AAsH3B;AAnHhB,IAAM,UAAU;AAST,SAAS,gBAAgB,MAAkC;AAChE,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE;AACxC,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,WAAW,QAAQ,SAAS,GAAG;AACrC,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,SAAS;AACzC,QAAM,UAAU,QAAQ,YAAY,GAAG;AACvC,QAAM,eACJ,CAAC,YAAY,SAAS,KAAK,QAAQ,SAAS,UAAU,IAAI,KAAK,QAAQ,SAAS,UAAU,KAAK;AACjG,QAAM,aAAa,eACf,UACA,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG;AAC/C,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAWO,SAAS,iBAAiB,QAA6C;AAC5E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,SAAO,OAAO,MAAM,EAAE,QAAQ,KAAK,GAAG;AACxC;AAGA,SAAS,cAAc,QAAyD;AAC9E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,QAAM,SAAS,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAClE,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,iBAAiB,KAAK,CAAC;AAK9D,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO,CAAE;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AAGnB,cAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,SAAS,EAAE;AACnD,gBAAQ,IAAI;AACZ,cAAM,SAAS,gBAAgB,IAAI;AAGnC,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,YAAI,WAAW,OAAW,UAAS,MAAM;AAAA,MAC3C;AAAA,MAYA,QAAQ,MACN;AAAA,QAAQ,CAAC,YACP,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO;AAAA,MAC3E;AAAA,MAEF,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAGhC,YAAY,EAAE,eAAe,QAAQ,WAAW,WAAW,cAAc,MAAM;AAAA,MAC/E,YACE,OACI;AAAA,QACE,gBACE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,OAAO,iBAAiB,GAC1D,gBACH;AAAA,MAEJ,IACA;AAAA,MAEN,IAAI,EAAE,OAAO,IAAI;AAAA;AAAA,EACnB;AAEJ;","names":[]}

package/dist/chunk-FWL2N2KH.js

@@ -0,0 +1,85 @@
+import {
+  MenubarSeparator
+} from "./chunk-YMGHTZA6.js";
+import {
+  MenubarItemView
+} from "./chunk-3GOX75ZM.js";
+
+// src/components/form/Menubar/Menubar.toolbar.tsx
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Toolbar from "@mui/material/Toolbar/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MenubarToolbar = ({
+  ariaLabel,
+  barSx,
+  items,
+  size,
+  orientation,
+  disabled,
+  loading,
+  logo,
+  endContent,
+  fullWidth,
+  activeMenu,
+  menuRefs,
+  onOpen,
+  onActivate,
+  onClose,
+  onFocus,
+  onBlur
+}) => {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsxs(
+    Toolbar,
+    {
+      role: "toolbar",
+      "aria-label": ariaLabel,
+      sx: {
+        ...barSx,
+        width: fullWidth ? "100%" : "auto",
+        flexDirection: isVertical ? "column" : "row",
+        alignItems: isVertical ? "flex-start" : "center",
+        gap: 1
+      },
+      children: [
+        logo && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: logo }),
+        loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: isVertical ? "column" : "row",
+              gap: isVertical ? 0.5 : 1,
+              flex: 1
+            },
+            children: items.map(
+              (item) => item.divider ? /* @__PURE__ */ jsx(MenubarSeparator, { orientation }, item.id) : /* @__PURE__ */ jsx(
+                MenubarItemView,
+                {
+                  item,
+                  size,
+                  disabled,
+                  isOpen: activeMenu === item.id,
+                  anchorEl: menuRefs.current[item.id] ?? null,
+                  onOpen,
+                  onActivate,
+                  onClose,
+                  onFocus,
+                  onBlur
+                },
+                item.id
+              )
+            )
+          }
+        ),
+        endContent && /* @__PURE__ */ jsx(Box, { sx: { ml: "auto" }, children: endContent })
+      ]
+    }
+  );
+};
+
+export {
+  MenubarToolbar
+};
+//# sourceMappingURL=chunk-FWL2N2KH.js.map

package/dist/chunk-FWL2N2KH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Menubar/Menubar.toolbar.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Toolbar from '@mui/material/Toolbar/index.js';\nimport type { CSSObject } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { MenubarItemView } from './Menubar.item';\nimport { MenubarSeparator } from './Menubar.separator';\nimport type { MenubarItem, MenubarProps } from './Menubar.types';\n\nexport interface MenubarToolbarProps {\n  ariaLabel: string;\n  barSx: CSSObject;\n  items: MenubarItem[];\n  size: NonNullable<MenubarProps['size']>;\n  orientation: NonNullable<MenubarProps['orientation']>;\n  disabled: boolean;\n  loading: boolean;\n  logo?: React.ReactNode;\n  endContent?: React.ReactNode;\n  fullWidth: boolean;\n  activeMenu: string | null;\n  menuRefs: React.MutableRefObject<{ [key: string]: HTMLElement | null }>;\n  onOpen: (itemId: string, anchorEl: HTMLElement) => void;\n  onActivate: (item: MenubarItem) => void;\n  onClose: () => void;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n}\n\n/**\n * The bar's contents: an optional logo, the entries themselves, and whatever the\n * caller hangs off the end. Shared by both orientations — only the element\n * wrapping it differs.\n */\nexport const MenubarToolbar: React.FC<MenubarToolbarProps> = ({\n  ariaLabel,\n  barSx,\n  items,\n  size,\n  orientation,\n  disabled,\n  loading,\n  logo,\n  endContent,\n  fullWidth,\n  activeMenu,\n  menuRefs,\n  onOpen,\n  onActivate,\n  onClose,\n  onFocus,\n  onBlur,\n}) => {\n  const isVertical = orientation === 'vertical';\n\n  return (\n    <Toolbar\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      sx={{\n        ...barSx,\n        width: fullWidth ? '100%' : 'auto',\n        flexDirection: isVertical ? 'column' : 'row',\n        alignItems: isVertical ? 'flex-start' : 'center',\n        gap: 1,\n      }}\n    >\n      {logo && <Box sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>{logo}</Box>}\n\n      {loading ? (\n        <CircularProgress size={20} color=\"inherit\" />\n      ) : (\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: isVertical ? 'column' : 'row',\n            gap: isVertical ? 0.5 : 1,\n            flex: 1,\n          }}\n        >\n          {items.map((item) =>\n            item.divider ? (\n              <MenubarSeparator key={item.id} orientation={orientation} />\n            ) : (\n              <MenubarItemView\n                key={item.id}\n                item={item}\n                size={size}\n                disabled={disabled}\n                isOpen={activeMenu === item.id}\n                anchorEl={menuRefs.current[item.id] ?? null}\n                onOpen={onOpen}\n                onActivate={onActivate}\n                onClose={onClose}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n            ),\n          )}\n        </Box>\n      )}\n\n      {endContent && <Box sx={{ ml: 'auto' }}>{endContent}</Box>}\n    </Toolbar>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,aAAa;AAuDhB,SAWW,KAXX;AAtBG,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,gBAAgB;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,IAAI;AAAA,QACF,GAAG;AAAA,QACH,OAAO,YAAY,SAAS;AAAA,QAC5B,eAAe,aAAa,WAAW;AAAA,QACvC,YAAY,aAAa,eAAe;AAAA,QACxC,KAAK;AAAA,MACP;AAAA,MAEC;AAAA,gBAAQ,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,SAAS,QAAQ,YAAY,SAAS,GAAI,gBAAK;AAAA,QAEzE,UACC,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU,IAE5C;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,eAAe,aAAa,WAAW;AAAA,cACvC,KAAK,aAAa,MAAM;AAAA,cACxB,MAAM;AAAA,YACR;AAAA,YAEC,gBAAM;AAAA,cAAI,CAAC,SACV,KAAK,UACH,oBAAC,oBAA+B,eAAT,KAAK,EAA8B,IAE1D;AAAA,gBAAC;AAAA;AAAA,kBAEC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,QAAQ,eAAe,KAAK;AAAA,kBAC5B,UAAU,SAAS,QAAQ,KAAK,EAAE,KAAK;AAAA,kBACvC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,gBAVK,KAAK;AAAA,cAWZ;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA,QAGD,cAAc,oBAAC,OAAI,IAAI,EAAE,IAAI,OAAO,GAAI,sBAAW;AAAA;AAAA;AAAA,EACtD;AAEJ;","names":[]}

package/dist/chunk-FX5DY6VR.js

@@ -0,0 +1,114 @@
+import {
+  LabelContainer,
+  SwitchControl,
+  SwitchHelper,
+  SwitchLabel
+} from "./chunk-Q5EQC7NL.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/form/Switch/Switch.tsx
+import Box from "@mui/material/Box/index.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULTS = {
+  variant: "default",
+  color: "primary",
+  size: "md",
+  glow: false,
+  glass: false,
+  gradient: false,
+  labelPosition: "end",
+  error: false,
+  animated: true,
+  loading: false,
+  ripple: false,
+  pulse: false
+};
+var Switch = forwardRef((props, ref) => {
+  const {
+    variant,
+    color,
+    size,
+    label,
+    description,
+    glow,
+    glass,
+    gradient,
+    labelPosition,
+    onIcon,
+    offIcon,
+    onText,
+    offText,
+    error,
+    helperText,
+    trackWidth,
+    trackHeight,
+    checked,
+    onChange,
+    animated,
+    loading,
+    ripple,
+    pulse,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
+  const control = /* @__PURE__ */ jsx(
+    SwitchControl,
+    {
+      customVariant: variant,
+      customColor: color,
+      customSize: size,
+      glow,
+      glass,
+      gradient,
+      trackWidth,
+      trackHeight,
+      onText,
+      offText,
+      loading,
+      ripple,
+      pulse,
+      checked,
+      onChange,
+      onIcon,
+      offIcon,
+      animated,
+      size,
+      dataTestId,
+      switchRef: ref,
+      rest
+    }
+  );
+  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId });
+  if (!label) {
+    return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
+      control,
+      helper
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
+    /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
+      labelPosition === "start" && control,
+      /* @__PURE__ */ jsx(
+        SwitchLabel,
+        {
+          label,
+          description,
+          error,
+          dataTestId
+        }
+      ),
+      labelPosition !== "start" && control
+    ] }),
+    helper
+  ] });
+});
+Switch.displayName = "Switch";
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-FX5DY6VR.js.map

package/dist/chunk-FX5DY6VR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Switch/Switch.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  LabelContainer,\n  SwitchControl,\n  SwitchHelper,\n  SwitchLabel,\n} from './Switch.parts';\nimport type { SwitchProps } from './Switch.types';\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  glow: false,\n  glass: false,\n  gradient: false,\n  labelPosition: 'end',\n  error: false,\n  animated: true,\n  loading: false,\n  ripple: false,\n  pulse: false,\n} satisfies Partial<SwitchProps>;\n\ntype ResolvedProps = SwitchProps & Required<Pick<SwitchProps, keyof typeof DEFAULTS>>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, ref) => {\n  const {\n    variant, color, size, label, description, glow, glass, gradient, labelPosition,\n    onIcon, offIcon, onText, offText, error, helperText, trackWidth, trackHeight,\n    checked, onChange, animated, loading, ripple, pulse, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const containerTestId = dataTestId ? `${dataTestId}-container` : 'switch-container';\n\n  const control = (\n    <SwitchControl\n      customVariant={variant}\n      customColor={color}\n      customSize={size}\n      glow={glow}\n      glass={glass}\n      gradient={gradient}\n      trackWidth={trackWidth}\n      trackHeight={trackHeight}\n      onText={onText}\n      offText={offText}\n      loading={loading}\n      ripple={ripple}\n      pulse={pulse}\n      checked={checked}\n      onChange={onChange}\n      onIcon={onIcon}\n      offIcon={offIcon}\n      animated={animated}\n      size={size}\n      dataTestId={dataTestId}\n      switchRef={ref}\n      rest={rest}\n    />\n  );\n\n  const helper = <SwitchHelper helperText={helperText} error={error} dataTestId={dataTestId} />;\n\n  if (!label) {\n    return (\n      <Box data-testid={containerTestId}>\n        {control}\n        {helper}\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-testid={containerTestId}>\n      <LabelContainer labelPosition={labelPosition} error={error}>\n        {labelPosition === 'start' && control}\n\n        <SwitchLabel\n          label={label}\n          description={description}\n          error={error}\n          dataTestId={dataTestId}\n        />\n\n        {labelPosition !== 'start' && control}\n      </LabelContainer>\n\n      {helper}\n    </Box>\n  );\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAgB,kBAAkB;AAwC9B,cA8BE,YA9BF;AA5BJ,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AACT;AAIO,IAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AAC/E,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAO;AAAA,IAAa;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IACjE;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAY;AAAA,IAAY;AAAA,IACjE;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAO;AAAA,IACrD,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,kBAAkB,aAAa,GAAG,UAAU,eAAe;AAEjE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA;AAAA,EACF;AAGF,QAAM,SAAS,oBAAC,gBAAa,YAAwB,OAAc,YAAwB;AAE3F,MAAI,CAAC,OAAO;AACV,WACE,qBAAC,OAAI,eAAa,iBACf;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAI,eAAa,iBAChB;AAAA,yBAAC,kBAAe,eAA8B,OAC3C;AAAA,wBAAkB,WAAW;AAAA,MAE9B;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEC,kBAAkB,WAAW;AAAA,OAChC;AAAA,IAEC;AAAA,KACH;AAEJ,CAAC;AAED,OAAO,cAAc;","names":[]}

package/dist/chunk-FXMZMX5E.js

@@ -0,0 +1,94 @@
+// src/components/form/Textarea/Textarea.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var glowAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor;
+  }
+`;
+var floatAnimation = keyframes`
+  0% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-3px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
+`;
+var neutralPalette = (theme) => {
+  const grey = theme.palette.grey;
+  return {
+    main: grey?.[700] || "#616161",
+    dark: grey?.[800] || "#424242",
+    light: grey?.[500] || "#9e9e9e",
+    contrastText: "#fff"
+  };
+};
+var pick = (...candidates) => candidates.find(Boolean) ?? "";
+var withFallbacks = (theme, palette) => ({
+  main: pick(palette?.main, theme.palette.primary.main),
+  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),
+  light: pick(palette?.light, palette?.main, theme.palette.primary.light),
+  contrastText: pick(palette?.contrastText, "#fff")
+});
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") return neutralPalette(theme);
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  return withFallbacks(theme, colorMap[color] || theme.palette.primary);
+};
+var textareaEmphasisStyles = ({
+  theme,
+  colorPalette,
+  glass,
+  gradient,
+  glow
+}) => {
+  const glassStyles = glass ? {
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: "blur(20px)",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.15),
+      backdropFilter: "blur(25px)"
+    },
+    "&:focus": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.2),
+      backdropFilter: "blur(30px)"
+    }
+  } : {};
+  const gradientStyles = gradient ? {
+    background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
+               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,
+    border: "2px solid transparent",
+    "&:focus": {
+      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
+                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`
+    }
+  } : {};
+  const glowStyles = glow ? {
+    animation: `${glowAnimation} 2s ease-in-out infinite`,
+    boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`
+  } : {};
+  return { ...glassStyles, ...gradientStyles, ...glowStyles };
+};
+
+export {
+  floatAnimation,
+  getColorFromTheme,
+  textareaEmphasisStyles
+};
+//# sourceMappingURL=chunk-FXMZMX5E.js.map

package/dist/chunk-FXMZMX5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Textarea/Textarea.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nconst glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\n// Ripple animation for buttons (commented out - not currently used)\n// const rippleAnimation = keyframes`\n//   0% {\n//     transform: scale(0);\n//     opacity: 1;\n//   }\n//   100% {\n//     transform: scale(4);\n//     opacity: 0;\n//   }\n// `;\n\n// Float animation for rich text toolbar\nexport const floatAnimation = keyframes`\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-3px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n`;\n\ntype ResolvedPalette = {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n};\n\ntype PartialPalette = { main: string; dark?: string; light?: string; contrastText?: string };\n\n// grey is indexed by weight rather than main/dark/light, so neutral is built by\n// hand. The literals are the MUI grey values, used if the theme omits a weight.\nconst neutralPalette = (theme: Theme): ResolvedPalette => {\n  const grey = theme.palette.grey as unknown as Record<number, string>;\n\n  return {\n    main: grey?.[700] || '#616161',\n    dark: grey?.[800] || '#424242',\n    light: grey?.[500] || '#9e9e9e',\n    contrastText: '#fff',\n  };\n};\n\n// Each slot falls back to the palette's own main, then to primary — a custom\n// theme can define main without dark or light.\nconst pick = (...candidates: Array<string | undefined>): string =>\n  candidates.find(Boolean) ?? '';\n\nconst withFallbacks = (theme: Theme, palette: PartialPalette): ResolvedPalette => ({\n  main: pick(palette?.main, theme.palette.primary.main),\n  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),\n  light: pick(palette?.light, palette?.main, theme.palette.primary.light),\n  contrastText: pick(palette?.contrastText, '#fff'),\n});\n\nexport const getColorFromTheme = (theme: Theme, color: string): ResolvedPalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PartialPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return withFallbacks(theme, colorMap[color] || theme.palette.primary);\n};\n\n// glass, gradient and glow are independent flags that each layer styles onto the\n// base. Spelled out here rather than inline so the styled() callback keeps one\n// branch instead of three.\nexport const textareaEmphasisStyles = ({\n  theme,\n  colorPalette,\n  glass,\n  gradient,\n  glow,\n}: {\n  theme: Theme;\n  colorPalette: { main: string; light?: string; dark?: string };\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}): CSSObject => {\nconst glassStyles = glass\n  ? {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.15),\n        backdropFilter: 'blur(25px)',\n      },\n      '&:focus': {\n        backgroundColor: alpha(theme.palette.background.paper, 0.2),\n        backdropFilter: 'blur(30px)',\n      },\n    }\n  : {};\n\n// Gradient border effect\nconst gradientStyles = gradient\n  ? {\n      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,\n               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,\n      border: '2px solid transparent',\n      '&:focus': {\n        background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,\n                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`,\n      },\n    }\n  : {};\n\n// Glow effect\nconst glowStyles = glow\n  ? {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`,\n    }\n  : {};\n\n  return { ...glassStyles, ...gradientStyles, ...glowStyles };\n};\n"],"mappings":";AAAA,SAAS,OAAO,iBAAiB;AAGjC,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuB9B,IAAM,iBAAiB,CAAC,UAAkC;AACxD,QAAM,OAAO,MAAM,QAAQ;AAE3B,SAAO;AAAA,IACL,MAAM,OAAO,GAAG,KAAK;AAAA,IACrB,MAAM,OAAO,GAAG,KAAK;AAAA,IACrB,OAAO,OAAO,GAAG,KAAK;AAAA,IACtB,cAAc;AAAA,EAChB;AACF;AAIA,IAAM,OAAO,IAAI,eACf,WAAW,KAAK,OAAO,KAAK;AAE9B,IAAM,gBAAgB,CAAC,OAAc,aAA8C;AAAA,EACjF,MAAM,KAAK,SAAS,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,EACpD,MAAM,KAAK,SAAS,MAAM,SAAS,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,EACnE,OAAO,KAAK,SAAS,OAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,KAAK;AAAA,EACtE,cAAc,KAAK,SAAS,cAAc,MAAM;AAClD;AAEO,IAAM,oBAAoB,CAAC,OAAc,UAAmC;AACjF,MAAI,UAAU,UAAW,QAAO,eAAe,KAAK;AAEpD,QAAM,WAA2C;AAAA,IAC/C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,cAAc,OAAO,SAAS,KAAK,KAAK,MAAM,QAAQ,OAAO;AACtE;AAKO,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMiB;AACjB,QAAM,cAAc,QAChB;AAAA,IACE,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IACtD,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,MAC3D,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC1D,gBAAgB;AAAA,IAClB;AAAA,EACF,IACA,CAAC;AAGL,QAAM,iBAAiB,WACnB;AAAA,IACE,YAAY,mBAAmB,MAAM,QAAQ,WAAW,KAAK,KAAK,MAAM,QAAQ,WAAW,KAAK;AAAA,yCAC7D,aAAa,IAAI,KAAK,aAAa,KAAK;AAAA,IAC3E,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,YAAY,mBAAmB,MAAM,QAAQ,WAAW,KAAK,KAAK,MAAM,QAAQ,WAAW,KAAK;AAAA,2CAC7D,aAAa,IAAI,KAAK,aAAa,IAAI;AAAA,IAC5E;AAAA,EACF,IACA,CAAC;AAGL,QAAM,aAAa,OACf;AAAA,IACE,WAAW,GAAG,aAAa;AAAA,IAC3B,WAAW,YAAY,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,EACtD,IACA,CAAC;AAEH,SAAO,EAAE,GAAG,aAAa,GAAG,gBAAgB,GAAG,WAAW;AAC5D;","names":[]}