boreal-ui 0.0.1

package/dist/next/Card-RBCzxSIj.js

@@ -0,0 +1,295 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { I as Image } from "./image-Cs0ZR1Aj.js";
+import { B as Button } from "./Button-BpVwB1WA.js";
+import { I as IconButton } from "./IconButton-EbX_9a0k.js";
+import { S as SkeletonLoader } from "./Skeleton-BWBHgsOM.js";
+import React, { useId, 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, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const noScroll = "_noScroll_1uqf4_91";
+const errorMessage = "_errorMessage_1uqf4_92";
+const loadingContainer = "_loadingContainer_1uqf4_93";
+const hideScrollbar = "_hideScrollbar_1uqf4_85";
+const sr_only = "_sr_only_1uqf4_94";
+const card = "_card_1uqf4_479";
+const roundNone = "_roundNone_1uqf4_493";
+const roundSmall = "_roundSmall_1uqf4_497";
+const roundMedium = "_roundMedium_1uqf4_501";
+const roundLarge = "_roundLarge_1uqf4_505";
+const roundFull = "_roundFull_1uqf4_509";
+const shadowNone = "_shadowNone_1uqf4_513";
+const shadowLight = "_shadowLight_1uqf4_517";
+const shadowMedium = "_shadowMedium_1uqf4_521";
+const shadowStrong = "_shadowStrong_1uqf4_525";
+const shadowIntense = "_shadowIntense_1uqf4_529";
+const loading = "_loading_1uqf4_93";
+const fade_in = "_fade_in_1uqf4_544";
+const image = "_image_1uqf4_548";
+const vertical = "_vertical_1uqf4_556";
+const content = "_content_1uqf4_559";
+const horizontal = "_horizontal_1uqf4_567";
+const body = "_body_1uqf4_590";
+const footer = "_footer_1uqf4_597";
+const disabled = "_disabled_1uqf4_601";
+const outline = "_outline_1uqf4_610";
+const primary = "_primary_1uqf4_616";
+const icon = "_icon_1uqf4_620";
+const description = "_description_1uqf4_621";
+const secondary = "_secondary_1uqf4_634";
+const tertiary = "_tertiary_1uqf4_652";
+const quaternary = "_quaternary_1uqf4_670";
+const clear = "_clear_1uqf4_688";
+const success = "_success_1uqf4_706";
+const error = "_error_1uqf4_92";
+const warning = "_warning_1uqf4_740";
+const header = "_header_1uqf4_763";
+const title = "_title_1uqf4_782";
+const actions = "_actions_1uqf4_807";
+const xs = "_xs_1uqf4_814";
+const children = "_children_1uqf4_824";
+const small = "_small_1uqf4_828";
+const medium = "_medium_1uqf4_841";
+const large = "_large_1uqf4_854";
+const xl = "_xl_1uqf4_867";
+const left = "_left_1uqf4_880";
+const center = "_center_1uqf4_892";
+const right = "_right_1uqf4_904";
+const spin = "_spin_1uqf4_1";
+const pulse = "_pulse_1uqf4_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  card,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  loading,
+  fade_in,
+  "fade-in": "_fade-in_1uqf4_1",
+  image,
+  vertical,
+  content,
+  horizontal,
+  body,
+  footer,
+  disabled,
+  outline,
+  primary,
+  icon,
+  description,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  header,
+  title,
+  actions,
+  xs,
+  children,
+  small,
+  medium,
+  large,
+  xl,
+  left,
+  center,
+  right,
+  "slide-up": "_slide-up_1uqf4_1",
+  "spin-3d": "_spin-3d_1uqf4_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1uqf4_1",
+  "progress-grow": "_progress-grow_1uqf4_1",
+  "indeterminate-move": "_indeterminate-move_1uqf4_1",
+  "skeleton-loading": "_skeleton-loading_1uqf4_1"
+};
+const CardBase = ({
+  theme = getDefaultTheme(),
+  state = "",
+  cardIcon,
+  title: title2 = "",
+  description: description2 = "",
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  imageUrl,
+  imageAlt,
+  className = "",
+  imageClassName = "",
+  headerClassName = "",
+  bodyClassName = "",
+  footerClassName = "",
+  outline: outline2 = false,
+  size = getDefaultSize(),
+  align = "center",
+  renderHeader,
+  renderContent,
+  renderFooter,
+  actionButtons = [],
+  useIconButtons = false,
+  layout = "vertical",
+  blur = false,
+  loading: loading2 = false,
+  children: children2,
+  "data-testid": testId = "card",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-label": ariaLabel,
+  classMap,
+  SkeletonComponent,
+  ImageComponent
+}) => {
+  const autoId = useId();
+  const headerId = ariaLabelledBy || `${autoId}-header`;
+  const descriptionId = `${autoId}-description`;
+  const hasImage = !!imageUrl;
+  const showBlur = blur && typeof imageUrl !== "string";
+  const derivedAriaLabel = ariaLabel || title2 || description2 || "Content card";
+  const FallbackImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
+  const ImageRenderer = ImageComponent || FallbackImage;
+  const cardClassName = useMemo(
+    () => combineClassNames(
+      classMap.card,
+      classMap[layout],
+      align && classMap[align],
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline2 && classMap.outline,
+      loading2 && classMap.loading,
+      className
+    ),
+    [classMap, size, outline2, align, className]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: cardClassName,
+      role: "region",
+      "aria-labelledby": title2 ? headerId : void 0,
+      "aria-label": !title2 ? derivedAriaLabel : void 0,
+      children: loading2 ? /* @__PURE__ */ jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+        hasImage && /* @__PURE__ */ jsx(
+          ImageRenderer,
+          {
+            src: imageUrl,
+            alt: imageAlt || `${title2 || "Card"} image`,
+            className: combineClassNames(classMap.image, imageClassName),
+            placeholder: showBlur ? "blur" : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: combineClassNames(classMap.header, headerClassName),
+              id: headerId,
+              children: renderHeader ? renderHeader() : title2 ? /* @__PURE__ */ jsxs("h2", { className: classMap.title, children: [
+                cardIcon && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    "data-testid": "card-icon",
+                    children: React.createElement(cardIcon)
+                  }
+                ),
+                title2
+              ] }) : null
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: combineClassNames(classMap.body, bodyClassName),
+              role: "group",
+              "aria-describedby": description2 ? descriptionId : void 0,
+              children: renderContent ? renderContent() : /* @__PURE__ */ jsxs(Fragment, { children: [
+                description2 && /* @__PURE__ */ jsx("p", { id: descriptionId, className: classMap.description, children: description2 }),
+                children2 && /* @__PURE__ */ jsx("div", { className: classMap.children, children: children2 })
+              ] })
+            }
+          ),
+          (actionButtons.length > 0 || renderFooter) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: combineClassNames(classMap.footer, footerClassName),
+              children: [
+                actionButtons.length > 0 && /* @__PURE__ */ jsx("div", { className: classMap.actions, children: actionButtons.map(
+                  (button, index) => useIconButtons && button.icon ? /* @__PURE__ */ jsx(
+                    button.iconButtonComponent,
+                    {
+                      icon: button.icon,
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "clear",
+                      state: button.state || "",
+                      "aria-label": button.label,
+                      size: button.size || size,
+                      href: button.href,
+                      loading: button.loading
+                    },
+                    index
+                  ) : /* @__PURE__ */ jsx(
+                    button.buttonComponent,
+                    {
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "secondary",
+                      state: button.state || "",
+                      href: button.href,
+                      loading: button.loading,
+                      size: button.size || size,
+                      "aria-label": button.label,
+                      children: button.label
+                    },
+                    index
+                  )
+                ) }),
+                renderFooter && renderFooter()
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+const NextImageWrapper = (props) => {
+  return /* @__PURE__ */ jsx(Image, { ...props });
+};
+const Card = (props) => {
+  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({
+    ...b,
+    buttonComponent: Button,
+    iconButtonComponent: IconButton
+  }));
+  return /* @__PURE__ */ jsx(
+    CardBase,
+    {
+      ...props,
+      actionButtons: wrappedButtons,
+      classMap: styles,
+      SkeletonComponent: SkeletonLoader,
+      ImageComponent: NextImageWrapper
+    }
+  );
+};
+export {
+  Card as C
+};
+//# sourceMappingURL=Card-RBCzxSIj.js.map

package/dist/next/Card-RBCzxSIj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-RBCzxSIj.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { ActionButton, CardProps } from \"./Card.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\ntype ExtendedActionButton = ActionButton & {\r\n  buttonComponent: React.ElementType;\r\n  iconButtonComponent: React.ElementType;\r\n};\r\n\r\nexport interface CardBaseProps extends CardProps {\r\n  classMap: Record<string, string>;\r\n  SkeletonComponent: React.FC<{\r\n    width: string;\r\n    height: string;\r\n    [\"data-testid\"]?: string;\r\n  }>;\r\n  ImageComponent?: React.ElementType;\r\n  actionButtons: ExtendedActionButton[];\r\n}\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  blur = false,\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const showBlur = blur && typeof imageUrl !== \"string\";\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\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        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [classMap, size, outline, align, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent width=\"100%\" height=\"250px\" data-testid=\"skeleton\" />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage && (\r\n            <ImageRenderer\r\n              src={imageUrl}\r\n              alt={imageAlt || `${title || \"Card\"} image`}\r\n              className={combineClassNames(classMap.image, imageClassName)}\r\n              placeholder={showBlur ? \"blur\" : undefined}\r\n            />\r\n          )}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid=\"card-icon\"\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                          aria-label={button.label}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR;AAAA,EACA,OAAAA,SAAQ;AAAA,EACR,aAAAC,eAAc;AAAA,EACd,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,SAAAC,WAAU;AAAA,EACV,OAAO,eAAe;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAAC,WAAU;AAAA,EACV,UAAAC;AAAA,EACA,eAAe,SAAS;AAAA,EACxB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,MAAM;AACf,QAAA,WAAW,kBAAkB,GAAG,MAAM;AACtC,QAAA,gBAAgB,GAAG,MAAM;AACzB,QAAA,WAAW,CAAC,CAAC;AACb,QAAA,WAAW,QAAQ,OAAO,aAAa;AACvC,QAAA,mBAAmB,aAAaJ,UAASC,gBAAe;AAE9D,QAAM,gBAAgB,CAAC,UACpB,oBAAA,OAAA,EAAK,GAAG,OAAO;AAGlB,QAAM,gBAAgB,kBAAkB;AAExC,QAAM,gBAAgB;AAAA,IACpB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,MAAM;AAAA,MACf,SAAS,SAAS,KAAK;AAAA,MACvB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDC,YAAW,SAAS;AAAA,MACpBC,YAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,UAAU,MAAMD,UAAS,OAAO,SAAS;AAAA,EAC5C;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiBF,SAAQ,WAAW;AAAA,MACpC,cAAY,CAACA,SAAQ,mBAAmB;AAAA,MAEvC,UACCG,WAAA,oBAAC,mBAAkB,EAAA,OAAM,QAAO,QAAO,SAAQ,eAAY,WAAW,CAAA,IAEtE,qBAAC,OAAI,EAAA,WAAW,SAAS,SACtB,UAAA;AAAA,QACC,YAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK,YAAY,GAAGH,UAAS,MAAM;AAAA,YACnC,WAAW,kBAAkB,SAAS,OAAO,cAAc;AAAA,YAC3D,aAAa,WAAW,SAAS;AAAA,UAAA;AAAA,QACnC;AAAA,6BAGD,OACC,EAAA,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,kBAAkB,SAAS,QAAQ,eAAe;AAAA,cAC7D,IAAI;AAAA,cAEH,UAAA,eACC,aACE,IAAAA,8BACD,MAAG,EAAA,WAAW,SAAS,OACrB,UAAA;AAAA,gBACC,YAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAY;AAAA,oBAEX,UAAA,MAAM,cAAc,QAAQ;AAAA,kBAAA;AAAA,gBAC/B;AAAA,gBAEDA;AAAA,cAAA,EAAA,CACH,IACE;AAAA,YAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,kBAAkB,SAAS,MAAM,aAAa;AAAA,cACzD,MAAK;AAAA,cACL,oBAAkBC,eAAc,gBAAgB;AAAA,cAE/C,UAAA,gBACC,cAAc,IAGX,qBAAA,UAAA,EAAA,UAAA;AAAA,gBAAAA,oCACE,KAAE,EAAA,IAAI,eAAe,WAAW,SAAS,aACvC,UACHA,aAAA,CAAA;AAAA,gBAEDG,aACE,oBAAA,OAAA,EAAI,WAAW,SAAS,UAAW,UAAAA,UAAS,CAAA;AAAA,cAAA,EAEjD,CAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,WAEE,cAAc,SAAS,KAAK,iBAC5B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,kBAAkB,SAAS,QAAQ,eAAe;AAAA,cAE5D,UAAA;AAAA,gBAAA,cAAc,SAAS,KACtB,oBAAC,SAAI,WAAW,SAAS,SACtB,UAAc,cAAA;AAAA,kBAAI,CAAC,QAAQ,UAC1B,kBAAkB,OAAO,OACvB;AAAA,oBAAC,OAAO;AAAA,oBAAP;AAAA,sBAEC,MAAM,OAAO;AAAA,sBACb,SAAS,OAAO;AAAA,sBAChB,WAAW,SAAS;AAAA,sBACpB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO,SAAS;AAAA,sBACvB,cAAY,OAAO;AAAA,sBACnB,MAAM,OAAO,QAAQ;AAAA,sBACrB,MAAM,OAAO;AAAA,sBACb,SAAS,OAAO;AAAA,oBAAA;AAAA,oBATX;AAAA,kBAAA,IAYP;AAAA,oBAAC,OAAO;AAAA,oBAAP;AAAA,sBAEC,SAAS,OAAO;AAAA,sBAChB,WAAW,SAAS;AAAA,sBACpB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO,SAAS;AAAA,sBACvB,MAAM,OAAO;AAAA,sBACb,SAAS,OAAO;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA,sBACrB,cAAY,OAAO;AAAA,sBAElB,UAAO,OAAA;AAAA,oBAAA;AAAA,oBAVH;AAAA,kBAAA;AAAA,gBAWP,GAGN;AAAA,gBAED,gBAAgB,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAChC,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AClMA,MAAM,mBAAiE,CACrE,UACG;AACI,SAAA,oBAAC,OAAO,EAAA,GAAG,MAAO,CAAA;AAC3B;AAEM,MAAA,OAA4B,CAAC,UAAU;AAC3C,QAAM,kBAAkB,MAAM,iBAAiB,CAAA,GAAI,IAAI,CAAC,OAAO;AAAA,IAC7D,GAAG;AAAA,IACH,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,EAAA,EACrB;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,MACV,mBAAmBC;AAAAA,MACnB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAEJ;"}

package/dist/next/Card.cjs.js

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

package/dist/next/Card.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/Card.js

@@ -0,0 +1,5 @@
+import { C } from "./Card-RBCzxSIj.js";
+export {
+  C as default
+};
+//# sourceMappingURL=Card.js.map

package/dist/next/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/CheckBox.cjs.js

@@ -0,0 +1,4 @@
+"use strict";
+const Checkbox = require("./Checkbox-COcqcXOD.cjs");
+module.exports = Checkbox.Checkbox;
+//# sourceMappingURL=CheckBox.cjs.js.map

package/dist/next/CheckBox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/CheckBox.js

@@ -0,0 +1,5 @@
+import { C } from "./Checkbox-kWrAB9F7.js";
+export {
+  C as default
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/next/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/Checkbox-COcqcXOD.cjs

@@ -0,0 +1,192 @@
+"use strict";
+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-Rr5d5Qts.cjs");
+const CheckboxBase = React.forwardRef(
+  ({
+    checked,
+    onChange,
+    indeterminate: indeterminate2 = false,
+    theme = borealStyleConfig.getDefaultTheme(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    size = borealStyleConfig.getDefaultSize(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    state = "",
+    disabled: disabled2 = false,
+    label: label2 = "",
+    labelPosition = "right",
+    className = "",
+    id,
+    "data-testid": testId,
+    classMap,
+    ...props
+  }, ref) => {
+    const internalId = React.useId();
+    const checkboxId = id || internalId;
+    const labelId = label2 ? `${checkboxId}-label` : void 0;
+    const inputRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => inputRef.current);
+    React.useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.indeterminate = indeterminate2;
+      }
+    }, [indeterminate2]);
+    const combinedClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.checkbox,
+        classMap[theme],
+        classMap[state],
+        classMap[labelPosition],
+        classMap[size],
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [theme, labelPosition, disabled2, className]
+    );
+    return /* @__PURE__ */ require$$2.jsxs(
+      "label",
+      {
+        htmlFor: checkboxId,
+        className: combinedClassName,
+        "data-testid": testId ? `${testId}-wrapper` : void 0,
+        children: [
+          label2 && labelPosition === "left" && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label2
+            }
+          ),
+          /* @__PURE__ */ require$$2.jsx(
+            "input",
+            {
+              id: checkboxId,
+              ref: inputRef,
+              type: "checkbox",
+              className: classMap.input,
+              checked,
+              onChange: (e) => !disabled2 && onChange(e.target.checked),
+              disabled: disabled2,
+              "aria-labelledby": labelId,
+              "aria-checked": indeterminate2 ? "mixed" : void 0,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classNames.combineClassNames(
+                classMap.box,
+                indeterminate2 && classMap.indeterminate
+              ),
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-box` : void 0
+            }
+          ),
+          label2 && labelPosition === "right" && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label2
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CheckboxBase.displayName = "CheckboxBase";
+const noScroll = "_noScroll_15ysf_91";
+const errorMessage = "_errorMessage_15ysf_92";
+const loadingContainer = "_loadingContainer_15ysf_93";
+const hideScrollbar = "_hideScrollbar_15ysf_85";
+const sr_only = "_sr_only_15ysf_94";
+const checkbox = "_checkbox_15ysf_479";
+const input = "_input_15ysf_492";
+const roundNone = "_roundNone_15ysf_499";
+const box = "_box_15ysf_499";
+const roundSmall = "_roundSmall_15ysf_503";
+const roundMedium = "_roundMedium_15ysf_507";
+const roundLarge = "_roundLarge_15ysf_511";
+const roundFull = "_roundFull_15ysf_515";
+const shadowNone = "_shadowNone_15ysf_519";
+const shadowLight = "_shadowLight_15ysf_523";
+const shadowMedium = "_shadowMedium_15ysf_527";
+const shadowStrong = "_shadowStrong_15ysf_531";
+const shadowIntense = "_shadowIntense_15ysf_535";
+const xs = "_xs_15ysf_539";
+const indeterminate = "_indeterminate_15ysf_551";
+const label = "_label_15ysf_556";
+const small = "_small_15ysf_560";
+const medium = "_medium_15ysf_581";
+const large = "_large_15ysf_602";
+const xl = "_xl_15ysf_623";
+const primary = "_primary_15ysf_680";
+const secondary = "_secondary_15ysf_692";
+const tertiary = "_tertiary_15ysf_704";
+const quaternary = "_quaternary_15ysf_716";
+const clear = "_clear_15ysf_728";
+const success = "_success_15ysf_740";
+const error = "_error_15ysf_92";
+const warning = "_warning_15ysf_764";
+const disabled = "_disabled_15ysf_776";
+const spin = "_spin_15ysf_1";
+const pulse = "_pulse_15ysf_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  checkbox,
+  input,
+  roundNone,
+  box,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  xs,
+  indeterminate,
+  label,
+  small,
+  medium,
+  large,
+  xl,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  "fade-in": "_fade-in_15ysf_1",
+  "slide-up": "_slide-up_15ysf_1",
+  "spin-3d": "_spin-3d_15ysf_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_15ysf_1",
+  "progress-grow": "_progress-grow_15ysf_1",
+  "indeterminate-move": "_indeterminate-move_15ysf_1",
+  "skeleton-loading": "_skeleton-loading_15ysf_1"
+};
+const Checkbox = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles });
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox-COcqcXOD.cjs.map

package/dist/next/Checkbox-COcqcXOD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-COcqcXOD.cjs","sources":["../../src/components/CheckBox/CheckboxBase.tsx","../../src/components/CheckBox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckBoxProps } from \"./Checkbox.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\nexport interface CheckboxBaseProps extends CheckBoxProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId,\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, labelPosition, disabled, className]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => !disabled && onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}