@dbcdk/react-components 0.0.4 → 0.0.6

package/dist/assets/logo.cjs

@@ -1,87 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const Logo = () => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    id: "bbbad536-f254-4715-8d5c-86b6d7022b08",
-    "data-name": "Logo",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 154 70",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M73.13,1.4a16,16,0,0,0-9.31.67,14.12,14.12,0,0,0-4.63,3,13.42,13.42,0,0,0-3,4.55,15.21,15.21,0,0,0-1.07,5.75,16,16,0,0,0,1.17,6.33,12.73,12.73,0,0,0,3.22,4.56A14,14,0,0,0,64.13,29a16.32,16.32,0,0,0,5.52.93A14.79,14.79,0,0,0,72,29.76a16.17,16.17,0,0,0,2.24-.53,14,14,0,0,0,2.17-.87A2.11,2.11,0,0,0,77.6,26.8,2.42,2.42,0,0,0,77,24.72a2.12,2.12,0,0,0-1.4-.85,2.89,2.89,0,0,0-1.68.28,7.28,7.28,0,0,1-2.1.73,11.59,11.59,0,0,1-2.19.2A11.22,11.22,0,0,1,66,24.5a7.87,7.87,0,0,1-3-1.8,8.49,8.49,0,0,1-2-3,11.83,11.83,0,0,1-.71-4.29A11.27,11.27,0,0,1,61,11.52a8.48,8.48,0,0,1,1.84-3,8.12,8.12,0,0,1,2.93-2A11.14,11.14,0,0,1,71.9,6.1a10.21,10.21,0,0,1,2,.69,3.1,3.1,0,0,0,1.68.32A1.83,1.83,0,0,0,77,6.3a2.47,2.47,0,0,0,.58-2.06,2.14,2.14,0,0,0-1.23-1.66,14.22,14.22,0,0,0-3.2-1.18",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M51.82,20.92A9.6,9.6,0,0,1,51,25.29a6.71,6.71,0,0,1-2.29,2.63,8.77,8.77,0,0,1-3,1.27,15,15,0,0,1-3.12.35H32.43A2.43,2.43,0,0,1,30,27.07V3.67A2.43,2.43,0,0,1,32.43,1.2h10.2q3.88,0,5.79,1.82a7.12,7.12,0,0,1,1.9,5.39,6,6,0,0,1-.93,3.34,5.93,5.93,0,0,1-2.45,2.08,11,11,0,0,1,1.38.67,7.19,7.19,0,0,1,2.51,2.43A7.33,7.33,0,0,1,51.82,20.92Zm-6-2.64a3.17,3.17,0,0,0-1.74-1,10,10,0,0,0-1.86-.2h-7v7.81h7.29a4.25,4.25,0,0,0,3-1,3.84,3.84,0,0,0,1.09-3A3.88,3.88,0,0,0,45.83,18.28ZM44.19,6.77A3.25,3.25,0,0,0,41.9,6H35.22v6.31H42a3.18,3.18,0,0,0,2.11-.77,2.71,2.71,0,0,0,.93-2.22A3.26,3.26,0,0,0,44.19,6.77Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M3.47,1.2A2.43,2.43,0,0,0,1,3.67v23.4a2.43,2.43,0,0,0,2.47,2.47h9.67a11.16,11.16,0,0,0,6.62-1.91,11.93,11.93,0,0,0,4.11-5.12,17.57,17.57,0,0,0,1.42-7.14,18.88,18.88,0,0,0-.79-5.49,13.75,13.75,0,0,0-2.35-4.53,10.65,10.65,0,0,0-3.83-3,11.74,11.74,0,0,0-5.18-1.1ZM20,15.37a14.37,14.37,0,0,1-.75,4.72,7.58,7.58,0,0,1-2.37,3.48,6.44,6.44,0,0,1-4.17,1.31H6.06v-19h6.68a6.34,6.34,0,0,1,5.54,2.85,9.2,9.2,0,0,1,1.32,3A15.15,15.15,0,0,1,20,15.37Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M151.61,64.53a2.45,2.45,0,0,0-1.76-.67H139.29V42.73a2.32,2.32,0,0,0-.75-1.76,2.44,2.44,0,0,0-1.72-.71A2.55,2.55,0,0,0,135,41a2.34,2.34,0,0,0-.73,1.76v23.4a2.43,2.43,0,0,0,2.47,2.47h13.15a2.49,2.49,0,0,0,1.76-.67,2.2,2.2,0,0,0,.71-1.68A2.23,2.23,0,0,0,151.61,64.53Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M129.85,65.44,119.9,41.72a2.51,2.51,0,0,0-.91-1.2,2.42,2.42,0,0,0-1.36-.42,2.14,2.14,0,0,0-1.44.36,2.72,2.72,0,0,0-1,1.26l-10.08,24.2a2.73,2.73,0,0,0-.12.77,2.2,2.2,0,0,0,.53,1.5,2,2,0,0,0,1.62.61,2.09,2.09,0,0,0,1.27-.43,2.49,2.49,0,0,0,.87-1.19l2.1-4.94h12.07l2.1,4.9a2.9,2.9,0,0,0,.91,1.21,2.11,2.11,0,0,0,1.32.45,2.32,2.32,0,0,0,2.27-2.39A2.62,2.62,0,0,0,129.85,65.44Zm-16.48-7.85,4-9.48,4.06,9.48Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M107,40.91a2.52,2.52,0,0,0-1.76-.65h-18a2.55,2.55,0,0,0-1.76.63,2.15,2.15,0,0,0-.71,1.68,2.2,2.2,0,0,0,.71,1.7,2.52,2.52,0,0,0,1.76.65h6.35V66.13a2.39,2.39,0,0,0,.73,1.76,2.58,2.58,0,0,0,1.86.71,2.7,2.7,0,0,0,1.93-.71,2.34,2.34,0,0,0,.75-1.76V44.92h6.35a2.55,2.55,0,0,0,1.76-.63,2.15,2.15,0,0,0,.71-1.68A2.2,2.2,0,0,0,107,40.91Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M80.84,41a2.26,2.26,0,0,0-1.72-.71,3.74,3.74,0,0,0-1.74.36l-6.11,3.65A2.29,2.29,0,0,0,70,46.37a2.48,2.48,0,0,0,.68,1.68,2.2,2.2,0,0,0,1.74.79,2.52,2.52,0,0,0,1.3-.36L76.25,47V66.13A2.35,2.35,0,0,0,77,67.89a2.55,2.55,0,0,0,1.86.71,2.69,2.69,0,0,0,1.92-.71,2.34,2.34,0,0,0,.75-1.76V42.73A2.45,2.45,0,0,0,80.84,41Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M67.3,54a2.34,2.34,0,0,0-1.74-.71H58.92a2.44,2.44,0,0,0-1.76.69,2.51,2.51,0,0,0,0,3.48,2.44,2.44,0,0,0,1.76.69h3.81V63.4a11.67,11.67,0,0,1-2,.5,16.72,16.72,0,0,1-2.68.24,9.1,9.1,0,0,1-4.79-1.31,9.81,9.81,0,0,1-4.72-8.4,9.59,9.59,0,0,1,1.28-4.88A9.75,9.75,0,0,1,53.24,46,9,9,0,0,1,58,44.71a10.82,10.82,0,0,1,2.39.25,11.47,11.47,0,0,1,2.15.68,3.18,3.18,0,0,0,.67.25,3.05,3.05,0,0,0,.66.08,2.07,2.07,0,0,0,1.66-.77,2.63,2.63,0,0,0,.65-1.74,2.27,2.27,0,0,0-1.21-2,13.36,13.36,0,0,0-3.28-1.21,16.63,16.63,0,0,0-3.69-.4A14.45,14.45,0,0,0,52.29,41a14.63,14.63,0,0,0-4.7,3.14,14.82,14.82,0,0,0-3.18,4.63,14.53,14.53,0,0,0,0,11.33,14.89,14.89,0,0,0,7.88,7.78A14.62,14.62,0,0,0,58,69a15.78,15.78,0,0,0,4.64-.67,17.19,17.19,0,0,0,4.07-1.8,3.49,3.49,0,0,0,.87-.85A2.23,2.23,0,0,0,68,64.35V55.76A2.44,2.44,0,0,0,67.3,54Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M37.94,41a2.28,2.28,0,0,0-1.72-.71,3.69,3.69,0,0,0-1.74.36l-6.12,3.65a2.31,2.31,0,0,0-1.25,2.1,2.49,2.49,0,0,0,.69,1.68,2.2,2.2,0,0,0,1.74.79,2.46,2.46,0,0,0,1.29-.36L33.34,47V66.13a2.35,2.35,0,0,0,.73,1.76,2.58,2.58,0,0,0,1.86.71,2.7,2.7,0,0,0,1.93-.71,2.36,2.36,0,0,0,.74-1.76V42.73A2.48,2.48,0,0,0,37.94,41Z",
-          fill: "var(--color-primary)"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M3.47,40.26A2.43,2.43,0,0,0,1,42.73v23.4A2.43,2.43,0,0,0,3.47,68.6h9.67a11.16,11.16,0,0,0,6.62-1.91,12,12,0,0,0,4.11-5.12,17.57,17.57,0,0,0,1.42-7.14,18.83,18.83,0,0,0-.79-5.49,13.75,13.75,0,0,0-2.35-4.53,10.78,10.78,0,0,0-3.83-3.06,11.74,11.74,0,0,0-5.18-1.09ZM20,54.43a14.27,14.27,0,0,1-.75,4.71,7.48,7.48,0,0,1-2.37,3.48,6.39,6.39,0,0,1-4.17,1.32H6.06v-19h6.68a6.65,6.65,0,0,1,3.28.76,6.65,6.65,0,0,1,2.26,2.09,9.24,9.24,0,0,1,1.32,3A15.29,15.29,0,0,1,20,54.43Z",
-          fill: "var(--color-primary)"
-        }
-      )
-    ]
-  }
-);
-
-exports.Logo = Logo;

package/dist/components/app-header/AppHeader.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./AppHeader.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function AppHeader({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.container, children }) });
-}
-
-exports.AppHeader = AppHeader;

package/dist/components/avatar/Avatar.cjs

@@ -1,67 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles = require('./Avatar.module.css');
-var sizes = require('../../constants/sizes');
-var severity = require('../../constants/severity');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Avatar({
-  image,
-  imgSrc,
-  imgAlt,
-  fullName,
-  color = "brand",
-  button,
-  size = "md",
-  ...rest
-}) {
-  const text = fullName ? fullName.split(" ").map((name) => name.charAt(0)).join("").toUpperCase() : "";
-  const styleVars = {
-    "--bg": severity.SeverityBgColor[color],
-    "--text": severity.SeverityTextColor[color],
-    "--size": sizes.sizes[size]
-  };
-  const renderImage = () => {
-    if (image) {
-      if (React__namespace.isValidElement(image)) {
-        const mergedClass = [image.props.className, styles__default.default.image].filter(Boolean).join(" ");
-        return React__namespace.cloneElement(image, { className: mergedClass });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.imageSlot, children: image });
-    }
-    if (imgSrc) {
-      return /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles__default.default.image, src: imgSrc, alt: imgAlt });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.avatar, "aria-hidden": "true", children: text });
-  };
-  if (button) {
-    return /* @__PURE__ */ jsxRuntime.jsx("button", { ...rest, className: `${styles__default.default.container} ${styles__default.default.button}`, style: styleVars, children: renderImage() });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.container, style: styleVars, children: renderImage() });
-}
-
-exports.Avatar = Avatar;

package/dist/components/breadcrumbs/Breadcrumbs.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var styles = require('./Breadcrumbs.module.css');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-function Breadcrumbs({ items }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: styles__default.default.breadcrumbs, "aria-label": "breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
-      item.icon && item.icon,
-      item.onClick ? /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-    ] }),
-    index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.separator, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}) })
-  ] }, `breadcrumbItem-${item.label}-${index}`)) }) });
-}
-
-exports.Breadcrumbs = Breadcrumbs;

package/dist/components/button/Button.cjs

@@ -1,79 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles = require('./Button.module.css');
-var lucideReact = require('lucide-react');
-var Tooltip = require('../tooltip/Tooltip');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-const Button = React__namespace.forwardRef(function Button2({
-  variant = "outlined",
-  size = "md",
-  icon,
-  children,
-  loading,
-  active,
-  spinIcon,
-  tooltip,
-  isLink,
-  ...rest
-}, ref) {
-  let buttonEl;
-  const className = [
-    styles__default.default.button,
-    styles__default.default[variant],
-    styles__default.default[size],
-    active ? styles__default.default.active : "",
-    loading ? styles__default.default.loading : "",
-    isLink ? styles__default.default.link : "",
-    rest.className || ""
-  ].filter(Boolean).join(" ");
-  if (isLink && React__namespace.isValidElement(children)) {
-    buttonEl = React__namespace.cloneElement(children, {
-      className,
-      ...rest,
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.icon} ${spinIcon ? "spin" : ""}`, children: icon }),
-        children.props.children,
-        loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "flex", opacity: 0.5 }, className: "spin", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, {}) })
-      ] })
-    });
-  } else {
-    buttonEl = /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, className, ...rest, children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.icon} ${spinIcon ? "spin" : ""}`, children: icon }),
-      children,
-      loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "flex", opacity: 0.5 }, className: "spin", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, {}) })
-    ] });
-  }
-  if (tooltip) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltip, children: buttonEl });
-  }
-  return buttonEl;
-});
-Button.displayName = "Button";
-
-exports.Button = Button;

package/dist/components/card/Card.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Headline = require('../headline/Headline');
-var styles = require('./Card.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Card({ header, content, image, link: Link, width }) {
-  const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.imageContainer, children: image }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.content, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Headline.Headline, { marker: true, severity: "brand", size: 2, weight: 500, children: header }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: content })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: styles__default.default.container,
-      style: width ? { ["--width"]: `${width}%` } : void 0,
-      children: Link ? /* @__PURE__ */ jsxRuntime.jsx(Link, { children: cardContent }) : cardContent
-    }
-  );
-}
-
-exports.Card = Card;

package/dist/components/card-container/CardContainer.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Headline = require('../headline/Headline');
-var styles = require('./CardContainer.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function CardContainer({
-  children,
-  headline,
-  subHeadline,
-  expand
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Headline.Headline, { marker: true, severity: "brand", subHeadline, children: headline }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.container, style: { ["--expand"]: expand ? "1" : "0" }, children })
-  ] });
-}
-
-exports.CardContainer = CardContainer;

package/dist/components/checkbox/Checkbox.cjs

@@ -1,43 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var lucideReact = require('lucide-react');
-var styles = require('./Checkbox.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Checkbox({
-  checked: controlled,
-  onChange,
-  variant = "outlined",
-  disabled,
-  label,
-  size = "md"
-}) {
-  const [internal, setInternal] = react.useState(false);
-  const isChecked = controlled != null ? controlled : internal;
-  const toggle = () => {
-    const value = !isChecked;
-    setInternal(value);
-    onChange == null ? void 0 : onChange(value);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        disabled,
-        type: "button",
-        onClick: toggle,
-        "aria-pressed": isChecked,
-        className: `${styles__default.default.checkbox} ${isChecked ? styles__default.default.checked : ""} ${styles__default.default[variant]} ${styles__default.default[size]}`,
-        children: isChecked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: styles__default.default.icon })
-      }
-    ),
-    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label })
-  ] });
-}
-
-exports.Checkbox = Checkbox;

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,12 +0,0 @@
-type Variant = 'default' | 'primary' | 'outlined';
-type Size = 'sm' | 'md' | 'lg';
-interface CheckboxProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    variant?: Variant;
-    disabled?: boolean;
-    label?: string;
-    size?: Size;
-}
-export declare function Checkbox({ checked: controlled, onChange, variant, disabled, label, size, }: CheckboxProps): JSX.Element;
-export {};

package/dist/components/checkbox/Checkbox.js

@@ -1,37 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Check } from 'lucide-react';
-import styles from './Checkbox.module.css';
-
-function Checkbox({
-  checked: controlled,
-  onChange,
-  variant = "outlined",
-  disabled,
-  label,
-  size = "md"
-}) {
-  const [internal, setInternal] = useState(false);
-  const isChecked = controlled != null ? controlled : internal;
-  const toggle = () => {
-    const value = !isChecked;
-    setInternal(value);
-    onChange == null ? void 0 : onChange(value);
-  };
-  return /* @__PURE__ */ jsxs("span", { className: styles.container, children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        disabled,
-        type: "button",
-        onClick: toggle,
-        "aria-pressed": isChecked,
-        className: `${styles.checkbox} ${isChecked ? styles.checked : ""} ${styles[variant]} ${styles[size]}`,
-        children: isChecked && /* @__PURE__ */ jsx(Check, { className: styles.icon })
-      }
-    ),
-    label && /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
-  ] });
-}
-
-export { Checkbox };

package/dist/components/chip/Chip.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var styles = require('./Chip.module.css');
-var Icon = require('../icon/Icon');
-var lucideReact = require('lucide-react');
-var SkeletonLoaderItem = require('../skeleton-loader/skeleton-loader-item/SkeletonLoaderItem');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Chip({
-  children,
-  severity = "neutral",
-  loading,
-  disableIcon = true,
-  fullWidth = false,
-  size = "md",
-  customIcon,
-  onClose
-}) {
-  const [chipWidth, setChipWidth] = react.useState(void 0);
-  const chipRef = react.useRef(null);
-  react.useEffect(() => {
-    if (chipRef.current) {
-      setChipWidth(`${chipRef.current.offsetWidth}px`);
-    }
-  }, [loading]);
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoaderItem.SkeletonLoaderItem, { width: chipWidth != null ? chipWidth : "100px", height: "26px", radius: "25px" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: chipRef,
-      className: `${styles__default.default.container} ${styles__default.default[severity]} ${fullWidth ? styles__default.default.fullWidth : ""} ${styles__default.default[size]}`,
-      children: [
-        severity && !disableIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { severity }),
-        customIcon,
-        children,
-        onClose && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: styles__default.default.close, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
-      ]
-    }
-  );
-}
-
-exports.Chip = Chip;

package/dist/components/circle/Circle.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./Circle.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Circle({ severity, children, glow }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "data-glow": glow, className: `${styles__default.default.circle} ${styles__default.default[severity]}` }),
-    children,
-    " "
-  ] });
-}
-
-exports.Circle = Circle;

package/dist/components/clear-button/ClearButton.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var Button = require('../button/Button');
-var styles = require('./ClearButton.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function ClearButton({ onClick, absolute }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.clearButton} ${absolute ? styles__default.default.absolute : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Button.Button,
-    {
-      variant: "inline",
-      onClick: (e) => {
-        e.stopPropagation();
-        onClick();
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20 })
-    }
-  ) });
-}
-
-exports.ClearButton = ClearButton;

package/dist/components/data-summary/DataSummary.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Headline = require('../headline/Headline');
-var styles = require('./DataSummary.module.css');
-var SkeletonLoaderItem = require('../skeleton-loader/skeleton-loader-item/SkeletonLoaderItem');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function DataSummary({
-  title,
-  data,
-  loading,
-  variant = "default",
-  headerMarker,
-  headerIcon,
-  severity,
-  size
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default.container} ${styles__default.default[variant]}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Headline.Headline,
-      {
-        severity,
-        marker: headerMarker,
-        icon: headerIcon,
-        size: 2,
-        disableMargin: true,
-        children: title
-      }
-    ),
-    loading && /* @__PURE__ */ jsxRuntime.jsx("table", { children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoaderItem.SkeletonLoaderItem, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoaderItem.SkeletonLoaderItem, { width: "100%" }) })
-    ] }, index)) }) }),
-    data && data.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("table", { children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.label, children: [
-        item.icon,
-        item.label,
-        ":"
-      ] }) }, index),
-      /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.value, children: item.value }) })
-    ] })) }) })
-  ] });
-}
-
-exports.DataSummary = DataSummary;

package/dist/components/data-summary/DataSummary.d.ts

@@ -1,19 +0,0 @@
-import { Severity } from '@/constants/severity.types';
-interface DataSummaryItem {
-    label: string;
-    value: React.ReactNode;
-    icon?: React.ReactNode;
-}
-interface DataSummaryProps {
-    title: string;
-    value: string | number;
-    data: DataSummaryItem[];
-    loading?: boolean;
-    variant?: 'default' | 'primary';
-    headerMarker?: boolean;
-    headerIcon?: React.ReactNode;
-    severity?: Severity;
-    size?: 'sm' | 'md' | 'lg';
-}
-export declare function DataSummary({ title, data, loading, variant, headerMarker, headerIcon, severity, size, }: DataSummaryProps): JSX.Element;
-export {};

package/dist/components/data-summary/DataSummary.js

@@ -1,43 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Headline } from '../headline/Headline';
-import styles from './DataSummary.module.css';
-import { SkeletonLoaderItem } from '../skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
-
-function DataSummary({
-  title,
-  data,
-  loading,
-  variant = "default",
-  headerMarker,
-  headerIcon,
-  severity,
-  size
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${styles[variant]}`, children: [
-    /* @__PURE__ */ jsx(
-      Headline,
-      {
-        severity,
-        marker: headerMarker,
-        icon: headerIcon,
-        size: 2,
-        disableMargin: true,
-        children: title
-      }
-    ),
-    loading && /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(SkeletonLoaderItem, {}) }),
-      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { width: "100%" }) })
-    ] }, index)) }) }),
-    data && data.length > 0 && /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: data.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.label, children: [
-        item.icon,
-        item.label,
-        ":"
-      ] }) }, index),
-      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: styles.value, children: item.value }) })
-    ] })) }) })
-  ] });
-}
-
-export { DataSummary };