@intelligencebank/connectingib 5.0.0 → 5.2.0

package/README.md

@@ -110,6 +110,129 @@ Domain-specific components for IntelligenceBank integrations:
 - **PresetSelector** - Preset selection
 - **SearchForm** - Search interface
 
+### Risk Review Integration Components
+
+Components for building AI-powered risk review workflows:
+
+#### Core Components
+
+- **ReviewProcessing** - Processing/loading overlay for single or batch reviews with progress indicators
+- **ReviewDetails** - Displays review metadata (type, file, filters, timestamp, ID)
+- **ReviewResults** - Displays risk findings with status and expandable multi-file sections
+- **ReviewFiles** - File list with single/multiple selection, removal, and validation errors
+- **CategoryFilters** - Dynamic filter dropdowns (single/multi-select) from API categories
+
+#### Composite Components
+
+- **CreateReview** - Complete review creation form with platform modes (extension/webapp)
+- **LatestReview** - Complete results view with actions and Send to IB integration
+
+#### Usage Example
+
+```tsx
+import {
+  CreateReview,
+  LatestReview,
+  ReviewProcessing,
+  ReviewDetails,
+  ReviewResults,
+  ReviewFiles,
+  CategoryFilters,
+  type ReviewContentType,
+  type RiskItem,
+  type ReviewFileItem,
+} from '@intelligencebank/connectingib';
+
+// Composite component for review creation
+function ReviewCreationPage() {
+  return (
+    <CreateReview
+      platform="webapp"
+      files={files}
+      onFilesChange={setFiles}
+      categories={categories}
+      selectedCategories={selectedCategories}
+      onCategoryChange={handleCategoryChange}
+      onSubmit={handleSubmit}
+      isSubmitting={isSubmitting}
+    />
+  );
+}
+
+// Composite component for results display
+function ReviewResultsPage() {
+  return (
+    <LatestReview
+      reviewData={reviewData}
+      onSendToIB={handleSendToIB}
+      isSending={isSending}
+    />
+  );
+}
+
+// Building blocks for custom layouts
+function CustomReviewLayout() {
+  return (
+    <>
+      <ReviewProcessing
+        isProcessing={isProcessing}
+        mode="multi"
+        progressData={progressData}
+      />
+      <ReviewDetails
+        contentType="document"
+        fileName="report.pdf"
+        timestamp={new Date()}
+        reviewId="abc123"
+      />
+      <CategoryFilters
+        categories={categories}
+        selectedCategories={selectedCategories}
+        onCategoryChange={handleCategoryChange}
+      />
+      <ReviewFiles
+        files={files}
+        mode="multiple"
+        onSelect={handleSelect}
+        onRemove={handleRemove}
+      />
+      <ReviewResults
+        risks={risks}
+        status="completed"
+        mode="single"
+      />
+    </>
+  );
+}
+```
+
+#### Types
+
+```tsx
+import type {
+  // Content and risk types
+  ReviewContentType,
+  RiskItem,
+  ReviewFileItem,
+  ReviewResultData,
+  
+  // Multi-file review types
+  MultiFileReviewResultData,
+  MultiFileProgressData,
+  FileProgressData,
+  
+  // Filter types
+  FilterCategoryData,
+  FilterValueData,
+  CategorySelection,
+  
+  // Upload types
+  UploadFieldData,
+} from '@intelligencebank/connectingib';
+```
+
+See [Storybook](http://localhost:6006) for interactive examples of all Risk Review components.
+
 ## Theming
 
 The library uses Emotion for theming. Wrap your app with `ThemeProvider`:

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,35 @@
+import { BoxProps } from './Box.types';
+/**
+ * Box component - A basic container with spacing and visual styling props
+ *
+ * @example
+ * ```tsx
+ * // Padding on all sides
+ * <Box p={4}>
+ *   <Content />
+ * </Box>
+ *
+ * // Horizontal and vertical padding
+ * <Box px={4} py={2}>
+ *   <Content />
+ * </Box>
+ *
+ * // Individual spacing values
+ * <Box pt={4} pb={2} ml={3}>
+ *   <Content />
+ * </Box>
+ *
+ * // As a section element
+ * <Box as="section" p={4} mb={3}>
+ *   <Content />
+ * </Box>
+ *
+ * // Accented variant with custom color (for branded sections)
+ * <Box variant="accented" accentColor="#6161FF" p={5} borderRadius="md">
+ *   <BrandedContent />
+ * </Box>
+ * ```
+ */
+export declare const Box: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLElement>>;
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AA6E3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,GAAG,kGAqEf,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/dist/components/Box/Box.types.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode, HTMLAttributes, ElementType } from 'react';
+/**
+ * Spacing value - can be a theme spacing index (number) or a CSS value (string)
+ */
+export type SpacingValue = number | string;
+/**
+ * Box variant for visual styling
+ * - 'default': No visual styling applied
+ * - 'accented': Applies gradient background and colored border using accentColor
+ */
+export type BoxVariant = 'default' | 'accented';
+/**
+ * Border radius options for Box
+ */
+export type BoxBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Props for the Box component
+ */
+export interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** Box content */
+    children?: ReactNode;
+    /** Padding on all sides */
+    p?: SpacingValue;
+    /** Horizontal padding (left and right) */
+    px?: SpacingValue;
+    /** Vertical padding (top and bottom) */
+    py?: SpacingValue;
+    /** Padding top */
+    pt?: SpacingValue;
+    /** Padding right */
+    pr?: SpacingValue;
+    /** Padding bottom */
+    pb?: SpacingValue;
+    /** Padding left */
+    pl?: SpacingValue;
+    /** Margin on all sides */
+    m?: SpacingValue;
+    /** Horizontal margin (left and right) */
+    mx?: SpacingValue;
+    /** Vertical margin (top and bottom) */
+    my?: SpacingValue;
+    /** Margin top */
+    mt?: SpacingValue;
+    /** Margin right */
+    mr?: SpacingValue;
+    /** Margin bottom */
+    mb?: SpacingValue;
+    /** Margin left */
+    ml?: SpacingValue;
+    /**
+     * Visual variant of the box
+     * - 'default': No visual styling
+     * - 'accented': Gradient background and colored border using accentColor
+     * @default 'default'
+     */
+    variant?: BoxVariant;
+    /**
+     * Accent color for the 'accented' variant (hex color value)
+     * Creates a subtle gradient background and colored border
+     * @example '#6161FF'
+     */
+    accentColor?: string;
+    /**
+     * Border radius preset
+     * @default 'none'
+     */
+    borderRadius?: BoxBorderRadius;
+    /** Polymorphic element type */
+    as?: ElementType;
+    /** Additional CSS classes */
+    className?: string;
+    /** Test ID (deprecated, use dataTestId) */
+    'data-testid'?: string;
+    /** Test identifier for automated testing */
+    dataTestId?: string;
+    /** Data identifier for ib-ui compatibility */
+    dataId?: string;
+}
+//# sourceMappingURL=Box.types.d.ts.map

package/dist/components/Box/Box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC7E,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,wCAAwC;IACxC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,kBAAkB;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,oBAAoB;IACpB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,qBAAqB;IACrB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,mBAAmB;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,0BAA0B;IAC1B,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,yCAAyC;IACzC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,uCAAuC;IACvC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,iBAAiB;IACjB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,mBAAmB;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,oBAAoB;IACpB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,kBAAkB;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,+BAA+B;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { Box, default } from './Box';
+export type { BoxProps, SpacingValue, BoxVariant, BoxBorderRadius } from './Box.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyflD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,MAAM,2GAyHlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAuiBlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,MAAM,2GA6HlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.types.d.ts

@@ -4,7 +4,7 @@ import { ButtonHTMLAttributes, ReactNode } from 'react';
  * Visual variants for the Button component
  * Extended to match ib-ui platform variants
  */
-export type ButtonVariant = 'primary' | 'primaryInverse' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'positive' | 'danger' | 'destructive' | 'outlinePrimary' | 'outlineSecondary' | 'outlineSuccess' | 'outlineError' | 'outlineDanger' | 'outlineWarning';
+export type ButtonVariant = 'primary' | 'primaryInverse' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'ghostDanger' | 'positive' | 'danger' | 'destructive' | 'link' | 'outlinePrimary' | 'outlineSecondary' | 'outlineSuccess' | 'outlineError' | 'outlineDanger' | 'outlineWarning';
 /**
  * Font weight options for button text
  */
@@ -79,6 +79,10 @@ interface BaseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
     fontWeight?: ButtonFontWeight;
     /** Custom outline color for outline variants (CSS color value) */
     outlineColor?: string;
+    /** Custom background color for solid variants (CSS color value) */
+    backgroundColor?: string;
+    /** Custom text color for solid variants (CSS color value) */
+    textColor?: string;
 }
 /**
  * Button with children (text content)

package/dist/components/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"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"}

package/dist/components/CategoryFilters/CategoryFilters.d.ts

@@ -0,0 +1,23 @@
+import { CategoryFiltersProps } from './CategoryFilters.types';
+/**
+ * CategoryFilters component - Displays filter category dropdowns
+ *
+ * EXACT copy of FilterSection styling from web-app-risk-reviews
+ *
+ * Displays each category as a Select (single) or Multiselect (multiple) component.
+ * Required categories show orange asterisk indicator.
+ *
+ * @example
+ * ```tsx
+ * <CategoryFilters
+ *   categories={categories}
+ *   selectedValues={selectedValues}
+ *   onSelect={handleSelect}
+ *   isLoading={isLoading}
+ *   loadError={loadError}
+ * />
+ * ```
+ */
+export declare const CategoryFilters: React.FC<CategoryFiltersProps>;
+export default CategoryFilters;
+//# sourceMappingURL=CategoryFilters.d.ts.map

package/dist/components/CategoryFilters/CategoryFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilters.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryFilters/CategoryFilters.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAuC,MAAM,yBAAyB,CAAC;AA8LzG;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuE1D,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/dist/components/CategoryFilters/CategoryFilters.types.d.ts

@@ -0,0 +1,61 @@
+import { CSSProperties } from 'react';
+/**
+ * Filter value in a category - matches web-app-risk-reviews FilterValue type
+ */
+export interface FilterValue {
+    uuid: string;
+    value: string;
+    sortOrder: number;
+}
+/**
+ * Filter category - matches web-app-risk-reviews FilterCategory type
+ */
+export interface FilterCategory {
+    id: string;
+    name: string;
+    required: '0' | '1';
+    multiple: '0' | '1';
+    filterValues: FilterValue[];
+}
+/**
+ * Selection callback parameters
+ */
+export interface FilterSelectionParams {
+    categoryId: string;
+    categoryName: string;
+    values: string[];
+}
+/**
+ * Size variants for CategoryFilters (sm: 32px, md: 36px)
+ */
+export type CategoryFiltersSize = 'sm' | 'md';
+/**
+ * Props for CategoryFilters component
+ *
+ * EXACT match of FilterSection props from web-app-risk-reviews
+ */
+export interface CategoryFiltersProps {
+    /** Categories to display */
+    categories: FilterCategory[];
+    /** Currently selected values per category (categoryId -> values) */
+    selectedValues: Record<string, string[]>;
+    /** Callback when a filter selection changes */
+    onSelect: (categoryId: string, categoryName: string, values: string[]) => void;
+    /** Whether filters are loading */
+    isLoading?: boolean;
+    /** Error message if loading failed */
+    loadError?: string | null;
+    /** Whether to disable all filters */
+    disabled?: boolean;
+    /** Size variant for all Select/Multiselect components (sm: 32px, md: 36px) */
+    size?: CategoryFiltersSize;
+    /** Additional CSS class */
+    className?: string;
+    /** Data test ID for testing */
+    dataTestId?: string;
+    /** Data ID for analytics */
+    dataId?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+//# sourceMappingURL=CategoryFilters.types.d.ts.map

package/dist/components/CategoryFilters/CategoryFilters.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryFilters/CategoryFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC;IACpB,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC;IACpB,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,4BAA4B;IAC5B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,oEAAoE;IACpE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/E,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}

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

@@ -0,0 +1,22 @@
+/**
+ * CategoryFilters Component
+ *
+ * Display and manage category-based filter selections.
+ * EXACT match of FilterSection styling from web-app-risk-reviews.
+ *
+ * @example
+ * ```tsx
+ * import { CategoryFilters } from '@intelligencebank/connectingib';
+ *
+ * <CategoryFilters
+ *   categories={categories}
+ *   selectedValues={selectedValues}
+ *   onSelect={handleSelect}
+ *   isLoading={isLoading}
+ *   loadError={loadError}
+ * />
+ * ```
+ */
+export { CategoryFilters } from './CategoryFilters';
+export type { CategoryFiltersProps, CategoryFiltersSize, FilterCategory, FilterValue, FilterSelectionParams, } from './CategoryFilters.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CategoryFilters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryFilters/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,qBAAqB,GACtB,MAAM,yBAAyB,CAAC"}

package/dist/components/Center/Center.d.ts

@@ -0,0 +1,25 @@
+import { CenterProps } from './Center.types';
+/**
+ * Center component - A centered container (flex with center alignment)
+ *
+ * @example
+ * ```tsx
+ * // Center a spinner
+ * <Center p={4}>
+ *   <Spinner />
+ * </Center>
+ *
+ * // Full-page center
+ * <Center style={{ height: '100vh' }}>
+ *   <Logo />
+ * </Center>
+ *
+ * // Inline centered content
+ * <Center inline p={2}>
+ *   <Icon />
+ * </Center>
+ * ```
+ */
+export declare const Center: import('react').ForwardRefExoticComponent<CenterProps & import('react').RefAttributes<HTMLElement>>;
+export default Center;
+//# sourceMappingURL=Center.d.ts.map

package/dist/components/Center/Center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../../src/components/Center/Center.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAyDhE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,qGA8DlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Center/Center.types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, HTMLAttributes, ElementType } from 'react';
+/**
+ * Spacing value - can be a theme spacing index (number) or a CSS value (string)
+ */
+export type SpacingValue = number | string;
+/**
+ * Props for the Center component
+ */
+export interface CenterProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** Center content */
+    children?: ReactNode;
+    /** Padding on all sides */
+    p?: SpacingValue;
+    /** Horizontal padding (left and right) */
+    px?: SpacingValue;
+    /** Vertical padding (top and bottom) */
+    py?: SpacingValue;
+    /** Padding top */
+    pt?: SpacingValue;
+    /** Padding right */
+    pr?: SpacingValue;
+    /** Padding bottom */
+    pb?: SpacingValue;
+    /** Padding left */
+    pl?: SpacingValue;
+    /** Margin on all sides */
+    m?: SpacingValue;
+    /** Horizontal margin (left and right) */
+    mx?: SpacingValue;
+    /** Vertical margin (top and bottom) */
+    my?: SpacingValue;
+    /** Margin top */
+    mt?: SpacingValue;
+    /** Margin right */
+    mr?: SpacingValue;
+    /** Margin bottom */
+    mb?: SpacingValue;
+    /** Margin left */
+    ml?: SpacingValue;
+    /** Make the container inline-flex */
+    inline?: boolean;
+    /** Polymorphic element type */
+    as?: ElementType;
+    /** Additional CSS classes */
+    className?: string;
+    /** Test ID (deprecated, use dataTestId) */
+    'data-testid'?: string;
+    /** Test identifier for automated testing */
+    dataTestId?: string;
+    /** Data identifier for ib-ui compatibility */
+    dataId?: string;
+}
+//# sourceMappingURL=Center.types.d.ts.map

package/dist/components/Center/Center.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.types.d.ts","sourceRoot":"","sources":["../../../src/components/Center/Center.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAChF,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,wCAAwC;IACxC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,kBAAkB;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,oBAAoB;IACpB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,qBAAqB;IACrB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,mBAAmB;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,0BAA0B;IAC1B,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,yCAAyC;IACzC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,uCAAuC;IACvC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,iBAAiB;IACjB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,mBAAmB;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,oBAAoB;IACpB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,kBAAkB;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { Center, default } from './Center';
+export type { CenterProps, SpacingValue } from './Center.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Center/index.d.ts.map

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

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from './Checkbox.types';
+export declare const Checkbox: import('react').NamedExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkVtD,eAAO,MAAM,QAAQ,qGAA0B,CAAC;AAEhD,eAAe,QAAQ,CAAC"}