npm - tenara-ui-components - Versions diffs - 0.2.10 → 0.3.0 - Mend

tenara-ui-components 0.2.10 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (191) hide show

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
 # Tenara UI Components
-A React component library with built-in theming system for multi-tenant applications. Optimized for Next.js with full support for App Router and Server Components.
+A React component library with built-in theming system for multi-tenant applications. Framework-agnostic design that works with any React 18+ application.
 ## Installation
@@ -27,21 +27,17 @@ function App() {
 }
 ```
-**Next.js App Router:**
+**Any React Application:**
 ```tsx
-// app/layout.tsx
+// App.tsx or your root component
 import { ThemeProvider, defaultTheme } from 'tenara-ui-components';
 import 'tenara-ui-components/dist/index.css';
-export default function RootLayout({ children }) {
+export default function App() {
   return (
-    <html>
-      <body>
-        <ThemeProvider initialTheme={defaultTheme} initialThemeName="default">
-          {children}
-        </ThemeProvider>
-      </body>
-    </html>
+    <ThemeProvider initialTheme={defaultTheme} initialThemeName="default">
+      {/* Your app content */}
+    </ThemeProvider>
   );
 }
 ```
@@ -81,19 +77,52 @@ import { ThemeProvider, defaultTheme } from 'tenara-ui-components';
 - **Colors:** Cobalt Blue & Gold
 - **Style:** Professional, modern
+### Primax Theme
+```tsx
+import { ThemeProvider, primaxTheme } from 'tenara-ui-components';
+<ThemeProvider initialTheme={primaxTheme}>
+  <App />
+</ThemeProvider>
+```
+- **Colors:** Brilliant Blue (#0061FF), Neon Mint (#00FFD2), Electric Berry (#FE0066)
+- **Typography:** Inter font family
+- **Style:** Bold, energetic with decorative sparkle elements and L-shaped accent borders
 ## Components
 ### Atoms
-- **Button** - Multi-variant button component
-- **TextLink** - Styled link component
-- **Heading** - Typography component
+- **Button** - Multi-variant button (general, secondary, link, danger) with size variants and dark mode
+- **ButtonLink** - Button rendered as an anchor tag
+- **TextLink** - Styled inline link component
+- **Heading** - Typography component with semantic levels (h1-h6) and named variants (title, subtitle, componentTitle, etc.)
+- **Paragraph** - Body text component with dark mode support
+- **RichText** - Styled HTML content renderer for CMS-driven content
+- **BulletList** - Styled list with custom icon support (e.g. FontAwesome sparkle)
+- **Icon** - SVG icon wrapper with size (xs-xl) and color variants (primary, secondary, accent, etc.)
+- **Breadcrumb** - Navigation breadcrumb with separator and dark mode support
+- **Container** - Layout container with optional fluid (full-width) mode
+- **Divider** - Section wrapper with background colors, patterns (dots/grid/sparks), and shape dividers
+- **Grid** - Responsive layout grid system (Grid + GridItem)
+- **Media** - Image and video rendering (native + Wistia embeds)
+- **PlayButton** - Themeable play button wrapper with CSS custom property-driven state colors
 - **BackgroundMedia** - Media background component
 ### Molecules
 - **Header** - Navigation header with authentication
 - **Card** - Content card with flexible styling
 - **CTA** - Call-to-action component
+- **VideoPlayer** - Video player with thumbnail and playback modes
+#### Primax Tenant Components
+- **Banner** - Multi-variant banner (hero, level2, level3, gated) with breadcrumbs, media, and background video support
+- **BannerCTA** - Call-to-action section with small (heading + button) and large (heading + form slot) variants
+- **VideoSection** - Two-column section with media block, bullet points, and description text
+- **HalfColumn** - Pre-configured two-column layout with built-in media variants (sparkle, video, media) and multi-row support
+- **TwoColumn** - Flexible two-column grid layout with multi-row support and vertical alignment
+- **MediaBlock** - Media display with L-shaped accent border, sparkle overlay, Wistia popover, and mirror support (default + croppedSpark variants)
+- **PrimaxCard** - Content card with icon, image (insights), and profile (team member) variants
+- **PlayIcon** - Primax-branded SVG play button icon
 ### Pages
 - **Page** - Complete page layout template
@@ -125,7 +154,8 @@ Each site gets:
 ## Framework Support
-- ✅ **Next.js 14/15** (App Router & Pages Router) - Primary target
-- ✅ Vite + React
-- ✅ Create React App
-- ✅ Any React 18+ framework
+- ✅ **React 18+** - Full compatibility with modern React
+- ✅ **Vite + React** - Optimized for Vite-based projects
+- ✅ **Create React App** - Works with CRA setups
+- ✅ **Next.js 14/15** - Compatible with App Router & Pages Router
+- ✅ **Any React framework** - Framework-agnostic design

package/dist/components/atoms/Breadcrumb/Breadcrumb.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+import './Breadcrumb.scss';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    darkMode?: boolean;
+    className?: string;
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/atoms/Breadcrumb/Breadcrumb.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}

package/dist/components/atoms/Breadcrumb/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Breadcrumb/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/BulletList/BulletList.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import './BulletList.scss';
+export interface BulletItem {
+    /** Bullet point text content */
+    text: React.ReactNode;
+    /** Custom icon override for this specific item */
+    icon?: React.ReactNode;
+}
+export interface BulletListProps {
+    /** Array of bullet items */
+    items: BulletItem[];
+    /** Custom icon for all bullet points (overridden by per-item icon) */
+    icon?: React.ReactNode;
+    /** Dark mode styling */
+    darkMode?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const BulletList: React.FC<BulletListProps>;
+//# sourceMappingURL=BulletList.d.ts.map

package/dist/components/atoms/BulletList/BulletList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BulletList/BulletList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAcD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAC"}

package/dist/components/atoms/BulletList/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { BulletList } from './BulletList';
+export type { BulletListProps, BulletItem } from './BulletList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/BulletList/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BulletList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/Button/Button.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from 'react';
 import './Button.scss';
-export type ButtonType = 'general' | 'video' | 'subscribe' | 'cta' | 'secondary' | 'secondaryDarkMode' | 'twitter' | 'linkedIn' | 'facebook';
+import { ButtonVariantType } from '@/themes/core/types';
+export type ButtonType = ButtonVariantType;
 export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
 export interface ButtonProps {
     /** Button variant type */
@@ -21,11 +22,15 @@ export interface ButtonProps {
     children?: React.ReactNode;
     /** Disabled state */
     disabled?: boolean;
-    /** Dark mode - applies secondarySolid styling */
+    /** Dark mode - applies dark mode styling for use on dark backgrounds */
     darkMode?: boolean;
+    /** Size variant - controls button dimensions and spacing */
+    size?: 'sm' | 'md' | 'lg';
+    /** Enable/disable hover animation - overrides theme default */
+    animated?: boolean;
     /** Click handler */
     onClick?: () => void;
 }
 /** Primary UI component for user interaction */
-export declare const Button: ({ buttonType, palette, label, icon, hoverIcon, className, children, style, disabled, darkMode, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ buttonType, palette, label, icon, hoverIcon, className, children, style, disabled, darkMode, size, animated, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;~~AAGvB~~,~~MAAM,MAAM,UAAU,GAClB,SAAS,GACT,~~OAAO,~~GACP~~,~~WAAW~~,~~GACX~~,~~KAAK~~,~~GACL~~,~~WAAW~~,~~GACX~~,~~mBAAmB~~,~~GACnB,SAAS,GACT,~~UAAU,~~GACV~~,~~UAAU~~,CAAC;~~AAEf~~,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,~~iDAAiD~~;~~IACjD~~,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,~~oHAapB~~,WAAW,~~4CAkCb~~,CAAC"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,oIAepB,WAAW,4CAqCb,CAAC"}

package/dist/components/atoms/Button/buttonIcons.d.ts CHANGED Viewed

@@ -14,7 +14,11 @@ interface ButtonIconConfig {
 export declare const defaultButtonIcons: Partial<Record<ButtonType, ButtonIconConfig>>;
 /**
  * Get icon configuration for a button type
+ * @param buttonType - The button variant type
+ * @param customIcon - Custom icon override
+ * @param customHoverIcon - Custom hover icon override
+ * @param themeName - Current theme name for theme-specific icons
  */
-export declare function getButtonIcon(buttonType: ButtonType, customIcon?: React.ReactNode, customHoverIcon?: React.ReactNode): ButtonIconConfig | null;
+export declare function getButtonIcon(buttonType: ButtonType, customIcon?: React.ReactNode, customHoverIcon?: React.ReactNode, themeName?: string): ButtonIconConfig | null;
 export {};
 //# sourceMappingURL=buttonIcons.d.ts.map

package/dist/components/atoms/Button/buttonIcons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAgB1B~~,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAqB5E,CAAC;AAEF~~;;GAEG~~;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,~~GAChC~~,gBAAgB,GAAG,IAAI,~~CAWzB~~"}
1	+ {"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAqB5E,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,EACjC,SAAS,CAAC,EAAE,MAAM,GACjB,gBAAgB,GAAG,IAAI,CAqBzB"}

package/dist/components/atoms/Button/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonType } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Button/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/atoms/ButtonLink/ButtonLink.d.ts CHANGED Viewed

@@ -20,11 +20,15 @@ export interface ButtonLinkProps {
     children?: React.ReactNode;
     /** Disabled state */
     disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Dark mode styling */
+    darkMode?: boolean;
     /** ARIA label */
     'aria-label'?: string;
     /** Test ID */
     'data-testid'?: string;
 }
 /** Button-styled link component for navigation */
-export declare const ButtonLink: ({ buttonType, label, icon, href, target, className, children, style, disabled, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: ({ buttonType, label, icon, href, target, className, children, style, disabled, size, darkMode, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/atoms/ButtonLink/ButtonLink.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,eAAO,MAAM,UAAU,GAAI,~~2FAWxB~~,eAAe,~~4CA4BjB~~,CAAC"}
1	+ {"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,eAAO,MAAM,UAAU,GAAI,2GAaxB,eAAe,4CAiCjB,CAAC"}

package/dist/components/atoms/ColorTable/ColorTable.d.ts CHANGED Viewed

@@ -5,8 +5,8 @@
 import { ThemeConfig } from '../../../themes';
 import './ColorTable.scss';
 export interface ColorTableProps {
-    /** Theme configuration to display colors from */
-    theme: ThemeConfig;
+    /** Optional theme configuration to display colors from. If not provided, uses active theme from context. */
+    theme?: ThemeConfig;
 }
-export declare const ColorTable: ({ theme }: ColorTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorTable: ({ theme: themeProp }: ColorTableProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorTable.d.ts.map

package/dist/components/atoms/ColorTable/ColorTable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorTable.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/ColorTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;~~AAG9C~~,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,~~iDAAiD~~;~~IACjD~~,KAAK,EAAE,WAAW,CAAC;~~CACpB~~;AAED,eAAO,MAAM,UAAU,GAAI,~~WAAW~~,eAAe,~~4CAyIpD~~,CAAC"}
1	+ {"version":3,"file":"ColorTable.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/ColorTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,sBAAsB,eAAe,4CAqI/D,CAAC"}

package/dist/components/atoms/Container/Container.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+import './Container.scss';
+export interface ContainerProps {
+    children?: React.ReactNode;
+    /** Full-width container with no max-width constraint */
+    fluid?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** HTML element to render — defaults to div */
+    as?: React.ElementType;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Container: React.FC<ContainerProps>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/components/atoms/Container/Container.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAe9C,CAAC"}

package/dist/components/atoms/Container/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Container } from './Container';
+export type { ContainerProps } from './Container';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Container/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/atoms/Divider/Divider.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import React from "react";
+import "./Divider.scss";
+export type ShapeDivider = "top" | "bottom" | "both" | "none";
+export interface DividerProps {
+    children?: React.ReactNode;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundPattern?: "dots" | "grid" | "sparks" | "none";
+    shapeDivider?: ShapeDivider;
+    shapeColor?: string;
+    className?: string;
+    padding?: string;
+    height?: string;
+    verticalAlign?: "top" | "center" | "bottom";
+    darkMode?: boolean;
+    /** Control overflow behavior — defaults to 'hidden' */
+    overflow?: "hidden" | "visible";
+}
+export declare const Divider: React.FC<DividerProps>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/atoms/Divider/Divider.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqD1C,CAAC"}

package/dist/components/atoms/Divider/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Divider } from './Divider';
+export type { DividerProps, ShapeDivider } from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Divider/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/Grid/Grid.d.ts CHANGED Viewed

@@ -1,14 +1,15 @@
 import React from "react";
 import "./Grid.scss";
 export interface GridProps {
-    /** Number of columns (default: 12) */
-    columns?: number | {
-        sm?: number;
-        md?: number;
-        lg?: number;
+    /** Number of columns (default: 12). Use a string for custom grid-template-columns (e.g. "1fr auto") */
+    columns?: number | string | {
+        sm?: number | string;
+        md?: number | string;
+        lg?: number | string;
     };
     /** Gap between grid items */
     gap?: string | {
+        xs?: string;
         sm?: string;
         md?: string;
         lg?: string;
@@ -31,8 +32,12 @@ export interface GridProps {
     maxColumnWidth?: string;
     /** Align items vertically */
     alignItems?: "start" | "center" | "end" | "stretch";
-    /** Justify items horizontally */
+    /** Justify items horizontally (aligns content inside each grid cell) */
     justifyItems?: "start" | "center" | "end" | "stretch";
+    /** Justify content (aligns the entire grid within the container) */
+    justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+    /** Column alignment (left, center, right) - controls entire grid position */
+    columnAlign?: "left" | "center" | "right";
     /** Custom className */
     className?: string;
     /** Custom styles */
@@ -43,17 +48,17 @@ export interface GridProps {
     fullWidth?: boolean;
 }
 export interface GridItemProps {
-    /** Column span */
-    colSpan?: number | {
-        sm?: number;
-        md?: number;
-        lg?: number;
+    /** Column span - use "auto" to fit content width */
+    colSpan?: number | "auto" | {
+        sm?: number | "auto";
+        md?: number | "auto";
+        lg?: number | "auto";
     };
-    /** Row span */
-    rowSpan?: number | {
-        sm?: number;
-        md?: number;
-        lg?: number;
+    /** Row span - use "auto" to fit content height */
+    rowSpan?: number | "auto" | {
+        sm?: number | "auto";
+        md?: number | "auto";
+        lg?: number | "auto";
     };
     /** Column start position */
     colStart?: number | {
@@ -67,6 +72,24 @@ export interface GridItemProps {
         md?: number;
         lg?: number;
     };
+    /** Gap between grid items */
+    gap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
+    /** Row gap (if different from column gap) */
+    rowGap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
+    /** Column gap (if different from row gap) */
+    columnGap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
     /** Custom className */
     className?: string;
     /** Custom styles */
@@ -74,6 +97,6 @@ export interface GridItemProps {
     /** Children elements */
     children: React.ReactNode;
 }
-export declare const Grid: ({ columns, gap, rowGap, columnGap, minColumnWidth, maxColumnWidth, alignItems, justifyItems, className, style, children, fullWidth, }: GridProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GridItem: ({ colSpan, rowSpan, colStart, rowStart, className, style, children, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ columns, gap, rowGap, columnGap, minColumnWidth, maxColumnWidth, alignItems, justifyItems, justifyContent, columnAlign, className, style, children, fullWidth, }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridItem: ({ colSpan, rowSpan, colStart, rowStart, gap, rowGap, columnGap, className, style, children, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/atoms/Grid/Grid.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS;IACxB,~~sCAAsC~~;~~IACtC~~,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;~~IAC7D~~,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;~~IACzD~~,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,~~iCAAiC~~;~~IACjC~~,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACtD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,~~kBAAkB~~;~~IAClB~~,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;~~IAC7D~~,~~eAAe~~;~~IACf~~,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;~~IAC7D~~,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,~~uIAalB~~,SAAS,~~4CAkFX~~,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,~~uEAQtB,~~aAAa,~~4CA+Cf~~,CAAC"}
1	+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/Grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/Heading/Heading.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ import type { SemanticColorTokens } from '@/themes/core/color-system';
 import './Heading.scss';
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
+export type HeadingWeight = 'light' | 'regular' | 'semibold' | 'bold' | 'black';
+export type HeadingSize = '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type HeadingVariant = string;
 export type HeadingColor = keyof SemanticColorTokens;
 export interface HeadingProps {
@@ -10,10 +12,16 @@ export interface HeadingProps {
     level?: HeadingLevel;
     /** Visual style variant (independent of semantic level) - defined by theme */
     variant?: HeadingVariant;
+    /** Font weight (maps to --tier1-theme-typography-font-weight-*) */
+    weight?: HeadingWeight;
+    /** Font size (maps to --tier1-theme-typography-font-size-*) */
+    size?: HeadingSize;
     /** Color from theme semantic tokens */
     color?: HeadingColor;
     /** Color palette to apply (background + text) */
     palette?: ColorPalette;
+    /** Dark mode - applies dark mode styling for use on dark backgrounds */
+    darkMode?: boolean;
     /** Heading text */
     children: React.ReactNode;
     /** Custom CSS class */

package/dist/components/atoms/Heading/Heading.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;~~AAI3E~~,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,~~CAyC1C~~,CAAC"}
1	+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAChF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+D1C,CAAC"}

package/dist/components/atoms/Icon/Icon.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import React from 'react';
+import './Icon.scss';
+export interface IconProps {
+    /**
+     * SVG content or path to SVG
+     */
+    svg: React.ReactNode;
+    /**
+     * Icon size variant
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Icon color variant
+     */
+    color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'inherit';
+    /**
+     * Custom fill color (overrides color variant)
+     */
+    fill?: string;
+    /**
+     * Custom stroke color (overrides color variant)
+     */
+    stroke?: string;
+    /**
+     * Custom stroke width (overrides color variant)
+     */
+    strokeWidth?: string | number;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    ariaLabel?: string;
+    /**
+     * Whether icon is decorative (hidden from screen readers)
+     */
+    decorative?: boolean;
+}
+export declare const Icon: React.FC<IconProps>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/atoms/Icon/Icon.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}

package/dist/components/atoms/Icon/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Icon/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/atoms/Media/Media.d.ts ADDED Viewed

@@ -0,0 +1,63 @@
+import React from "react";
+import "./Media.scss";
+export interface VideoProviderConfig {
+    /** Unique provider key */
+    name: string;
+    /** Test if a URL belongs to this provider */
+    match: (url: string) => boolean;
+    /** Build the embed URL for the iframe */
+    buildEmbedUrl: (url: string, options?: VideoProviderOptions) => string;
+}
+export interface VideoProviderOptions {
+    autoplay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+}
+export type MediaType = "image" | "video";
+export type ObjectFit = "cover" | "contain" | "fill" | "none" | "scale-down";
+export interface MediaProps {
+    /** Media source URL (image path, video file, or embed URL like Wistia) */
+    src: string;
+    /** Force media type. Auto-detected if omitted. */
+    type?: MediaType;
+    /** Alt text for images, title for video iframes */
+    alt?: string;
+    /** How the media fills its container */
+    objectFit?: ObjectFit;
+    /** Object position (e.g. "center top") */
+    objectPosition?: string;
+    /** Aspect ratio (e.g. "16/9", "4/3", "1/1"). If omitted, media fills container height. */
+    aspectRatio?: string;
+    /** Autoplay video (muted by default for browser compliance) */
+    autoplay?: boolean;
+    /** Show video controls */
+    controls?: boolean;
+    /** Loop video playback */
+    loop?: boolean;
+    /** Mute video. Defaults to true when autoplay is enabled. */
+    muted?: boolean;
+    /** Lazy load media */
+    loading?: "lazy" | "eager";
+    /** Image srcSet for responsive images */
+    srcSet?: string;
+    /** Image sizes attribute */
+    sizes?: string;
+    /** Additional video providers (YouTube, Vimeo, etc.) */
+    providers?: VideoProviderConfig[];
+    /** Dark mode styling */
+    darkMode?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Callback when media loads / Wistia is ready */
+    onLoad?: () => void;
+    /** Callback on load error */
+    onError?: () => void;
+    /** Callback when Wistia video is ready — receives the Wistia video handle for programmatic control */
+    onReady?: (videoHandle: any) => void;
+}
+/** Atom component for rendering images or videos (native, Wistia async embed, or custom providers) */
+export declare const Media: React.FC<MediaProps>;
+//# sourceMappingURL=Media.d.ts.map

package/dist/components/atoms/Media/Media.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Media/Media.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,cAAc,CAAC;AAkBtB,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAChC,yCAAyC;IACzC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,MAAM,CAAC;CACxE;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAyBD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAClC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sGAAsG;IACtG,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AASD,sGAAsG;AACtG,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmMtC,CAAC"}

package/dist/components/atoms/Media/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Media } from './Media';
+export type { MediaProps, MediaType, ObjectFit, VideoProviderConfig, VideoProviderOptions } from './Media';
+//# sourceMappingURL=index.d.ts.map