boreal-ui 0.0.1

package/dist/next/TextInput-DLROLZ7j.js

@@ -0,0 +1,282 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { I as IconButton } from "./IconButton-EbX_9a0k.js";
+const EyeIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    strokeWidth: "1.5",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 13C6.6 5 17.4 5 21 13",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z",
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const EyeSlashIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.5 16L17.0248 12.6038",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 17.5V14",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.5 16L6.96895 12.6124",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 8C6.6 16 17.4 16 21 8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const noScroll = "_noScroll_1pen4_91";
+const errorMessage = "_errorMessage_1pen4_92";
+const loadingContainer = "_loadingContainer_1pen4_93";
+const hideScrollbar = "_hideScrollbar_1pen4_85";
+const sr_only = "_sr_only_1pen4_94";
+const container = "_container_1pen4_479";
+const textInput = "_textInput_1pen4_506";
+const iconContainer = "_iconContainer_1pen4_527";
+const togglePassword = "_togglePassword_1pen4_544";
+const success = "_success_1pen4_554";
+const error = "_error_1pen4_92";
+const warning = "_warning_1pen4_562";
+const primary = "_primary_1pen4_566";
+const outline = "_outline_1pen4_579";
+const secondary = "_secondary_1pen4_585";
+const tertiary = "_tertiary_1pen4_604";
+const quaternary = "_quaternary_1pen4_623";
+const clear = "_clear_1pen4_642";
+const disabled = "_disabled_1pen4_661";
+const roundNone = "_roundNone_1pen4_675";
+const roundSmall = "_roundSmall_1pen4_679";
+const roundMedium = "_roundMedium_1pen4_683";
+const roundLarge = "_roundLarge_1pen4_687";
+const roundFull = "_roundFull_1pen4_691";
+const shadowNone = "_shadowNone_1pen4_695";
+const shadowLight = "_shadowLight_1pen4_699";
+const shadowMedium = "_shadowMedium_1pen4_703";
+const shadowStrong = "_shadowStrong_1pen4_707";
+const shadowIntense = "_shadowIntense_1pen4_711";
+const spin = "_spin_1pen4_1";
+const pulse = "_pulse_1pen4_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  textInput,
+  iconContainer,
+  togglePassword,
+  success,
+  error,
+  warning,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  disabled,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1pen4_1",
+  "slide-up": "_slide-up_1pen4_1",
+  "spin-3d": "_spin-3d_1pen4_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1pen4_1",
+  "progress-grow": "_progress-grow_1pen4_1",
+  "indeterminate-move": "_indeterminate-move_1pen4_1",
+  "skeleton-loading": "_skeleton-loading_1pen4_1"
+};
+const TextInputBase = forwardRef(
+  ({
+    icon: Icon,
+    placeholder = "Enter text",
+    password = false,
+    readOnly = false,
+    ariaLabel,
+    ariaDescription,
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    state = "",
+    disabled: disabled2 = false,
+    autocomplete = false,
+    "data-testid": testId = "text-input",
+    classMap,
+    outline: outline2 = false,
+    IconButton: IconButton2,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [showPassword, setShowPassword] = useState(false);
+    const inputId = useId();
+    const descId = `${inputId}-description`;
+    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);
+    const wrapperClass = useMemo(
+      () => combineClassNames(
+        classMap.container,
+        classMap[theme],
+        classMap[state],
+        outline2 && classMap.outline,
+        disabled2 && classMap.disabled,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        className
+      ),
+      [classMap, theme, state, outline2, disabled2]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: wrapperClass,
+        "data-testid": `${testId}-wrapper`,
+        "aria-disabled": disabled2,
+        children: [
+          Icon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classMap.iconContainer,
+              "aria-hidden": "true",
+              "data-testid": `${testId}-icon`,
+              children: /* @__PURE__ */ jsx(Icon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type: password && !showPassword ? "password" : "text",
+              className: `${classMap.textInput} ${classMap[theme]}`,
+              placeholder,
+              "aria-label": ariaLabel || placeholder,
+              "aria-describedby": ariaDescription ? descId : void 0,
+              autoComplete: autocomplete ? "on" : "off",
+              readOnly,
+              disabled: disabled2,
+              "data-testid": testId,
+              ...rest
+            }
+          ),
+          password && /* @__PURE__ */ jsx(
+            IconButton2,
+            {
+              type: "button",
+              className: classMap.togglePassword,
+              onClick: togglePasswordVisibility,
+              theme: "clear",
+              "aria-label": showPassword ? "Hide password" : "Show password",
+              "data-testid": `${testId}-password-toggle`,
+              icon: showPassword ? EyeIcon : EyeSlashIcon
+            }
+          ),
+          ariaDescription && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: descId,
+              className: "sr_only",
+              "data-testid": `${testId}-input-description`,
+              children: ariaDescription
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TextInputBase.displayName = "TextInputBase";
+const TextInput = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    TextInputBase,
+    {
+      ...props,
+      IconButton,
+      ref,
+      classMap: styles
+    }
+  );
+});
+TextInput.displayName = "TextInput";
+export {
+  TextInput as T
+};
+//# sourceMappingURL=TextInput-DLROLZ7j.js.map

package/dist/next/TextInput-DLROLZ7j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput-DLROLZ7j.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/next/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<\r\n  HTMLInputElement,\r\n  TextInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n  }\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      \"data-testid\": testId = \"text-input\",\r\n      classMap,\r\n      outline = false,\r\n      IconButton,\r\n      className = \"\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputId = useId();\r\n    const descId = `${inputId}-description`;\r\n\r\n    const togglePasswordVisibility = () => setShowPassword((prev) => !prev);\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        ),\r\n      [classMap, theme, state, outline, disabled]\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={wrapperClass}\r\n        data-testid={`${testId}-wrapper`}\r\n        aria-disabled={disabled}\r\n      >\r\n        {Icon && (\r\n          <div\r\n            className={classMap.iconContainer}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <Icon />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          type={password && !showPassword ? \"password\" : \"text\"}\r\n          className={`${classMap.textInput} ${classMap[theme]}`}\r\n          placeholder={placeholder}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={ariaDescription ? descId : undefined}\r\n          autoComplete={autocomplete ? \"on\" : \"off\"}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...(rest as InputHTMLAttributes<HTMLInputElement>)}\r\n        />\r\n\r\n        {password && (\r\n          <IconButton\r\n            type=\"button\"\r\n            className={classMap.togglePassword}\r\n            onClick={togglePasswordVisibility}\r\n            theme=\"clear\"\r\n            aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n            data-testid={`${testId}-password-toggle`}\r\n            icon={showPassword ? EyeIcon : EyeSlashIcon}\r\n          />\r\n        )}\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className={\"sr_only\"}\r\n            data-testid={`${testId}-input-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\nexport default TextInputBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./TextInput.module.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={styles}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["disabled","outline","IconButton"],"mappings":";;;;;;AAAA,MAAM,UAAmD,CAAC,UACxD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACN,aAAY;AAAA,IACX,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;AC1BF,MAAM,eAAwD,CAAC,UAC7D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBF,MAAM,gBAAgB;AAAA,EAOpB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB;AAAA,IACxB,WAAW,mBAAmB;AAAA,IAC9B,SAAS,iBAAiB;AAAA,IAC1B,QAAQ;AAAA,IACR,UAAAA,YAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,SAAAC,WAAU;AAAA,IACV,YAAAC;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,KAEL,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,UAAM,UAAU,MAAM;AAChB,UAAA,SAAS,GAAG,OAAO;AAEzB,UAAM,2BAA2B,MAAM,gBAAgB,CAAC,SAAS,CAAC,IAAI;AAEtE,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdD,YAAW,SAAS;AAAA,QACpBD,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MACF;AAAA,MACF,CAAC,UAAU,OAAO,OAAOC,UAASD,SAAQ;AAAA,IAC5C;AAGE,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,iBAAeA;AAAA,QAEd,UAAA;AAAA,UACC,QAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,cAEtB,8BAAC,MAAK,CAAA,CAAA;AAAA,YAAA;AAAA,UACR;AAAA,UAGF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,MAAM,YAAY,CAAC,eAAe,aAAa;AAAA,cAC/C,WAAW,GAAG,SAAS,SAAS,IAAI,SAAS,KAAK,CAAC;AAAA,cACnD;AAAA,cACA,cAAY,aAAa;AAAA,cACzB,oBAAkB,kBAAkB,SAAS;AAAA,cAC7C,cAAc,eAAe,OAAO;AAAA,cACpC;AAAA,cACA,UAAAA;AAAA,cACA,eAAa;AAAA,cACZ,GAAI;AAAA,YAAA;AAAA,UACP;AAAA,UAEC,YACC;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW,SAAS;AAAA,cACpB,SAAS;AAAA,cACT,OAAM;AAAA,cACN,cAAY,eAAe,kBAAkB;AAAA,cAC7C,eAAa,GAAG,MAAM;AAAA,cACtB,MAAM,eAAe,UAAU;AAAA,YAAA;AAAA,UACjC;AAAA,UAGD,mBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,eAAa,GAAG,MAAM;AAAA,cAErB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;ACrH5B,MAAM,YAAY,WAA6C,CAAC,OAAO,QAAQ;AAE3E,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,CAAC;AAED,UAAU,cAAc;"}

package/dist/next/TextInput.cjs.js

@@ -0,0 +1,4 @@
+"use strict";
+const TextInput = require("./TextInput-D2cpcHhQ.cjs");
+module.exports = TextInput.TextInput;
+//# sourceMappingURL=TextInput.cjs.js.map

package/dist/next/TextInput.cjs.js.map

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

package/dist/next/TextInput.js

@@ -0,0 +1,5 @@
+import { T } from "./TextInput-DLROLZ7j.js";
+export {
+  T as default
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/next/TextInput.js.map

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

package/dist/next/ThemeContext-BNR3_OIq.cjs

@@ -0,0 +1,147 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const colorSchemes = require("./colorSchemes.cjs.js");
+const ThemeContext = React.createContext(
+  void 0
+);
+const fallbackIndex = colorSchemes.colorSchemes.findIndex(
+  (scheme) => scheme.name === borealStyleConfig.getDefaultColorSchemeName()
+);
+const defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;
+const ThemeProvider = ({
+  children,
+  customSchemes = []
+}) => {
+  const [selectedScheme, setSelectedScheme] = React.useState(defaultIndex);
+  if (fallbackIndex === -1 && process.env.NODE_ENV === "development") {
+    console.warn(
+      `Default color scheme "${borealStyleConfig.getDefaultColorSchemeName()}" not found. Falling back to index 0.`
+    );
+  }
+  React.useEffect(() => {
+    registerColorSheme.registerColorScheme(customSchemes);
+  }, [customSchemes]);
+  React.useEffect(() => {
+    const savedScheme = localStorage.getItem("selectedScheme");
+    if (savedScheme) {
+      setSelectedScheme(parseInt(savedScheme, 10));
+    } else {
+      setSelectedScheme(defaultIndex);
+    }
+  }, []);
+  React.useEffect(() => {
+    const allSchemes = registerColorSheme.getAllColorSchemes();
+    const {
+      primaryColor,
+      secondaryColor,
+      tertiaryColor,
+      quaternaryColor,
+      backgroundColor,
+      forceTextColor
+    } = allSchemes[selectedScheme];
+    const hexToHSL = (hex) => {
+      const r = parseInt(hex.slice(1, 3), 16) / 255;
+      const g = parseInt(hex.slice(3, 5), 16) / 255;
+      const b = parseInt(hex.slice(5, 7), 16) / 255;
+      const max = Math.max(r, g, b), min = Math.min(r, g, b);
+      let h = 0, s = 0;
+      const l = (max + min) / 2;
+      if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100)
+      };
+    };
+    const hslToHex = (h, s, l) => {
+      s /= 100;
+      l /= 100;
+      const k = (n) => (n + h / 30) % 12;
+      const a = s * Math.min(l, 1 - l);
+      const f = (n) => Math.round(
+        255 * (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))
+      );
+      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, "0")).join("")}`;
+    };
+    const adjustLightness = (hex, percent) => {
+      const { h, s, l } = hexToHSL(hex);
+      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));
+    };
+    const relativeLuminance = (hex) => {
+      const rgb = [1, 3, 5].map((i) => {
+        const c = parseInt(hex.slice(i, i + 2), 16) / 255;
+        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+      });
+      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
+    };
+    const contrastRatio = (hex1, hex2) => {
+      const lum1 = relativeLuminance(hex1);
+      const lum2 = relativeLuminance(hex2);
+      const lighter = Math.max(lum1, lum2);
+      const darker = Math.min(lum1, lum2);
+      return (lighter + 0.05) / (darker + 0.05);
+    };
+    const getAccessibleTextColor = (bgColor) => {
+      return contrastRatio(bgColor, "#000000") >= 4.5 ? "#000000" : "#FFFFFF";
+    };
+    const variants = {
+      "--primary-color": primaryColor,
+      "--primary-color-light": adjustLightness(primaryColor, 10),
+      "--primary-color-hover": adjustLightness(primaryColor, -10),
+      "--text-color-primary": forceTextColor ?? getAccessibleTextColor(primaryColor),
+      "--secondary-color": secondaryColor,
+      "--secondary-color-light": adjustLightness(secondaryColor, 10),
+      "--secondary-color-hover": adjustLightness(secondaryColor, -10),
+      "--text-color-secondary": getAccessibleTextColor(secondaryColor),
+      "--tertiary-color": tertiaryColor,
+      "--tertiary-color-light": adjustLightness(tertiaryColor, 10),
+      "--tertiary-color-hover": adjustLightness(tertiaryColor, -10),
+      "--text-color-tertiary": getAccessibleTextColor(tertiaryColor),
+      "--quaternary-color": quaternaryColor,
+      "--quaternary-color-light": adjustLightness(quaternaryColor, 10),
+      "--quaternary-color-hover": adjustLightness(quaternaryColor, -10),
+      "--text-color-quaternary": getAccessibleTextColor(quaternaryColor),
+      "--background-color": backgroundColor,
+      "--background-color-dark": adjustLightness(backgroundColor, -10),
+      "--background-color-darker": adjustLightness(backgroundColor, -25),
+      "--background-color-light": adjustLightness(backgroundColor, 10),
+      "--background-color-lighter": adjustLightness(backgroundColor, 20),
+      "--link-color": getAccessibleTextColor(backgroundColor),
+      "--link-color-hover": adjustLightness(
+        getAccessibleTextColor(backgroundColor),
+        -20
+      ),
+      "--link-hover-color-primary": adjustLightness(primaryColor, -10),
+      "--link-hover-color-secondary": adjustLightness(secondaryColor, -10)
+    };
+    const root = document.documentElement.style;
+    for (const [key, value] of Object.entries(variants)) {
+      root.setProperty(key, value);
+    }
+    if (typeof window !== "undefined") {
+      localStorage.setItem("selectedScheme", selectedScheme.toString());
+    }
+  }, [selectedScheme]);
+  return /* @__PURE__ */ require$$2.jsx(ThemeContext.Provider, { value: { selectedScheme, setSelectedScheme }, children });
+};
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeContext-BNR3_OIq.cjs.map

package/dist/next/ThemeContext-BNR3_OIq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext-BNR3_OIq.cjs","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n *   to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, { createContext, useState, useEffect } from \"react\";\r\nimport {\r\n  getAllColorSchemes,\r\n  registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n  undefined\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n  (scheme) => scheme.name === getDefaultColorSchemeName()\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst ThemeProvider: React.FC<ThemeProviderProps> = ({\r\n  children,\r\n  customSchemes = [],\r\n}) => {\r\n  const [selectedScheme, setSelectedScheme] = useState<number>(defaultIndex);\r\n\r\n  if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n    console.warn(\r\n      `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`\r\n    );\r\n  }\r\n\r\n  useEffect(() => {\r\n    registerColorScheme(customSchemes);\r\n  }, [customSchemes]);\r\n\r\n  useEffect(() => {\r\n    const savedScheme = localStorage.getItem(\"selectedScheme\");\r\n    if (savedScheme) {\r\n      setSelectedScheme(parseInt(savedScheme, 10));\r\n    } else {\r\n      setSelectedScheme(defaultIndex);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const allSchemes = getAllColorSchemes();\r\n    const {\r\n      primaryColor,\r\n      secondaryColor,\r\n      tertiaryColor,\r\n      quaternaryColor,\r\n      backgroundColor,\r\n      forceTextColor,\r\n    } = allSchemes[selectedScheme];\r\n\r\n    const hexToHSL = (hex: string) => {\r\n      const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n      const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n      const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n      const max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      let h = 0,\r\n        s = 0;\r\n      const l = (max + min) / 2;\r\n\r\n      if (max !== min) {\r\n        const d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n\r\n      return {\r\n        h: Math.round(h * 360),\r\n        s: Math.round(s * 100),\r\n        l: Math.round(l * 100),\r\n      };\r\n    };\r\n\r\n    const hslToHex = (h: number, s: number, l: number): string => {\r\n      s /= 100;\r\n      l /= 100;\r\n      const k = (n: number) => (n + h / 30) % 12;\r\n      const a = s * Math.min(l, 1 - l);\r\n      const f = (n: number) =>\r\n        Math.round(\r\n          255 *\r\n            (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))\r\n        );\r\n      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n    };\r\n\r\n    const adjustLightness = (hex: string, percent: number): string => {\r\n      const { h, s, l } = hexToHSL(hex);\r\n      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n    };\r\n\r\n    const relativeLuminance = (hex: string): number => {\r\n      const rgb = [1, 3, 5].map((i) => {\r\n        const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n      });\r\n      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n    };\r\n\r\n    const contrastRatio = (hex1: string, hex2: string): number => {\r\n      const lum1 = relativeLuminance(hex1);\r\n      const lum2 = relativeLuminance(hex2);\r\n      const lighter = Math.max(lum1, lum2);\r\n      const darker = Math.min(lum1, lum2);\r\n      return (lighter + 0.05) / (darker + 0.05);\r\n    };\r\n\r\n    const getAccessibleTextColor = (bgColor: string): string => {\r\n      return contrastRatio(bgColor, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n    };\r\n\r\n    const variants = {\r\n      \"--primary-color\": primaryColor,\r\n      \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n      \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n      \"--text-color-primary\":\r\n        forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n\r\n      \"--secondary-color\": secondaryColor,\r\n      \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n      \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n      \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n      \"--tertiary-color\": tertiaryColor,\r\n      \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n      \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n      \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n      \"--quaternary-color\": quaternaryColor,\r\n      \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n      \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n      \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n      \"--background-color\": backgroundColor,\r\n      \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n      \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n      \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n      \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n      \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--link-color-hover\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        -20\r\n      ),\r\n      \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n      \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n    };\r\n\r\n    const root = document.documentElement.style;\r\n    for (const [key, value] of Object.entries(variants)) {\r\n      root.setProperty(key, value);\r\n    }\r\n\r\n    if (typeof window !== \"undefined\") {\r\n      localStorage.setItem(\"selectedScheme\", selectedScheme.toString());\r\n    }\r\n  }, [selectedScheme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ selectedScheme, setSelectedScheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":["createContext","colorSchemes","getDefaultColorSchemeName","useState","useEffect","registerColorScheme","getAllColorSchemes","jsx"],"mappings":"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"}

package/dist/next/ThemeContext-Bo0vLczy.js

@@ -0,0 +1,148 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useEffect } from "react";
+import { r as registerColorScheme, g as getAllColorSchemes } from "./registerColorSheme-BPX0H7hl.js";
+import { g as getDefaultColorSchemeName } from "./boreal-style-config-BILmxkZG.js";
+import { colorSchemes } from "./colorSchemes.js";
+const ThemeContext = createContext(
+  void 0
+);
+const fallbackIndex = colorSchemes.findIndex(
+  (scheme) => scheme.name === getDefaultColorSchemeName()
+);
+const defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;
+const ThemeProvider = ({
+  children,
+  customSchemes = []
+}) => {
+  const [selectedScheme, setSelectedScheme] = useState(defaultIndex);
+  if (fallbackIndex === -1 && process.env.NODE_ENV === "development") {
+    console.warn(
+      `Default color scheme "${getDefaultColorSchemeName()}" not found. Falling back to index 0.`
+    );
+  }
+  useEffect(() => {
+    registerColorScheme(customSchemes);
+  }, [customSchemes]);
+  useEffect(() => {
+    const savedScheme = localStorage.getItem("selectedScheme");
+    if (savedScheme) {
+      setSelectedScheme(parseInt(savedScheme, 10));
+    } else {
+      setSelectedScheme(defaultIndex);
+    }
+  }, []);
+  useEffect(() => {
+    const allSchemes = getAllColorSchemes();
+    const {
+      primaryColor,
+      secondaryColor,
+      tertiaryColor,
+      quaternaryColor,
+      backgroundColor,
+      forceTextColor
+    } = allSchemes[selectedScheme];
+    const hexToHSL = (hex) => {
+      const r = parseInt(hex.slice(1, 3), 16) / 255;
+      const g = parseInt(hex.slice(3, 5), 16) / 255;
+      const b = parseInt(hex.slice(5, 7), 16) / 255;
+      const max = Math.max(r, g, b), min = Math.min(r, g, b);
+      let h = 0, s = 0;
+      const l = (max + min) / 2;
+      if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+          case r:
+            h = (g - b) / d + (g < b ? 6 : 0);
+            break;
+          case g:
+            h = (b - r) / d + 2;
+            break;
+          case b:
+            h = (r - g) / d + 4;
+            break;
+        }
+        h /= 6;
+      }
+      return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100)
+      };
+    };
+    const hslToHex = (h, s, l) => {
+      s /= 100;
+      l /= 100;
+      const k = (n) => (n + h / 30) % 12;
+      const a = s * Math.min(l, 1 - l);
+      const f = (n) => Math.round(
+        255 * (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))))
+      );
+      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, "0")).join("")}`;
+    };
+    const adjustLightness = (hex, percent) => {
+      const { h, s, l } = hexToHSL(hex);
+      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));
+    };
+    const relativeLuminance = (hex) => {
+      const rgb = [1, 3, 5].map((i) => {
+        const c = parseInt(hex.slice(i, i + 2), 16) / 255;
+        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+      });
+      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
+    };
+    const contrastRatio = (hex1, hex2) => {
+      const lum1 = relativeLuminance(hex1);
+      const lum2 = relativeLuminance(hex2);
+      const lighter = Math.max(lum1, lum2);
+      const darker = Math.min(lum1, lum2);
+      return (lighter + 0.05) / (darker + 0.05);
+    };
+    const getAccessibleTextColor = (bgColor) => {
+      return contrastRatio(bgColor, "#000000") >= 4.5 ? "#000000" : "#FFFFFF";
+    };
+    const variants = {
+      "--primary-color": primaryColor,
+      "--primary-color-light": adjustLightness(primaryColor, 10),
+      "--primary-color-hover": adjustLightness(primaryColor, -10),
+      "--text-color-primary": forceTextColor ?? getAccessibleTextColor(primaryColor),
+      "--secondary-color": secondaryColor,
+      "--secondary-color-light": adjustLightness(secondaryColor, 10),
+      "--secondary-color-hover": adjustLightness(secondaryColor, -10),
+      "--text-color-secondary": getAccessibleTextColor(secondaryColor),
+      "--tertiary-color": tertiaryColor,
+      "--tertiary-color-light": adjustLightness(tertiaryColor, 10),
+      "--tertiary-color-hover": adjustLightness(tertiaryColor, -10),
+      "--text-color-tertiary": getAccessibleTextColor(tertiaryColor),
+      "--quaternary-color": quaternaryColor,
+      "--quaternary-color-light": adjustLightness(quaternaryColor, 10),
+      "--quaternary-color-hover": adjustLightness(quaternaryColor, -10),
+      "--text-color-quaternary": getAccessibleTextColor(quaternaryColor),
+      "--background-color": backgroundColor,
+      "--background-color-dark": adjustLightness(backgroundColor, -10),
+      "--background-color-darker": adjustLightness(backgroundColor, -25),
+      "--background-color-light": adjustLightness(backgroundColor, 10),
+      "--background-color-lighter": adjustLightness(backgroundColor, 20),
+      "--link-color": getAccessibleTextColor(backgroundColor),
+      "--link-color-hover": adjustLightness(
+        getAccessibleTextColor(backgroundColor),
+        -20
+      ),
+      "--link-hover-color-primary": adjustLightness(primaryColor, -10),
+      "--link-hover-color-secondary": adjustLightness(secondaryColor, -10)
+    };
+    const root = document.documentElement.style;
+    for (const [key, value] of Object.entries(variants)) {
+      root.setProperty(key, value);
+    }
+    if (typeof window !== "undefined") {
+      localStorage.setItem("selectedScheme", selectedScheme.toString());
+    }
+  }, [selectedScheme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { selectedScheme, setSelectedScheme }, children });
+};
+export {
+  ThemeProvider as T,
+  ThemeContext as a
+};
+//# sourceMappingURL=ThemeContext-Bo0vLczy.js.map