opus-toolkit-components 1.7.6 → 1.7.9

package/lib/components/Accordions/index.d.ts

@@ -0,0 +1,19 @@
+// Accordion Typescript Definitions - update when new props added
+export interface AccordionProps {
+  title: string | React.ReactNode;
+  handleToggle?: (index: number) => void;
+  activeIndex?: number;
+  index: number;
+  isPreview?: boolean;
+  isLocked?: boolean;
+  onExitPreview?: () => void;
+  content: React.ReactNode;
+  preview?: React.ReactNode;
+  isPill?: boolean;
+  pillText?: string;
+  pillStatus?: "success" | "warning" | "error" | "info" | string;
+  pillIcon?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export const Accordion: React.ComponentType<AccordionProps>;

package/lib/components/BarLayout/index.d.ts

@@ -0,0 +1,8 @@
+export interface BarLayoutProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const BarLayout: React.ComponentType<BarLayoutProps>;

package/lib/components/Buttons/index.d.ts

@@ -0,0 +1,36 @@
+export type ButtonRank =
+  | "primary"
+  | "secondary"
+  | "tertiary"
+  | "outline"
+  | "destructive";
+
+export type ButtonState = "default" | "disabled";
+
+export type ButtonSize = "sm" | "md" | "lg" | "xl" | string;
+
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  type?: "button" | "submit" | "reset";
+  rank?: ButtonRank;
+  state?: ButtonState;
+  text?: string;
+  size?: ButtonSize;
+  name?: string;
+  dataCy?: string;
+  tabIndex?: number;
+  isFullWidth?: boolean;
+  icon?: IconComponent;
+  iconPosition?: "left" | "right";
+  isIconAnimated?: boolean;
+  isSaving?: boolean;
+  savingText?: string;
+  className?: string;
+  title?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export const Button: React.ComponentType<ButtonProps>;

package/lib/components/Cards/index.d.ts

@@ -0,0 +1,16 @@
+export type CardIntent =
+  | "default"
+  | "info"
+  | "warning"
+  | "success"
+  | "error"
+  | "brand"
+  | "brandSecondary";
+
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  intent?: CardIntent;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Card: React.ComponentType<CardProps>;

package/lib/components/Cookie/index.d.ts

@@ -0,0 +1,11 @@
+export interface CookieBannerProps {
+  logo?: string;
+  policyTxt?: string;
+  linkTxt?: string;
+  isVisible?: boolean;
+  onAccept?: () => void;
+  onLearnMore?: () => void;
+  intent?: string;
+}
+
+export const CookieBanner: React.ComponentType<CookieBannerProps>;

package/lib/components/Footer/index.d.ts

@@ -0,0 +1,8 @@
+export interface FooterProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const Footer: React.ComponentType<FooterProps>;

package/lib/components/Forms/Checkbox/index.d.ts

@@ -0,0 +1,20 @@
+export interface CheckboxChangeEvent {
+  target: {
+    name: string;
+    value: boolean;
+  };
+}
+
+export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+  label: string;
+  name: string;
+  onChange?: (event: CheckboxChangeEvent) => void;
+  value?: boolean;
+  isValid?: boolean;
+  errorMessage?: string;
+  disabled?: boolean;
+  title?: string;
+  dataCy?: string;
+}
+
+export const Checkbox: React.ComponentType<CheckboxProps>;

package/lib/components/Forms/Datepickers/index.d.ts

@@ -0,0 +1,23 @@
+export interface DatePickerChangeEvent {
+  target: {
+    name: string;
+    value: string;
+  };
+}
+
+export interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+  initialDate?: string;
+  label?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  name?: string;
+  onChange?: (event: DatePickerChangeEvent) => void;
+  value?: string;
+  className?: string;
+  title?: string;
+  required?: boolean;
+  dataCy?: string;
+  disabled?: boolean;
+}
+
+export const DatePicker: React.ComponentType<DatePickerProps>;

package/lib/components/Forms/Dropdowns/index.d.ts

@@ -0,0 +1,35 @@
+export interface DropdownItem {
+  label: string;
+  value: string | number;
+}
+
+export interface DropdownChangeEvent {
+  target: {
+    name: string;
+    value: string | number;
+  };
+}
+
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
+
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+  items?: DropdownItem[];
+  label?: string;
+  isValid?: boolean;
+  required?: boolean;
+  placeholder?: string;
+  name?: string;
+  className?: string;
+  title?: string;
+  tabIndex?: string | number;
+  onChange?: (event: DropdownChangeEvent) => void;
+  value?: string | number;
+  Icon?: IconComponent;
+  errorMessage?: string;
+  disabled?: boolean;
+  dataCy?: string;
+}
+
+export const Dropdown: React.ComponentType<DropdownProps>;

package/lib/components/Forms/Inputs/index.d.ts

@@ -0,0 +1,45 @@
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
+
+export type CustomComponent = (props: any) => JSX.Element;
+
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label: string;
+  placeholder?: string;
+  type?:
+    | "text"
+    | "email"
+    | "password"
+    | "number"
+    | "search"
+    | "tel"
+    | "url"
+    | "date"
+    | "datetime-local"
+    | "month"
+    | "time"
+    | "week"
+    | string;
+  tabIndex?: string | number;
+  title?: string;
+  name?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  className?: string;
+  value?: string | number;
+  Icon?: IconComponent;
+  iconPosition?: "left" | "right";
+  isAnimated?: boolean;
+  required?: boolean;
+  disabled?: boolean;
+  shouldRenderCustomComponent?: boolean;
+  customComponent?: CustomComponent;
+  customComponentProps?: Record<string, any>;
+  dataCy?: string;
+}
+
+export const Input: React.ForwardRefExoticComponent<
+  InputProps & React.RefAttributes<HTMLInputElement>
+>;

package/lib/components/Forms/Radios/index.d.ts

@@ -0,0 +1,29 @@
+export interface RadioOption {
+  value: string | number;
+  label: string;
+}
+
+export interface RadioChangeEvent {
+  target: {
+    name: string;
+    value: string | number;
+  };
+}
+
+export interface RadioButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+  label: string;
+  options?: RadioOption[];
+  name: string;
+  value?: string | number;
+  onChange?: (event: RadioChangeEvent) => void;
+  className?: string;
+  tabIndex?: string | number;
+  title?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  required?: boolean;
+  dataCy?: string;
+  disabled?: boolean;
+}
+
+export const RadioButton: React.FC<RadioButtonProps>;

package/lib/components/Header/index.d.ts

@@ -0,0 +1,8 @@
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  title: string;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const Header: React.FC<HeaderProps>;

package/lib/components/Icon/index.d.ts

@@ -0,0 +1,15 @@
+export type HeroIconName = keyof typeof HeroIcons;
+export type C247IconName = keyof typeof C247Icons;
+export type IconName = HeroIconName | C247IconName;
+
+export type IconLibrary = "hero" | "c247";
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  name: IconName;
+  library?: IconLibrary;
+  size?: number;
+  className?: string;
+  color?: string;
+}
+
+export const Icon: React.FC<IconProps>;

package/lib/components/IconButton/index.d.ts

@@ -0,0 +1,22 @@
+export type IconButtonRank =
+  | "primary"
+  | "secondary"
+  | "outline"
+  | "destructive"
+  | string;
+
+export type IconButtonSize = "sm" | "md" | "lg" | string;
+
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  rank?: IconButtonRank;
+  size?: IconButtonSize;
+  title?: string;
+  iconName?: string;
+  iconLibrary?: "hero" | "c247" | string;
+  isFullWidth?: boolean;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+}
+
+export const IconButton: React.ComponentType<IconButtonProps>;

package/lib/components/Link/index.js

@@ -0,0 +1,131 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 34164:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   clsx: () => (/* binding */ clsx),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (clsx);
+
+/***/ }),
+
+/***/ 94178:
+/***/ ((module) => {
+
+module.exports = require("react/jsx-runtime");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Link)
+/* harmony export */ });
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34164);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+const _excluded = ["href", "children", "className", "newTab"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+function Link(_ref) {
+  let {
+      href,
+      children,
+      className,
+      newTab
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const isExternal = href.startsWith("http");
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", _objectSpread(_objectSpread({
+    href: href,
+    target: newTab || isExternal ? "_blank" : undefined,
+    rel: newTab || isExternal ? "noopener noreferrer" : undefined,
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__["default"])("text-[--color-text-strong] hover:underline", className)
+  }, props), {}, {
+    children: children
+  }));
+}
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=index.js.map

package/lib/components/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Link/index.js","mappings":";;;;;;;;;;;;AAAA,cAAc,aAAa,+CAA+C,gDAAgD,eAAe,QAAQ,IAAI,0CAA0C,yCAAyC,SAAgB,gBAAgB,wCAAwC,IAAI,mDAAmD,SAAS,iEAAe,IAAI,E;;;;;;;ACAnY,8C;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA,E;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,wF;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;;;;;;;;;;;;;;;;ACNwB;AAAA;AAET,SAASG,IAAIA,CAAAC,IAAA,EAAkD;EAAA,IAAjD;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAiB,CAAC,GAAAJ,IAAA;IAAPK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACxE,MAAMC,UAAU,GAAGP,IAAI,CAACQ,UAAU,CAAC,MAAM,CAAC;EAE1C,oBACEX,sDAAA,MAAAY,aAAA,CAAAA,aAAA;IACET,IAAI,EAAEA,IAAK;IACXU,MAAM,EAAEP,MAAM,IAAII,UAAU,GAAG,QAAQ,GAAGI,SAAU;IACpDC,GAAG,EAAET,MAAM,IAAII,UAAU,GAAG,qBAAqB,GAAGI,SAAU;IAC9DT,SAAS,EAAEP,gDAAI,CAAC,4CAA4C,EAAEO,SAAS;EAAE,GACrEE,KAAK;IAAAH,QAAA,EAERA;EAAQ,EACR,CAAC;AAER,C","sources":["webpack://opus-toolkit-components/./node_modules/clsx/dist/clsx.mjs","webpack://opus-toolkit-components/external commonjs2 \"react/jsx-runtime\"","webpack://opus-toolkit-components/webpack/bootstrap","webpack://opus-toolkit-components/webpack/runtime/compat get default export","webpack://opus-toolkit-components/webpack/runtime/define property getters","webpack://opus-toolkit-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-toolkit-components/webpack/runtime/make namespace object","webpack://opus-toolkit-components/./src/components/Link/Link.jsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import clsx from \"clsx\";\r\n\r\nexport default function Link({ href, children, className, newTab, ...props }) {\r\n  const isExternal = href.startsWith(\"http\");\r\n\r\n  return (\r\n    <a\r\n      href={href}\r\n      target={newTab || isExternal ? \"_blank\" : undefined}\r\n      rel={newTab || isExternal ? \"noopener noreferrer\" : undefined}\r\n      className={clsx(\"text-[--color-text-strong] hover:underline\", className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </a>\r\n  );\r\n}\r\n"],"names":["clsx","jsx","_jsx","Link","_ref","href","children","className","newTab","props","_objectWithoutProperties","_excluded","isExternal","startsWith","_objectSpread","target","undefined","rel"],"ignoreList":[],"sourceRoot":""}

package/lib/components/Loader/index.d.ts

@@ -0,0 +1,8 @@
+export interface LoaderProps {
+  isLoading: boolean;
+  loaderText?: string;
+  customLoader?: React.ReactNode;
+  className?: string;
+}
+
+export const Loader: React.FC<LoaderProps>;

package/lib/components/Modals/index.d.ts

@@ -0,0 +1,16 @@
+export interface ModalProps {
+  isOpen: boolean;
+  onClose?: () => void;
+  isLoading?: boolean;
+  loaderText?: string;
+  header?: React.ReactNode;
+  hideHeader?: boolean;
+  body?: React.ReactNode;
+  footer?: React.ReactNode;
+  hideFooter?: boolean;
+  className?: string;
+  footerClassName?: string;
+  headerClassName?: string;
+}
+
+export const Modal: React.FC<ModalProps>;

package/lib/components/Navbar/index.d.ts

@@ -0,0 +1,8 @@
+export interface NavbarProps {
+  children?: React.ReactNode;
+  logo?: string;
+  className?: string;
+  maxWidth?: string;
+}
+
+export const Navbar: React.FC<NavbarProps>;

package/lib/components/PageTemplate/index.d.ts

@@ -0,0 +1,12 @@
+export interface PageTemplateProps {
+  headerTitle?: string;
+  headerCenter?: React.ReactNode;
+  headerRight?: React.ReactNode;
+  footerLeft?: React.ReactNode;
+  footerCenter?: React.ReactNode;
+  footerRight?: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+}
+
+export const PageTemplate: React.FC<PageTemplateProps>;

package/lib/components/Pills/index.d.ts

@@ -0,0 +1,8 @@
+export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
+  text?: string;
+  status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
+  className?: string;
+  icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+}
+
+export const Pill: React.FC<PillProps>;

package/lib/components/Profile/ProfileCard/index.d.ts

@@ -0,0 +1,11 @@
+export interface ProfileCardUser {
+  name: string;
+  role: string;
+}
+
+export interface ProfileCardProps extends React.HTMLAttributes<HTMLDivElement> {
+  user: ProfileCardUser;
+  href?: string;
+}
+
+export const ProfileCard: React.FC<ProfileCardProps>;

package/lib/components/Sidebar/index.d.ts

@@ -0,0 +1,48 @@
+export interface SidebarMenuItem {
+  key: string | number;
+  name: string;
+  icon?: string;
+  href?: string;
+}
+
+export interface SidebarMenuGroup {
+  key: string | number;
+  name: string;
+  children: SidebarMenuItem[];
+}
+
+export type SidebarMenu = SidebarMenuItem | SidebarMenuGroup;
+
+export interface SidebarUser {
+  id: string | number;
+  name: string;
+  role: string;
+  avatar?: string;
+}
+
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+  menus: SidebarMenu[];
+  user: SidebarUser;
+
+  /** Currently selected (active) menu item */
+  activeItem?: string | number | null;
+  onItemClick?: (key: string | number) => void;
+
+  /** Optional logo override */
+  logo?: string;
+
+  /** Controlled search input state */
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+
+  /** Controlled open/closed state for menu groups */
+  openGroupKey?: string | number | null;
+
+  /**
+   * Fired when the user clicks a group header.
+   * Use this to update `openGroupKey` in the parent.
+   */
+  onGroupToggle?: (key: string | number) => void;
+}
+
+export const Sidebar: React.FC<SidebarProps>;

package/lib/components/Tables/index.d.ts

@@ -0,0 +1,18 @@
+export interface TableColumn {
+  key: string;
+  header: string;
+  render?: (row: any) => React.ReactNode;
+}
+
+export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
+  data?: TableColumn[];
+  rows?: any[];
+  className?: string;
+  rowClassName?: string;
+  cellClassName?: string;
+  headRowClassName?: string;
+  headCellClassName?: string;
+  rowKeyExtractor?: (row: any, index: number) => string | number;
+}
+
+export const Table: React.FC<TableProps>;

package/lib/components/Text/index.d.ts

@@ -0,0 +1,25 @@
+export type TextVariant =
+  | "h1"
+  | "h2"
+  | "h3"
+  | "h4"
+  | "h5"
+  | "h6"
+  | "body"
+  | "small"
+  | "caption"
+  | "label";
+
+export type TextAs = keyof JSX.IntrinsicElements | React.ComponentType<any>;
+
+export interface TextProps extends React.HTMLAttributes<HTMLElement> {
+  variant?: TextVariant;
+  as?: TextAs;
+  className?: string;
+  color?: string;
+  children?: React.ReactNode;
+  name?: string;
+  dataCy?: string;
+}
+
+export const Text: React.FC<TextProps>;