@jars-labs/jars-components 1.0.0

package/dist/Table/Table.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+interface Column<T> {
+    key: keyof T;
+    header: string;
+    render?: (value: T[keyof T], item: T) => React.ReactNode;
+}
+interface TableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    itemsPerPage?: number;
+    totalRecords: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    showCheckboxes?: boolean;
+    onSelectionChange?: (selectedItems: T[]) => void;
+    loading?: boolean;
+}
+/**
+ *
+ * Table component that displays data in a table format, with support for pagination and row selection.
+ *
+ * @param data - The data to be displayed in the table
+ * @param columns - The columns to be displayed in the table
+ * @param itemsPerPage - The number of items to display per page
+ * @param totalRecords - The total number of records
+ * @param currentPage - The current page
+ * @param showCheckboxes - Whether to show checkboxes for selecting rows
+ * @param onSelectionChange - Callback function that is called when the selection changes
+ * @param loading - Whether the table is in a loading state
+ * @returns Render table with theme styles
+ */
+export declare function Table<T extends {
+    handleClick: () => void;
+}>({ data, columns, itemsPerPage, totalRecords, currentPage, onPageChange, showCheckboxes, onSelectionChange, loading, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/dist/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,UAAU,MAAM,CAAC,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;CACzD;AAED,UAAU,UAAU,CAAC,CAAC;IACpB,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;GAaG;AAEH,wBAAgB,KAAK,CAAC,CAAC,SAAS;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,EAAE,EAC3D,IAAI,EACJ,OAAO,EACP,YAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAsB,EACtB,iBAAiB,EACjB,OAAe,GAChB,EAAE,UAAU,CAAC,CAAC,CAAC,2CA6Gf"}

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,36 @@
+import { Tabs as MantineTabs, TabsProps as MantineTabsProps } from '@mantine/core';
+import React from 'react';
+interface TabsProps extends MantineTabsProps {
+    size?: 'xs' | 'sm';
+}
+type TabsComponent = React.FC<TabsProps> & {
+    List: typeof MantineTabs.List;
+    Tab: typeof MantineTabs.Tab;
+    Panel: typeof MantineTabs.Panel;
+};
+/**
+ *
+ * Tabs component is used to switch between different sections of content
+ * To control active tab, use `value` and `onChange` props
+ * To disable a single tab, use `disabled` prop on Tabs.Tab component
+ *
+ * @param size - Tabs size
+ * @param defaultValue - Default active tab value
+ * @param children - Tabs.List, Tabs.Tab and Tabs.Panel components
+ * @param onChange - Called when tab changes
+ * @param value - Active tab value
+ *
+ * @example
+ * <Tabs defaultValue="gallery">
+ *   <Tabs.List>
+ *     <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+ *     <Tabs.Tab value="messages" disabled>Messages</Tabs.Tab>
+ *     <Tabs.Tab value="settings">Settings</Tabs.Tab>
+ *   </Tabs.List>
+ * </Tabs>
+ *
+ *  @returns Rendered Tabs component
+ */
+export declare const Tabs: TabsComponent;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,WAAW,EACnB,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACzC,IAAI,EAAE,OAAO,WAAW,CAAC,IAAI,CAAA;IAC7B,GAAG,EAAE,OAAO,WAAW,CAAC,GAAG,CAAA;IAC3B,KAAK,EAAE,OAAO,WAAW,CAAC,KAAK,CAAA;CAChC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,IAAI,EAAE,aAelB,CAAA"}

package/dist/Text/Text.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    as?: React.ElementType;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'm' | 's' | 'xs' | 'xxs' | 'title0' | 'title0-mobile' | 'title1' | 'title1-500' | 'title1-500-mobile' | 'l-medium' | 'l-regular' | 'xxxl-medium' | 'xxl-medium' | 'xl-medium' | 'base-regular' | 'base-medium' | 'm-regular' | 'm-medium' | 's-light' | 'xs-light' | 'xxs-light' | 'xxs-normal' | 'xxs-bold' | 'title2' | 'title3' | 'title4' | 'headline' | 'headline-xxl' | 'subheader' | 'subheader-bold' | 'input';
+    weight?: 'bold' | 'medium' | 'regular';
+    color?: string;
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GAEL,QAAQ,GACR,eAAe,GACf,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,WAAW,GACX,cAAc,GACd,aAAa,GACb,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,OAAO,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AASD,eAAO,MAAM,IAAI,wFAuBhB,CAAA"}

package/dist/Textarea/Textarea.d.ts

@@ -0,0 +1,15 @@
+import { TextareaProps } from '@mantine/core';
+import React from 'react';
+export interface Textarea extends TextareaProps {
+    placeholder?: string;
+    name?: string;
+    value?: string;
+    label?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    error?: string;
+    description?: string;
+    holdSpace?: boolean;
+    hideLabel?: boolean;
+}
+export declare const Textarea: ({ error, name, placeholder, value, onChange, label, description, holdSpace, hideLabel, ...rest }: Textarea) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAA;AAEhF,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,QAAQ,qGAWlB,QAAQ,4CAqEV,CAAA"}

package/dist/ToastContainer/ToastContainer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ToastContainer: React.FC;
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/ToastContainer/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../src/ToastContainer/ToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAYlC,CAAA"}

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { TooltipProps as MantineTooltipProps } from '@mantine/core';
+import React from 'react';
+interface TooltipProps extends MantineTooltipProps {
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,IAAI,mBAAmB,EACpC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,YAAa,SAAQ,mBAAmB;CAAG;AAErD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAY1C,CAAA"}

package/dist/assets/Avatar.module.css

@@ -0,0 +1,17 @@
+/* src/Avatar/Avatar.module.css */
+.mc18435eb0_avatar {
+  border-radius: 100%;
+  border: 1px solid var(--color-neutral-300);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+  object-fit: cover;
+  padding: 0;
+}
+
+.mc18435eb0_placeholder {
+  border: 0;
+  padding: 0;
+}

package/dist/assets/base.css

@@ -0,0 +1,82 @@
+/*  src/base.css*/
+:root {
+  --color-jet-black: #383838;
+  /*  */
+  --color-white: #fff;
+  --color-neutral-100: #fbfafc;
+  --color-neutral-200: #f3f1f4;
+  --color-neutral-300: #dcdade;
+  --color-neutral-400: #a3a3a3;
+  --color-neutral-500: #686868;
+  --color-neutral-600: #332f37;
+  /*  */
+  --color-primary-50: #f2ebfb;
+  --color-primary-200: #b085e6;
+  --color-primary-300: #7b34d6;
+  --color-primary-400: #311556;
+  --color-primary-500: #190a2b;
+  /*  */
+  --color-secondary-100: #f2fbde;
+  --color-secondary-200: #e6f7be;
+  --color-secondary-300: #d5f192;
+  --color-secondary-400: #98b15c;
+  --color-secondary-500: #2e3d0b;
+  /*  */
+  --color-tertiary-100: #efeefd;
+  --color-tertiary-200: #dfdefb;
+  --color-tertiary-300: #aeacf4;
+  --color-tertiary-400: #403d93;
+  --color-tertiary-500: #211e78;
+  /*  */
+  --color-red-100: #fdeceb;
+  --color-red-200: #f28e86;
+  --color-red-300: #ea4335;
+  --color-red-400: #8c2820;
+  --color-red-500: #2f0d0b;
+  /*  */
+  --color-green-100: #ecf6ed;
+  --color-green-200: #9ad99d;
+  --color-green-300: #43a747;
+  --color-green-400: #28642b;
+  --color-green-500: #122e01;
+  /*  */
+  --color-orange-100: #fff4e7;
+  --color-orange-200: #ffd39f;
+  --color-orange-300: #ff900e;
+  --color-orange-400: #995608;
+  --color-orange-500: #3f2614;
+  /*  */
+  --color-yellow-100: #fffced;
+  --color-yellow-200: #fceb94;
+  --color-yellow-300: #fade4d;
+  --color-yellow-400: #b09c33;
+  --color-yellow-500: #322c0f;
+  /*  */
+
+  /* Shadows */
+  --shadow-200: 0px 8.446px 16.892px 0px var(--color-neutral-200),
+  0px 1.689px 16.892px 0px var(--color-neutral-200),
+  0px 1px 4px 0px rgba(86, 80, 76, 0.04);
+  --shadow-300: 0px 8.446px 18.9px 0px var(--color-neutral-300);
+
+  /* Shadows */
+  --shadow-200: 0px 8.446px 16.892px 0px var(--color-neutral-200),
+  0px 1.689px 16.892px 0px var(--color-neutral-200),
+  0px 1px 4px 0px rgba(86, 80, 76, 0.04);
+  --shadow-300: 0px 8.446px 18.9px 0px var(--color-neutral-300);
+
+  --font-family-sans-serif: 'DM Sans', sans-serif;
+
+  /* React toastify variables */
+  /* https://fkhadra.github.io/react-toastify/how-to-style#override-css-variables */
+  --toastify-color-error: var(--color-red-100) !important;
+  --toastify-text-color-error: var(--color-red-400) !important;
+  --toastify-color-success: var(--color-green-100) !important;
+  --toastify-text-color-success: var(--color-green-400) !important;
+  --toastify-color-transparent: currentcolor !important;
+}
+
+.mcb9dc1ae0_Toastify__toast-icon {
+  width: 32px;
+  margin-right: 8px;
+}