@schandlergarcia/sf-web-components 1.0.7 → 1.0.9

package/dist/components/library/index.d.ts

@@ -1,8 +1,5 @@
-export { default as UIButton } from "./ui/Button";
-export { default as UIInput } from "./ui/Input";
 export { default as UIToggle } from "./ui/Toggle";
 export { default as UIText } from "./ui/Text";
-export { default as UICard } from "./ui/Card";
 export { default as UIContainer } from "./ui/Container";
 export { default as UIChip } from "./ui/Chip";
 export { default as Avatar } from "./ui/Avatar";
@@ -34,6 +31,9 @@ export { default as HeroUIInput } from "./heroui/Input";
 export { default as HeroUICard } from "./heroui/Card";
 export { default as HeroUIToggle } from "./heroui/Toggle";
 export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
+export { default as UIButton, default as Button } from "./ui/Button";
+export { default as UIInput, default as Input } from "./ui/Input";
+export { default as UICard, default as Card } from "./ui/Card";
 export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
 export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
 export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";

package/dist/index.js

@@ -1,185 +1,188 @@
 import { cn as o } from "./lib/utils.js";
 import { default as t, useThemeMode as f } from "./components/library/theme/AppThemeProvider.js";
-import { default as d } from "./components/library/ui/Button.js";
-import { default as p } from "./components/library/ui/Input.js";
-import { default as m } from "./components/library/ui/Toggle.js";
-import { default as i } from "./components/library/ui/Text.js";
-import { default as n } from "./components/library/ui/Card.js";
-import { default as U } from "./components/library/ui/Container.js";
-import { default as c } from "./components/library/ui/Chip.js";
-import { default as H } from "./components/library/ui/Avatar.js";
-import { default as T } from "./components/library/ui/Spinner.js";
-import { default as M } from "./components/library/ui/EmptyState.js";
-import { default as P } from "./components/library/cards/BaseCard.js";
-import { default as y } from "./components/library/cards/ChartCard.js";
-import { default as b } from "./components/library/cards/ListCard.js";
-import { default as v } from "./components/library/cards/MetricCard.js";
-import { default as K } from "./components/library/cards/SectionCard.js";
-import { default as R } from "./components/library/cards/StatusCard.js";
-import { default as E } from "./components/library/cards/TableCard.js";
-import { default as V } from "./components/library/cards/WidgetCard.js";
-import { default as q } from "./components/library/cards/FeedPanel.js";
-import { default as J } from "./components/library/cards/ActivityCard.js";
-import { default as O } from "./components/library/cards/MetricsStrip.js";
-import { default as X } from "./components/library/cards/CalloutCard.js";
-import { default as Z } from "./components/library/cards/ActionList.js";
-import { default as $ } from "./components/library/charts/D3Chart.js";
-import { D3ChartTemplates as re } from "./components/library/charts/D3ChartTemplates.js";
-import { default as ae } from "./components/library/charts/GeoMap.js";
-import { default as fe } from "./components/library/layout/PageContainer.js";
-import { default as de } from "./components/library/skeletons/CardSkeleton.js";
-import { default as pe } from "./components/library/forms/FormModal.js";
-import { default as me } from "./components/library/forms/FormRenderer.js";
-import { default as ie } from "./components/library/forms/FormSection.js";
-import { default as ne } from "./components/library/forms/FormField.js";
-import { default as Ue } from "./components/library/forms/useFormState.js";
-import { default as ce } from "./components/library/filters/FilterBar.js";
-import { default as He } from "./components/library/filters/SearchFilter.js";
-import { default as Te } from "./components/library/filters/SelectFilter.js";
-import { default as Me } from "./components/library/filters/ToggleFilter.js";
-import { default as Pe, useDataMode as De } from "./components/library/data/DataModeProvider.js";
-import { default as Ae } from "./components/library/data/DataModeToggle.js";
-import { default as we } from "./components/library/data/useDataSource.js";
-import { default as ke } from "./components/library/data/usePageFilters.js";
-import { applyFilters as Le, filterByDateRange as Re, filterBySearch as We, filterByToggle as Ee, filterByValue as Ge, sortByKey as Ve } from "./components/library/data/filterUtils.js";
-import { default as qe } from "./components/library/chat/ChatPanel.js";
-import { default as Je } from "./components/library/chat/ChatBar.js";
-import { default as Oe } from "./components/library/chat/ChatMessageList.js";
-import { default as Xe } from "./components/library/chat/ChatMessage.js";
-import { default as Ze } from "./components/library/chat/ChatInput.js";
-import { default as $e } from "./components/library/chat/ChatTypingIndicator.js";
-import { default as rr } from "./components/library/chat/ChatSuggestions.js";
-import { default as ar } from "./components/library/chat/ChatToolCall.js";
-import { default as fr } from "./components/library/chat/ChatWelcome.js";
-import { default as dr } from "./components/library/chat/useChatState.js";
-import { default as pr } from "./components/library/heroui/Button.js";
-import { default as mr } from "./components/library/heroui/Input.js";
-import { default as ir } from "./components/library/heroui/Card.js";
-import { default as nr } from "./components/library/heroui/Toggle.js";
-import { default as Ur } from "./components/library/heroui/Tabs.js";
-import { default as cr } from "./components/library/heroui/Accordion.js";
-import { default as Hr } from "./components/library/heroui/Breadcrumbs.js";
-import { default as Tr } from "./components/library/heroui/Separator.js";
-import { default as Mr } from "./components/library/heroui/Pagination.js";
-import { default as Pr } from "./components/library/heroui/Drawer.js";
-import { default as yr } from "./components/library/heroui/Modal.js";
-import { default as br } from "./components/library/heroui/Dropdown.js";
-import { default as vr } from "./components/library/heroui/Tooltip.js";
-import { default as Kr } from "./components/library/heroui/Toast.js";
-import { default as Rr } from "./components/library/heroui/Alert.js";
-import { default as Er } from "./components/library/heroui/Badge.js";
-import { default as Vr } from "./components/library/heroui/ProgressBar.js";
-import { default as qr } from "./components/library/heroui/ProgressCircle.js";
-import { default as Jr } from "./components/library/heroui/Meter.js";
-import { default as Or } from "./components/library/heroui/Skeleton.js";
-import { default as Xr } from "./components/library/heroui/Select.js";
-import { default as Zr } from "./components/library/heroui/Kbd.js";
-import { default as $r } from "./components/library/heroui/ScrollShadow.js";
-import { Accordion as ro, Alert as oo, Badge as ao, Breadcrumbs as to, Drawer as fo, Dropdown as lo, Kbd as so, Meter as po, Modal as uo, Pagination as mo, ProgressBar as xo, ProgressCircle as io, ScrollShadow as Io, Select as no, Separator as Co, Skeleton as Uo, Tabs as go, Toast as co, Tooltip as So, toast as Ho } from "@heroui/react";
+import { default as d, default as s } from "./components/library/ui/Button.js";
+import { default as u, default as m } from "./components/library/ui/Input.js";
+import { default as i } from "./components/library/ui/Toggle.js";
+import { default as I } from "./components/library/ui/Text.js";
+import { default as U, default as g } from "./components/library/ui/Card.js";
+import { default as S } from "./components/library/ui/Container.js";
+import { default as h } from "./components/library/ui/Chip.js";
+import { default as B } from "./components/library/ui/Avatar.js";
+import { default as F } from "./components/library/ui/Spinner.js";
+import { default as D } from "./components/library/ui/EmptyState.js";
+import { default as A } from "./components/library/cards/BaseCard.js";
+import { default as w } from "./components/library/cards/ChartCard.js";
+import { default as k } from "./components/library/cards/ListCard.js";
+import { default as L } from "./components/library/cards/MetricCard.js";
+import { default as W } from "./components/library/cards/SectionCard.js";
+import { default as G } from "./components/library/cards/StatusCard.js";
+import { default as j } from "./components/library/cards/TableCard.js";
+import { default as z } from "./components/library/cards/WidgetCard.js";
+import { default as N } from "./components/library/cards/FeedPanel.js";
+import { default as Q } from "./components/library/cards/ActivityCard.js";
+import { default as Y } from "./components/library/cards/MetricsStrip.js";
+import { default as _ } from "./components/library/cards/CalloutCard.js";
+import { default as ee } from "./components/library/cards/ActionList.js";
+import { default as oe } from "./components/library/charts/D3Chart.js";
+import { D3ChartTemplates as te } from "./components/library/charts/D3ChartTemplates.js";
+import { default as le } from "./components/library/charts/GeoMap.js";
+import { default as se } from "./components/library/layout/PageContainer.js";
+import { default as ue } from "./components/library/skeletons/CardSkeleton.js";
+import { default as xe } from "./components/library/forms/FormModal.js";
+import { default as ne } from "./components/library/forms/FormRenderer.js";
+import { default as Ce } from "./components/library/forms/FormSection.js";
+import { default as ge } from "./components/library/forms/FormField.js";
+import { default as Se } from "./components/library/forms/useFormState.js";
+import { default as he } from "./components/library/filters/FilterBar.js";
+import { default as Be } from "./components/library/filters/SearchFilter.js";
+import { default as Fe } from "./components/library/filters/SelectFilter.js";
+import { default as De } from "./components/library/filters/ToggleFilter.js";
+import { default as Ae, useDataMode as be } from "./components/library/data/DataModeProvider.js";
+import { default as ve } from "./components/library/data/DataModeToggle.js";
+import { default as Ke } from "./components/library/data/useDataSource.js";
+import { default as Re } from "./components/library/data/usePageFilters.js";
+import { applyFilters as Ee, filterByDateRange as Ge, filterBySearch as Ve, filterByToggle as je, filterByValue as qe, sortByKey as ze } from "./components/library/data/filterUtils.js";
+import { default as Ne } from "./components/library/chat/ChatPanel.js";
+import { default as Qe } from "./components/library/chat/ChatBar.js";
+import { default as Ye } from "./components/library/chat/ChatMessageList.js";
+import { default as _e } from "./components/library/chat/ChatMessage.js";
+import { default as er } from "./components/library/chat/ChatInput.js";
+import { default as or } from "./components/library/chat/ChatTypingIndicator.js";
+import { default as tr } from "./components/library/chat/ChatSuggestions.js";
+import { default as lr } from "./components/library/chat/ChatToolCall.js";
+import { default as sr } from "./components/library/chat/ChatWelcome.js";
+import { default as ur } from "./components/library/chat/useChatState.js";
+import { default as xr } from "./components/library/heroui/Button.js";
+import { default as nr } from "./components/library/heroui/Input.js";
+import { default as Cr } from "./components/library/heroui/Card.js";
+import { default as gr } from "./components/library/heroui/Toggle.js";
+import { default as Sr } from "./components/library/heroui/Tabs.js";
+import { default as hr } from "./components/library/heroui/Accordion.js";
+import { default as Br } from "./components/library/heroui/Breadcrumbs.js";
+import { default as Fr } from "./components/library/heroui/Separator.js";
+import { default as Dr } from "./components/library/heroui/Pagination.js";
+import { default as Ar } from "./components/library/heroui/Drawer.js";
+import { default as wr } from "./components/library/heroui/Modal.js";
+import { default as kr } from "./components/library/heroui/Dropdown.js";
+import { default as Lr } from "./components/library/heroui/Tooltip.js";
+import { default as Wr } from "./components/library/heroui/Toast.js";
+import { default as Gr } from "./components/library/heroui/Alert.js";
+import { default as jr } from "./components/library/heroui/Badge.js";
+import { default as zr } from "./components/library/heroui/ProgressBar.js";
+import { default as Nr } from "./components/library/heroui/ProgressCircle.js";
+import { default as Qr } from "./components/library/heroui/Meter.js";
+import { default as Yr } from "./components/library/heroui/Skeleton.js";
+import { default as _r } from "./components/library/heroui/Select.js";
+import { default as eo } from "./components/library/heroui/Kbd.js";
+import { default as oo } from "./components/library/heroui/ScrollShadow.js";
+import { Accordion as to, Alert as fo, Badge as lo, Breadcrumbs as so, Drawer as po, Dropdown as uo, Kbd as mo, Meter as xo, Modal as io, Pagination as no, ProgressBar as Io, ProgressCircle as Co, ScrollShadow as Uo, Select as go, Separator as co, Skeleton as So, Tabs as Ho, Toast as ho, Tooltip as To, toast as Bo } from "@heroui/react";
 export {
-  ro as Accordion,
-  Z as ActionList,
-  J as ActivityCard,
-  oo as Alert,
+  to as Accordion,
+  ee as ActionList,
+  Q as ActivityCard,
+  fo as Alert,
   t as AppThemeProvider,
-  H as Avatar,
-  ao as Badge,
-  P as BaseCard,
-  to as Breadcrumbs,
-  X as CalloutCard,
-  de as CardSkeleton,
-  y as ChartCard,
-  Je as ChatBar,
-  Ze as ChatInput,
-  Xe as ChatMessage,
-  Oe as ChatMessageList,
-  qe as ChatPanel,
-  rr as ChatSuggestions,
-  ar as ChatToolCall,
-  $e as ChatTypingIndicator,
-  fr as ChatWelcome,
-  $ as D3Chart,
-  re as D3ChartTemplates,
-  Pe as DataModeProvider,
-  Ae as DataModeToggle,
-  fo as Drawer,
-  lo as Dropdown,
-  M as EmptyState,
-  q as FeedPanel,
-  ce as FilterBar,
-  ne as FormField,
-  pe as FormModal,
-  me as FormRenderer,
-  ie as FormSection,
-  ae as GeoMap,
-  cr as HeroUIAccordion,
-  Rr as HeroUIAlert,
-  Er as HeroUIBadge,
-  Hr as HeroUIBreadcrumbs,
-  pr as HeroUIButton,
-  ir as HeroUICard,
-  Pr as HeroUIDrawer,
-  br as HeroUIDropdown,
-  mr as HeroUIInput,
-  Zr as HeroUIKbd,
-  Jr as HeroUIMeter,
-  yr as HeroUIModal,
-  Mr as HeroUIPagination,
-  Vr as HeroUIProgressBar,
-  qr as HeroUIProgressCircle,
-  $r as HeroUIScrollShadow,
-  Xr as HeroUISelect,
-  Tr as HeroUISeparator,
-  Or as HeroUISkeleton,
-  Ur as HeroUITabs,
-  Kr as HeroUIToast,
-  nr as HeroUIToggle,
-  vr as HeroUITooltip,
-  so as Kbd,
-  b as ListCard,
-  po as Meter,
-  v as MetricCard,
-  O as MetricsStrip,
-  uo as Modal,
-  fe as PageContainer,
-  mo as Pagination,
-  xo as ProgressBar,
-  io as ProgressCircle,
-  Io as ScrollShadow,
-  He as SearchFilter,
-  K as SectionCard,
-  no as Select,
-  Te as SelectFilter,
-  Co as Separator,
-  Uo as Skeleton,
-  T as Spinner,
-  R as StatusCard,
-  E as TableCard,
-  go as Tabs,
-  co as Toast,
-  Me as ToggleFilter,
-  So as Tooltip,
-  d as UIButton,
-  n as UICard,
-  c as UIChip,
-  U as UIContainer,
-  p as UIInput,
-  i as UIText,
-  m as UIToggle,
-  V as WidgetCard,
-  Le as applyFilters,
+  B as Avatar,
+  lo as Badge,
+  A as BaseCard,
+  so as Breadcrumbs,
+  d as Button,
+  _ as CalloutCard,
+  U as Card,
+  ue as CardSkeleton,
+  w as ChartCard,
+  Qe as ChatBar,
+  er as ChatInput,
+  _e as ChatMessage,
+  Ye as ChatMessageList,
+  Ne as ChatPanel,
+  tr as ChatSuggestions,
+  lr as ChatToolCall,
+  or as ChatTypingIndicator,
+  sr as ChatWelcome,
+  oe as D3Chart,
+  te as D3ChartTemplates,
+  Ae as DataModeProvider,
+  ve as DataModeToggle,
+  po as Drawer,
+  uo as Dropdown,
+  D as EmptyState,
+  N as FeedPanel,
+  he as FilterBar,
+  ge as FormField,
+  xe as FormModal,
+  ne as FormRenderer,
+  Ce as FormSection,
+  le as GeoMap,
+  hr as HeroUIAccordion,
+  Gr as HeroUIAlert,
+  jr as HeroUIBadge,
+  Br as HeroUIBreadcrumbs,
+  xr as HeroUIButton,
+  Cr as HeroUICard,
+  Ar as HeroUIDrawer,
+  kr as HeroUIDropdown,
+  nr as HeroUIInput,
+  eo as HeroUIKbd,
+  Qr as HeroUIMeter,
+  wr as HeroUIModal,
+  Dr as HeroUIPagination,
+  zr as HeroUIProgressBar,
+  Nr as HeroUIProgressCircle,
+  oo as HeroUIScrollShadow,
+  _r as HeroUISelect,
+  Fr as HeroUISeparator,
+  Yr as HeroUISkeleton,
+  Sr as HeroUITabs,
+  Wr as HeroUIToast,
+  gr as HeroUIToggle,
+  Lr as HeroUITooltip,
+  u as Input,
+  mo as Kbd,
+  k as ListCard,
+  xo as Meter,
+  L as MetricCard,
+  Y as MetricsStrip,
+  io as Modal,
+  se as PageContainer,
+  no as Pagination,
+  Io as ProgressBar,
+  Co as ProgressCircle,
+  Uo as ScrollShadow,
+  Be as SearchFilter,
+  W as SectionCard,
+  go as Select,
+  Fe as SelectFilter,
+  co as Separator,
+  So as Skeleton,
+  F as Spinner,
+  G as StatusCard,
+  j as TableCard,
+  Ho as Tabs,
+  ho as Toast,
+  De as ToggleFilter,
+  To as Tooltip,
+  s as UIButton,
+  g as UICard,
+  h as UIChip,
+  S as UIContainer,
+  m as UIInput,
+  I as UIText,
+  i as UIToggle,
+  z as WidgetCard,
+  Ee as applyFilters,
   o as cn,
-  Re as filterByDateRange,
-  We as filterBySearch,
-  Ee as filterByToggle,
-  Ge as filterByValue,
-  Ve as sortByKey,
-  Ho as toast,
-  dr as useChatState,
-  De as useDataMode,
-  we as useDataSource,
-  Ue as useFormState,
-  ke as usePageFilters,
+  Ge as filterByDateRange,
+  Ve as filterBySearch,
+  je as filterByToggle,
+  qe as filterByValue,
+  ze as sortByKey,
+  Bo as toast,
+  ur as useChatState,
+  be as useDataMode,
+  Ke as useDataSource,
+  Se as useFormState,
+  Re as usePageFilters,
   f as useThemeMode
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",

package/scripts/remove-local-components.mjs

@@ -0,0 +1,78 @@
+#!/usr/bin/env node
+
+/**
+ * Remove Local Components Script
+ *
+ * Removes local shadcn/ui components and lib utilities after migrating to the component library.
+ * This script should be run from the consuming project's webapp directory.
+ *
+ * Usage:
+ *   node node_modules/@schandlergarcia/sf-web-components/scripts/remove-local-components.mjs
+ *
+ * Or add to package.json:
+ *   "scripts": {
+ *     "remove-local-ui": "node node_modules/@schandlergarcia/sf-web-components/scripts/remove-local-components.mjs"
+ *   }
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Get the webapp root (where this script is being called from)
+const webappRoot = process.cwd();
+
+console.log('🗑️  Remove Local Components');
+console.log('==========================\n');
+console.log(`Working directory: ${webappRoot}\n`);
+
+// Paths to remove
+const pathsToRemove = [
+  'src/components/ui',
+  'src/lib/utils.ts',
+  'src/lib/utils.js'
+];
+
+let removedCount = 0;
+const errors = [];
+
+for (const pathToRemove of pathsToRemove) {
+  const fullPath = path.join(webappRoot, pathToRemove);
+
+  if (!fs.existsSync(fullPath)) {
+    console.log(`  ⊘ ${pathToRemove} (does not exist)`);
+    continue;
+  }
+
+  try {
+    const stats = fs.statSync(fullPath);
+
+    if (stats.isDirectory()) {
+      fs.rmSync(fullPath, { recursive: true, force: true });
+      console.log(`  ✓ Removed directory: ${pathToRemove}`);
+    } else {
+      fs.unlinkSync(fullPath);
+      console.log(`  ✓ Removed file: ${pathToRemove}`);
+    }
+
+    removedCount++;
+  } catch (error) {
+    const errorMsg = `Failed to remove ${pathToRemove}: ${error.message}`;
+    errors.push(errorMsg);
+    console.error(`  ✗ ${errorMsg}`);
+  }
+}
+
+console.log(`\n📊 Summary: Removed ${removedCount} items`);
+
+if (errors.length > 0) {
+  console.error('\n❌ Errors:');
+  errors.forEach(e => console.error(`  - ${e}`));
+  process.exit(1);
+}
+
+console.log('\n✅ Local components removed successfully!');
+console.log('\nℹ️  Note: All imports should now use @schandlergarcia/sf-web-components');