@orion-ds/react 4.2.1 → 4.2.3

package/dist/utils/icons.d.ts

@@ -0,0 +1,61 @@
+import { Menu, X, ChevronDown, ChevronUp, ChevronLeft, ChevronRight, ArrowDown, ArrowUp, ArrowLeft, ArrowRight, Search, Home, Settings, Bell, User, LogOut, LogIn, Plus, Minus, Check, Copy, Download, Upload, Share2, Trash2, Edit, Eye, EyeOff, AlertCircle, CheckCircle, XCircle, Info, HelpCircle, Image, Video, Music, FileText, File, Mail, MessageSquare, Heart, Star, ShoppingCart, DollarSign, CreditCard } from 'lucide-react';
+
+export * from 'lucide-react';
+export { Menu, X, ChevronDown, ChevronUp, ChevronLeft, ChevronRight, ArrowDown, ArrowUp, ArrowLeft, ArrowRight, Search, Home, Settings, Bell, User, LogOut, LogIn, Plus, Minus, Check, Copy, Download, Upload, Share2, Trash2, Edit, Eye, EyeOff, AlertCircle, CheckCircle, XCircle, Info, HelpCircle, Image, Video, Music, FileText, File, Mail, MessageSquare, Heart, Star, ShoppingCart, DollarSign, CreditCard, };
+/**
+ * Icon object with pre-imported commonly used icons
+ *
+ * Usage:
+ * ```tsx
+ * import { Icons } from '@orion/react';
+ * <Button icon={<Icons.Search />} />
+ * ```
+ */
+export declare const Icons: {
+    Menu: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    X: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ChevronDown: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ChevronUp: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ChevronLeft: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ChevronRight: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ArrowDown: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ArrowUp: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ArrowLeft: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ArrowRight: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Search: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Home: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Settings: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Bell: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    User: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    LogOut: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    LogIn: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Plus: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Minus: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Check: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Copy: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Download: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Upload: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Share2: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Trash2: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Edit: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Eye: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    EyeOff: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    AlertCircle: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    CheckCircle: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    XCircle: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Info: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    HelpCircle: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Image: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Video: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Music: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    FileText: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    File: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Mail: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    MessageSquare: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Heart: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    Star: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    ShoppingCart: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    DollarSign: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    CreditCard: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+};
+//# sourceMappingURL=icons.d.ts.map

package/dist/utils/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/utils/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,IAAI,EACJ,CAAC,EACD,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EAEN,WAAW,EACX,WAAW,EACX,OAAO,EACP,IAAI,EACJ,UAAU,EAEV,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EAEJ,IAAI,EACJ,aAAa,EACb,KAAK,EACL,IAAI,EAEJ,YAAY,EACZ,UAAU,EACV,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,cAAc,cAAc,CAAC;AAG7B,OAAO,EAEL,IAAI,EACJ,CAAC,EACD,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EAEN,WAAW,EACX,WAAW,EACX,OAAO,EACP,IAAI,EACJ,UAAU,EAEV,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EAEJ,IAAI,EACJ,aAAa,EACb,KAAK,EACL,IAAI,EAEJ,YAAY,EACZ,UAAU,EACV,UAAU,GACX,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDjB,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Orion React Utilities
+ *
+ * Utility functions and helpers for using Orion components.
+ */
+export * from './icons';
+export { BRAND_FONTS, ALL_FONTS, GOOGLE_FONTS_URL, FONT_PRECONNECT_URLS, isFontLoaded, areBrandFontsLoaded, getMissingFonts, waitForFonts, getFontLinkTags, } from './fonts';
+export { warnMissingAriaLabel, warnBrandProp, warnThemeProp, warnGlassVariant, warnHardcodedColors, warnFieldChildren, warnUsePrebuiltSection, } from './validation';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,SAAS,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,eAAe,GAChB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,cAAc,CAAC"}

package/dist/utils/validation.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Orion React Validation Utilities
+ *
+ * Runtime validation helpers that provide helpful console warnings
+ * during development to catch common AI-generated code mistakes.
+ *
+ * These warnings only appear in development mode (process.env.NODE_ENV !== 'production').
+ *
+ * @module validation
+ */
+/**
+ * Warn when an icon-only button is missing aria-label.
+ *
+ * @param component - Component name (e.g., 'Button')
+ * @param iconOnly - Whether the component is icon-only
+ * @param hasAriaLabel - Whether aria-label is provided
+ *
+ * @example
+ * ```tsx
+ * // In Button.tsx
+ * warnMissingAriaLabel('Button', iconOnly, !!rest['aria-label']);
+ * ```
+ */
+export declare function warnMissingAriaLabel(component: string, iconOnly: boolean, hasAriaLabel: boolean): void;
+/**
+ * Warn when a component receives a brand prop.
+ * Brand should be set globally via ThemeProvider, not on individual components.
+ *
+ * @param component - Component name (e.g., 'Button')
+ * @param hasBrandProp - Whether the component received a brand prop
+ *
+ * @example
+ * ```tsx
+ * // In Button.tsx
+ * warnBrandProp('Button', 'brand' in rest);
+ * ```
+ */
+export declare function warnBrandProp(component: string, hasBrandProp: boolean): void;
+/**
+ * Warn when a component receives a theme prop.
+ * Theme should be set globally via ThemeProvider, not on individual components.
+ *
+ * @param component - Component name (e.g., 'Card')
+ * @param hasThemeProp - Whether the component received a theme prop
+ *
+ * @example
+ * ```tsx
+ * // In Card.tsx
+ * warnThemeProp('Card', 'theme' in rest);
+ * ```
+ */
+export declare function warnThemeProp(component: string, hasThemeProp: boolean): void;
+/**
+ * Warn when glass variant is used outside Display mode.
+ * Glass effects only work properly in Display mode.
+ *
+ * @param component - Component name (e.g., 'Card', 'Navbar')
+ * @param variant - The variant being used
+ *
+ * @example
+ * ```tsx
+ * // In Card.tsx
+ * warnGlassVariant('Card', variant);
+ * ```
+ */
+export declare function warnGlassVariant(component: string, variant: string | undefined): void;
+/**
+ * Warn when hardcoded colors are detected in style prop.
+ *
+ * @param component - Component name
+ * @param style - The style object
+ *
+ * @example
+ * ```tsx
+ * warnHardcodedColors('Button', style);
+ * ```
+ */
+export declare function warnHardcodedColors(component: string, style: React.CSSProperties | undefined): void;
+/**
+ * Warn when Field component might be misused.
+ * Called when children are passed to Field (which doesn't support them).
+ *
+ * @param hasChildren - Whether children were passed
+ */
+export declare function warnFieldChildren(hasChildren: boolean): void;
+/**
+ * Warn when a section component is created instead of using pre-built sections.
+ * This is for documentation/guidance purposes.
+ *
+ * @param customComponentName - Name of the custom component being created
+ * @param suggestedSection - The pre-built section to use instead
+ */
+export declare function warnUsePrebuiltSection(customComponentName: string, suggestedSection: string): void;
+//# sourceMappingURL=validation.d.ts.map

package/dist/utils/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAgBH;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,GACpB,IAAI,CAmBN;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,CA4B5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,CA6B5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GAAG,SAAS,GAC1B,IAAI,CAsCN;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,GACrC,IAAI,CAuCN;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CA6B5D;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,mBAAmB,EAAE,MAAM,EAC3B,gBAAgB,EAAE,MAAM,GACvB,IAAI,CA+BN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-ds/react",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "type": "module",
   "description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
   "author": "Orion Design System Team",
@@ -174,6 +174,7 @@
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^5.1.2",
+    "vite-plugin-dts": "^3.7.0",
     "@vitest/coverage-v8": "^4.0.18",
     "@vitest/ui": "^4.0.18",
     "jsdom": "^27.4.0",