@confidencesystemsinc/sdk 1.0.0

package/README.md

@@ -0,0 +1,54 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config({
+  extends: [
+    // Remove ...tseslint.configs.recommended and replace with this
+    ...tseslint.configs.recommendedTypeChecked,
+    // Alternatively, use this for stricter rules
+    ...tseslint.configs.strictTypeChecked,
+    // Optionally, add this for stylistic rules
+    ...tseslint.configs.stylisticTypeChecked,
+  ],
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config({
+  plugins: {
+    // Add the react-x and react-dom plugins
+    'react-x': reactX,
+    'react-dom': reactDom,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended typescript rules
+    ...reactX.configs['recommended-typescript'].rules,
+    ...reactDom.configs.recommended.rules,
+  },
+})
+```

package/dist/components/badge.d.ts

@@ -0,0 +1,54 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare const BadgeSolid: {
+    readonly white: "bg-white text-dark-300 border border-gray-300";
+    readonly primary: "bg-primary-600";
+    readonly secondary: "bg-secondary-500";
+    readonly success: "bg-success-600";
+    readonly info: "bg-info-500";
+    readonly warning: "bg-warning-500 text-gray-800";
+    readonly danger: "bg-danger-500";
+    readonly steel: "bg-steel-500";
+    readonly orange: "bg-orange-500";
+    readonly purple: "bg-purple-500";
+    readonly grayDark: "bg-gray-900";
+    readonly grayLight: "bg-gray-100 text-gray-800";
+};
+export declare const BadgeOutline: {
+    readonly white: "text-white border border-white";
+    readonly primary: "text-primary-600 border border-primary-600";
+    readonly secondary: "text-secondary-500 border border-secondary-500";
+    readonly success: "text-success-600 border border-success-600";
+    readonly info: "text-info-500 border border-info-500";
+    readonly warning: "text-warning-500 border border-warning-500";
+    readonly danger: "text-danger-500 border border-danger-500";
+    readonly steel: "text-steel-500 border border-steel-500";
+    readonly orange: "text-orange-500 border border-orange-500";
+    readonly purple: "text-purple-500 border border-purple-500";
+    readonly grayDark: "text-gray-700 border border-gray-700";
+    readonly grayLight: "text-gray-500 border border-gray-100";
+};
+export declare const BadgeRoundness: {
+    readonly normal: "rounded";
+    readonly pill: "rounded-pill";
+};
+declare const BadgeSize: {
+    readonly big: "h-[24px] leading-[24px] text-md px-1";
+    readonly medium: "h-[22px] leading-[22px] text-sm px-[2px]";
+    readonly small: "h-[18px] leading-[18px] text-xs px-[2px]";
+};
+export interface BadgeProps extends ComponentPropsWithoutRef<"div"> {
+    category?: "solid" | "outline";
+    color?: keyof typeof BadgeSolid;
+    roundness?: keyof typeof BadgeRoundness;
+    size?: keyof typeof BadgeSize;
+    textClassName?: string;
+    children: React.ReactNode;
+    onClose?: () => void;
+    onArrowClick?: () => void;
+    className?: string;
+    onCustomIconClick?: () => void;
+    arrowTitle?: string;
+    closeTitle?: string;
+}
+export declare const Badge: ({ category, color, roundness, size, textClassName, children, className, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/initiate-playbook-modal/InitiatePlaybookModal.d.ts

@@ -0,0 +1,6 @@
+export declare const InitiatePlaybookModal: ({ onConfirm, onClose, isOpen, title, }: {
+    onConfirm: (email: string) => void | Promise<void>;
+    onClose: () => void;
+    isOpen: boolean;
+    title?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/playbook/confidence-playbook.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { TaskButton } from '../../hooks/useTaskButtons';
+import { Playbook } from '../../types/playbook.types';
+export declare const ConfidencePlaybook: {
+    ({ playbookInstanceId, viewMode, }: {
+        playbookInstanceId: string | number;
+        viewMode: "list" | "card";
+    }): import("react/jsx-runtime").JSX.Element;
+    Context: ({ children }: {
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    View: ({ playbook, viewMode, onTaskButtonClick, }: {
+        viewMode: "list" | "card";
+        playbook: Playbook;
+        onTaskButtonClick: (btn: TaskButton, taskId: number) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TasksContainer: ({ className, children, }: {
+        className?: string;
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AutoInstantiated: ({ email, playbookId, viewMode, }: {
+        email: string;
+        playbookId: string;
+        viewMode: "list" | "card";
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/playbook/playbook-header.d.ts

@@ -0,0 +1,3 @@
+export declare const PlaybookHeader: ({ title, className, ...props }: React.ComponentProps<"div"> & {
+    title: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/playbook-button/ConfidencePlaybookButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonSizeType } from '../ui/button';
+export declare const ConfidencePlaybookButton: ({ btnClassName, buttonNode, size, playbookId, onInitiated, }: {
+    btnClassName?: string;
+    buttonNode?: React.ReactNode;
+    size?: ButtonSizeType;
+    playbookId: string;
+    onInitiated: (playbookInstanceId: number) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/task/confidence-task.d.ts

@@ -0,0 +1,17 @@
+import { TaskButton } from '../../hooks/useTaskButtons';
+import { PlaybookType } from '../../types/playbook.types';
+import { Task } from '../../types/task.types';
+declare const TASK_VERIFICATION_TYPE: {
+    readonly PHOTO: "photo";
+    readonly SCREENSHOT: "screenshot";
+};
+export type TaskVerificationType = (typeof TASK_VERIFICATION_TYPE)[keyof typeof TASK_VERIFICATION_TYPE];
+export declare const ConfidenceTask: ({ task, step, playbookType, onButtonClick, viewMode, canStart, }: {
+    task: Task;
+    playbookType: PlaybookType;
+    step: number;
+    onButtonClick: (buttonType: TaskButton) => void;
+    viewMode?: "card" | "list";
+    canStart?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/task/task-buttons.d.ts

@@ -0,0 +1,5 @@
+import { TaskButton } from '../../hooks/useTaskButtons';
+export declare const TaskButtons: ({ buttons, onButtonClick, }: {
+    buttons: TaskButton[];
+    onButtonClick: (buttonType: TaskButton) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/task/task-dropdown-badge.d.ts

@@ -0,0 +1,18 @@
+declare const TASK_DROPDOWN_BADGE_VARIANTS: {
+    readonly default: "text-secondary-600 border-secondary-600";
+    readonly primary: "text-primary-600 border-primary-600";
+    readonly success: "text-success-600 border-success-600";
+};
+interface TaskDropdownBadgeProps {
+    title: string;
+    variant?: keyof typeof TASK_DROPDOWN_BADGE_VARIANTS;
+    transitions: {
+        id: string;
+        color: "primary" | "success";
+        action: string;
+        to: string;
+    }[];
+    onClick?: (action: string) => void;
+}
+export declare const TaskDropdownBadge: ({ title, variant, transitions, onClick, }: TaskDropdownBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/task/task-left-panel.d.ts

@@ -0,0 +1,10 @@
+import { TaskStatus } from '../../types/task.types';
+import { PlaybookType } from '../../types/playbook.types';
+export interface TaskCardV2LeftPanelProps {
+    playbookType: PlaybookType;
+    status: TaskStatus;
+    step: number;
+    isSelected?: boolean;
+    onSelect?: (withShiftKey?: boolean) => void;
+}
+export declare const TaskLeftPanel: ({ playbookType, status, step, isSelected, onSelect, }: TaskCardV2LeftPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/task/task-status-badge.d.ts

@@ -0,0 +1,9 @@
+import { TaskStatus } from '../../types/task.types';
+import { BadgeSolid } from '../badge';
+export interface TaskCardV2StatusBadgeProps {
+    status: TaskStatus;
+}
+export declare const STATUS_BADGE_COLOR: {
+    [key in TaskStatus]?: keyof typeof BadgeSolid;
+};
+export declare const TaskStatusBadge: ({ status }: TaskCardV2StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/button.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, ButtonHTMLAttributes, CSSProperties } from 'react';
+export type ButtonCategoryType = "solid" | "link" | "linkHoverSolid" | "outline";
+export declare const ButtonSize: {
+    readonly none: "";
+    readonly default: "min-w-fit h-[40px] text-base px-3";
+    readonly base: "w-full md:min-w-fit h-[40px] text-base px-3";
+    readonly small: "min-w-[106px] h-[30px] text-sm px-2";
+    readonly normal: "min-w-[140px] h-[38px] text-base px-3";
+    readonly large: "min-w-[160px] h-[40px] text-lg px-3";
+    readonly NormalBlock: "w-full h-[40px] text-lg px-3";
+    readonly box: "w-[38px] h-[38px]";
+    readonly smallCollapse: "h-[30px] text-sm px-2";
+    readonly normalCollapse: "h-[38px] text-base px-3";
+};
+export type ButtonSizeType = keyof typeof ButtonSize;
+export declare const ButtonRounded: {
+    readonly none: "";
+    readonly default: "rounded";
+    readonly pill: "rounded-pill";
+};
+export type ButtonRoundedType = keyof typeof ButtonRounded;
+export interface ButtonProps extends ButtonHTMLAttributes<Omit<HTMLButtonElement, "type">> {
+    active?: boolean;
+    children: ReactNode;
+    color?: string;
+    size?: ButtonSizeType;
+    category?: "solid" | "link" | "outline" | "linkHoverSolid";
+    type?: "button" | "submit";
+    rounded?: ButtonRoundedType;
+    className?: string;
+    useFilterStyle?: boolean;
+    usePaginationStyle?: boolean;
+    dataCy?: string;
+    testingIdKey?: string;
+    style?: CSSProperties;
+}
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/ui/header.d.ts

@@ -0,0 +1 @@
+export declare const Header: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/input.d.ts

@@ -0,0 +1,9 @@
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    type?: string;
+    label: string;
+    description?: string;
+}
+export declare const InputField: ({ type, className, label, description, ...props }: InputProps & {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/modal.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export declare const Modal: ({ isOpen, close, title, dismissOptions, confirmOptions, children, }: {
+    isOpen: boolean;
+    close: () => void;
+    title: string;
+    children: React.ReactNode;
+    dismissOptions?: {
+        label: string;
+        onClick: () => void;
+    };
+    confirmOptions?: {
+        label: string;
+        onClick: () => void;
+        disabled?: boolean;
+    };
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/constants/settings.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SERVICES_URL = "https://api.confidence.org";
+export declare const KONG_KEY = "3QM9PlH0BuyKaVErlBWxVJU5v0vFlMJv";

package/dist/hooks/task-events/useCompleteTask.d.ts

@@ -0,0 +1,99 @@
+export declare const useCompleteTask: () => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    completeTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: undefined;
+    variables: string;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    completeTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: string;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    completeTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: {
+        status: import('../../types/task.types').TaskStatus;
+    };
+    error: null;
+    variables: string;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    completeTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+};

package/dist/hooks/task-events/useStartTask.d.ts

@@ -0,0 +1,99 @@
+export declare const useStartTask: () => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    startTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: undefined;
+    variables: string;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    startTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: string;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    startTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+} | {
+    data: {
+        status: import('../../types/task.types').TaskStatus;
+    };
+    error: null;
+    variables: string;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    mutate: import('@tanstack/react-query').UseMutateFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import('@tanstack/react-query').UseMutateAsyncFunction<{
+        status: import('../../types/task.types').TaskStatus;
+    }, Error, string, unknown>;
+    startTask: (taskInstanceId: string) => Promise<{
+        status: import('../../types/task.types').TaskStatus;
+    }>;
+};

package/dist/hooks/usePlaybook.d.ts

@@ -0,0 +1,10 @@
+import { Playbook } from '../types/playbook.types';
+export declare const usePlaybook: (playbookInstanceId: number | string) => {
+    playbook: Playbook;
+    isLoading: boolean;
+    error: Error | null;
+    actions: {
+        completeTask: (taskInstanceId: number, sequenceOrder: number) => Promise<void>;
+        startTask: (taskInstanceId: number) => Promise<void>;
+    };
+};

package/dist/hooks/usePlaybookActions.d.ts

@@ -0,0 +1,6 @@
+export declare const usePlaybookActions: (playbookInstanceId: number | string, options: {
+    quickComplete?: boolean;
+}) => {
+    completeTask: (taskInstanceId: number, sequenceOrder: number) => Promise<void>;
+    startTask: (taskInstanceId: number) => Promise<void>;
+};

package/dist/hooks/useTaskButtons.d.ts

@@ -0,0 +1,17 @@
+import { TaskStatus } from '../types/task.types';
+export declare const TASK_BUTTONS: {
+    readonly START: "START";
+    readonly PAUSE: "PAUSE";
+    readonly RESUME: "RESUME";
+    readonly COMPLETE: "COMPLETE";
+};
+export declare const TASK_BUTTONS_DISPLAY_TEXT: {
+    [key in TaskButton]: string;
+};
+export type TaskButton = (typeof TASK_BUTTONS)[keyof typeof TASK_BUTTONS];
+export declare const useTaskButtons: (args: {
+    taskStatus: TaskStatus;
+    canStart: boolean;
+}) => {
+    buttons: "START"[] | ("PAUSE" | "COMPLETE")[];
+};

package/dist/index.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:calc(var(--spacing)*0)!important}.top-0{top:calc(var(--spacing)*0)!important}.z-50{z-index:50!important}.z-\[4\]{z-index:4!important}.container{width:100%!important}@media (min-width:40rem){.container{max-width:40rem!important}}@media (min-width:48rem){.container{max-width:48rem!important}}@media (min-width:64rem){.container{max-width:64rem!important}}@media (min-width:80rem){.container{max-width:80rem!important}}@media (min-width:96rem){.container{max-width:96rem!important}}.mx-1{margin-inline:calc(var(--spacing)*1)!important}.mx-auto{margin-inline:auto!important}.mt-3{margin-top:calc(var(--spacing)*3)!important}.-mb-3{margin-bottom:calc(var(--spacing)*-3)!important}.ml-1{margin-left:calc(var(--spacing)*1)!important}.ml-2{margin-left:calc(var(--spacing)*2)!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.size-\[16px\]{width:16px!important;height:16px!important}.h-\[18px\]{height:18px!important}.h-\[22px\]{height:22px!important}.h-\[24px\]{height:24px!important}.h-\[30px\]{height:30px!important}.h-\[38px\]{height:38px!important}.h-\[40px\]{height:40px!important}.h-\[56px\]{height:56px!important}.min-h-screen{min-height:100vh!important}.w-\[27px\]{width:27px!important}.w-\[38px\]{width:38px!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.max-w-lg{max-width:var(--container-lg)!important}.max-w-md{max-width:var(--container-md)!important}.min-w-\[106px\]{min-width:106px!important}.min-w-\[140px\]{min-width:140px!important}.min-w-\[160px\]{min-width:160px!important}.min-w-\[172px\]{min-width:172px!important}.min-w-fit{min-width:fit-content!important}.flex-1{flex:1!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:calc(var(--spacing)*2)!important}.gap-3{gap:calc(var(--spacing)*3)!important}.gap-4{gap:calc(var(--spacing)*4)!important}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0!important;border-bottom-style:var(--tw-border-style)!important;border-top-style:var(--tw-border-style)!important;border-top-width:calc(1px*var(--tw-divide-y-reverse))!important;border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))!important}:where(.divide-black\/20>:not(:last-child)){border-color:oklab(0% none none/.2) oklab(0% none none/.2) oklab(0% none none/.2) oklab(0% none none/.2)!important}:where(.divide-gray-100>:not(:last-child)){border-color:#ebedef!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-y{border-block-style:var(--tw-border-style)!important;border-block-width:1px!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-\[\#94C8FF\]{border-color:#94c8ff!important}.border-\[\#A5DAB1\]{border-color:#a5dab1!important}.border-\[\#C1C5C8\]{border-color:#c1c5c8!important}.border-danger-500{border-color:#dc3545!important}.border-gray-50{border-color:#f5f6f7!important}.border-gray-100{border-color:#ebedef!important}.border-gray-200{border-color:#ced1d6!important}.border-gray-300{border-color:#b0b5bd!important}.border-gray-400{border-color:#757e8c!important}.border-gray-700{border-color:#2c3544!important}.border-gray-800{border-color:#232b37!important}.border-info-500{border-color:#17a2b8!important}.border-orange-500{border-color:#ff7800!important}.border-primary-600{border-color:#0069d9!important}.border-purple-500{border-color:#a855f7!important}.border-secondary-500{border-color:#6c757d!important}.border-secondary-600{border-color:#5a6268!important}.border-steel-500{border-color:#556987!important}.border-success-600{border-color:#218838!important}.border-warning-500{border-color:#ffc107!important}.border-white{border-color:#fff!important}.bg-\[\#E6F2FF\]{background-color:#e6f2ff!important}.bg-\[\#EAF6EC\]{background-color:#eaf6ec!important}.bg-\[\#F0F1F2\]{background-color:#f0f1f2!important}.bg-\[\#FFE600\]{background-color:#ffe600!important}.bg-black\/30{background-color:oklab(0% none none/.3)!important}.bg-danger-500{background-color:#dc3545!important}.bg-dark{background-color:#1c232d!important}.bg-fiserv-orange-500{background-color:#f60!important}.bg-gray-50{background-color:#f5f6f7!important}.bg-gray-100{background-color:#ebedef!important}.bg-gray-400{background-color:#757e8c!important}.bg-gray-500{background-color:#3a475b!important}.bg-gray-800{background-color:#232b37!important}.bg-gray-900{background-color:#1c232d!important}.bg-info-500{background-color:#17a2b8!important}.bg-orange-500{background-color:#ff7800!important}.bg-primary-600{background-color:#0069d9!important}.bg-primary-800{background-color:#0054af!important}.bg-purple-500{background-color:#a855f7!important}.bg-secondary-500{background-color:#6c757d!important}.bg-steel-500{background-color:#556987!important}.bg-success-500{background-color:#28a745!important}.bg-success-600{background-color:#218838!important}.bg-warning-500{background-color:#ffc107!important}.bg-white{background-color:#fff!important}.bg-yellow{background-color:#ffe600!important}.p-2{padding:calc(var(--spacing)*2)!important}.p-4{padding:calc(var(--spacing)*4)!important}.px-1{padding-inline:calc(var(--spacing)*1)!important}.px-2{padding-inline:calc(var(--spacing)*2)!important}.px-3{padding-inline:calc(var(--spacing)*3)!important}.px-4{padding-inline:calc(var(--spacing)*4)!important}.px-\[2px\]{padding-inline:2px!important}.py-1{padding-block:calc(var(--spacing)*1)!important}.py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.py-3{padding-block:calc(var(--spacing)*3)!important}.py-4{padding-block:calc(var(--spacing)*4)!important}.pt-2{padding-top:calc(var(--spacing)*2)!important}.pr-2{padding-right:calc(var(--spacing)*2)!important}.text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-sm\/6{font-size:var(--text-sm)!important;line-height:calc(var(--spacing)*6)!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.leading-\[18px\]{--tw-leading:18px!important;line-height:18px!important}.leading-\[22px\]{--tw-leading:22px!important;line-height:22px!important}.leading-\[24px\]{--tw-leading:24px!important;line-height:24px!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.whitespace-nowrap{white-space:nowrap!important}.text-\[\#1C232D\]{color:#1c232d!important}.text-black{color:#000!important}.text-danger-500{color:#dc3545!important}.text-dark{color:#1c232d!important}.text-dark-300{color:#343a40!important}.text-fiserv-orange-500{color:#f60!important}.text-gray-50{color:#f5f6f7!important}.text-gray-200{color:#ced1d6!important}.text-gray-400{color:#757e8c!important}.text-gray-500{color:#3a475b!important}.text-gray-700{color:#2c3544!important}.text-gray-800{color:#232b37!important}.text-gray-900{color:#1c232d!important}.text-info-500{color:#17a2b8!important}.text-orange-500{color:#ff7800!important}.text-primary-600{color:#0069d9!important}.text-purple-500{color:#a855f7!important}.text-secondary{color:#6c757d!important}.text-secondary-400{color:#899197!important}.text-secondary-500{color:#6c757d!important}.text-secondary-600{color:#5a6268!important}.text-steel-500{color:#556987!important}.text-success-500{color:#28a745!important}.text-success-600{color:#218838!important}.text-warning-500{color:#ffc107!important}.text-white{color:#fff!important}.text-yellow{color:#ffe600!important}.uppercase{text-transform:uppercase!important}.line-through{text-decoration-line:line-through!important}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-dark\/50{--tw-shadow-color:#1c232d80!important}@supports (color:color-mix(in lab,red,red)){.shadow-dark\/50{--tw-shadow-color:color-mix(in oklab,oklab(25.3864% -.0047446 -.0210213/.5) var(--tw-shadow-alpha),transparent)!important}}.outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.ease-in-out{--tw-ease:var(--ease-in-out)!important;transition-timing-function:var(--ease-in-out)!important}.ease-out{--tw-ease:var(--ease-out)!important;transition-timing-function:var(--ease-out)!important}.\[writing-mode\:vertical-lr\]{writing-mode:vertical-lr!important}@media (hover:hover){.hover\:bg-danger-500:hover{background-color:#dc3545!important}.hover\:bg-dark:hover{background-color:#1c232d!important}.hover\:bg-fiserv-orange-500:hover{background-color:#f60!important}.hover\:bg-gray-50:hover{background-color:#f5f6f7!important}.hover\:bg-gray-100:hover{background-color:#ebedef!important}.hover\:bg-gray-400:hover{background-color:#757e8c!important}.hover\:bg-gray-500:hover{background-color:#3a475b!important}.hover\:bg-gray-800:hover{background-color:#232b37!important}.hover\:bg-gray-900:hover{background-color:#1c232d!important}.hover\:bg-info-500:hover{background-color:#17a2b8!important}.hover\:bg-orange-500:hover{background-color:#ff7800!important}.hover\:bg-primary-800:hover{background-color:#0054af!important}.hover\:bg-purple-500:hover{background-color:#a855f7!important}.hover\:bg-secondary-500:hover{background-color:#6c757d!important}.hover\:bg-steel-500:hover{background-color:#556987!important}.hover\:bg-success-500:hover{background-color:#28a745!important}.hover\:bg-warning-500:hover{background-color:#ffc107!important}.hover\:bg-yellow:hover{background-color:#ffe600!important}.hover\:text-black:hover{color:#000!important}.hover\:text-danger-800:hover{color:#aa1927!important}.hover\:text-dark:hover{color:#1c232d!important}.hover\:text-fiserv-orange-800:hover{color:#bf4c00!important}.hover\:text-gray-400:hover{color:#757e8c!important}.hover\:text-gray-700:hover{color:#2c3544!important}.hover\:text-gray-800:hover{color:#232b37!important}.hover\:text-gray-900:hover{color:#1c232d!important}.hover\:text-info-800:hover{color:#026777!important}.hover\:text-orange-800:hover{color:#c75d00!important}.hover\:text-primary-800:hover{color:#0054af!important}.hover\:text-purple-800:hover{color:#6f33a7!important}.hover\:text-secondary-800:hover{color:#444a50!important}.hover\:text-steel-800:hover{color:#333f51!important}.hover\:text-success-800:hover{color:#106c25!important}.hover\:text-warning-800:hover{color:#b87708!important}.hover\:text-white:hover{color:#fff!important}.hover\:text-yellow:hover{color:#ffe600!important}}.focus\:outline:focus{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.focus\:outline-3:focus{outline-style:var(--tw-outline-style)!important;outline-width:3px!important}.focus\:outline-primary-500\/\[\.3\]:focus{outline-color:#007bff4d!important}.focus\:not-data-focus\:outline-none:focus:not([data-focus]){--tw-outline-style:none!important;outline-style:none!important}.active\:bg-gray-50:active{background-color:#f5f6f7!important}.active\:bg-gray-800:active{background-color:#232b37!important}.active\:text-black:active{color:#000!important}.active\:text-white:active{color:#fff!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:opacity-15:disabled{opacity:.15!important}.data-closed\:opacity-0[data-closed]{opacity:0!important}.data-focus\:outline-2[data-focus]{outline-style:var(--tw-outline-style)!important;outline-width:2px!important}.data-focus\:-outline-offset-2[data-focus]{outline-offset:-2px!important}.data-focus\:outline-primary-500[data-focus]{outline-color:#007bff!important}@media (min-width:48rem){.md\:min-w-fit{min-width:fit-content!important}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { ConfidencePlaybook } from './components/playbook/confidence-playbook';
+import { ConfidencePlaybookButton } from './components/playbook-button/ConfidencePlaybookButton';
+export { ConfidencePlaybook };
+export { ConfidencePlaybookButton };