boreal-ui 0.0.78 → 0.0.80

package/dist/next/{DateTimePicker-CU-b9irX.cjs.map → DateTimePicker-Dp0y3k4y.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-CU-b9irX.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\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 10V6C3 4.89543 3.89543 4 5 4H7\"\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=\"M7 2V6\"\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=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\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 CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-Dp0y3k4y.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\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 10V6C3 4.89543 3.89543 4 5 4H7\"\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=\"M7 2V6\"\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=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\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 CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":";;;;;;AAAA,MAAM,eAAwD,CAAC,UAC7DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3BF,MAAM,qBAAwD,CAAC;AAAA,EAC7D,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAAC,YAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAcC,MAAAA,MAAA;AACpB,QAAM,UAAU,MAAM;AACtB,QAAM,kBAAkB,YAAYT,SAAQ,GAAG,OAAO,WAAW;AACjE,QAAM,wBACJ,kBAAkBQ,eAAc,GAAG,OAAO,iBAAiB;AAC7D,QAAM,kBAAkB,YAAYD,SAAQ,GAAG,OAAO,WAAW;AAEjE,QAAM,WAAWG,MAAAA,OAAyB,IAAI;AAE9C,QAAM,eAAe,OAAO,MAAM,MAAM,MAAM;AAC9C,QAAM,cAAc,SACf,MAAM,QAAQ,MAAM,WAAW,MAAM,QAAQ,MAAM,SACpD;AAEJ,QAAM,aAAa,MAAM;AACvB,UAAM,KAAK,SAAS;AACpB,QAAI,CAAC,MAAMT,aAAY,SAAU;AAEjC,QAAI,OAAO,GAAG,eAAe,YAAY;AACvC,SAAG,WAAA;AAAA,IACL,OAAO;AACL,SAAG,MAAA;AAAA,IACL;AAAA,EACF;AAEA,QAAM,cAAcU,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDV,YAAW,SAAS;AAAA,MACpBF,aAAY,SAAS;AAAA,MACrB,YAAY,SAAS;AAAA,MACrB;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAE;AAAA,MACAF;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,oBACJ,CAAC,iBAAiB,uBAAuB,eAAe,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,QAAM,uBACH,eAAe,QAAQM,UAAS,gBAAgB,WAAW,MAAM;AAEpE,QAAM,wBAAwB,gBAAgB,aAAa;AAE3D,QAAM,oBACJ,cAAc,CAACP,UAAS,CAAC,iBAAiB,kBAAkB;AAE9D,QAAM,yBACJ,mBACC,CAAC,aAAa,kBAAkB,kBAAkB;AAErD,QAAM,2BACJ,qBAAqBO,SAAQ,kBAAkB;AAEjD,SACET,2BAAAA,KAAC,OAAA,EAAI,WAAW,aAAa,eAAa,QACvC,UAAA;AAAA,IAAAE,UACCF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA;AAAA,UAAAE;AAAA,UACA,YAAYD,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAI5CD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB;AAAA,UACA,UAAU,CAAC,MAAM,qCAAW,EAAE,OAAO;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAAE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY;AAAA,UACZ,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,qBAAmB;AAAA,UACnB,gBAAc;AAAA,UACd,iBAAe;AAAA,UACf,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGNF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,SAAS;AAAA,UACT,UAAUE,aAAY;AAAA,UACtB,cAAY,yBAAyB;AAAA,UACrC,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,OACE,qBACA,yBACA;AAAA,UAEF,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,UAEJ,UAAAF,2BAAAA,IAAC,cAAA,EAAa,eAAa,MAAM,WAAW,MAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,GACF;AAAA,IAECS,gBAAe,CAACD,UACfR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAIJD,UACCR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;AAEA,mBAAmB,cAAc;AC5MjC,MAAM,iBAAgD,CAAC,UACrDR,+BAAC,sBAAoB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAEnD,eAAe,cAAc;;"}

package/dist/next/DateTimePicker.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const DateTimePicker = require("./DateTimePicker-CU-b9irX.cjs");
+const DateTimePicker = require("./DateTimePicker-Dp0y3k4y.cjs");
 module.exports = DateTimePicker.DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.js.map

package/dist/next/DateTimePicker.js

@@ -1,4 +1,4 @@
-import { D } from "./DateTimePicker-WVVLqcd9.js";
+import { D } from "./DateTimePicker-D2thRuf1.js";
 export {
   D as default
 };

package/dist/next/{Divider-BXSDTRTU.js → Divider-C41EKGIw.js}

@@ -2,7 +2,35 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-import './Divider.css';const DividerBase = forwardRef(
+import './Divider.css';const divider = "_divider_h9or9_85";
+const horizontal = "_horizontal_h9or9_94";
+const vertical = "_vertical_h9or9_111";
+const dashed = "_dashed_h9or9_128";
+const disabled = "_disabled_h9or9_151";
+const primary = "_primary_h9or9_156";
+const secondary = "_secondary_h9or9_165";
+const tertiary = "_tertiary_h9or9_174";
+const quaternary = "_quaternary_h9or9_183";
+const clear = "_clear_h9or9_192";
+const success = "_success_h9or9_201";
+const error = "_error_h9or9_210";
+const warning = "_warning_h9or9_219";
+const styles = {
+  divider,
+  horizontal,
+  vertical,
+  dashed,
+  disabled,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning
+};
+const DividerBase = forwardRef(
   ({
     orientation = "horizontal",
     thickness = "1px",
@@ -69,37 +97,9 @@ import './Divider.css';const DividerBase = forwardRef(
   }
 );
 DividerBase.displayName = "DividerBase";
-const divider = "_divider_h9or9_85";
-const horizontal = "_horizontal_h9or9_94";
-const vertical = "_vertical_h9or9_111";
-const dashed = "_dashed_h9or9_128";
-const disabled = "_disabled_h9or9_151";
-const primary = "_primary_h9or9_156";
-const secondary = "_secondary_h9or9_165";
-const tertiary = "_tertiary_h9or9_174";
-const quaternary = "_quaternary_h9or9_183";
-const clear = "_clear_h9or9_192";
-const success = "_success_h9or9_201";
-const error = "_error_h9or9_210";
-const warning = "_warning_h9or9_219";
-const styles = {
-  divider,
-  horizontal,
-  vertical,
-  dashed,
-  disabled,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning
-};
 const Divider = forwardRef((props, ref) => /* @__PURE__ */ jsx(DividerBase, { ...props, classMap: styles, ref }));
 Divider.displayName = "Divider";
 export {
   Divider as D
 };
-//# sourceMappingURL=Divider-BXSDTRTU.js.map
+//# sourceMappingURL=Divider-C41EKGIw.js.map

package/dist/next/{Divider-BXSDTRTU.js.map → Divider-C41EKGIw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-BXSDTRTU.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["dashed"],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAA,UAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBA,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/E1B,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;"}
+{"version":3,"file":"Divider-C41EKGIw.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["dashed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAA,UAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBA,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;AC/E1B,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;"}

package/dist/next/{Divider-BGxUapmt.cjs → Divider-CVOkAhn6.cjs}

@@ -3,6 +3,34 @@ require('./Divider.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const divider = "_divider_h9or9_85";
+const horizontal = "_horizontal_h9or9_94";
+const vertical = "_vertical_h9or9_111";
+const dashed = "_dashed_h9or9_128";
+const disabled = "_disabled_h9or9_151";
+const primary = "_primary_h9or9_156";
+const secondary = "_secondary_h9or9_165";
+const tertiary = "_tertiary_h9or9_174";
+const quaternary = "_quaternary_h9or9_183";
+const clear = "_clear_h9or9_192";
+const success = "_success_h9or9_201";
+const error = "_error_h9or9_210";
+const warning = "_warning_h9or9_219";
+const styles = {
+  divider,
+  horizontal,
+  vertical,
+  dashed,
+  disabled,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning
+};
 const DividerBase = React.forwardRef(
   ({
     orientation = "horizontal",
@@ -70,35 +98,7 @@ const DividerBase = React.forwardRef(
   }
 );
 DividerBase.displayName = "DividerBase";
-const divider = "_divider_h9or9_85";
-const horizontal = "_horizontal_h9or9_94";
-const vertical = "_vertical_h9or9_111";
-const dashed = "_dashed_h9or9_128";
-const disabled = "_disabled_h9or9_151";
-const primary = "_primary_h9or9_156";
-const secondary = "_secondary_h9or9_165";
-const tertiary = "_tertiary_h9or9_174";
-const quaternary = "_quaternary_h9or9_183";
-const clear = "_clear_h9or9_192";
-const success = "_success_h9or9_201";
-const error = "_error_h9or9_210";
-const warning = "_warning_h9or9_219";
-const styles = {
-  divider,
-  horizontal,
-  vertical,
-  dashed,
-  disabled,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning
-};
 const Divider = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(DividerBase, { ...props, classMap: styles, ref }));
 Divider.displayName = "Divider";
 exports.Divider = Divider;
-//# sourceMappingURL=Divider-BGxUapmt.cjs.map
+//# sourceMappingURL=Divider-CVOkAhn6.cjs.map

package/dist/next/{Divider-BGxUapmt.cjs.map → Divider-CVOkAhn6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-BGxUapmt.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAID,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/E1B,MAAM,UAAUD,MAAAA,WAAyC,CAAC,OAAO,QAC/DG,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;;"}
+{"version":3,"file":"Divider-CVOkAhn6.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAID,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;AC/E1B,MAAM,UAAUD,MAAAA,WAAyC,CAAC,OAAO,QAC/DG,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;;"}

package/dist/next/Divider.cjs.js

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

package/dist/next/Divider.js

@@ -1,4 +1,4 @@
-import { D } from "./Divider-BXSDTRTU.js";
+import { D } from "./Divider-C41EKGIw.js";
 export {
   D as default
 };

package/dist/next/{Dropdown-CUYItZDk.cjs → Dropdown-BYmta_HY.cjs}

@@ -1,11 +1,50 @@
 "use strict";
-require('./globals.css');require('./Dropdown.css');const require$$2 = require("react/jsx-runtime");
+require('./Dropdown.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");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-;/* empty css                   */
 const IconButton = require("./IconButton-C66aQhKe.cjs");
+const wrapper = "_wrapper_1bnne_85";
+const trigger = "_trigger_1bnne_92";
+const alignRight = "_alignRight_1bnne_103";
+const alignLeft = "_alignLeft_1bnne_108";
+const menu = "_menu_1bnne_113";
+const item = "_item_1bnne_158";
+const icon = "_icon_1bnne_202";
+const isDisabled = "_isDisabled_1bnne_219";
+const roundNone = "_roundNone_1bnne_229";
+const roundSmall = "_roundSmall_1bnne_237";
+const roundMedium = "_roundMedium_1bnne_245";
+const roundLarge = "_roundLarge_1bnne_253";
+const roundFull = "_roundFull_1bnne_261";
+const shadowNone = "_shadowNone_1bnne_269";
+const shadowLight = "_shadowLight_1bnne_273";
+const shadowMedium = "_shadowMedium_1bnne_277";
+const shadowStrong = "_shadowStrong_1bnne_281";
+const shadowIntense = "_shadowIntense_1bnne_285";
+const styles = {
+  wrapper,
+  trigger,
+  alignRight,
+  alignLeft,
+  menu,
+  "fade-in": "_fade-in_1bnne_1",
+  "slide-up": "_slide-up_1bnne_1",
+  item,
+  icon,
+  isDisabled,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
 const MenuIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -341,49 +380,9 @@ const BaseDropdown = ({
   );
 };
 BaseDropdown.displayName = "BaseDropdown";
-const wrapper = "_wrapper_1bnne_85";
-const trigger = "_trigger_1bnne_92";
-const alignRight = "_alignRight_1bnne_103";
-const alignLeft = "_alignLeft_1bnne_108";
-const menu = "_menu_1bnne_113";
-const item = "_item_1bnne_158";
-const icon = "_icon_1bnne_202";
-const isDisabled = "_isDisabled_1bnne_219";
-const roundNone = "_roundNone_1bnne_229";
-const roundSmall = "_roundSmall_1bnne_237";
-const roundMedium = "_roundMedium_1bnne_245";
-const roundLarge = "_roundLarge_1bnne_253";
-const roundFull = "_roundFull_1bnne_261";
-const shadowNone = "_shadowNone_1bnne_269";
-const shadowLight = "_shadowLight_1bnne_273";
-const shadowMedium = "_shadowMedium_1bnne_277";
-const shadowStrong = "_shadowStrong_1bnne_281";
-const shadowIntense = "_shadowIntense_1bnne_285";
-const styles = {
-  wrapper,
-  trigger,
-  alignRight,
-  alignLeft,
-  menu,
-  "fade-in": "_fade-in_1bnne_1",
-  "slide-up": "_slide-up_1bnne_1",
-  item,
-  icon,
-  isDisabled,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
 const Dropdown = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseDropdown, { ...props, IconButton: IconButton.IconButton, classMap: styles });
 };
 Dropdown.displayName = "Dropdown";
 exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown-CUYItZDk.cjs.map
+//# sourceMappingURL=Dropdown-BYmta_HY.cjs.map

package/dist/next/{Dropdown-CUYItZDk.cjs.map → Dropdown-BYmta_HY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-CUYItZDk.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\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 12H21\"\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 19H21\"\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 MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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 BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  \"aria-label\": ariaLabel = \"Dropdown menu\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  menuAriaLabel,\r\n  menuAriaLabelledby,\r\n  menuAriaDescribedby,\r\n  menuId: menuIdProp,\r\n  triggerId,\r\n  focusFirstItemOnOpen = true,\r\n  closeOnSelect = true,\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  title,\r\n  triggerProps,\r\n  menuProps,\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n  ...rest\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n\r\n  const generatedMenuId = useId();\r\n  const resolvedMenuId = menuIdProp ?? generatedMenuId;\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const getEnabledItemIndexes = useCallback(() => {\r\n    return items.reduce<number[]>((acc, item, index) => {\r\n      if (!item.disabled) {\r\n        acc.push(index);\r\n      }\r\n      return acc;\r\n    }, []);\r\n  }, [items]);\r\n\r\n  const focusItemAtIndex = useCallback((index: number) => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>(\"a, button\");\r\n\r\n    const target = menuItems?.[index];\r\n\r\n    if (target instanceof HTMLButtonElement && target.disabled) {\r\n      return;\r\n    }\r\n\r\n    target?.focus();\r\n  }, []);\r\n\r\n  const toggleDropdown = () => {\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const closeDropdown = useCallback(() => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  }, []);\r\n\r\n  const handleItemSelect = useCallback(\r\n    (item: BaseDropdownProps[\"items\"][number]) => {\r\n      if (item.disabled) return;\r\n\r\n      item.onClick?.();\r\n\r\n      if (closeOnSelect) {\r\n        closeDropdown();\r\n      }\r\n    },\r\n    [closeDropdown, closeOnSelect],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const enabledIndexes = getEnabledItemIndexes();\r\n\r\n    if (!focusFirstItemOnOpen || enabledIndexes.length === 0) {\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    setActiveIndex(enabledIndexes[0] ?? -1);\r\n  }, [open, focusFirstItemOnOpen, getEnabledItemIndexes]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    focusItemAtIndex(activeIndex);\r\n  }, [activeIndex, open, focusItemAtIndex]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, closeDropdown]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const enabledIndexes = getEnabledItemIndexes();\r\n      const hasItems = enabledIndexes.length > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      const currentEnabledPosition = enabledIndexes.indexOf(activeIndex);\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[0] ?? -1);\r\n        } else {\r\n          const nextPosition =\r\n            (currentEnabledPosition + 1) % enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[nextPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n        } else {\r\n          const prevPosition =\r\n            (currentEnabledPosition - 1 + enabledIndexes.length) %\r\n            enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[prevPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[0] ?? -1);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        e.preventDefault();\r\n        const item = items[activeIndex];\r\n        if (item && !item.disabled) {\r\n          handleItemSelect(item);\r\n        }\r\n      }\r\n    },\r\n    [\r\n      open,\r\n      items,\r\n      activeIndex,\r\n      getEnabledItemIndexes,\r\n      closeDropdown,\r\n      handleItemSelect,\r\n    ],\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName,\r\n        menuProps?.className,\r\n      ),\r\n    [\r\n      classMap,\r\n      align,\r\n      menuShadow,\r\n      menuRounding,\r\n      menuClassName,\r\n      menuProps?.className,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        id={triggerId}\r\n        icon={Icon}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={resolvedMenuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        title={title}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerProps}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={resolvedMenuId}\r\n          ref={menuRef}\r\n          aria-label={\r\n            menuAriaLabelledby ? undefined : (menuAriaLabel ?? ariaLabel)\r\n          }\r\n          aria-labelledby={menuAriaLabelledby}\r\n          aria-describedby={menuAriaDescribedby}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n          {...menuProps}\r\n        >\r\n          {items.map((item, index) => {\r\n            const commonProps = {\r\n              id: item.id,\r\n              className: combineClassNames(\r\n                classMap.item,\r\n                item.disabled ? classMap.disabled : \"\",\r\n              ),\r\n              \"aria-label\": item[\"aria-label\"],\r\n              \"aria-describedby\": item[\"aria-describedby\"],\r\n              \"aria-current\": item[\"aria-current\"],\r\n              \"aria-disabled\": item.disabled || undefined,\r\n              title: item.title,\r\n              \"data-testid\": item[\"data-testid\"],\r\n              onClick: () => handleItemSelect(item),\r\n            };\r\n\r\n            if (item.href) {\r\n              return (\r\n                <a\r\n                  key={item.id ?? index}\r\n                  href={item.disabled ? undefined : item.href}\r\n                  {...commonProps}\r\n                  onClick={(e) => {\r\n                    if (item.disabled) {\r\n                      e.preventDefault();\r\n                      return;\r\n                    }\r\n                    item.onClick?.();\r\n                    if (closeOnSelect) {\r\n                      closeDropdown();\r\n                    }\r\n                  }}\r\n                >\r\n                  {item.icon && (\r\n                    <span className={classMap.icon} aria-hidden=\"true\">\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  {item.label}\r\n                </a>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <button\r\n                key={item.id ?? index}\r\n                type=\"button\"\r\n                disabled={item.disabled}\r\n                {...commonProps}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"Dropdown-BYmta_HY.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\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 12H21\"\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 19H21\"\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 MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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 BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  \"aria-label\": ariaLabel = \"Dropdown menu\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  menuAriaLabel,\r\n  menuAriaLabelledby,\r\n  menuAriaDescribedby,\r\n  menuId: menuIdProp,\r\n  triggerId,\r\n  focusFirstItemOnOpen = true,\r\n  closeOnSelect = true,\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  title,\r\n  triggerProps,\r\n  menuProps,\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n  ...rest\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n\r\n  const generatedMenuId = useId();\r\n  const resolvedMenuId = menuIdProp ?? generatedMenuId;\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const getEnabledItemIndexes = useCallback(() => {\r\n    return items.reduce<number[]>((acc, item, index) => {\r\n      if (!item.disabled) {\r\n        acc.push(index);\r\n      }\r\n      return acc;\r\n    }, []);\r\n  }, [items]);\r\n\r\n  const focusItemAtIndex = useCallback((index: number) => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>(\"a, button\");\r\n\r\n    const target = menuItems?.[index];\r\n\r\n    if (target instanceof HTMLButtonElement && target.disabled) {\r\n      return;\r\n    }\r\n\r\n    target?.focus();\r\n  }, []);\r\n\r\n  const toggleDropdown = () => {\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const closeDropdown = useCallback(() => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  }, []);\r\n\r\n  const handleItemSelect = useCallback(\r\n    (item: BaseDropdownProps[\"items\"][number]) => {\r\n      if (item.disabled) return;\r\n\r\n      item.onClick?.();\r\n\r\n      if (closeOnSelect) {\r\n        closeDropdown();\r\n      }\r\n    },\r\n    [closeDropdown, closeOnSelect],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const enabledIndexes = getEnabledItemIndexes();\r\n\r\n    if (!focusFirstItemOnOpen || enabledIndexes.length === 0) {\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    setActiveIndex(enabledIndexes[0] ?? -1);\r\n  }, [open, focusFirstItemOnOpen, getEnabledItemIndexes]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    focusItemAtIndex(activeIndex);\r\n  }, [activeIndex, open, focusItemAtIndex]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, closeDropdown]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const enabledIndexes = getEnabledItemIndexes();\r\n      const hasItems = enabledIndexes.length > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      const currentEnabledPosition = enabledIndexes.indexOf(activeIndex);\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[0] ?? -1);\r\n        } else {\r\n          const nextPosition =\r\n            (currentEnabledPosition + 1) % enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[nextPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n        } else {\r\n          const prevPosition =\r\n            (currentEnabledPosition - 1 + enabledIndexes.length) %\r\n            enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[prevPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[0] ?? -1);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        e.preventDefault();\r\n        const item = items[activeIndex];\r\n        if (item && !item.disabled) {\r\n          handleItemSelect(item);\r\n        }\r\n      }\r\n    },\r\n    [\r\n      open,\r\n      items,\r\n      activeIndex,\r\n      getEnabledItemIndexes,\r\n      closeDropdown,\r\n      handleItemSelect,\r\n    ],\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName,\r\n        menuProps?.className,\r\n      ),\r\n    [\r\n      classMap,\r\n      align,\r\n      menuShadow,\r\n      menuRounding,\r\n      menuClassName,\r\n      menuProps?.className,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        id={triggerId}\r\n        icon={Icon}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={resolvedMenuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        title={title}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerProps}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={resolvedMenuId}\r\n          ref={menuRef}\r\n          aria-label={\r\n            menuAriaLabelledby ? undefined : (menuAriaLabel ?? ariaLabel)\r\n          }\r\n          aria-labelledby={menuAriaLabelledby}\r\n          aria-describedby={menuAriaDescribedby}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n          {...menuProps}\r\n        >\r\n          {items.map((item, index) => {\r\n            const commonProps = {\r\n              id: item.id,\r\n              className: combineClassNames(\r\n                classMap.item,\r\n                item.disabled ? classMap.disabled : \"\",\r\n              ),\r\n              \"aria-label\": item[\"aria-label\"],\r\n              \"aria-describedby\": item[\"aria-describedby\"],\r\n              \"aria-current\": item[\"aria-current\"],\r\n              \"aria-disabled\": item.disabled || undefined,\r\n              title: item.title,\r\n              \"data-testid\": item[\"data-testid\"],\r\n              onClick: () => handleItemSelect(item),\r\n            };\r\n\r\n            if (item.href) {\r\n              return (\r\n                <a\r\n                  key={item.id ?? index}\r\n                  href={item.disabled ? undefined : item.href}\r\n                  {...commonProps}\r\n                  onClick={(e) => {\r\n                    if (item.disabled) {\r\n                      e.preventDefault();\r\n                      return;\r\n                    }\r\n                    item.onClick?.();\r\n                    if (closeOnSelect) {\r\n                      closeDropdown();\r\n                    }\r\n                  }}\r\n                >\r\n                  {item.icon && (\r\n                    <span className={classMap.icon} aria-hidden=\"true\">\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  {item.label}\r\n                </a>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <button\r\n                key={item.id ?? index}\r\n                type=\"button\"\r\n                disabled={item.disabled}\r\n                {...commonProps}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport IconButton from \"../../IconButton/next/IconButton\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/{Dropdown-B7vrHg0z.js → Dropdown-DavPqfaS.js}

@@ -3,8 +3,47 @@ import { useState, useRef, useId, useCallback, useEffect, useMemo } from "react"
 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";
-import './globals.css';import './Dropdown.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
+import './Dropdown.css';const wrapper = "_wrapper_1bnne_85";
+const trigger = "_trigger_1bnne_92";
+const alignRight = "_alignRight_1bnne_103";
+const alignLeft = "_alignLeft_1bnne_108";
+const menu = "_menu_1bnne_113";
+const item = "_item_1bnne_158";
+const icon = "_icon_1bnne_202";
+const isDisabled = "_isDisabled_1bnne_219";
+const roundNone = "_roundNone_1bnne_229";
+const roundSmall = "_roundSmall_1bnne_237";
+const roundMedium = "_roundMedium_1bnne_245";
+const roundLarge = "_roundLarge_1bnne_253";
+const roundFull = "_roundFull_1bnne_261";
+const shadowNone = "_shadowNone_1bnne_269";
+const shadowLight = "_shadowLight_1bnne_273";
+const shadowMedium = "_shadowMedium_1bnne_277";
+const shadowStrong = "_shadowStrong_1bnne_281";
+const shadowIntense = "_shadowIntense_1bnne_285";
+const styles = {
+  wrapper,
+  trigger,
+  alignRight,
+  alignLeft,
+  menu,
+  "fade-in": "_fade-in_1bnne_1",
+  "slide-up": "_slide-up_1bnne_1",
+  item,
+  icon,
+  isDisabled,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
 const MenuIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -340,46 +379,6 @@ const BaseDropdown = ({
   );
 };
 BaseDropdown.displayName = "BaseDropdown";
-const wrapper = "_wrapper_1bnne_85";
-const trigger = "_trigger_1bnne_92";
-const alignRight = "_alignRight_1bnne_103";
-const alignLeft = "_alignLeft_1bnne_108";
-const menu = "_menu_1bnne_113";
-const item = "_item_1bnne_158";
-const icon = "_icon_1bnne_202";
-const isDisabled = "_isDisabled_1bnne_219";
-const roundNone = "_roundNone_1bnne_229";
-const roundSmall = "_roundSmall_1bnne_237";
-const roundMedium = "_roundMedium_1bnne_245";
-const roundLarge = "_roundLarge_1bnne_253";
-const roundFull = "_roundFull_1bnne_261";
-const shadowNone = "_shadowNone_1bnne_269";
-const shadowLight = "_shadowLight_1bnne_273";
-const shadowMedium = "_shadowMedium_1bnne_277";
-const shadowStrong = "_shadowStrong_1bnne_281";
-const shadowIntense = "_shadowIntense_1bnne_285";
-const styles = {
-  wrapper,
-  trigger,
-  alignRight,
-  alignLeft,
-  menu,
-  "fade-in": "_fade-in_1bnne_1",
-  "slide-up": "_slide-up_1bnne_1",
-  item,
-  icon,
-  isDisabled,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
 const Dropdown = (props) => {
   return /* @__PURE__ */ jsx(BaseDropdown, { ...props, IconButton, classMap: styles });
 };
@@ -387,4 +386,4 @@ Dropdown.displayName = "Dropdown";
 export {
   Dropdown as D
 };
-//# sourceMappingURL=Dropdown-B7vrHg0z.js.map
+//# sourceMappingURL=Dropdown-DavPqfaS.js.map