boreal-ui 0.0.76 → 0.0.78

package/dist/next/{ColorPicker-ByPKPsMz.cjs → ColorPicker-DmubVH4p.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./ColorPicker.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -157,42 +157,30 @@ const ColorPickerBase = ({
   );
 };
 ColorPickerBase.displayName = "ColorPickerBase";
-const noScroll = "_noScroll_1bxnh_109";
-const errorMessage = "_errorMessage_1bxnh_110";
-const loadingContainer = "_loadingContainer_1bxnh_111";
-const hideScrollbar = "_hideScrollbar_1bxnh_103";
-const sr_only = "_sr_only_1bxnh_112";
-const color_picker = "_color_picker_1bxnh_637";
-const legend = "_legend_1bxnh_667";
-const grid = "_grid_1bxnh_686";
-const selected = "_selected_1bxnh_702";
-const swatch = "_swatch_1bxnh_708";
-const round = "_round_1bxnh_725";
-const square = "_square_1bxnh_728";
-const pill = "_pill_1bxnh_731";
-const xs = "_xs_1bxnh_735";
-const small = "_small_1bxnh_751";
-const medium = "_medium_1bxnh_767";
-const large = "_large_1bxnh_783";
-const xl = "_xl_1bxnh_799";
-const radio_input = "_radio_input_1bxnh_816";
-const preview = "_preview_1bxnh_820";
-const custom_input = "_custom_input_1bxnh_828";
-const circle = "_circle_1bxnh_843";
-const rounded = "_rounded_1bxnh_851";
-const shadowNone = "_shadowNone_1bxnh_855";
-const shadowLight = "_shadowLight_1bxnh_859";
-const shadowMedium = "_shadowMedium_1bxnh_863";
-const shadowStrong = "_shadowStrong_1bxnh_867";
-const shadowIntense = "_shadowIntense_1bxnh_871";
-const spin = "_spin_1bxnh_1";
-const pulse = "_pulse_1bxnh_1";
+const color_picker = "_color_picker_fynon_85";
+const legend = "_legend_fynon_115";
+const grid = "_grid_fynon_134";
+const selected = "_selected_fynon_150";
+const swatch = "_swatch_fynon_156";
+const round = "_round_fynon_173";
+const square = "_square_fynon_176";
+const pill = "_pill_fynon_179";
+const xs = "_xs_fynon_183";
+const small = "_small_fynon_199";
+const medium = "_medium_fynon_215";
+const large = "_large_fynon_231";
+const xl = "_xl_fynon_247";
+const radio_input = "_radio_input_fynon_264";
+const preview = "_preview_fynon_268";
+const custom_input = "_custom_input_fynon_276";
+const circle = "_circle_fynon_291";
+const rounded = "_rounded_fynon_299";
+const shadowNone = "_shadowNone_fynon_303";
+const shadowLight = "_shadowLight_fynon_307";
+const shadowMedium = "_shadowMedium_fynon_311";
+const shadowStrong = "_shadowStrong_fynon_315";
+const shadowIntense = "_shadowIntense_fynon_319";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   color_picker,
   legend,
   grid,
@@ -215,18 +203,9 @@ const styles = {
   shadowLight,
   shadowMedium,
   shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1bxnh_1",
-  "slide-up": "_slide-up_1bxnh_1",
-  "spin-3d": "_spin-3d_1bxnh_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1bxnh_1",
-  "progress-grow": "_progress-grow_1bxnh_1",
-  "indeterminate-move": "_indeterminate-move_1bxnh_1",
-  "skeleton-loading": "_skeleton-loading_1bxnh_1"
+  shadowIntense
 };
 const ColorPicker = (props) => /* @__PURE__ */ require$$2.jsx(ColorPickerBase, { ...props, classMap: styles });
 ColorPicker.displayName = "ColorPicker";
 exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=ColorPicker-ByPKPsMz.cjs.map
+//# sourceMappingURL=ColorPicker-DmubVH4p.cjs.map

package/dist/next/{ColorPicker-ByPKPsMz.cjs.map → ColorPicker-DmubVH4p.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-ByPKPsMz.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  required = false,\r\n  invalid = false,\r\n  helperText,\r\n  errorText,\r\n  customInputAriaLabel = \"Custom color picker\",\r\n  hideLabel = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n  const helperTextId = helperText ? `${testId}-helper-text` : undefined;\r\n  const errorTextId = errorText ? `${testId}-error-text` : undefined;\r\n\r\n  const describedBy =\r\n    [ariaDescribedBy, helperTextId, invalid ? errorTextId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? legendId : undefined);\r\n\r\n  const labelClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.swatch,\r\n        classMap[size],\r\n        classMap[shape],\r\n        disabled && classMap.disabled,\r\n      ),\r\n    [classMap, size, shape, disabled],\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(\r\n        classMap.color_picker,\r\n        invalid && classMap.invalid,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      )}\r\n      disabled={disabled}\r\n      data-testid={testId}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={computedAriaLabelledBy}\r\n      aria-describedby={describedBy}\r\n      aria-invalid={invalid || undefined}\r\n    >\r\n      <legend\r\n        id={legendId}\r\n        className={combineClassNames(classMap.legend, hideLabel && \"sr_only\")}\r\n      >\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid} role=\"radiogroup\">\r\n        {colors.map((color, i) => {\r\n          const id = `${testId}-color-${i}`;\r\n          const optionLabelId = `${id}-label`;\r\n          const isSelected = selected === color.value;\r\n          const optionDisabled = disabled || color.disabled;\r\n\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={combineClassNames(\r\n                labelClass,\r\n                optionDisabled && classMap.disabled,\r\n              )}\r\n              htmlFor={id}\r\n              title={color.label}\r\n              data-testid={`${testId}-option-${color.value}`}\r\n            >\r\n              <input\r\n                type=\"radio\"\r\n                name={name}\r\n                id={id}\r\n                value={color.value}\r\n                checked={isSelected}\r\n                onChange={() => onChange(color.value)}\r\n                className={classMap.radio_input}\r\n                disabled={optionDisabled}\r\n                aria-describedby={describedBy}\r\n                aria-invalid={invalid || undefined}\r\n                aria-required={required || undefined}\r\n                aria-labelledby={optionLabelId}\r\n              />\r\n\r\n              <span id={optionLabelId} className={\"sr_only\"}>\r\n                {color.label}\r\n              </span>\r\n\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.preview,\r\n                  classMap[shape],\r\n                  isSelected && classMap.selected,\r\n                  optionDisabled && classMap.disabled,\r\n                  shadow && classMap[`shadow${capitalize(shadow)}`],\r\n                )}\r\n                style={{ backgroundColor: color.value }}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </label>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {helperText && (\r\n        <div\r\n          id={helperTextId}\r\n          className={classMap.helper_text}\r\n          data-testid={`${testId}-helper-text`}\r\n        >\r\n          {helperText}\r\n        </div>\r\n      )}\r\n\r\n      {invalid && errorText && (\r\n        <div\r\n          id={errorTextId}\r\n          className={classMap.error_text}\r\n          data-testid={`${testId}-error-text`}\r\n          aria-live=\"polite\"\r\n        >\r\n          {errorText}\r\n        </div>\r\n      )}\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label={customInputAriaLabel}\r\n          aria-describedby={describedBy}\r\n          aria-invalid={invalid || undefined}\r\n          data-testid={`${testId}-custom-input`}\r\n          disabled={disabled}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected","getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":"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"}
+{"version":3,"file":"ColorPicker-DmubVH4p.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  required = false,\r\n  invalid = false,\r\n  helperText,\r\n  errorText,\r\n  customInputAriaLabel = \"Custom color picker\",\r\n  hideLabel = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n  const helperTextId = helperText ? `${testId}-helper-text` : undefined;\r\n  const errorTextId = errorText ? `${testId}-error-text` : undefined;\r\n\r\n  const describedBy =\r\n    [ariaDescribedBy, helperTextId, invalid ? errorTextId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? legendId : undefined);\r\n\r\n  const labelClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.swatch,\r\n        classMap[size],\r\n        classMap[shape],\r\n        disabled && classMap.disabled,\r\n      ),\r\n    [classMap, size, shape, disabled],\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(\r\n        classMap.color_picker,\r\n        invalid && classMap.invalid,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      )}\r\n      disabled={disabled}\r\n      data-testid={testId}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={computedAriaLabelledBy}\r\n      aria-describedby={describedBy}\r\n      aria-invalid={invalid || undefined}\r\n    >\r\n      <legend\r\n        id={legendId}\r\n        className={combineClassNames(classMap.legend, hideLabel && \"sr_only\")}\r\n      >\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid} role=\"radiogroup\">\r\n        {colors.map((color, i) => {\r\n          const id = `${testId}-color-${i}`;\r\n          const optionLabelId = `${id}-label`;\r\n          const isSelected = selected === color.value;\r\n          const optionDisabled = disabled || color.disabled;\r\n\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={combineClassNames(\r\n                labelClass,\r\n                optionDisabled && classMap.disabled,\r\n              )}\r\n              htmlFor={id}\r\n              title={color.label}\r\n              data-testid={`${testId}-option-${color.value}`}\r\n            >\r\n              <input\r\n                type=\"radio\"\r\n                name={name}\r\n                id={id}\r\n                value={color.value}\r\n                checked={isSelected}\r\n                onChange={() => onChange(color.value)}\r\n                className={classMap.radio_input}\r\n                disabled={optionDisabled}\r\n                aria-describedby={describedBy}\r\n                aria-invalid={invalid || undefined}\r\n                aria-required={required || undefined}\r\n                aria-labelledby={optionLabelId}\r\n              />\r\n\r\n              <span id={optionLabelId} className={\"sr_only\"}>\r\n                {color.label}\r\n              </span>\r\n\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.preview,\r\n                  classMap[shape],\r\n                  isSelected && classMap.selected,\r\n                  optionDisabled && classMap.disabled,\r\n                  shadow && classMap[`shadow${capitalize(shadow)}`],\r\n                )}\r\n                style={{ backgroundColor: color.value }}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </label>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {helperText && (\r\n        <div\r\n          id={helperTextId}\r\n          className={classMap.helper_text}\r\n          data-testid={`${testId}-helper-text`}\r\n        >\r\n          {helperText}\r\n        </div>\r\n      )}\r\n\r\n      {invalid && errorText && (\r\n        <div\r\n          id={errorTextId}\r\n          className={classMap.error_text}\r\n          data-testid={`${testId}-error-text`}\r\n          aria-live=\"polite\"\r\n        >\r\n          {errorText}\r\n        </div>\r\n      )}\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label={customInputAriaLabel}\r\n          aria-describedby={describedBy}\r\n          aria-invalid={invalid || undefined}\r\n          data-testid={`${testId}-custom-input`}\r\n          disabled={disabled}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected","getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AASA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAC1B,QAAM,eAAe,aAAa,GAAG,MAAM,iBAAiB;AAC5D,QAAM,cAAc,YAAY,GAAG,MAAM,gBAAgB;AAEzD,QAAM,cACJ,CAAC,iBAAiB,cAAc,UAAU,cAAc,MAAS,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,QAAM,yBACJ,mBAAmB,CAAC,YAAY,WAAW;AAE7C,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,YAAY,SAAS;AAAA,IAAA;AAAA,IAEzB,CAAC,UAAU,MAAM,OAAO,QAAQ;AAAA,EAAA;AAGlC,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,WAAAA;AAAAA,QACT,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,YAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEF;AAAA,MACA,eAAa;AAAA,MACb,cAAY;AAAA,MACZ,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,gBAAc,WAAW;AAAA,MAEzB,UAAA;AAAA,QAAAE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAWF,WAAAA,kBAAkB,SAAS,QAAQ,aAAa,SAAS;AAAA,YAEnE,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHE,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,mBAAmB,MAAK,cAC9C,UAAA,OAAO,IAAI,CAAC,OAAO,MAAM;AACxB,gBAAM,KAAK,GAAG,MAAM,UAAU,CAAC;AAC/B,gBAAM,gBAAgB,GAAG,EAAE;AAC3B,gBAAM,aAAaN,cAAa,MAAM;AACtC,gBAAM,iBAAiB,YAAY,MAAM;AAEzC,iBACEK,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWD,WAAAA;AAAAA,gBACT;AAAA,gBACA,kBAAkB,SAAS;AAAA,cAAA;AAAA,cAE7B,SAAS;AAAA,cACT,OAAO,MAAM;AAAA,cACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,cAE5C,UAAA;AAAA,gBAAAE,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA,OAAO,MAAM;AAAA,oBACb,SAAS;AAAA,oBACT,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,oBACpC,WAAW,SAAS;AAAA,oBACpB,UAAU;AAAA,oBACV,oBAAkB;AAAA,oBAClB,gBAAc,WAAW;AAAA,oBACzB,iBAAe,YAAY;AAAA,oBAC3B,mBAAiB;AAAA,kBAAA;AAAA,gBAAA;AAAA,+CAGlB,QAAA,EAAK,IAAI,eAAe,WAAW,WACjC,gBAAM,OACT;AAAA,gBAEAA,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWF,WAAAA;AAAAA,sBACT,SAAS;AAAA,sBACT,SAAS,KAAK;AAAA,sBACd,cAAc,SAAS;AAAA,sBACvB,kBAAkB,SAAS;AAAA,sBAC3B,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,oBAAA;AAAA,oBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,oBAChC,eAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAtCK,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,UAAA;AAAA,QAyC9B,CAAC,EAAA,CACH;AAAA,QAEC,cACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,WAAW,aACVA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YACtB,aAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,eACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAON;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAY;AAAA,YACZ,oBAAkB;AAAA,YAClB,gBAAc,WAAW;AAAA,YACzB,eAAa,GAAG,MAAM;AAAA,YACtB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClK9B,MAAM,cAA0C,CAAC,UAC/CM,+BAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAEhD,YAAY,cAAc;;"}

package/dist/next/ColorPicker.cjs.js

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

package/dist/next/ColorPicker.css

@@ -0,0 +1,346 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._color_picker_fynon_85 {
+  border: none;
+  padding: var(--spacing-sm);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  width: fit-content;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+}
+._color_picker_fynon_85:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (width <= 479.98px) {
+  ._color_picker_fynon_85 {
+    padding: var(--spacing-xs);
+    gap: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._color_picker_fynon_85 {
+    padding: var(--spacing-md);
+    gap: var(--spacing-sm);
+  }
+}
+
+._legend_fynon_115 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-bottom: var(--spacing-xs);
+}
+@media (width <= 479.98px) {
+  ._legend_fynon_115 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._legend_fynon_115 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._grid_fynon_134 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
+  gap: var(--spacing-xs);
+}
+@media (width <= 479.98px) {
+  ._grid_fynon_134 {
+    gap: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._grid_fynon_134 {
+    gap: var(--spacing-sm);
+  }
+}
+
+._selected_fynon_150,
+:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+
+._swatch_fynon_156 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 1px;
+  cursor: pointer;
+  outline: 2px solid transparent;
+  transition: outline-color var(--transition-default);
+  box-sizing: border-box;
+}
+._swatch_fynon_156:hover {
+  outline-color: var(--focus-outline-color, var(--primary-color));
+}
+._swatch_fynon_156:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+._swatch_fynon_156 ._round_fynon_173 {
+  border-radius: 50%;
+}
+._swatch_fynon_156 ._square_fynon_176 {
+  border-radius: 6px;
+}
+._swatch_fynon_156 ._pill_fynon_179 {
+  border-radius: 9999px;
+  height: 50%;
+}
+._swatch_fynon_156._xs_fynon_183 {
+  width: 20px;
+  height: 20px;
+}
+@media (width <= 479.98px) {
+  ._swatch_fynon_156._xs_fynon_183 {
+    width: calc(20px * 0.85);
+    height: calc(20px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._swatch_fynon_156._xs_fynon_183 {
+    width: calc(20px * 1.1);
+    height: calc(20px * 1.1);
+  }
+}
+._swatch_fynon_156._small_fynon_199 {
+  width: 24px;
+  height: 24px;
+}
+@media (width <= 479.98px) {
+  ._swatch_fynon_156._small_fynon_199 {
+    width: calc(24px * 0.85);
+    height: calc(24px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._swatch_fynon_156._small_fynon_199 {
+    width: calc(24px * 1.1);
+    height: calc(24px * 1.1);
+  }
+}
+._swatch_fynon_156._medium_fynon_215 {
+  width: 32px;
+  height: 32px;
+}
+@media (width <= 479.98px) {
+  ._swatch_fynon_156._medium_fynon_215 {
+    width: calc(32px * 0.85);
+    height: calc(32px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._swatch_fynon_156._medium_fynon_215 {
+    width: calc(32px * 1.1);
+    height: calc(32px * 1.1);
+  }
+}
+._swatch_fynon_156._large_fynon_231 {
+  width: 36px;
+  height: 36px;
+}
+@media (width <= 479.98px) {
+  ._swatch_fynon_156._large_fynon_231 {
+    width: calc(36px * 0.85);
+    height: calc(36px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._swatch_fynon_156._large_fynon_231 {
+    width: calc(36px * 1.1);
+    height: calc(36px * 1.1);
+  }
+}
+._swatch_fynon_156._xl_fynon_247 {
+  width: 40px;
+  height: 40px;
+}
+@media (width <= 479.98px) {
+  ._swatch_fynon_156._xl_fynon_247 {
+    width: calc(40px * 0.85);
+    height: calc(40px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._swatch_fynon_156._xl_fynon_247 {
+    width: calc(40px * 1.1);
+    height: calc(40px * 1.1);
+  }
+}
+
+._radio_input_fynon_264 {
+  display: none;
+}
+
+._preview_fynon_268 {
+  width: 80%;
+  height: 80%;
+  display: block;
+  box-sizing: border-box;
+  border-radius: inherit;
+}
+
+._custom_input_fynon_276 {
+  margin-top: var(--spacing-xs);
+  width: 100%;
+}
+@media (width <= 479.98px) {
+  ._custom_input_fynon_276 {
+    margin-top: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._custom_input_fynon_276 {
+    margin-top: var(--spacing-sm);
+  }
+}
+
+._circle_fynon_291 {
+  border-radius: 50%;
+}
+
+._square_fynon_176 {
+  border-radius: 6px;
+}
+
+._rounded_fynon_299 {
+  border-radius: 9999px;
+}
+
+._shadowNone_fynon_303 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_fynon_307 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_fynon_311 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_fynon_315 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_fynon_319 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._color_picker_fynon_85,
+  ._color_picker_fynon_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._swatch_fynon_156:hover {
+    outline-color: transparent;
+  }
+}
+@media (forced-colors: active) {
+  ._swatch_fynon_156 {
+    border: 1px solid ButtonText;
+    background: Canvas;
+    color: CanvasText;
+    outline-color: Highlight;
+    box-shadow: none !important;
+  }
+  ._preview_fynon_268 {
+    background: CanvasText;
+  }
+}

package/dist/next/ColorPicker.js

@@ -1,4 +1,4 @@
-import { C } from "./ColorPicker-CCzSZDjx.js";
+import { C } from "./ColorPicker-BJfyM0Ay.js";
 export {
   C as default
 };

package/dist/next/{CommandPalette-D6R9_gmo.js → CommandPalette-CNaU5jTY.js}

@@ -4,8 +4,8 @@ import ReactDOM from "react-dom";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
-import { T as TextInput } from "./TextInput-yUHEWbdK.js";
+import './globals.css';import './CommandPalette.css';/* empty css                 */
+import { T as TextInput } from "./TextInput-CKM34-yu.js";
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -406,45 +406,35 @@ const CommandPaletteBase = ({
   );
 };
 CommandPaletteBase.displayName = "CommandPaletteBase";
-const noScroll = "_noScroll_i3ufv_109";
-const errorMessage = "_errorMessage_i3ufv_110";
-const loadingContainer = "_loadingContainer_i3ufv_111";
-const hideScrollbar = "_hideScrollbar_i3ufv_103";
-const sr_only = "_sr_only_i3ufv_112";
-const overlay = "_overlay_i3ufv_637";
-const command_palette = "_command_palette_i3ufv_658";
-const roundNone = "_roundNone_i3ufv_694";
-const item = "_item_i3ufv_698";
-const roundSmall = "_roundSmall_i3ufv_702";
-const roundMedium = "_roundMedium_i3ufv_710";
-const roundLarge = "_roundLarge_i3ufv_718";
-const roundFull = "_roundFull_i3ufv_726";
-const shadowNone = "_shadowNone_i3ufv_734";
-const shadowLight = "_shadowLight_i3ufv_738";
-const shadowMedium = "_shadowMedium_i3ufv_742";
-const shadowStrong = "_shadowStrong_i3ufv_746";
-const shadowIntense = "_shadowIntense_i3ufv_750";
-const input = "_input_i3ufv_754";
-const list = "_list_i3ufv_782";
-const icon = "_icon_i3ufv_848";
-const empty = "_empty_i3ufv_852";
-const active = "_active_i3ufv_874";
-const primary = "_primary_i3ufv_879";
-const secondary = "_secondary_i3ufv_897";
-const tertiary = "_tertiary_i3ufv_915";
-const quaternary = "_quaternary_i3ufv_933";
-const clear = "_clear_i3ufv_951";
-const success = "_success_i3ufv_969";
-const error = "_error_i3ufv_110";
-const warning = "_warning_i3ufv_1005";
-const spin = "_spin_i3ufv_1";
-const pulse = "_pulse_i3ufv_1";
+const overlay = "_overlay_qhoec_204";
+const command_palette = "_command_palette_qhoec_225";
+const roundNone = "_roundNone_qhoec_261";
+const item = "_item_qhoec_265";
+const roundSmall = "_roundSmall_qhoec_269";
+const roundMedium = "_roundMedium_qhoec_277";
+const roundLarge = "_roundLarge_qhoec_285";
+const roundFull = "_roundFull_qhoec_293";
+const shadowNone = "_shadowNone_qhoec_301";
+const shadowLight = "_shadowLight_qhoec_305";
+const shadowMedium = "_shadowMedium_qhoec_309";
+const shadowStrong = "_shadowStrong_qhoec_313";
+const shadowIntense = "_shadowIntense_qhoec_317";
+const input = "_input_qhoec_321";
+const list = "_list_qhoec_349";
+const icon = "_icon_qhoec_415";
+const empty = "_empty_qhoec_419";
+const active = "_active_qhoec_441";
+const primary = "_primary_qhoec_446";
+const secondary = "_secondary_qhoec_464";
+const tertiary = "_tertiary_qhoec_482";
+const quaternary = "_quaternary_qhoec_500";
+const clear = "_clear_qhoec_518";
+const success = "_success_qhoec_536";
+const error = "_error_qhoec_554";
+const warning = "_warning_qhoec_572";
+const spin = "_spin_qhoec_1";
+const pulse = "_pulse_qhoec_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   overlay,
   command_palette,
   roundNone,
@@ -471,15 +461,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_i3ufv_1",
-  "slide-up": "_slide-up_i3ufv_1",
-  "spin-3d": "_spin-3d_i3ufv_1",
+  "fade-in": "_fade-in_qhoec_1",
+  "slide-up": "_slide-up_qhoec_1",
+  "spin-3d": "_spin-3d_qhoec_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_i3ufv_1",
-  "progress-grow": "_progress-grow_i3ufv_1",
-  "indeterminate-move": "_indeterminate-move_i3ufv_1",
-  "skeleton-loading": "_skeleton-loading_i3ufv_1"
+  "fade-in-up": "_fade-in-up_qhoec_1",
+  "progress-grow": "_progress-grow_qhoec_1",
+  "indeterminate-move": "_indeterminate-move_qhoec_1",
+  "skeleton-loading": "_skeleton-loading_qhoec_1"
 };
 const CommandPalette = (props) => /* @__PURE__ */ jsx(
   CommandPaletteBase,
@@ -493,4 +483,4 @@ CommandPalette.displayName = "CommandPalette";
 export {
   CommandPalette as C
 };
-//# sourceMappingURL=CommandPalette-D6R9_gmo.js.map
+//# sourceMappingURL=CommandPalette-CNaU5jTY.js.map