@actabldesign/bellhop-core 0.0.4 → 0.0.6

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@actabldesign/bellhop-core",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Bellhop Web Components Library built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/bellhop-core/bellhop-core.esm.js",
+  "unpkg": "dist/components/index.js",
+  "jsdelivr": "dist/components/index.js",
   "exports": {
     ".": {
       "types": "./dist/types/components.d.ts",
-      "import": "./dist/bellhop-core/bellhop-core.esm.js",
+      "import": "./dist/components/index.js",
       "require": "./dist/index.cjs.js"
     },
+    "./cdn": {
+      "types": "./dist/types/components.d.ts",
+      "import": "./dist/components/index.js"
+    },
     "./loader": {
       "types": "./loader/index.d.ts",
       "import": "./loader/index.js",
@@ -29,6 +34,9 @@
     "./dist/components/*": {
       "types": "./dist/types/components/*",
       "import": "./dist/components/*"
+    },
+    "./react": {
+      "types": "./react.d.ts"
     }
   },
   "repository": {
@@ -38,7 +46,9 @@
   },
   "files": [
     "dist/",
-    "loader/"
+    "loader/",
+    "react.d.ts",
+    "llms.txt"
   ],
   "scripts": {
     "build": "stencil build",

package/react.d.ts

@@ -0,0 +1,253 @@
+/**
+ * React JSX type declarations for Bellhop Web Components
+ *
+ * Usage: Add to your tsconfig.json:
+ * {
+ *   "compilerOptions": {
+ *     "types": ["@actabldesign/bellhop-core/react"]
+ *   }
+ * }
+ *
+ * Or import in a .d.ts file:
+ * /// <reference types="@actabldesign/bellhop-core/react" />
+ */
+
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type BellhopElement<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & {
+  class?: string;
+  style?: React.CSSProperties | string;
+  children?: React.ReactNode;
+  ref?: React.Ref<T>;
+};
+
+interface BhButtonAttributes extends BellhopElement<HTMLElement> {
+  hierarchy?: 'primary' | 'secondary-gray' | 'secondary-color' | 'tertiary-gray' | 'tertiary-color' | 'link-gray' | 'link-color';
+  size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  disabled?: boolean;
+  destructive?: boolean;
+  'icon-position'?: 'leading' | 'trailing' | 'only';
+  'icon-name'?: string;
+  'full-width'?: boolean;
+  loading?: boolean;
+  type?: 'button' | 'submit' | 'reset';
+}
+
+interface BhBadgeAttributes extends BellhopElement<HTMLElement> {
+  size?: 'sm' | 'md' | 'lg';
+  color?: 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+  type?: 'pill-color' | 'pill-outline' | 'badge-modern';
+  'leading-icon'?: string;
+  'trailing-icon'?: string;
+}
+
+interface BhCardAttributes extends BellhopElement<HTMLElement> {
+  'show-header'?: boolean;
+  'show-footer'?: boolean;
+  'content-min-height'?: number;
+}
+
+interface BhInputTextAttributes extends BellhopElement<HTMLElement> {
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  'hint-text'?: string;
+  'show-label'?: boolean;
+  'show-hint-text'?: boolean;
+  'show-help-icon'?: boolean;
+  'show-leading-icon'?: boolean;
+  error?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  type?: string;
+  name?: string;
+  width?: string;
+}
+
+interface BhAvatarAttributes extends BellhopElement<HTMLElement> {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  src?: string;
+  alt?: string;
+  initials?: string;
+  'status-indicator'?: 'online' | 'offline' | 'away' | 'busy' | 'none';
+}
+
+interface BhModalAttributes extends BellhopElement<HTMLElement> {
+  visible?: boolean;
+  overlay?: boolean;
+  width?: string;
+}
+
+interface BhToggleAttributes extends BellhopElement<HTMLElement> {
+  checked?: boolean;
+  disabled?: boolean;
+  size?: 'sm' | 'md';
+  name?: string;
+}
+
+interface BhCheckboxAttributes extends BellhopElement<HTMLElement> {
+  checked?: boolean;
+  disabled?: boolean;
+  indeterminate?: boolean;
+  size?: 'sm' | 'md';
+  name?: string;
+  value?: string;
+}
+
+interface BhDropdownAttributes extends BellhopElement<HTMLElement> {
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  options?: unknown[];
+  disabled?: boolean;
+  error?: boolean;
+  required?: boolean;
+  'show-label'?: boolean;
+  width?: string;
+}
+
+interface BhSidebarAttributes extends BellhopElement<HTMLElement> {
+  'logo-type'?: string;
+  'avatar-url'?: string;
+  'avatar-initials'?: string;
+  'avatar-name'?: string;
+  'avatar-email'?: string;
+  'menu-items'?: unknown[];
+  'footer-items'?: unknown[];
+  collapsed?: boolean;
+}
+
+interface BhTabsAttributes extends BellhopElement<HTMLElement> {
+  value?: string;
+}
+
+interface BhTabItemAttributes extends BellhopElement<HTMLElement> {
+  value?: string;
+  label?: string;
+  icon?: string;
+  disabled?: boolean;
+  badge?: string;
+}
+
+interface BhTooltipAttributes extends BellhopElement<HTMLElement> {
+  text?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+interface BhNotificationAttributes extends BellhopElement<HTMLElement> {
+  type?: 'info' | 'success' | 'warning' | 'error';
+  'notification-title'?: string;
+  description?: string;
+  'action-text'?: string;
+  'dismiss-text'?: string;
+  dismissible?: boolean;
+}
+
+interface BhPaginationAttributes extends BellhopElement<HTMLElement> {
+  page?: number;
+  'total-pages'?: number;
+  'total-items'?: number;
+  'page-size'?: number;
+}
+
+interface BhDataGridAttributes extends BellhopElement<HTMLElement> {
+  data?: unknown[];
+  columns?: unknown[];
+  size?: 'compact' | 'default' | 'relaxed';
+  striped?: boolean;
+  bordered?: boolean;
+  'sticky-header'?: boolean;
+  loading?: boolean;
+  'enable-sorting'?: boolean;
+  'enable-filtering'?: boolean;
+  'enable-pagination'?: boolean;
+  page?: number;
+  'page-size'?: number;
+}
+
+interface BhLoaderSpinnerAttributes extends BellhopElement<HTMLElement> {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+
+interface BhEmptyStateAttributes extends BellhopElement<HTMLElement> {
+  icon?: string;
+  'empty-title'?: string;
+  description?: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bh-accordion': BellhopElement<HTMLElement>;
+      'bh-accordion-item': BellhopElement<HTMLElement>;
+      'bh-appbar': BellhopElement<HTMLElement>;
+      'bh-autocomplete-menu': BellhopElement<HTMLElement>;
+      'bh-avatar': BhAvatarAttributes;
+      'bh-avatar-add': BellhopElement<HTMLElement>;
+      'bh-avatar-stacked': BellhopElement<HTMLElement>;
+      'bh-badge': BhBadgeAttributes;
+      'bh-badge-dot': BellhopElement<HTMLElement>;
+      'bh-bar-chart': BellhopElement<HTMLElement>;
+      'bh-breadcrumbs': BellhopElement<HTMLElement>;
+      'bh-button': BhButtonAttributes;
+      'bh-button-icon': BellhopElement<HTMLElement>;
+      'bh-card': BhCardAttributes;
+      'bh-card-footer': BellhopElement<HTMLElement>;
+      'bh-card-header': BellhopElement<HTMLElement>;
+      'bh-chart-tooltip': BellhopElement<HTMLElement>;
+      'bh-checkbox': BhCheckboxAttributes;
+      'bh-checkbox-group': BellhopElement<HTMLElement>;
+      'bh-checkbox-group-item': BellhopElement<HTMLElement>;
+      'bh-container': BellhopElement<HTMLElement>;
+      'bh-container-footer': BellhopElement<HTMLElement>;
+      'bh-data-grid': BhDataGridAttributes;
+      'bh-date-picker': BellhopElement<HTMLElement>;
+      'bh-date-picker-content': BellhopElement<HTMLElement>;
+      'bh-date-range-picker': BellhopElement<HTMLElement>;
+      'bh-date-range-picker-content': BellhopElement<HTMLElement>;
+      'bh-dropdown': BhDropdownAttributes;
+      'bh-dropdown-menu': BellhopElement<HTMLElement>;
+      'bh-empty-state': BhEmptyStateAttributes;
+      'bh-featured-icon': BellhopElement<HTMLElement>;
+      'bh-illustrations': BellhopElement<HTMLElement>;
+      'bh-input-autocomplete': BellhopElement<HTMLElement>;
+      'bh-input-number': BellhopElement<HTMLElement>;
+      'bh-input-password': BellhopElement<HTMLElement>;
+      'bh-input-text': BhInputTextAttributes;
+      'bh-input-verification': BellhopElement<HTMLElement>;
+      'bh-label': BellhopElement<HTMLElement>;
+      'bh-loader-spinner': BhLoaderSpinnerAttributes;
+      'bh-logo-box': BellhopElement<HTMLElement>;
+      'bh-modal': BhModalAttributes;
+      'bh-modal-actions': BellhopElement<HTMLElement>;
+      'bh-modal-header': BellhopElement<HTMLElement>;
+      'bh-month-picker': BellhopElement<HTMLElement>;
+      'bh-month-picker-content': BellhopElement<HTMLElement>;
+      'bh-nav-item': BellhopElement<HTMLElement>;
+      'bh-notification': BhNotificationAttributes;
+      'bh-page-navigation': BellhopElement<HTMLElement>;
+      'bh-page-navigation-child': BellhopElement<HTMLElement>;
+      'bh-page-navigation-multi-level': BellhopElement<HTMLElement>;
+      'bh-page-navigation-single-level': BellhopElement<HTMLElement>;
+      'bh-pagination': BhPaginationAttributes;
+      'bh-picker-menu': BellhopElement<HTMLElement>;
+      'bh-pie-chart': BellhopElement<HTMLElement>;
+      'bh-popover': BellhopElement<HTMLElement>;
+      'bh-product-switcher': BellhopElement<HTMLElement>;
+      'bh-property-switcher': BellhopElement<HTMLElement>;
+      'bh-radio-button': BellhopElement<HTMLElement>;
+      'bh-sidebar': BhSidebarAttributes;
+      'bh-skeleton-loader': BellhopElement<HTMLElement>;
+      'bh-tab-item': BhTabItemAttributes;
+      'bh-tabs': BhTabsAttributes;
+      'bh-tag': BellhopElement<HTMLElement>;
+      'bh-textarea': BellhopElement<HTMLElement>;
+      'bh-toggle': BhToggleAttributes;
+      'bh-tooltip': BhTooltipAttributes;
+      'bh-trend-chart': BellhopElement<HTMLElement>;
+    }
+  }
+}
+
+export {};