@veevarts/design-system 1.6.0-dev.6 → 1.6.0-dev.8

package/dist/patterns/ItemCard/ItemCard.d.ts

@@ -0,0 +1,3 @@
+import { ItemCardProps } from './type';
+declare const ItemCard: React.FC<ItemCardProps>;
+export default ItemCard;

package/dist/patterns/ItemCard/__test__/ItemCard.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * ItemCard Component Tests
+ */
+export {};

package/dist/patterns/ItemCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ItemCard } from './ItemCard';
+export type * from './type';

package/dist/patterns/ItemCard/type.d.ts

@@ -0,0 +1,14 @@
+export interface ItemCardProps {
+    /**
+     * Selection key. Pass as `itemKey` in JSX (React reserves `key` and does not forward it).
+     */
+    itemKey: string;
+    name: string;
+    price: number;
+    locale?: string;
+    currency?: string;
+    type?: string;
+    isSelected?: boolean;
+    onSelect?: (key: string) => void;
+    className?: string;
+}

package/dist/patterns/MembershipSelectCards/MembershipSelectCards.d.ts

@@ -0,0 +1,3 @@
+import { MembershipSelectCardsProps } from './types';
+declare const MembershipSelectCards: React.FC<MembershipSelectCardsProps>;
+export default MembershipSelectCards;

package/dist/patterns/MembershipSelectCards/__test__/MembershipSelectCards.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * MembershipSelectCards Component Tests
+ */
+export {};

package/dist/patterns/MembershipSelectCards/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MembershipSelectCards } from './MembershipSelectCards';
+export type * from './types';

package/dist/patterns/MembershipSelectCards/types.d.ts

@@ -0,0 +1,23 @@
+export interface MembershipSelectCardsProps {
+    /** Card list; use [] or omit when data is loading (null/undefined is normalized to []). */
+    cards?: MembershipSelectCard[] | null;
+    locale?: string;
+    currency?: string;
+    labels?: Partial<MembershipSelectCardsLabels>;
+    showRenewal?: boolean;
+    defaultRenewalValue?: boolean;
+    onRenewalChange?: (value: boolean) => void;
+    onCardSelect?: (id: string) => void;
+    className?: string;
+}
+export interface MembershipSelectCardsLabels {
+    title: string;
+    renewalTitle: string;
+    renewalDescription: string;
+}
+export interface MembershipSelectCard {
+    id: string;
+    name: string;
+    price: number;
+    type?: 'Family' | 'Individual';
+}

package/dist/patterns/RichText/toolbar/components/LinkButton.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+export interface LinkButtonProps {
+    editor: Editor;
+    isDisabled?: boolean;
+}
+export declare function LinkButton({ editor, isDisabled }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/RichText/toolbar/components/index.d.ts

@@ -15,3 +15,5 @@ export { ColorPicker } from './ColorPicker';
 export type { ColorPickerProps } from './ColorPicker';
 export { ZoomControls } from './ZoomControls';
 export type { ZoomControlsProps } from './ZoomControls';
+export { LinkButton } from './LinkButton';
+export type { LinkButtonProps } from './LinkButton';

package/dist/patterns/TicketSelection/TicketSelection.d.ts

@@ -0,0 +1,3 @@
+import { TicketSelectionProps } from './types';
+declare const TicketSelection: React.FC<TicketSelectionProps>;
+export default TicketSelection;

package/dist/patterns/TicketSelection/__test__/TicketSelection.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * TicketSelection Component Tests
+ */
+export {};

package/dist/patterns/TicketSelection/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TicketSelection } from './TicketSelection';
+export type * from './types';

package/dist/patterns/TicketSelection/types.d.ts

@@ -0,0 +1,48 @@
+export type TicketSelectionSettings = {
+    locale: string;
+    currency: string;
+};
+export type TicketSelectionLabels = {
+    ticketSelectionTitle: string;
+    ticketsAllowedToRedeem: string;
+    ticketsSelectedToRedeem: string;
+    noUpgradeTicketsAvailable: string;
+    selectAllButtonLabel: string;
+};
+export type TicketData = {
+    id: string;
+    name: string;
+    price: number;
+    originalPrice: number;
+    max: number;
+};
+export type ExhibitionData = {
+    id: string;
+    exhibitionName: string;
+    tickets: TicketData[];
+};
+export type TicketSelectionState = {
+    [groupId: string]: {
+        [ticketId: string]: {
+            id: string;
+            selectedQuantity: number;
+            originalPrice: number;
+            discountedPrice: number;
+        };
+    };
+};
+export type TicketSelectionData = ExhibitionData[];
+export interface TicketSelectionProps {
+    /** Maximum number of tickets the user can select globally */
+    userMaxLimit?: number;
+    /** Labels for internationalization */
+    labels?: Partial<TicketSelectionLabels>;
+    /** Regional settings for locale and currency formatting */
+    settings?: TicketSelectionSettings;
+    /** Exhibition and ticket data */
+    ticketSelectionData?: TicketSelectionData;
+    /** Additional CSS classes for the root element */
+    className?: string;
+    /** Callback fired whenever the ticket selection state changes */
+    onSelectionChange?: (state: TicketSelectionState) => void;
+}

package/dist/patterns/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { ToggleProps } from './type';
+declare const Toggle: React.FC<ToggleProps>;
+export default Toggle;

package/dist/patterns/Toggle/__test__/Toggle.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Toggle Component Tests
+ */
+export {};

package/dist/patterns/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toggle } from './Toggle';
+export type * from './type';

package/dist/patterns/Toggle/type.d.ts

@@ -0,0 +1,7 @@
+export interface ToggleProps {
+    title?: string;
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    description?: string;
+    className?: string;
+}

package/dist/patterns/index.d.ts

@@ -17,3 +17,11 @@ export { OfferCard, OfferCardList, OfferCardSkeleton, OfferCardError, OfferCardE
 export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './OfferCard';
 export { RevenueDistributionCard, RevenueDistributionSkeleton, RevenueDistributionError, RevenueDistributionEmpty, formatAmount as formatRevenueAmount, formatCurrency as formatRevenueCurrency, getCurrencySymbol, parseCurrency as parseRevenueCurrency, calculateAllocationDifference, generateDistributionId, } from './RevenueDistribution';
 export type { GlAccount, Distribution, RevenueDistributionLabels, RevenueDistributionErrorLabels, RevenueDistributionEmptyLabels, RevenueDistributionCardClassNames, RevenueDistributionSkeletonClassNames, RevenueDistributionErrorClassNames, RevenueDistributionEmptyClassNames, RevenueDistributionCardProps, RevenueDistributionSkeletonProps, RevenueDistributionErrorProps, RevenueDistributionEmptyProps, } from './RevenueDistribution';
+export { MembershipSelectCards } from './MembershipSelectCards';
+export type * from './MembershipSelectCards';
+export { ItemCard } from './ItemCard';
+export type * from './ItemCard';
+export { Toggle } from './Toggle';
+export type * from './Toggle';
+export { TicketSelection } from './TicketSelection';
+export type * from './TicketSelection';

package/dist/styles.css

@@ -96,3 +96,101 @@
 body {
     font-family: var(--font-primary);
 }
+
+/**
+ * Veevart Design System - Color CSS Variables
+ *
+ * Generated from src/tokens/colors.ts values.
+ * Prefix: --veevart-color-*
+ */
+
+:root {
+    /* Brand */
+    --veevart-color-brand-primary-50: #fef5f1;
+    --veevart-color-brand-primary-100: #fde8e0;
+    --veevart-color-brand-primary-200: #fbd5c7;
+    --veevart-color-brand-primary-300: #f7b79f;
+    --veevart-color-brand-primary-400: #f18d68;
+    --veevart-color-brand-primary-500: #c14615;
+    --veevart-color-brand-primary-600: #a83b11;
+    --veevart-color-brand-primary-700: #8b2f0e;
+    --veevart-color-brand-primary-800: #73260d;
+    --veevart-color-brand-primary-900: #5f210c;
+    --veevart-color-brand-primary-default: #c14615;
+
+    /* Semantic */
+    --veevart-color-semantic-secondary: #000000;
+    --veevart-color-semantic-success: #057a54;
+    --veevart-color-semantic-warning: #f5a524;
+    --veevart-color-semantic-danger: #b62214;
+    --veevart-color-semantic-info: #2563eb;
+
+    /* Neutral */
+    --veevart-color-neutral-white: #ffffff;
+    --veevart-color-neutral-black: #000000;
+    --veevart-color-neutral-gray-50: #f9fafb;
+    --veevart-color-neutral-gray-100: #f3f4f6;
+    --veevart-color-neutral-gray-200: #e5e7eb;
+    --veevart-color-neutral-gray-300: #d1d5db;
+    --veevart-color-neutral-gray-400: #9ca3af;
+    --veevart-color-neutral-gray-500: #6b7280;
+    --veevart-color-neutral-gray-600: #4b5563;
+    --veevart-color-neutral-gray-700: #374151;
+    --veevart-color-neutral-gray-800: #1f2937;
+    --veevart-color-neutral-gray-900: #111827;
+
+    /* Palettes - Secondary */
+    --veevart-color-palette-secondary-50: #f9fafb;
+    --veevart-color-palette-secondary-100: #f3f4f6;
+    --veevart-color-palette-secondary-200: #e5e7eb;
+    --veevart-color-palette-secondary-300: #d1d5db;
+    --veevart-color-palette-secondary-400: #9ca3af;
+    --veevart-color-palette-secondary-500: #000000;
+    --veevart-color-palette-secondary-600: #000000;
+    --veevart-color-palette-secondary-700: #000000;
+    --veevart-color-palette-secondary-800: #000000;
+    --veevart-color-palette-secondary-900: #000000;
+    --veevart-color-palette-secondary-default: #000000;
+
+    /* Palettes - Danger */
+    --veevart-color-palette-danger-50: #fef2f2;
+    --veevart-color-palette-danger-100: #fee2e2;
+    --veevart-color-palette-danger-200: #fecaca;
+    --veevart-color-palette-danger-300: #fca5a5;
+    --veevart-color-palette-danger-400: #f87171;
+    --veevart-color-palette-danger-500: #b62214;
+    --veevart-color-palette-danger-600: #a31e12;
+    --veevart-color-palette-danger-700: #8b1a0f;
+    --veevart-color-palette-danger-800: #73160d;
+    --veevart-color-palette-danger-900: #5c120a;
+    --veevart-color-palette-danger-default: #b62214;
+
+    /* Palettes - Success */
+    --veevart-color-palette-success-50: #ecfdf5;
+    --veevart-color-palette-success-100: #d1fae5;
+    --veevart-color-palette-success-200: #a7f3d0;
+    --veevart-color-palette-success-300: #6ee7b7;
+    --veevart-color-palette-success-400: #34d399;
+    --veevart-color-palette-success-500: #057a54;
+    --veevart-color-palette-success-600: #046c4a;
+    --veevart-color-palette-success-700: #035e40;
+    --veevart-color-palette-success-800: #025035;
+    --veevart-color-palette-success-900: #01422b;
+    --veevart-color-palette-success-default: #057a54;
+
+    /* Palettes - Warning */
+    --veevart-color-palette-warning-50: #fffbeb;
+    --veevart-color-palette-warning-100: #fef3c7;
+    --veevart-color-palette-warning-200: #fde68a;
+    --veevart-color-palette-warning-300: #fcd34d;
+    --veevart-color-palette-warning-400: #fbbf24;
+    --veevart-color-palette-warning-500: #f5a524;
+    --veevart-color-palette-warning-600: #d97706;
+    --veevart-color-palette-warning-700: #b45309;
+    --veevart-color-palette-warning-800: #92400e;
+    --veevart-color-palette-warning-900: #78350f;
+    --veevart-color-palette-warning-default: #f5a524;
+
+    /* Aliases */
+    --veevart-base-color-white: var(--veevart-color-neutral-white);
+}

package/dist/tailwind/index.d.ts

@@ -230,19 +230,16 @@ export declare const defaultHeroUITheme: {
  * });
  */
 export declare function createHeroUIConfig(overrides?: HeroUIConfigOverrides): HeroUIConfig;
+/**
+ * Content paths for Tailwind to scan for classes
+ * Includes HeroUI theme and Design System components
+ */
+export declare const veevartContent: string[];
 /**
  * Veevart Design System Tailwind preset
  *
  * Use this preset in your tailwind.config.js to get all Veevart tokens
- * and styling defaults.
- *
- * @example
- * const { veevartPreset } = require('@veevarts/design-system/tailwind');
- *
- * module.exports = {
- *     presets: [veevartPreset],
- *     content: [...],
- * };
+ * and styling defaults. Use veevartContent in your content array.
  */
 export declare const veevartPreset: {
     theme: {

package/dist/tailwind/index.js

@@ -29,6 +29,7 @@ __export(index_exports, {
   tailwindTheme: () => tailwindTheme,
   tokens: () => tokens,
   typography: () => typography,
+  veevartContent: () => veevartContent,
   veevartPreset: () => veevartPreset
 });
 module.exports = __toCommonJS(index_exports);
@@ -266,6 +267,10 @@ function createHeroUIConfig(overrides = {}) {
   }
   return baseConfig;
 }
+var veevartContent = [
+  "./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
+  "./node_modules/@veevarts/design-system/dist/**/*.{js,mjs,jsx,tsx}"
+];
 var veevartPreset = {
   theme: {
     extend: tailwindTheme
@@ -289,5 +294,6 @@ var tokens = {
   tailwindTheme,
   tokens,
   typography,
+  veevartContent,
   veevartPreset
 });

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.6.0-dev.6",
+    "version": "1.6.0-dev.8",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -28,7 +28,7 @@
         "dev": "vite",
         "build": "vite build && npm run build:tailwind && npm run build:styles",
         "build:tailwind": "esbuild src/tailwind/index.ts --bundle --platform=node --format=cjs --outfile=dist/tailwind/index.js && tsc -p src/tailwind/tsconfig.json",
-        "build:styles": "cp src/styles/fonts.css dist/styles.css",
+        "build:styles": "node scripts/build-styles.mjs",
         "lint": "eslint .",
         "preview": "vite preview",
         "test": "vitest --run",
@@ -118,4 +118,4 @@
         "vite": "^7.2.4",
         "vitest": "^4.0.13"
     }
-}
+}