boreal-ui 0.0.76 → 0.0.78

package/dist/next/Dropdown.css

@@ -0,0 +1,317 @@
+@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.
+ */
+._wrapper_1bnne_85 {
+  position: relative;
+  display: inline-block;
+  outline: none;
+  font-family: var(--font-family-ui);
+}
+
+._trigger_1bnne_92 {
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+._trigger_1bnne_92:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+
+._alignRight_1bnne_103 {
+  right: 0;
+  transform: translateX(0);
+}
+
+._alignLeft_1bnne_108 {
+  left: 0;
+  transform: translateX(0);
+}
+
+._menu_1bnne_113 {
+  position: absolute;
+  top: 100%;
+  overflow: hidden;
+  margin-top: var(--spacing-xs);
+  background-color: var(--background-color-lighter);
+  z-index: 90;
+  padding: var(--spacing-xs) 0;
+  width: max-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);
+  animation: _fade-in_1bnne_1 0.2s ease-in-out;
+}
+@media (min-width: 480px) {
+  ._menu_1bnne_113[data-overflow-right=true] {
+    left: auto;
+    right: 0;
+  }
+  ._menu_1bnne_113[data-overflow-left=true] {
+    right: auto;
+    left: 0;
+  }
+}
+@media (width <= 479.98px) {
+  ._menu_1bnne_113 {
+    min-width: 100%;
+    max-height: 50vh;
+    overflow-y: auto;
+    animation: _slide-up_1bnne_1 0.3s ease-in-out;
+    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--spacing-sm));
+  }
+}
+@media (min-width: 1024px) {
+  ._menu_1bnne_113 {
+    min-width: 200px;
+  }
+}
+._menu_1bnne_113:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+
+._item_1bnne_158 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  line-height: var(--line-height-label);
+  width: 100%;
+  background: none;
+  border: none;
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+  cursor: pointer;
+  text-align: left;
+  transition: background-color var(--transition-default), transform var(--transition-default), box-shadow var(--transition-default);
+}
+._item_1bnne_158:hover, ._item_1bnne_158:focus {
+  background-color: var(--background-color-dark);
+  color: var(--text-color-primary);
+  outline: none;
+}
+._item_1bnne_158:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+@media (width <= 479.98px) {
+  ._item_1bnne_158 {
+    font-size: var(--font-size-caption);
+    padding: var(--spacing-md);
+    gap: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._item_1bnne_158 {
+    font-size: var(--font-size-label);
+    padding: var(--spacing-md) var(--spacing-lg);
+    gap: var(--spacing-sm);
+  }
+}
+
+._icon_1bnne_202 {
+  margin-right: var(--spacing-xs);
+  display: flex;
+  align-items: center;
+}
+@media (width <= 479.98px) {
+  ._icon_1bnne_202 {
+    margin-right: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._icon_1bnne_202 {
+    margin-right: var(--spacing-sm);
+  }
+}
+
+._item_1bnne_158[aria-disabled=true],
+._item_1bnne_158._isDisabled_1bnne_219 {
+  opacity: 0.6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+a._item_1bnne_158 {
+  text-decoration: none;
+}
+
+._roundNone_1bnne_229 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundNone_1bnne_229 ._item_1bnne_158 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_1bnne_237 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundSmall_1bnne_237 ._item_1bnne_158 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1bnne_245 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundMedium_1bnne_245 ._item_1bnne_158 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_1bnne_253 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundLarge_1bnne_253 ._item_1bnne_158 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_1bnne_261 {
+  border-radius: var(--border-radius-full);
+}
+
+._roundFull_1bnne_261 ._item_1bnne_158 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_1bnne_269 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1bnne_273 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1bnne_277 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1bnne_281 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1bnne_285 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._menu_1bnne_113,
+  ._item_1bnne_158 {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._item_1bnne_158:hover {
+    background-color: transparent;
+    transform: none;
+    box-shadow: none;
+  }
+}
+@media (forced-colors: active) {
+  ._menu_1bnne_113 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+    outline-color: Highlight;
+  }
+  ._item_1bnne_158 {
+    border: 1px solid ButtonText;
+  }
+  ._item_1bnne_158:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/Dropdown.js

@@ -1,4 +1,4 @@
-import { D } from "./Dropdown-B7PgWHlY.js";
+import { D } from "./Dropdown-B7vrHg0z.js";
 export {
   D as default
 };

package/dist/next/{EmptyState-DCCDQWOQ.js → EmptyState-MT9_qwrB.js}

@@ -3,8 +3,8 @@ import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
-import { B as Button } from "./Button-DWpImTmr.js";
+import './globals.css';import './EmptyState.css';/* empty css                 */
+import { B as Button } from "./Button-oSOXL3At.js";
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -113,35 +113,37 @@ const BaseEmptyState = ({
   );
 };
 BaseEmptyState.displayName = "BaseEmptyState";
-const empty_state = "_empty_state_v20lp_85";
-const icon = "_icon_v20lp_112";
-const title = "_title_v20lp_131";
-const message = "_message_v20lp_132";
-const outline = "_outline_v20lp_184";
-const clear = "_clear_v20lp_195";
-const disabled = "_disabled_v20lp_209";
-const xs = "_xs_v20lp_214";
-const small = "_small_v20lp_241";
-const medium = "_medium_v20lp_268";
-const large = "_large_v20lp_295";
-const xl = "_xl_v20lp_322";
-const primary = "_primary_v20lp_349";
-const secondary = "_secondary_v20lp_365";
-const tertiary = "_tertiary_v20lp_381";
-const quaternary = "_quaternary_v20lp_397";
-const success = "_success_v20lp_429";
-const error = "_error_v20lp_445";
-const warning = "_warning_v20lp_461";
-const roundNone = "_roundNone_v20lp_477";
-const roundSmall = "_roundSmall_v20lp_481";
-const roundMedium = "_roundMedium_v20lp_485";
-const roundLarge = "_roundLarge_v20lp_489";
-const roundFull = "_roundFull_v20lp_493";
-const shadowNone = "_shadowNone_v20lp_497";
-const shadowLight = "_shadowLight_v20lp_501";
-const shadowMedium = "_shadowMedium_v20lp_505";
-const shadowStrong = "_shadowStrong_v20lp_509";
-const shadowIntense = "_shadowIntense_v20lp_513";
+const empty_state = "_empty_state_54ih8_204";
+const icon = "_icon_54ih8_231";
+const title = "_title_54ih8_250";
+const message = "_message_54ih8_251";
+const outline = "_outline_54ih8_303";
+const clear = "_clear_54ih8_314";
+const disabled = "_disabled_54ih8_328";
+const xs = "_xs_54ih8_333";
+const small = "_small_54ih8_360";
+const medium = "_medium_54ih8_387";
+const large = "_large_54ih8_414";
+const xl = "_xl_54ih8_441";
+const primary = "_primary_54ih8_468";
+const secondary = "_secondary_54ih8_484";
+const tertiary = "_tertiary_54ih8_500";
+const quaternary = "_quaternary_54ih8_516";
+const success = "_success_54ih8_548";
+const error = "_error_54ih8_564";
+const warning = "_warning_54ih8_580";
+const roundNone = "_roundNone_54ih8_596";
+const roundSmall = "_roundSmall_54ih8_600";
+const roundMedium = "_roundMedium_54ih8_604";
+const roundLarge = "_roundLarge_54ih8_608";
+const roundFull = "_roundFull_54ih8_612";
+const shadowNone = "_shadowNone_54ih8_616";
+const shadowLight = "_shadowLight_54ih8_620";
+const shadowMedium = "_shadowMedium_54ih8_624";
+const shadowStrong = "_shadowStrong_54ih8_628";
+const shadowIntense = "_shadowIntense_54ih8_632";
+const spin = "_spin_54ih8_1";
+const pulse = "_pulse_54ih8_1";
 const styles = {
   empty_state,
   icon,
@@ -171,7 +173,16 @@ const styles = {
   shadowLight,
   shadowMedium,
   shadowStrong,
-  shadowIntense
+  shadowIntense,
+  "fade-in": "_fade-in_54ih8_1",
+  "slide-up": "_slide-up_54ih8_1",
+  "spin-3d": "_spin-3d_54ih8_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_54ih8_1",
+  "progress-grow": "_progress-grow_54ih8_1",
+  "indeterminate-move": "_indeterminate-move_54ih8_1",
+  "skeleton-loading": "_skeleton-loading_54ih8_1"
 };
 const EmptyState = (props) => {
   return /* @__PURE__ */ jsx(BaseEmptyState, { ...props, Button, classMap: styles });
@@ -180,4 +191,4 @@ EmptyState.displayName = "EmptyState";
 export {
   EmptyState as E
 };
-//# sourceMappingURL=EmptyState-DCCDQWOQ.js.map
+//# sourceMappingURL=EmptyState-MT9_qwrB.js.map

package/dist/next/{EmptyState-DCCDQWOQ.js.map → EmptyState-MT9_qwrB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-DCCDQWOQ.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\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        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":"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"}
+{"version":3,"file":"EmptyState-MT9_qwrB.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\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        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":"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"}

package/dist/next/{EmptyState-BH1X81TH.cjs → EmptyState-sh7Vn6eC.cjs}

@@ -1,11 +1,11 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./EmptyState.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 Button = require("./Button-BZmph-Qr.cjs");
+const Button = require("./Button-CmH6HYjc.cjs");
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -114,35 +114,37 @@ const BaseEmptyState = ({
   );
 };
 BaseEmptyState.displayName = "BaseEmptyState";
-const empty_state = "_empty_state_v20lp_85";
-const icon = "_icon_v20lp_112";
-const title = "_title_v20lp_131";
-const message = "_message_v20lp_132";
-const outline = "_outline_v20lp_184";
-const clear = "_clear_v20lp_195";
-const disabled = "_disabled_v20lp_209";
-const xs = "_xs_v20lp_214";
-const small = "_small_v20lp_241";
-const medium = "_medium_v20lp_268";
-const large = "_large_v20lp_295";
-const xl = "_xl_v20lp_322";
-const primary = "_primary_v20lp_349";
-const secondary = "_secondary_v20lp_365";
-const tertiary = "_tertiary_v20lp_381";
-const quaternary = "_quaternary_v20lp_397";
-const success = "_success_v20lp_429";
-const error = "_error_v20lp_445";
-const warning = "_warning_v20lp_461";
-const roundNone = "_roundNone_v20lp_477";
-const roundSmall = "_roundSmall_v20lp_481";
-const roundMedium = "_roundMedium_v20lp_485";
-const roundLarge = "_roundLarge_v20lp_489";
-const roundFull = "_roundFull_v20lp_493";
-const shadowNone = "_shadowNone_v20lp_497";
-const shadowLight = "_shadowLight_v20lp_501";
-const shadowMedium = "_shadowMedium_v20lp_505";
-const shadowStrong = "_shadowStrong_v20lp_509";
-const shadowIntense = "_shadowIntense_v20lp_513";
+const empty_state = "_empty_state_54ih8_204";
+const icon = "_icon_54ih8_231";
+const title = "_title_54ih8_250";
+const message = "_message_54ih8_251";
+const outline = "_outline_54ih8_303";
+const clear = "_clear_54ih8_314";
+const disabled = "_disabled_54ih8_328";
+const xs = "_xs_54ih8_333";
+const small = "_small_54ih8_360";
+const medium = "_medium_54ih8_387";
+const large = "_large_54ih8_414";
+const xl = "_xl_54ih8_441";
+const primary = "_primary_54ih8_468";
+const secondary = "_secondary_54ih8_484";
+const tertiary = "_tertiary_54ih8_500";
+const quaternary = "_quaternary_54ih8_516";
+const success = "_success_54ih8_548";
+const error = "_error_54ih8_564";
+const warning = "_warning_54ih8_580";
+const roundNone = "_roundNone_54ih8_596";
+const roundSmall = "_roundSmall_54ih8_600";
+const roundMedium = "_roundMedium_54ih8_604";
+const roundLarge = "_roundLarge_54ih8_608";
+const roundFull = "_roundFull_54ih8_612";
+const shadowNone = "_shadowNone_54ih8_616";
+const shadowLight = "_shadowLight_54ih8_620";
+const shadowMedium = "_shadowMedium_54ih8_624";
+const shadowStrong = "_shadowStrong_54ih8_628";
+const shadowIntense = "_shadowIntense_54ih8_632";
+const spin = "_spin_54ih8_1";
+const pulse = "_pulse_54ih8_1";
 const styles = {
   empty_state,
   icon,
@@ -172,11 +174,20 @@ const styles = {
   shadowLight,
   shadowMedium,
   shadowStrong,
-  shadowIntense
+  shadowIntense,
+  "fade-in": "_fade-in_54ih8_1",
+  "slide-up": "_slide-up_54ih8_1",
+  "spin-3d": "_spin-3d_54ih8_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_54ih8_1",
+  "progress-grow": "_progress-grow_54ih8_1",
+  "indeterminate-move": "_indeterminate-move_54ih8_1",
+  "skeleton-loading": "_skeleton-loading_54ih8_1"
 };
 const EmptyState = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseEmptyState, { ...props, Button: Button.Button, classMap: styles });
 };
 EmptyState.displayName = "EmptyState";
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-BH1X81TH.cjs.map
+//# sourceMappingURL=EmptyState-sh7Vn6eC.cjs.map

package/dist/next/{EmptyState-BH1X81TH.cjs.map → EmptyState-sh7Vn6eC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-BH1X81TH.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\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        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","outline","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;AAWA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,OAAAA,SAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,SAAAC,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AAEZ,QAAM,UACJR,UAAS,CAAC,iBAAiB,GAAG,MAAM,UAAU,GAAG,KAAK;AACxD,QAAM,YACJC,YAAW,CAAC,kBAAkB,GAAG,MAAM,YAAY,GAAG,KAAK;AAE7D,QAAM,eAAe,SAASD,SAAQ,WAAW;AAEjD,QAAM,yBACJ,mBAAmB,CAAC,aAAa,UAAU,UAAU;AAEvD,QAAM,0BAA0B,mBAAmB;AAEnD,QAAM,oBAAoBS,MAAAA;AAAAA,IACxB,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,MACnDL,YAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAOA,UAAS,SAAS;AAAA,EAAA;AAGrE,QAAM,0BACJ,oBACC,OAAO,gBAAgB,WAAW,SAAY;AAEjD,SACEM,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,MAAM;AAAA,MACN,cAAY;AAAA,MACZ,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YACtB,eAAa,iBAAiB,OAAO;AAAA,YAErC,UAAAA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAa,iBAAiB,OAAO;AAAA,gBACrC,cAAY,CAAC,iBAAiB,gBAAgB;AAAA,gBAC9C,WAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAIHb,UACCa,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJC,YACCY,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,eAAe,iBACdY,2BAAAA;AAAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAAD;AAAA,YACA,SAAS;AAAA,YACT,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,eAAe,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1H7B,MAAM,aAAwC,CAAC,UAAU;AACvD,wCAAQ,gBAAA,EAAgB,GAAG,OAAA,QAAOC,eAAgB,UAAU,QAAQ;AACtE;AACA,WAAW,cAAc;;"}
+{"version":3,"file":"EmptyState-sh7Vn6eC.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\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        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","outline","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/EmptyState.cjs.js

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