@dbcdk/react-components 0.0.2 → 0.0.3

package/dist/constants/severity.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+const SeverityBgColor = {
+  neutral: "var(--color-secondary)",
+  brand: "var(--color-primary)",
+  success: "var(--color-success)",
+  error: "var(--color-error)",
+  info: "var(--color-info)",
+  warning: "var(--color-warning)"
+};
+const SeverityTextColor = {
+  neutral: "var(--color-text-inverse)",
+  brand: "var(--color-text-on-primary)",
+  success: "var(--color-text-inverse)",
+  error: "var(--color-text-inverse)",
+  info: "var(--color-text-inverse)",
+  warning: "var(--color-text-inverse)"
+};
+
+exports.SeverityBgColor = SeverityBgColor;
+exports.SeverityTextColor = SeverityTextColor;

package/dist/constants/severity.d.ts

@@ -0,0 +1,3 @@
+import type { Severity } from '@/constants/severity.types';
+export declare const SeverityBgColor: Record<Severity, string>;
+export declare const SeverityTextColor: Record<Severity, string>;

package/dist/constants/severity.js

@@ -0,0 +1,18 @@
+const SeverityBgColor = {
+  neutral: "var(--color-secondary)",
+  brand: "var(--color-primary)",
+  success: "var(--color-success)",
+  error: "var(--color-error)",
+  info: "var(--color-info)",
+  warning: "var(--color-warning)"
+};
+const SeverityTextColor = {
+  neutral: "var(--color-text-inverse)",
+  brand: "var(--color-text-on-primary)",
+  success: "var(--color-text-inverse)",
+  error: "var(--color-text-inverse)",
+  info: "var(--color-text-inverse)",
+  warning: "var(--color-text-inverse)"
+};
+
+export { SeverityBgColor, SeverityTextColor };

package/dist/constants/severity.types.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/constants/severity.types.d.ts

@@ -0,0 +1 @@
+export type Severity = "neutral" | "brand" | "success" | "error" | "info" | "warning";

package/dist/constants/severity.types.js

@@ -0,0 +1 @@
+

package/dist/constants/sizes.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const sizes = {
+  sm: "var(--component-size-sm)",
+  md: "var(--component-size-md)",
+  lg: "var(--component-size-lg)",
+  xl: "var(--component-size-xl)"
+};
+
+exports.sizes = sizes;

package/dist/constants/sizes.d.ts

@@ -0,0 +1,2 @@
+import type { Size, SizeVariable } from "../types/sizes.types";
+export declare const sizes: Record<Size, SizeVariable>;

package/dist/constants/sizes.js

@@ -0,0 +1,8 @@
+const sizes = {
+  sm: "var(--component-size-sm)",
+  md: "var(--component-size-md)",
+  lg: "var(--component-size-lg)",
+  xl: "var(--component-size-xl)"
+};
+
+export { sizes };

package/dist/hooks/useTheme.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var react = require('react');
+
+const LINK_ID = "dbc-theme-link";
+const STORAGE_KEY = "dbc_theme";
+function createLinkElement() {
+  if (typeof document === "undefined") return null;
+  let el = document.getElementById(LINK_ID);
+  if (!el) {
+    el = document.createElement("link");
+    el.id = LINK_ID;
+    el.rel = "stylesheet";
+    document.head.appendChild(el);
+  }
+  return el;
+}
+function setLinkHref(href) {
+  const el = createLinkElement();
+  if (el && el.getAttribute("href") !== href) el.setAttribute("href", href);
+}
+function useTheme(initialTheme = "light") {
+  const [theme, setTheme] = react.useState(null);
+  react.useEffect(() => {
+    let stored = initialTheme;
+    try {
+      stored = localStorage.getItem(STORAGE_KEY);
+      console.log("Restored theme from localStorage:", stored);
+    } catch {
+    }
+    if (stored) {
+      setLinkHref(`/themes/${stored}.css`);
+      setTheme(stored);
+      try {
+        localStorage.setItem(STORAGE_KEY, stored);
+      } catch {
+      }
+    }
+  }, []);
+  const switchTheme = react.useCallback((id) => {
+    const href = `/themes/${id}.css`;
+    if (!href) return "";
+    setLinkHref(href);
+    setTheme(id);
+    try {
+      localStorage.setItem(STORAGE_KEY, id);
+      document.cookie = `${STORAGE_KEY}=${encodeURIComponent(
+        id
+      )}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
+    } catch {
+    }
+    return id;
+  }, []);
+  return { theme, switchTheme, linkId: LINK_ID };
+}
+
+exports.LINK_ID = LINK_ID;
+exports.useTheme = useTheme;

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,9 @@
+export type ThemeId = string;
+export type ThemeUrls = Record<ThemeId, string>;
+export declare const LINK_ID = "dbc-theme-link";
+export type ThemeVariant = "light" | "dark";
+export declare function useTheme(initialTheme?: ThemeVariant): {
+    theme: ThemeId | null;
+    switchTheme: (id: ThemeId) => string;
+    linkId: string;
+};

package/dist/hooks/useTheme.js

@@ -0,0 +1,55 @@
+import { useState, useEffect, useCallback } from 'react';
+
+const LINK_ID = "dbc-theme-link";
+const STORAGE_KEY = "dbc_theme";
+function createLinkElement() {
+  if (typeof document === "undefined") return null;
+  let el = document.getElementById(LINK_ID);
+  if (!el) {
+    el = document.createElement("link");
+    el.id = LINK_ID;
+    el.rel = "stylesheet";
+    document.head.appendChild(el);
+  }
+  return el;
+}
+function setLinkHref(href) {
+  const el = createLinkElement();
+  if (el && el.getAttribute("href") !== href) el.setAttribute("href", href);
+}
+function useTheme(initialTheme = "light") {
+  const [theme, setTheme] = useState(null);
+  useEffect(() => {
+    let stored = initialTheme;
+    try {
+      stored = localStorage.getItem(STORAGE_KEY);
+      console.log("Restored theme from localStorage:", stored);
+    } catch {
+    }
+    if (stored) {
+      setLinkHref(`/themes/${stored}.css`);
+      setTheme(stored);
+      try {
+        localStorage.setItem(STORAGE_KEY, stored);
+      } catch {
+      }
+    }
+  }, []);
+  const switchTheme = useCallback((id) => {
+    const href = `/themes/${id}.css`;
+    if (!href) return "";
+    setLinkHref(href);
+    setTheme(id);
+    try {
+      localStorage.setItem(STORAGE_KEY, id);
+      document.cookie = `${STORAGE_KEY}=${encodeURIComponent(
+        id
+      )}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
+    } catch {
+    }
+    return id;
+  }, []);
+  return { theme, switchTheme, linkId: LINK_ID };
+}
+
+export { LINK_ID, useTheme };

package/dist/hooks/useViewportFill.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var react = require('react');
+
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false } = {}) {
+  const [maxHeight, setMaxHeight] = react.useState(0);
+  const raf = react.useRef(null);
+  const measure = react.useCallback(() => {
+    if (typeof window === "undefined" || !ref.current) return;
+    const el = ref.current;
+    const rect = el.getBoundingClientRect();
+    let top = rect.top;
+    if (includeMarginTop) {
+      const mt = parseFloat(getComputedStyle(el).marginTop || "0") || 0;
+      top -= mt;
+    }
+    const raw = window.innerHeight - bottomOffset - top;
+    const next = Math.max(min, Math.floor(raw));
+    setMaxHeight(next);
+  }, [ref, bottomOffset, min, includeMarginTop]);
+  useIsomorphicLayoutEffect(() => {
+    measure();
+  }, [measure]);
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onFrame = () => {
+      if (raf.current) cancelAnimationFrame(raf.current);
+      raf.current = requestAnimationFrame(measure);
+    };
+    window.addEventListener("scroll", onFrame, { passive: true });
+    window.addEventListener("resize", onFrame);
+    let ro = null;
+    if ("ResizeObserver" in window && ref.current) {
+      ro = new ResizeObserver(onFrame);
+      ro.observe(ref.current);
+    }
+    return () => {
+      window.removeEventListener("scroll", onFrame);
+      window.removeEventListener("resize", onFrame);
+      if (ro) ro.disconnect();
+      if (raf.current) cancelAnimationFrame(raf.current);
+    };
+  }, [measure, ref]);
+  return {
+    maxHeight,
+    style: { height: maxHeight, overflow: "auto" },
+    recompute: measure
+  };
+}
+
+exports.useViewportFill = useViewportFill;

package/dist/hooks/useViewportFill.d.ts

@@ -0,0 +1,15 @@
+type Options = {
+    bottomOffset?: number;
+    min?: number;
+    includeMarginTop?: boolean;
+};
+/**
+ * Computes the remaining viewport space below the element and returns a style
+ * with `maxHeight` + `overflow: auto`.
+ */
+export declare function useViewportFill<T extends HTMLElement>(ref: React.RefObject<T>, { bottomOffset, min, includeMarginTop }?: Options): {
+    maxHeight: number;
+    style: React.CSSProperties;
+    recompute: () => void;
+};
+export {};

package/dist/hooks/useViewportFill.js

@@ -0,0 +1,50 @@
+import { useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false } = {}) {
+  const [maxHeight, setMaxHeight] = useState(0);
+  const raf = useRef(null);
+  const measure = useCallback(() => {
+    if (typeof window === "undefined" || !ref.current) return;
+    const el = ref.current;
+    const rect = el.getBoundingClientRect();
+    let top = rect.top;
+    if (includeMarginTop) {
+      const mt = parseFloat(getComputedStyle(el).marginTop || "0") || 0;
+      top -= mt;
+    }
+    const raw = window.innerHeight - bottomOffset - top;
+    const next = Math.max(min, Math.floor(raw));
+    setMaxHeight(next);
+  }, [ref, bottomOffset, min, includeMarginTop]);
+  useIsomorphicLayoutEffect(() => {
+    measure();
+  }, [measure]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onFrame = () => {
+      if (raf.current) cancelAnimationFrame(raf.current);
+      raf.current = requestAnimationFrame(measure);
+    };
+    window.addEventListener("scroll", onFrame, { passive: true });
+    window.addEventListener("resize", onFrame);
+    let ro = null;
+    if ("ResizeObserver" in window && ref.current) {
+      ro = new ResizeObserver(onFrame);
+      ro.observe(ref.current);
+    }
+    return () => {
+      window.removeEventListener("scroll", onFrame);
+      window.removeEventListener("resize", onFrame);
+      if (ro) ro.disconnect();
+      if (raf.current) cancelAnimationFrame(raf.current);
+    };
+  }, [measure, ref]);
+  return {
+    maxHeight,
+    style: { height: maxHeight, overflow: "auto" },
+    recompute: measure
+  };
+}
+
+export { useViewportFill };

package/dist/index.cjs

@@ -1,2 +1,264 @@
-'use strict';var r=require('react'),jsxRuntime=require('react/jsx-runtime');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 r__namespace=/*#__PURE__*/_interopNamespace(r);var c=r__namespace.forwardRef(({variant:t="primary",size:o="md",className:e="",...n},a)=>jsxRuntime.jsx("button",{ref:a,className:["dbc-btn",`dbc-btn--${t}`,`dbc-btn--${o}`,e].join(" "),...n}));c.displayName="Button";exports.Button=c;//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+'use strict';
+
+var Button = require('./components/button/Button');
+var NavBar = require('./components/nav-bar/NavBar');
+var Avatar = require('./components/avatar/Avatar');
+var Popover = require('./components/popover/Popover');
+var Menu = require('./components/menu/Menu');
+var Icon = require('./components/icon/Icon');
+var UserDisplay = require('./components/user-display/UserDisplay');
+var Tabs = require('./components/tabs/Tabs');
+var Headline = require('./components/headline/Headline');
+var PageLayout = require('./components/page-layout/PageLayout');
+var Input = require('./components/input/Input');
+var SearchBox = require('./components/search-box/SearchBox');
+var useTheme = require('./hooks/useTheme');
+var Chip = require('./components/chip/Chip');
+var Panel = require('./components/panel/Panel');
+var Card = require('./components/card/Card');
+var CardContainer = require('./components/card-container/CardContainer');
+var SkeletonLoaderItem = require('./components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem');
+var SkeletonLoader = require('./components/skeleton-loader/SkeletonLoader');
+var Page = require('./components/page/Page');
+var Breadcrumbs = require('./components/breadcrumbs/Breadcrumbs');
+var Circle = require('./components/circle/Circle');
+var Checkbox = require('./components/checkbox/Checkbox');
+var Table = require('./components/table/Table');
+var severity_types = require('./constants/severity.types');
+var Textarea = require('./components/text-area/Textarea');
+var AppHeader = require('./components/app-header/AppHeader');
+var Sidebar = require('./components/sidebar/Sidebar');
+var nestedFiltering = require('./utils/arrays/nested-filtering');
+var MultiSelect = require('./components/multi-select/MultiSelect');
+var useViewportFill = require('./hooks/useViewportFill');
+var formatDate = require('./utils/date/formatDate');
+var FilterField = require('./components/filter-field/FilterField');
+var Select = require('./components/select/Select');
+var SplitButton = require('./components/split-button/SplitButton');
+var Tooltip = require('./components/tooltip/Tooltip');
+var SegmentedProgressBar = require('./components/segmented-progress-bar/SegmentedProgressBar');
+
+
+
+Object.keys(Button).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Button[k]; }
+	});
+});
+Object.keys(NavBar).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return NavBar[k]; }
+	});
+});
+Object.keys(Avatar).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Avatar[k]; }
+	});
+});
+Object.keys(Popover).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Popover[k]; }
+	});
+});
+Object.keys(Menu).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Menu[k]; }
+	});
+});
+Object.keys(Icon).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Icon[k]; }
+	});
+});
+Object.keys(UserDisplay).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return UserDisplay[k]; }
+	});
+});
+Object.keys(Tabs).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Tabs[k]; }
+	});
+});
+Object.keys(Headline).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Headline[k]; }
+	});
+});
+Object.keys(PageLayout).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return PageLayout[k]; }
+	});
+});
+Object.keys(Input).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Input[k]; }
+	});
+});
+Object.keys(SearchBox).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SearchBox[k]; }
+	});
+});
+Object.keys(useTheme).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return useTheme[k]; }
+	});
+});
+Object.keys(Chip).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Chip[k]; }
+	});
+});
+Object.keys(Panel).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Panel[k]; }
+	});
+});
+Object.keys(Card).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Card[k]; }
+	});
+});
+Object.keys(CardContainer).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return CardContainer[k]; }
+	});
+});
+Object.keys(SkeletonLoaderItem).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SkeletonLoaderItem[k]; }
+	});
+});
+Object.keys(SkeletonLoader).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SkeletonLoader[k]; }
+	});
+});
+Object.keys(Page).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Page[k]; }
+	});
+});
+Object.keys(Breadcrumbs).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Breadcrumbs[k]; }
+	});
+});
+Object.keys(Circle).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Circle[k]; }
+	});
+});
+Object.keys(Checkbox).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Checkbox[k]; }
+	});
+});
+Object.keys(Table).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Table[k]; }
+	});
+});
+Object.keys(severity_types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return severity_types[k]; }
+	});
+});
+Object.keys(Textarea).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Textarea[k]; }
+	});
+});
+Object.keys(AppHeader).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return AppHeader[k]; }
+	});
+});
+Object.keys(Sidebar).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Sidebar[k]; }
+	});
+});
+Object.keys(nestedFiltering).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return nestedFiltering[k]; }
+	});
+});
+Object.keys(MultiSelect).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return MultiSelect[k]; }
+	});
+});
+Object.keys(useViewportFill).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return useViewportFill[k]; }
+	});
+});
+Object.keys(formatDate).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formatDate[k]; }
+	});
+});
+Object.keys(FilterField).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return FilterField[k]; }
+	});
+});
+Object.keys(Select).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Select[k]; }
+	});
+});
+Object.keys(SplitButton).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SplitButton[k]; }
+	});
+});
+Object.keys(Tooltip).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Tooltip[k]; }
+	});
+});
+Object.keys(SegmentedProgressBar).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SegmentedProgressBar[k]; }
+	});
+});

package/dist/index.d.ts

@@ -1,12 +1,37 @@
-import * as React from 'react';
-
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "primary" | "secondary" | "ghost";
-    size?: "sm" | "md" | "lg";
-};
-declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "primary" | "secondary" | "ghost";
-    size?: "sm" | "md" | "lg";
-} & React.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };
+export * from './components/button/Button';
+export * from './components/nav-bar/NavBar';
+export * from './components/avatar/Avatar';
+export * from './components/popover/Popover';
+export * from './components/menu/Menu';
+export * from './components/icon/Icon';
+export * from './components/user-display/UserDisplay';
+export * from './components/tabs/Tabs';
+export * from './components/headline/Headline';
+export * from './components/page-layout/PageLayout';
+export * from './components/input/Input';
+export * from './components/search-box/SearchBox';
+export * from './hooks/useTheme';
+export * from './components/chip/Chip';
+export * from './components/panel/Panel';
+export * from './components/card/Card';
+export * from './components/card-container/CardContainer';
+export * from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
+export * from './components/skeleton-loader/SkeletonLoader';
+export * from './components/page/Page';
+export * from './components/breadcrumbs/Breadcrumbs';
+export * from './components/circle/Circle';
+export * from './components/checkbox/Checkbox';
+export * from './components/table/Table';
+export * from './constants/severity.types';
+export * from './components/text-area/Textarea';
+export * from './components/app-header/AppHeader';
+export * from './components/sidebar/Sidebar';
+export * from './utils/arrays/nested-filtering';
+export * from './components/multi-select/MultiSelect';
+export * from './hooks/useViewportFill';
+export * from './utils/date/formatDate';
+export * from './components/filter-field/FilterField';
+export * from './components/select/Select';
+export * from './components/split-button/SplitButton';
+export * from './components/tooltip/Tooltip';
+export * from './components/segmented-progress-bar/SegmentedProgressBar';