boreal-ui 0.0.77 → 0.0.78

package/dist/next/Accordion-ez41BXtb.js

@@ -3,7 +3,7 @@ import { useMemo, useState, useEffect, useId } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const accordion = "_accordion_1apbm_85";
+import './Accordion.css';const accordion = "_accordion_1apbm_85";
 const roundNone = "_roundNone_1apbm_92";
 const header = "_header_1apbm_95";
 const content = "_content_1apbm_98";

package/dist/next/Accordion-yvdIcWj9.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Accordion.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");

package/dist/next/Avatar-C-Z-ZPt8.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Avatar.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const image$1 = require("./image-DuTgdWOV.cjs");
 const link = require("./link-CenftYXJ.cjs");

package/dist/next/Avatar-DymaVXDv.js

@@ -5,7 +5,7 @@ import { L as Link } from "./link-4NcriBFB.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const avatar = "_avatar_p3qsm_68";
+import './Avatar.css';const avatar = "_avatar_p3qsm_68";
 const xs = "_xs_p3qsm_85";
 const small = "_small_p3qsm_90";
 const medium = "_medium_p3qsm_95";

package/dist/next/Badge-56GHYTQN.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Badge.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");

package/dist/next/Badge-BqVwp5Qj.js

@@ -3,7 +3,7 @@ import { 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, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const badge = "_badge_1v2rq_85";
+import './Badge.css';const badge = "_badge_1v2rq_85";
 const clickable = "_clickable_1v2rq_102";
 const icon = "_icon_1v2rq_130";
 const clear = "_clear_1v2rq_146";

package/dist/next/Breadcrumbs-33eZmvpJ.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Breadcrumbs.css');const require$$2 = require("react/jsx-runtime");
 const link$1 = require("./link-CenftYXJ.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Breadcrumbs-eetAtAHU.js

@@ -5,7 +5,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './Breadcrumbs.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 const breadcrumbs = "_breadcrumbs_1kofp_85";
 const ellipsis = "_ellipsis_1kofp_114";

package/dist/next/Button-CmH6HYjc.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Button.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const link = require("./link-CenftYXJ.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Button-oSOXL3At.js

@@ -4,7 +4,7 @@ import { L as Link } from "./link-4NcriBFB.js";
 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, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const button = "_button_ig2uq_205";
+import './Button.css';const button = "_button_ig2uq_205";
 const loader = "_loader_ig2uq_208";
 const fullWidth = "_fullWidth_ig2uq_270";
 const autoFull = "_autoFull_ig2uq_282";

package/dist/next/Card-CO--D_GK.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { I as Image } from "./image-CvorlI3C.js";
-/* empty css                 */
+import './globals.css';import './Card.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 import { S as SkeletonLoader } from "./Skeleton-BiBul6J3.js";

package/dist/next/Card-o8DszZPj.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Card.css');const require$$2 = require("react/jsx-runtime");
 const image$1 = require("./image-DuTgdWOV.cjs");
 ;/* empty css                   */
 const Button = require("./Button-CmH6HYjc.cjs");

package/dist/next/Checkbox-KIXViPTB.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, useRef, useImperativeHandle, useEffect, useMemo } fr
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, c as getDefaultSize, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const CheckboxBase = forwardRef(
+import './Checkbox.css';const CheckboxBase = forwardRef(
   ({
     checked,
     onChange,

package/dist/next/Checkbox-UqOL3aqk.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Checkbox.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");

package/dist/next/Chip-BQv3NoJL.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Chip.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Chip-D-QH1huh.js

@@ -5,7 +5,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-/* empty css                 */
+import './globals.css';import './Chip.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const ChipBase = ({
   id,

package/dist/next/CircularProgress-BG83Q-uO.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./CircularProgress.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");

package/dist/next/CircularProgress-Bfanw-2S.js

@@ -3,7 +3,7 @@ import { useState, useEffect, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const getColor = (percent) => {
+import './CircularProgress.css';const getColor = (percent) => {
   if (percent <= 0) return "var(--background-color)";
   if (percent <= 40) return "var(--error-color)";
   if (percent <= 70) return "var(--warning-color)";

package/dist/next/ColorPicker-BJfyM0Ay.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const ColorPickerBase = ({
+import './ColorPicker.css';const ColorPickerBase = ({
   label = "Choose a color",
   colors,
   selected: selected2,

package/dist/next/ColorPicker-DmubVH4p.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./ColorPicker.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");

package/dist/next/CommandPalette-CNaU5jTY.js

@@ -4,7 +4,7 @@ import ReactDOM from "react-dom";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './CommandPalette.css';/* empty css                 */
 import { T as TextInput } from "./TextInput-CKM34-yu.js";
 const CommandPaletteBase = ({
   commands,

package/dist/next/CommandPalette-_Lpb0UOI.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./CommandPalette.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/DataTable-BAwMYdQb.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./DataTable.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");

package/dist/next/DataTable-F9mtABNi.js

@@ -3,7 +3,7 @@ import { useState, useMemo, useEffect } 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";
-const wrapper = "_wrapper_66d68_85";
+import './DataTable.css';const wrapper = "_wrapper_66d68_85";
 const table = "_table_66d68_94";
 const sortable = "_sortable_66d68_142";
 const sortButton = "_sortButton_66d68_149";

package/dist/next/DateTimePicker-CU-b9irX.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./DateTimePicker.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");

package/dist/next/DateTimePicker-WVVLqcd9.js

@@ -3,7 +3,7 @@ import { useId, useRef, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const CalendarIcon = (props) => /* @__PURE__ */ jsxs(
+import './DateTimePicker.css';const CalendarIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "24px",

package/dist/next/Divider-BGxUapmt.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+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");

package/dist/next/Divider-BXSDTRTU.js

@@ -2,7 +2,7 @@ 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";
-const DividerBase = forwardRef(
+import './Divider.css';const DividerBase = forwardRef(
   ({
     orientation = "horizontal",
     thickness = "1px",

package/dist/next/Dropdown-B7vrHg0z.js

@@ -3,7 +3,7 @@ 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";
-/* empty css                 */
+import './globals.css';import './Dropdown.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const MenuIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",

package/dist/next/Dropdown-CUYItZDk.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');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");

package/dist/next/EmptyState-MT9_qwrB.js

@@ -3,7 +3,7 @@ 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 './globals.css';import './EmptyState.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 const BaseEmptyState = ({
   icon: Icon,

package/dist/next/EmptyState-sh7Vn6eC.cjs

@@ -1,5 +1,5 @@
 "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");

package/dist/next/FileUpload-Bvj5JEBv.js

@@ -3,7 +3,7 @@ import { useId, useState, useRef, useMemo, useEffect } 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";
-/* empty css                 */
+import './globals.css';import './FileUpload.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 import { F as FormGroup } from "./FormGroup-QrGjujWn.js";

package/dist/next/FileUpload-CD_i5Md2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./FileUpload.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");

package/dist/next/Footer-Bdu_9H3p.js

@@ -3,7 +3,7 @@ import { forwardRef, useContext, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-/* empty css                 */
+import './globals.css';import './Footer.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 import { T as ThemeContext } from "./ThemeContext-zE_shsx6.js";
 import { S as Select } from "./Select-D4bH7djH.js";

package/dist/next/Footer-DJjzgwpc.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Footer.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");

package/dist/next/FormGroup-BWJAlt3K.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./FormGroup.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const BaseFormGroup = ({

package/dist/next/FormGroup-QrGjujWn.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-const BaseFormGroup = ({
+import './FormGroup.css';const BaseFormGroup = ({
   label: label2,
   description: description2,
   error,

package/dist/next/IconButton-0JJ1aiqr.js

@@ -4,7 +4,7 @@ import { L as Link } from "./link-4NcriBFB.js";
 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, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const iconButton = "_iconButton_8p4wj_85";
+import './IconButton.css';const iconButton = "_iconButton_8p4wj_85";
 const roundNone = "_roundNone_8p4wj_129";
 const roundSmall = "_roundSmall_8p4wj_133";
 const roundMedium = "_roundMedium_8p4wj_137";

package/dist/next/IconButton-C66aQhKe.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./IconButton.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const link = require("./link-CenftYXJ.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/MarkdownRenderer-BQ1-Kd73.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./MarkdownRenderer.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const marked = require("marked");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/MarkdownRenderer-CmK00as_.js

@@ -4,7 +4,7 @@ import { marked } from "marked";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-function safeSanitize(html) {
+import './MarkdownRenderer.css';function safeSanitize(html) {
   try {
     if (typeof window !== "undefined" && "DOMParser" in window) {
       const doc = new DOMParser().parseFromString(html, "text/html");

package/dist/next/MessagePopup-CizqwWmH.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./MessagePopup.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");

package/dist/next/MessagePopup-DLodDCIa.js

@@ -5,7 +5,7 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './MessagePopup.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const BaseMessagePopup = ({

package/dist/next/MetricBox-C55LoIfn.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./MetricBox.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");

package/dist/next/MetricBox-CHNmWcTq.js

@@ -3,7 +3,7 @@ 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, b as getDefaultShadow, a as getDefaultRounding, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const BaseMetricBox = ({
+import './MetricBox.css';const BaseMetricBox = ({
   title: title2,
   value: value2,
   icon: Icon,

package/dist/next/Modal-BajWiIo7.js

@@ -5,7 +5,7 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './Modal.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const BaseModal = ({
   className = "",

package/dist/next/Modal-j59Cj0t1.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Modal.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");

package/dist/next/NavBar-B0G7ZuqP.js

@@ -5,7 +5,7 @@ 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 { L as Link } from "./link-4NcriBFB.js";
 import { n as navigationExports } from "./navigation-BCeRD3ib.js";
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
+import './NavBar.css';const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
 const BaseNavBar = ({
   items,
   LinkWrapper,

package/dist/next/NavBar-Cd6FlBPY.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./NavBar.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");

package/dist/next/NotificationCenter-BDd4Zr8Y.js

@@ -4,7 +4,7 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './NotificationCenter.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 var DefaultContext = {

package/dist/next/NotificationCenter-obd1jF2n.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./NotificationCenter.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Pager-8dIVqCGz.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Pager.css');const require$$2 = require("react/jsx-runtime");
 const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Pager-C7n5x44P.js

@@ -3,7 +3,7 @@ import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-/* empty css                 */
+import './globals.css';import './Pager.css';/* empty css                 */
 import { B as Button } from "./Button-oSOXL3At.js";
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(

package/dist/next/PopOver-D8BwV2PM.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./PopOver.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");

package/dist/next/PopOver-Dmf41W2o.js

@@ -3,7 +3,7 @@ import { useState, useRef, useId, 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";
-const BasePopover = ({
+import './PopOver.css';const BasePopover = ({
   trigger: trigger2,
   content,
   placement = "bottom",

package/dist/next/ProgressBar-BgCHpDo8.js

@@ -3,7 +3,7 @@ import { 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";
-const BaseProgressBar = ({
+import './ProgressBar.css';const BaseProgressBar = ({
   value = 0,
   theme = getDefaultTheme(),
   state = "",

package/dist/next/ProgressBar-DUarHTA6.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./ProgressBar.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");

package/dist/next/RadioButton-BN63UX0c.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, 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";
-const BaseRadioButton = forwardRef(
+import './RadioButton.css';const BaseRadioButton = forwardRef(
   ({
     label: label2,
     value,

package/dist/next/RadioButton-Dla9uVC6.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./RadioButton.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");

package/dist/next/Rating-B8A_4Z44.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Rating.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");

package/dist/next/Rating-CCZoQJEB.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useState, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const StarIcon = (props) => /* @__PURE__ */ jsx(
+import './Rating.css';const StarIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "24px",

package/dist/next/ScrollToTop-C7ThHvxg.js

@@ -3,7 +3,7 @@ import { useState, useEffect, useMemo } from "react";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
+import './ScrollToTop.css';const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "24px",

package/dist/next/ScrollToTop-CJxWoVhg.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./ScrollToTop.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Select-CiyDDVhq.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Select.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const CheveronDownIcon = require("./CheveronDownIcon-CyoOZUNY.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Select-D4bH7djH.js

@@ -4,7 +4,7 @@ import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
 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";
-const BaseSelect = forwardRef(
+import './Select.css';const BaseSelect = forwardRef(
   ({
     theme = getDefaultTheme(),
     state = "",

package/dist/next/Sidebar-3dbu221x.js

@@ -6,7 +6,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
-const SidebarBase = ({
+import './Sidebar.css';const SidebarBase = ({
   links,
   classMap,
   LinkComponent = "a",

package/dist/next/Sidebar-DpUTsAza.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Sidebar.css');const require$$2 = require("react/jsx-runtime");
 const link$1 = require("./link-CenftYXJ.cjs");
 const navigation = require("./navigation-DtjMH66C.cjs");
 const React = require("react");

package/dist/next/Skeleton-B0mlVpUX.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Skeleton.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");

package/dist/next/Skeleton-BiBul6J3.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const skeletonLoader = "_skeletonLoader_brk44_204";
+import './Skeleton.css';const skeletonLoader = "_skeletonLoader_brk44_204";
 const roundNone = "_roundNone_brk44_233";
 const roundSmall = "_roundSmall_brk44_237";
 const roundMedium = "_roundMedium_brk44_241";

package/dist/next/Slider-B4G0kHQA.js

@@ -3,7 +3,7 @@ import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const container = "_container_109zn_204";
+import './Slider.css';const container = "_container_109zn_204";
 const label = "_label_109zn_221";
 const wrapper = "_wrapper_109zn_240";
 const slider = "_slider_109zn_257";

package/dist/next/Slider-Cli7b9xm.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Slider.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");

package/dist/next/Spinner-BSjLK_0H.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Spinner.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");

package/dist/next/Spinner-C9Xiao9p.js

@@ -3,7 +3,7 @@ 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, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const wrapper = "_wrapper_15483_204";
+import './Spinner.css';const wrapper = "_wrapper_15483_204";
 const spinner = "_spinner_15483_238";
 const spin = "_spin_15483_238";
 const pulse = "_pulse_15483_1";

package/dist/next/Stepper-CpgJBKz7.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Stepper.css');const require$$2 = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */

package/dist/next/Stepper-em6Gl32O.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { d as getDefaultTheme, c as getDefaultSize, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
-/* empty css                 */
+import './globals.css';import './Stepper.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const stepper = "_stepper_6qqce_204";
 const xs = "_xs_6qqce_224";

package/dist/next/Tabs-B5GbuYuA.js

@@ -3,7 +3,7 @@ import { useId, useMemo, useState, useRef, useEffect } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const tabs_container = "_tabs_container_1kzsw_85";
+import './Tabs.css';const tabs_container = "_tabs_container_1kzsw_85";
 const tabs = "_tabs_1kzsw_85";
 const icon = "_icon_1kzsw_109";
 const tab = "_tab_1kzsw_85";

package/dist/next/Tabs-or9GGDS3.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Tabs.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");

package/dist/next/TagInput-8nVGDluu.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                 */
+import './globals.css';import './TagInput.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 import { T as TextInput } from "./TextInput-CKM34-yu.js";
 import { useId, useState, useRef, useEffect, useMemo } from "react";

package/dist/next/TagInput-DVmBv7Mn.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./TagInput.css');const require$$2 = require("react/jsx-runtime");
 ;/* empty css                   */
 const IconButton = require("./IconButton-C66aQhKe.cjs");
 const TextInput = require("./TextInput-BRl37zMW.cjs");

package/dist/next/TextArea-Bh0FdkP2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./TextArea.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");

package/dist/next/TextArea-CQgoM2yj.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, 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";
-const TextAreaBase = forwardRef(
+import './TextArea.css';const TextAreaBase = forwardRef(
   ({
     label: label2,
     labelPosition = "top",

package/dist/next/TextInput-BRl37zMW.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./TextInput.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");

package/dist/next/TextInput-CKM34-yu.js

@@ -3,7 +3,7 @@ import { forwardRef, useState, useId, 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";
-/* empty css                 */
+import './globals.css';import './TextInput.css';/* empty css                 */
 import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",

package/dist/next/Timeline-BF_ru3Qq.js

@@ -3,7 +3,7 @@ import { 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";
-const timeline = "_timeline_l5scm_85";
+import './Timeline.css';const timeline = "_timeline_l5scm_85";
 const horizontal = "_horizontal_l5scm_109";
 const item = "_item_l5scm_123";
 const marker = "_marker_l5scm_175";

package/dist/next/Timeline-uKeDlojT.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Timeline.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");

package/dist/next/Toggle-CegN5JEB.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, 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, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const container = "_container_9odur_85";
+import './Toggle.css';const container = "_container_9odur_85";
 const label = "_label_9odur_101";
 const toggle = "_toggle_9odur_120";
 const slider = "_slider_9odur_135";

package/dist/next/Toggle-CfIi--aC.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Toggle.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");

package/dist/next/Toolbar-DqBlTLsk.js

@@ -4,7 +4,7 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
-const toolbar = "_toolbar_1vsps_204";
+import './Toolbar.css';const toolbar = "_toolbar_1vsps_204";
 const primary = "_primary_1vsps_227";
 const secondary = "_secondary_1vsps_231";
 const tertiary = "_tertiary_1vsps_235";

package/dist/next/Toolbar-DqsQznCj.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Toolbar.css');const require$$2 = require("react/jsx-runtime");
 const Avatar = require("./Avatar-C-Z-ZPt8.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Tooltip-LnIFKvJC.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Tooltip.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");

package/dist/next/Tooltip-o7L3wCNR.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneE
 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";
-const container = "_container_18jr5_204";
+import './Tooltip.css';const container = "_container_18jr5_204";
 const tooltip = "_tooltip_18jr5_208";
 const top = "_top_18jr5_255";
 const bottom = "_bottom_18jr5_267";

package/dist/next/Typography-BAQ61z2R.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Typography.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");

package/dist/next/Typography-BDswZ9eq.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, createElement } from "react";
 import { d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-const DEFAULT_TAG_BY_VARIANT = {
+import './Typography.css';const DEFAULT_TAG_BY_VARIANT = {
   display: "h1",
   h1: "h1",
   h2: "h2",

package/dist/next/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                   */
+require('./globals.css');require('./index.css');;/* empty css                   */
 const ThemeContext = require("./ThemeContext-CNPp2bRD.cjs");
 const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");

package/dist/next/index.js

@@ -1,4 +1,4 @@
-/* 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boreal-ui",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "description": "A modern, customizable React/Next.js component library",
   "author": "Davin Chiupka",
   "license": "ISC",
@@ -54,7 +54,10 @@
     "boreal",
     "design-system"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "dependencies": {
     "recharts": "^3.1.2"
   },
@@ -124,6 +127,7 @@
     "typescript-eslint": "^8.40.0",
     "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.1.1",
     "webpack": "^5.99.6",
     "webpack-cli": "^6.0.1"