boreal-ui 0.0.76 → 0.0.78

package/dist/next/index.css

@@ -0,0 +1,241 @@
+@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
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_hm2ru_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_hm2ru_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_hm2ru_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_hm2ru_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_hm2ru_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_hm2ru_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_hm2ru_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_hm2ru_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_hm2ru_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._container_hm2ru_187 {
+  position: fixed;
+  z-index: 9998;
+  display: flex;
+  flex-direction: column;
+  width: 90%;
+  max-width: 90vw;
+  pointer-events: none;
+}
+._container_hm2ru_187._topLeft_hm2ru_196 {
+  top: 20px;
+  left: 20px;
+  align-items: flex-start;
+}
+._container_hm2ru_187._topCenter_hm2ru_201 {
+  top: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  align-items: center;
+}
+._container_hm2ru_187._topRight_hm2ru_207 {
+  top: 20px;
+  right: 20px;
+  align-items: flex-end;
+}
+._container_hm2ru_187._bottomLeft_hm2ru_212 {
+  bottom: 20px;
+  left: 20px;
+  align-items: flex-start;
+}
+._container_hm2ru_187._bottomCenter_hm2ru_217 {
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  align-items: center;
+}
+._container_hm2ru_187._bottomRight_hm2ru_223 {
+  bottom: 20px;
+  right: 20px;
+  align-items: flex-end;
+}
+
+._list_hm2ru_229 {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  margin: 0;
+  gap: var(--spacing-medium, 16px);
+  padding: 0;
+}
+
+._chip_hm2ru_238 {
+  pointer-events: auto;
+  align-items: center;
+}

package/dist/next/index.js

@@ -1,60 +1,60 @@
-/* empty css                 */
+import './globals.css';import './index.css';/* empty css                 */
 import { T, a } from "./ThemeContext-zE_shsx6.js";
 import { r } from "./registerColorSheme-BPX0H7hl.js";
 import { colorSchemes } from "./colorSchemes.js";
 import { c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
 import { s } from "./boreal-style-config-DsaRlxmw.js";
-import { T as T2 } from "./Typography-BdS7h4Eq.js";
-import { B } from "./Button-DWpImTmr.js";
-import { I } from "./IconButton-BWw3WPaS.js";
-import { S } from "./ScrollToTop-Cw7LXubo.js";
-import { T as T3 } from "./TextInput-yUHEWbdK.js";
-import { T as T4 } from "./TextArea-BSO1_gaS.js";
-import { S as S2 } from "./Select-b8fO1q2K.js";
-import { F, U } from "./Footer-Dl_wQwsb.js";
-import { F as F2 } from "./FileUpload-BQW5ol7P.js";
-import { T as T5 } from "./TagInput-V3zvXcNq.js";
-import { R } from "./RadioButton-z26U6POV.js";
-import { S as S3 } from "./Slider-DOGkUQYT.js";
-import { C } from "./Checkbox-CRg5oEdB.js";
-import { C as C2 } from "./ColorPicker-CCzSZDjx.js";
-import { F as F3 } from "./FormGroup-AHYiWnkX.js";
-import { D } from "./DataTable-CZj_U9rg.js";
-import { D as D2 } from "./DateTimePicker-DB2exnHd.js";
-import { M } from "./MarkdownRenderer-CGnuIkVY.js";
-import { C as Chip } from "./Chip-Cg7khsSn.js";
+import { T as T2 } from "./Typography-BDswZ9eq.js";
+import { B } from "./Button-oSOXL3At.js";
+import { I } from "./IconButton-0JJ1aiqr.js";
+import { S } from "./ScrollToTop-C7ThHvxg.js";
+import { T as T3 } from "./TextInput-CKM34-yu.js";
+import { T as T4 } from "./TextArea-CQgoM2yj.js";
+import { S as S2 } from "./Select-D4bH7djH.js";
+import { F, U } from "./Footer-Bdu_9H3p.js";
+import { F as F2 } from "./FileUpload-Bvj5JEBv.js";
+import { T as T5 } from "./TagInput-8nVGDluu.js";
+import { R } from "./RadioButton-BN63UX0c.js";
+import { S as S3 } from "./Slider-B4G0kHQA.js";
+import { C } from "./Checkbox-KIXViPTB.js";
+import { C as C2 } from "./ColorPicker-BJfyM0Ay.js";
+import { F as F3 } from "./FormGroup-QrGjujWn.js";
+import { D } from "./DataTable-F9mtABNi.js";
+import { D as D2 } from "./DateTimePicker-WVVLqcd9.js";
+import { M } from "./MarkdownRenderer-CmK00as_.js";
+import { C as Chip } from "./Chip-D-QH1huh.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, useCallback, useImperativeHandle, useMemo, Children, isValidElement, cloneElement } from "react";
 import { v4 } from "uuid";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { B as B2 } from "./Badge-uyqxj7ag.js";
-import { P } from "./ProgressBar-CMYDs8uL.js";
-import { C as C3 } from "./CircularProgress-Dn1VXFsq.js";
-import { R as R2 } from "./Rating-D6JEDvn4.js";
-import { S as S4 } from "./Skeleton-Bk8l48-D.js";
-import { S as S5 } from "./Spinner-D7jfVZGm.js";
-import { T as T6 } from "./Tooltip-lxpnIfpO.js";
-import { M as M2 } from "./MessagePopup-DIrdAeyg.js";
-import { P as P2 } from "./PopOver-CUON_Abe.js";
-import { N } from "./NavBar-dpbPYT0w.js";
-import { B as B3 } from "./Breadcrumbs-D0AmJB4U.js";
-import { T as T7 } from "./Tabs-Dors0bVs.js";
-import { S as S6 } from "./Stepper-CSh2wccK.js";
-import { T as T8 } from "./Timeline-BTsKMULd.js";
-import { A } from "./Accordion-Bg8V6T38.js";
-import { P as P3 } from "./Pager-DFKfUn1s.js";
-import { M as M3 } from "./Modal-Dre8TMtr.js";
-import { T as T9 } from "./Toggle-BomUbOZa.js";
-import { T as T10 } from "./Toolbar-Be-YQqmX.js";
-import { D as D3 } from "./Dropdown-B7PgWHlY.js";
-import { D as D4 } from "./Divider-DXGze_D2.js";
-import { M as M4 } from "./MetricBox-D9-RmZoy.js";
-import { E } from "./EmptyState-DCCDQWOQ.js";
-import { C as C4 } from "./CommandPalette-D6R9_gmo.js";
-import { N as N2 } from "./NotificationCenter-BrAzv2oD.js";
-import { S as S7 } from "./Sidebar-BwW51HwF.js";
-import { C as C5 } from "./Card-DnZOsQLP.js";
-import { A as A2 } from "./Avatar-nnjhILk-.js";
+import { B as B2 } from "./Badge-BqVwp5Qj.js";
+import { P } from "./ProgressBar-BgCHpDo8.js";
+import { C as C3 } from "./CircularProgress-Bfanw-2S.js";
+import { R as R2 } from "./Rating-CCZoQJEB.js";
+import { S as S4 } from "./Skeleton-BiBul6J3.js";
+import { S as S5 } from "./Spinner-C9Xiao9p.js";
+import { T as T6 } from "./Tooltip-o7L3wCNR.js";
+import { M as M2 } from "./MessagePopup-DLodDCIa.js";
+import { P as P2 } from "./PopOver-Dmf41W2o.js";
+import { N } from "./NavBar-B0G7ZuqP.js";
+import { B as B3 } from "./Breadcrumbs-eetAtAHU.js";
+import { T as T7 } from "./Tabs-B5GbuYuA.js";
+import { S as S6 } from "./Stepper-em6Gl32O.js";
+import { T as T8 } from "./Timeline-BF_ru3Qq.js";
+import { A } from "./Accordion-ez41BXtb.js";
+import { P as P3 } from "./Pager-C7n5x44P.js";
+import { M as M3 } from "./Modal-BajWiIo7.js";
+import { T as T9 } from "./Toggle-CegN5JEB.js";
+import { T as T10 } from "./Toolbar-DqBlTLsk.js";
+import { D as D3 } from "./Dropdown-B7vrHg0z.js";
+import { D as D4 } from "./Divider-BXSDTRTU.js";
+import { M as M4 } from "./MetricBox-CHNmWcTq.js";
+import { E } from "./EmptyState-MT9_qwrB.js";
+import { C as C4 } from "./CommandPalette-CNaU5jTY.js";
+import { N as N2 } from "./NotificationCenter-BDd4Zr8Y.js";
+import { S as S7 } from "./Sidebar-3dbu221x.js";
+import { C as C5 } from "./Card-CO--D_GK.js";
+import { A as A2 } from "./Avatar-DymaVXDv.js";
 const accordionPropDocs = {
   "name": "Accordion",
   "interfaceName": "AccordionProps",
@@ -8604,28 +8604,18 @@ const ChipGroupBase = forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_134yx_92";
-const errorMessage = "_errorMessage_134yx_93";
-const loadingContainer = "_loadingContainer_134yx_94";
-const hideScrollbar = "_hideScrollbar_134yx_86";
-const sr_only = "_sr_only_134yx_95";
-const container = "_container_134yx_637";
-const topLeft = "_topLeft_134yx_646";
-const topCenter = "_topCenter_134yx_651";
-const topRight = "_topRight_134yx_657";
-const bottomLeft = "_bottomLeft_134yx_662";
-const bottomCenter = "_bottomCenter_134yx_667";
-const bottomRight = "_bottomRight_134yx_673";
-const list = "_list_134yx_679";
-const chip = "_chip_134yx_688";
-const spin = "_spin_134yx_1";
-const pulse = "_pulse_134yx_1";
+const container = "_container_hm2ru_187";
+const topLeft = "_topLeft_hm2ru_196";
+const topCenter = "_topCenter_hm2ru_201";
+const topRight = "_topRight_hm2ru_207";
+const bottomLeft = "_bottomLeft_hm2ru_212";
+const bottomCenter = "_bottomCenter_hm2ru_217";
+const bottomRight = "_bottomRight_hm2ru_223";
+const list = "_list_hm2ru_229";
+const chip = "_chip_hm2ru_238";
+const spin = "_spin_hm2ru_1";
+const pulse = "_pulse_hm2ru_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   topLeft,
   topCenter,
@@ -8635,15 +8625,15 @@ const styles = {
   bottomRight,
   list,
   chip,
-  "fade-in": "_fade-in_134yx_1",
-  "slide-up": "_slide-up_134yx_1",
-  "spin-3d": "_spin-3d_134yx_1",
+  "fade-in": "_fade-in_hm2ru_1",
+  "slide-up": "_slide-up_hm2ru_1",
+  "spin-3d": "_spin-3d_hm2ru_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_134yx_1",
-  "progress-grow": "_progress-grow_134yx_1",
-  "indeterminate-move": "_indeterminate-move_134yx_1",
-  "skeleton-loading": "_skeleton-loading_134yx_1"
+  "fade-in-up": "_fade-in-up_hm2ru_1",
+  "progress-grow": "_progress-grow_hm2ru_1",
+  "indeterminate-move": "_indeterminate-move_hm2ru_1",
+  "skeleton-loading": "_skeleton-loading_hm2ru_1"
 };
 const ChipGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(ChipGroupBase, { ...props, ref, ChipComponent: Chip, classMap: styles }));
 ChipGroup.displayName = "ChipGroup";