npm - @josephavelez77/base-design-system - Versions diffs - 0.2.1 - Mend

@josephavelez77/base-design-system 0.2.1

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 (257) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2026 Joseph Velez
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,180 @@
+# Base Design System
+An open-source React component library for enterprise software tools, built with design tokens, dark/light theming, and full TypeScript support.
+---
+## Installation
+```bash
+npm install @josephavelez77/base-design-system
+```
+### Peer dependencies
+Install these in your consuming project if you haven't already:
+```bash
+npm install react react-dom \
+  @fortawesome/fontawesome-svg-core \
+  @fortawesome/free-solid-svg-icons \
+  @fortawesome/free-regular-svg-icons \
+  @fortawesome/react-fontawesome
+```
+---
+## Setup
+### 1. Import the design tokens (CSS variables + fonts)
+Add this **once** at your app root (e.g. `main.tsx` or `_app.tsx`):
+```ts
+import '@josephavelez77/base-design-system/styles'
+```
+This imports all CSS custom properties (colors, spacing, typography, etc.) and loads the three fonts used by the system: **DM Sans**, **DM Serif Display**, and **JetBrains Mono**.
+### 2. Set a theme
+The library ships dark mode as the default (`:root`). To opt into light mode, apply `data-theme="light"` to your root element:
+```html
+<html data-theme="light">
+```
+Or toggle it dynamically:
+```ts
+document.documentElement.setAttribute('data-theme', 'light')
+document.documentElement.removeAttribute('data-theme') // back to dark
+```
+### 3. Use components
+```tsx
+import { Button, Alert, Badge, DataGrid } from '@josephavelez77/base-design-system'
+export function App() {
+  return (
+    <>
+      <Alert severity="success" title="Saved!" />
+      <Button variant="primary">Click me</Button>
+    </>
+  )
+}
+```
+---
+## Available components
+| Component | Description |
+|---|---|
+| `Accordion` / `AccordionGroup` | Collapsible content panels |
+| `Alert` | Inline status messages (success, error, warning, info) |
+| `AttributeChip` | Key/value label chip |
+| `Avatar` | User avatar (image, initials, or icon) |
+| `Badge` | Numeric or status badge overlay |
+| `Breadcrumb` | Navigational breadcrumb trail |
+| `Button` | Primary action button with variants and emphasis levels |
+| `ButtonGroup` | Grouped set of related buttons |
+| `Card` | Generic content card container |
+| `ChartCard` | Card with an embedded bar chart |
+| `Checkbox` / `CheckboxGroup` | Checkbox input and grouped set |
+| `Chip` | Compact filter or selection chip |
+| `DataGrid` | Full-featured data table with sorting and overflow actions |
+| `DateField` | Date text input |
+| `DatePicker` | Calendar-based date picker |
+| `Dialog` | Modal dialog with configurable actions |
+| `Divider` | Horizontal or vertical rule |
+| `Drawer` | Slide-in panel for contextual content |
+| `FileUploader` / `FileUploaderListItem` | Drag-and-drop file upload |
+| `GlobalToolbar` | App-level top navigation bar |
+| `Icon` | FontAwesome icon wrapper with size tokens |
+| `IconButton` | Icon-only button |
+| `KpiCard` | Key performance indicator card |
+| `ListCard` / `ListGroup` / `ListItem` | List layout primitives |
+| `Logo` | Brand logo with orientation and size variants |
+| `Menu` / `MenuItem` | Dropdown context menu |
+| `MultiSelectField` | Multi-value select input |
+| `NavDrawer` | Sidebar navigation drawer |
+| `NumberField` | Numeric text input |
+| `PageHeader` | Page-level heading with actions |
+| `Pagination` / `SimplePagination` | Page navigation controls |
+| `PasswordField` | Password input with show/hide toggle |
+| `Popover` | Anchored floating content panel |
+| `PriorityChip` | Priority-level indicator chip |
+| `ProgressBar` | Linear progress indicator |
+| `RadioButton` / `RadioButtonGroup` / `RadioButtonItem` | Radio input and grouped set |
+| `SelectField` | Single-value select input |
+| `Skeleton` | Loading placeholder shapes |
+| `Spinner` | Loading spinner |
+| `SplitButton` | Button with a secondary dropdown action |
+| `StatusChip` | Status indicator chip |
+| `Stepper` | Multi-step progress indicator |
+| `Switch` / `SwitchGroup` / `SwitchItem` | Toggle switch and grouped set |
+| `TabGroup` | Tabbed navigation |
+| `Table` | Data table with user/status value rendering |
+| `TextArea` | Multi-line text input |
+| `TextField` | Single-line text input |
+| `TimeField` | Time text input |
+| `TimePicker` | Clock-based time picker |
+| `Toast` | Transient notification message |
+| `Tooltip` | Hover tooltip |
+| `UserIdentificationTag` | User identity display (avatar + name) |
+---
+## Design tokens
+All tokens are CSS custom properties. You can use them directly in your own styles:
+```css
+.my-card {
+  background: var(--container-color-themeable-primary);
+  color: var(--text-color-themeable-primary);
+  border-radius: var(--border-radius-static-primary);
+  padding: var(--container-padding-static-primary);
+}
+```
+Token categories: `border`, `container`, `icon`, `text`, `focus-ring`.
+To import just the raw CSS variables without the Google Fonts `@import`:
+```ts
+import '@josephavelez77/base-design-system/tokens'
+```
+---
+## TypeScript
+All components ship full type definitions. Every component exports its props type:
+```ts
+import type { ButtonProps, AlertProps, DataGridColumn } from '@josephavelez77/base-design-system'
+```
+---
+## Development
+```bash
+# Install dependencies
+npm install
+# Start Storybook
+npm run dev
+# Build the package
+npm run build
+# Regenerate design tokens from JSON sources
+npm run tokens
+# Type-check
+npm run typecheck
+```

package/dist/components/Accordion/Accordion.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface AccordionItemProps {
+    title: string;
+    subtitle?: string;
+    /** Optional leading icon in the header */
+    icon?: IconDefinition;
+    children?: React.ReactNode;
+    /** Initial expanded state for uncontrolled usage */
+    defaultExpanded?: boolean;
+    /** Controlled expanded state — pair with onToggle */
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const AccordionItem: {
+    ({ title, subtitle, icon, children, defaultExpanded, expanded: controlledExpanded, onToggle, disabled, className, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAMvE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa;yHAUvB,kBAAkB;;CAqEpB,CAAA"}

package/dist/components/Accordion/index.d.ts ADDED Viewed

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

package/dist/components/Accordion/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/AccordionGroup/AccordionGroup.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface AccordionGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** When true, only one item can be expanded at a time */
+    exclusive?: boolean;
+}
+export declare const AccordionGroup: React.ForwardRefExoticComponent<AccordionGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/dist/components/AccordionGroup/AccordionGroup.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionGroup/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,4FAiB1B,CAAA"}

package/dist/components/AccordionGroup/AccordionGroupContext.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+interface AccordionGroupContextValue {
+    exclusive: boolean;
+    openId: string | null;
+    onItemToggle: (id: string, expanded: boolean) => void;
+}
+export declare const AccordionGroupContext: import('react').Context<AccordionGroupContextValue | null>;
+export declare const useAccordionGroup: () => AccordionGroupContextValue | null;
+export {};
+//# sourceMappingURL=AccordionGroupContext.d.ts.map

package/dist/components/AccordionGroup/AccordionGroupContext.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AccordionGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionGroup/AccordionGroupContext.ts"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD;AAED,eAAO,MAAM,qBAAqB,4DAAyD,CAAA;AAE3F,eAAO,MAAM,iBAAiB,yCAA0C,CAAA"}

package/dist/components/AccordionGroup/index.d.ts ADDED Viewed

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

package/dist/components/AccordionGroup/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/Alert/Alert.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type AlertSeverity = 'error' | 'warning' | 'success' | 'info';
+export interface AlertProps {
+    severity?: AlertSeverity;
+    children: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+export declare const Alert: {
+    ({ severity, children, dismissible, onDismiss, className, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert/Alert.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAEpE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,eAAO,MAAM,KAAK;iEAMf,UAAU;;CAgCZ,CAAA"}

package/dist/components/Alert/index.d.ts ADDED Viewed

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

package/dist/components/Alert/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/AttributeChip/AttributeChip.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface AttributeChipProps {
+    label: string;
+    icon?: IconDefinition;
+    disabled?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+export declare const AttributeChip: React.ForwardRefExoticComponent<AttributeChipProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AttributeChip.d.ts.map

package/dist/components/AttributeChip/AttributeChip.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AttributeChip.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeChip/AttributeChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAKvE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,2FAmCzB,CAAA"}

package/dist/components/AttributeChip/index.d.ts ADDED Viewed

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

package/dist/components/AttributeChip/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Avatar/Avatar.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export type AvatarType = 'initials' | 'icon' | 'image';
+export type AvatarSize = 'default' | 'small';
+export interface AvatarProps {
+    type?: AvatarType;
+    size?: AvatarSize;
+    /** For type="initials" — 1 or 2 characters */
+    initials?: string;
+    /** For type="icon" — defaults to faUser */
+    icon?: IconDefinition;
+    /** For type="image" */
+    src?: string;
+    alt?: string;
+    className?: string;
+}
+export declare const Avatar: {
+    ({ type, size, initials, icon, src, alt, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAKvE,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,MAAM;2DAQhB,WAAW;;CAsBb,CAAA"}

package/dist/components/Avatar/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps, AvatarType, AvatarSize } from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map ADDED Viewed

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

package/dist/components/Badge/Badge.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type BadgeVariant = 'numeric' | 'dot';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    value?: number;
+    max?: number;
+}
+export declare const Badge: {
+    ({ variant, value, max, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,KAAK,CAAA;AAE5C,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,KAAK;mDAAkE,UAAU;;CAgB7F,CAAA"}

package/dist/components/Badge/index.d.ts ADDED Viewed

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

package/dist/components/Badge/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,14 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    className?: string;
+}
+export declare const Breadcrumb: {
+    ({ items, className }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU;2BAA0B,eAAe;;CA0B/D,CAAA"}

package/dist/components/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/Breadcrumb/index.d.ts.map ADDED Viewed

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

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type ButtonVariant = 'brandPrimary' | 'brandSecondary' | 'neutral' | 'statusError';
+export type ButtonEmphasis = 'primary' | 'secondary' | 'tertiary';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    emphasis?: ButtonEmphasis;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    loading?: boolean;
+    children: React.ReactNode;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,SAAS,GAAG,aAAa,CAAA;AACzF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAA;AAEjE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,uFA+ClB,CAAA"}

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

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

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

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

package/dist/components/ButtonGroup/ButtonGroup.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { ButtonVariant, ButtonEmphasis } from '../Button/Button';
+export interface ButtonGroupItem {
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface ButtonGroupProps {
+    items: ButtonGroupItem[];
+    variant?: ButtonVariant;
+    emphasis?: ButtonEmphasis;
+    className?: string;
+}
+export declare const ButtonGroup: {
+    ({ items, variant, emphasis, className, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/ButtonGroup/ButtonGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGrE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW;+CAKrB,gBAAgB;;CAuBlB,CAAA"}

package/dist/components/ButtonGroup/index.d.ts ADDED Viewed

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

package/dist/components/ButtonGroup/index.d.ts.map ADDED Viewed

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

package/dist/components/Card/Card.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface CardAction {
+    label: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+}
+export interface CardProps {
+    title: string;
+    subtitle?: string;
+    content?: string;
+    children?: React.ReactNode;
+    mediaSrc?: string;
+    mediaAlt?: string;
+    primaryAction?: CardAction;
+    secondaryAction?: CardAction;
+    className?: string;
+}
+export declare const Card: {
+    ({ title, subtitle, content, children, mediaSrc, mediaAlt, primaryAction, secondaryAction, className, }: CardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,IAAI;6GAUd,SAAS;;CAgDX,CAAA"}

package/dist/components/Card/index.d.ts ADDED Viewed

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

package/dist/components/Card/index.d.ts.map ADDED Viewed

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

package/dist/components/ChartCard/ChartCard.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+export interface BarChartDataPoint {
+    label: string;
+    value: number;
+}
+export interface ChartCardProps {
+    value: string;
+    description: string;
+    data: BarChartDataPoint[];
+    className?: string;
+}
+export declare const ChartCard: {
+    ({ value, description, data, className }: ChartCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ChartCard.d.ts.map

package/dist/components/ChartCard/ChartCard.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../src/components/ChartCard/ChartCard.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA0CD,eAAO,MAAM,SAAS;8CAA6C,cAAc;;CAYhF,CAAA"}

package/dist/components/ChartCard/index.d.ts ADDED Viewed

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

package/dist/components/ChartCard/index.d.ts.map ADDED Viewed

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

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    required?: boolean;
+    indeterminate?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAM1D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,wFA0DpB,CAAA"}

package/dist/components/Checkbox/index.d.ts ADDED Viewed

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

package/dist/components/Checkbox/index.d.ts.map ADDED Viewed

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

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type CheckboxGroupOrientation = 'vertical' | 'horizontal';
+export interface CheckboxGroupProps {
+    children: React.ReactNode;
+    orientation?: CheckboxGroupOrientation;
+    label?: string;
+    className?: string;
+}
+export declare const CheckboxGroup: {
+    ({ children, orientation, label, className, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,wBAAwB,GAAG,UAAU,GAAG,YAAY,CAAA;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,wBAAwB,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa;mDAKvB,kBAAkB;;CAmBpB,CAAA"}

package/dist/components/CheckboxGroup/index.d.ts ADDED Viewed

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

package/dist/components/CheckboxGroup/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Chip/Chip.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    label: string;
+    icon?: IconDefinition;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    onChange?: (selected: boolean) => void;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip/Chip.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAIvE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,IAAI,qFA8ChB,CAAA"}

package/dist/components/Chip/index.d.ts ADDED Viewed

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

package/dist/components/Chip/index.d.ts.map ADDED Viewed

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