allaw-ui 0.0.18 → 0.0.293

package/dist/components/molecules/documentCard/DocumentCard.css

@@ -0,0 +1,130 @@
+@import "../../../styles/colors.css";
+
+.document-card {
+  display: flex;
+  width: 404px;
+  padding: 16px;
+  justify-content: space-between;
+  align-items: flex-start;
+  border-radius: 8px;
+  border: 1px solid var(--venom-grey, #e6edf5);
+  background: var(--Primary-Blanc, #fff);
+  box-shadow: 0px 1px 9px 0px rgba(15, 133, 168, 0.08);
+}
+
+.document-card-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+}
+
+.document-card-info {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 11px;
+  align-self: stretch;
+}
+
+.document-card-type {
+  color: var(--Tags-Mid-grey, var(--light-grey, #728ea7));
+  font-family: "Open Sans", sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 8px;
+  text-transform: uppercase;
+}
+
+.document-card-title {
+  color: var(--Primary-Mid-black, var(--primary-black, #171e25));
+  font-family: "Open Sans", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+
+.document-card-date {
+  color: var(--Tags-Mid-grey, var(--light-grey, #728ea7));
+  font-family: Inter, sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 10px;
+}
+
+.document-card-right {
+  display: flex;
+  height: 64px;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+
+/* Styles spécifiques pour le type "waiting" */
+.document-card.waiting {
+  width: 425px;
+  padding: 16px 16px 12px 16px;
+}
+
+.document-card.waiting .document-card-left {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 11px;
+}
+
+.document-card.waiting .document-card-title {
+  font-weight: 400;
+  line-height: 16px;
+  padding-top: 10px;
+}
+
+.document-card.waiting .document-list {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-left: 8px;
+  /* padding-top:; */
+}
+
+.document-card.waiting .document-bullet {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: var(--Primary-Mid-black, var(--primary-black, #171e25));
+  margin-right: 8px;
+  vertical-align: middle;
+}
+
+.document-card.waiting .document-label {
+  color: var(--Primary-Mid-black, var(--primary-black, #171e25));
+  font-family: "Open Sans", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: -0.03px;
+  margin-bottom: 1px;
+  display: flex;
+  align-items: center;
+}
+
+.document-card.waiting .document-card-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  height: auto;
+}
+
+.document-card.waiting .document-count {
+  color: var(--Tags-Rouge, #e15151);
+  font-family: Inter, sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}

package/dist/components/molecules/documentCard/DocumentCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./DocumentCard.css";
+export interface DocumentCardProps {
+    type: "document" | "note" | "invoice" | "waiting";
+    title: string;
+    date: Date;
+    status: "sent" | "received";
+    documents?: {
+        [key: string]: boolean;
+    };
+    documentCount?: string;
+}
+declare const DocumentCard: React.FC<DocumentCardProps>;
+export default DocumentCard;

package/dist/components/molecules/documentCard/DocumentCard.js

@@ -0,0 +1,59 @@
+import React from "react";
+import "./DocumentCard.css";
+import IconButton from "../../atoms/buttons/IconButton";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+var DocumentCard = function (_a) {
+    var type = _a.type, title = _a.title, date = _a.date, status = _a.status, _b = _a.documents, documents = _b === void 0 ? {} : _b, _c = _a.documentCount, documentCount = _c === void 0 ? "" : _c;
+    var getIconName = function () {
+        switch (type) {
+            case "document":
+                return "allaw-icon-edit-2";
+            case "note":
+                return "allaw-icon-document";
+            case "invoice":
+                return "allaw-icon-file";
+            case "waiting":
+                return "allaw-icon-clock";
+            default:
+                return "allaw-icon-document";
+        }
+    };
+    var getDisplayType = function (type) {
+        if (type === "invoice") {
+            return "FACTURE";
+        }
+        return type.toUpperCase();
+    };
+    var formatDate = function (date) {
+        return date.toLocaleDateString("fr-FR", {
+            day: "2-digit",
+            month: "2-digit",
+            year: "2-digit",
+        });
+    };
+    if (type === "waiting") {
+        var documentList = Object.keys(documents);
+        return (React.createElement("div", { className: "document-card waiting" },
+            React.createElement("div", { className: "document-card-left" },
+                React.createElement(OtherStatusTag, { type: "information", label: "Documents demand\u00E9s pour ce rendez-vous" }),
+                React.createElement("h3", { className: "document-card-title" }, title),
+                React.createElement("div", { className: "document-list" },
+                    React.createElement("ul", null, documentList.map(function (doc, index) { return (React.createElement("li", { key: index, className: "document-label" },
+                        React.createElement("span", { className: "document-bullet" }),
+                        " ",
+                        doc)); })))),
+            React.createElement("div", { className: "document-card-right" },
+                React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document" }),
+                React.createElement("span", { className: "document-count" }, documentCount))));
+    }
+    return (React.createElement("div", { className: "document-card" },
+        React.createElement("div", { className: "document-card-left" },
+            React.createElement(IconButton, { style: "largeFilled", iconName: getIconName() }),
+            React.createElement("div", { className: "document-card-info" },
+                React.createElement("span", { className: "document-card-type" }, getDisplayType(type)),
+                React.createElement("h3", { className: "document-card-title" }, title),
+                React.createElement("span", { className: "document-card-date" }, formatDate(date)))),
+        React.createElement("div", { className: "document-card-right" },
+            React.createElement(OtherStatusTag, { type: "information", label: status === "sent" ? "ENVOYÉ" : "REÇU" }))));
+};
+export default DocumentCard;

package/dist/components/molecules/documentCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DocumentCard } from "./DocumentCard";
+export type { DocumentCardProps } from "./DocumentCard";

package/dist/components/molecules/documentCard/index.js

@@ -0,0 +1 @@
+export { default as DocumentCard } from "./DocumentCard";

package/dist/components/molecules/employeeCard/EmployeeCard.css

@@ -0,0 +1,187 @@
+@import "../../../styles/colors.css";
+
+.employee-card {
+  font-family: "Open Sans", sans-serif;
+  border-radius: 16px;
+  border: 1px solid var(--venom-grey, #e6edf5);
+  background: var(--Primary-Blanc, #fff);
+}
+
+.employee-card.small {
+  display: flex;
+  width: 260px;
+  padding: 14px;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+
+.employee-card.large {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 1143px;
+  padding: 24px;
+  align-items: flex-start;
+  gap: 56px;
+}
+
+.employee-card .content {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
+}
+
+.employee-card .profile-image-container {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.employee-card.small .profile-image {
+  width: 66px;
+  height: 66px;
+  border-radius: 64px;
+  border: 2.37px solid var(--venom-grey, #e6edf5);
+}
+
+.employee-card.large .profile-image {
+  width: 94px;
+  height: 94px;
+  border-radius: 94px;
+  border: 2px solid var(--venom-grey, #e6edf5);
+}
+
+.employee-card .verified-icon {
+  position: absolute;
+  width: 35px;
+  height: 35px;
+  font-size: 28px;
+  color: var(--bleu-allaw);
+}
+
+.employee-card.small .verified-icon {
+  left: 46px;
+  top: 42px;
+}
+
+.employee-card.large .verified-icon {
+  left: 65px;
+  top: 71px;
+}
+
+.content-main-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  padding-left: 38px;
+}
+
+.employee-card .name-tag-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 12px;
+  padding-bottom: 6px;
+}
+
+.employee-card.large .name-tag-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 12px;
+  padding-bottom: 6px;
+}
+
+.employee-card.small .name {
+  color: var(--Primary-Mid-black, #171e25);
+  font-family: "Open Sans";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+
+.employee-card.large .name {
+  color: var(--Primary-Mid-black, #171e25);
+  font-family: Poppins;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 30px;
+}
+
+.role-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding-left: 14px;
+}
+
+.employee-card.large .content-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 24px;
+  flex: 1 0 0;
+  align-self: stretch;
+  padding-top: 6px;
+}
+
+.employee-card.large .contact-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 14px;
+  align-self: stretch;
+}
+
+.employee-card.large .contact-label {
+  color: var(--Tags-Mid-grey, #728ea7);
+  font-family: "Open Sans";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 0px;
+  padding-top: 12px;
+}
+
+.employee-card.large .phone-email-container {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 8px;
+  padding-left: 32px;
+  gap: 52px;
+  line-height: 16px;
+}
+
+.employee-card.large .phone-number {
+  color: var(--Primary-Dark-grey, #456073);
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 21px;
+}
+
+.employee-card.large .email {
+  color: var(--Primary-Dark-grey, #456073);
+  font-family: "Open Sans";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  display: flex;
+  flex-direction: row;
+  padding-bottom: 0px;
+  justify-content: center;
+}

package/dist/components/molecules/employeeCard/EmployeeCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./EmployeeCard.css";
+export interface EmployeeCardProps {
+    name: string;
+    role: string;
+    contactNumber: string;
+    email1: string;
+    email2: string;
+    profileImage: string;
+    isVerified: boolean;
+    size: "small" | "large";
+    onEdit: () => void;
+}
+declare const EmployeeCard: React.FC<EmployeeCardProps>;
+export default EmployeeCard;

package/dist/components/molecules/employeeCard/EmployeeCard.js

@@ -0,0 +1,34 @@
+import React from "react";
+import "./EmployeeCard.css";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import IconButton from "../../atoms/buttons/IconButton";
+import Image from "next/image";
+var NoPhoto = "/assets/NoPhoto.png";
+var EmployeeCard = function (_a) {
+    var name = _a.name, role = _a.role, contactNumber = _a.contactNumber, email1 = _a.email1, email2 = _a.email2, profileImage = _a.profileImage, isVerified = _a.isVerified, size = _a.size, onEdit = _a.onEdit;
+    var renderProfileImage = function () { return (React.createElement("div", { className: "profile-image-container" },
+        React.createElement(Image, { src: profileImage || NoPhoto, alt: name, width: size === "small" ? 64 : 94, height: size === "small" ? 64 : 94, className: "profile-image" }),
+        isVerified && (React.createElement("span", { className: "verified-icon allaw-icon-verified" })))); };
+    var renderNameAndRole = function () { return (React.createElement("div", { className: "name-tag-container" },
+        React.createElement("h3", { className: "name" }, name),
+        React.createElement("div", { className: "role-container" },
+            React.createElement(OtherStatusTag, { label: role, type: "information" })))); };
+    var renderContactInfo = function () { return (React.createElement("div", { className: "contact-container" },
+        React.createElement("span", { className: "contact-label" }, "CONTACT"),
+        React.createElement("div", { className: "phone-email-container" },
+            React.createElement("span", { className: "phone-number" }, contactNumber),
+            React.createElement("span", { className: "email" }, email1),
+            React.createElement("span", { className: "email" }, email2)))); };
+    var renderSmallCard = function () { return (React.createElement("div", { className: "content" },
+        renderProfileImage(),
+        renderNameAndRole())); };
+    var renderLargeCard = function () { return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "content" },
+            renderProfileImage(),
+            React.createElement("div", { className: "content-main-container" },
+                renderNameAndRole(),
+                React.createElement("div", { className: "content-container" }, renderContactInfo()))),
+        React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: onEdit }))); };
+    return (React.createElement("div", { className: "employee-card ".concat(size) }, size === "small" ? renderSmallCard() : renderLargeCard()));
+};
+export default EmployeeCard;

package/dist/components/molecules/employeeCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EmployeeCard } from "./EmployeeCard";
+export type { EmployeeCardProps } from "./EmployeeCard";

package/dist/components/molecules/employeeCard/index.js

@@ -0,0 +1 @@
+export { default as EmployeeCard } from "./EmployeeCard";

package/dist/components/molecules/stepper/Stepper.css

@@ -0,0 +1,80 @@
+.stepper-container {
+  display: flex;
+  width: 559px;
+  padding: 48px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  border-radius: 16px;
+  background: #fff;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 1001;
+}
+
+.stepper-content {
+  margin: 20px 0;
+  width: 100%;
+}
+
+.stepper-buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  gap: 16px;
+}
+
+.stepper-buttons.no-buttons {
+  display: none;
+}
+
+.stepper-button-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.secondary-button-container {
+  width: 38.2%;
+}
+
+.secondary-button-container.hidden,
+.primary-button-container.hidden {
+  display: none;
+}
+
+.primary-button-container {
+  width: 61.8%;
+}
+
+.stepper-buttons .primary-button-container:only-child {
+  width: 100%;
+}
+
+.stepper-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.stepper-content {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: "Open Sans", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0em;
+}

package/dist/components/molecules/stepper/Stepper.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "./Stepper.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+export interface StepperProps {
+    steps: number;
+    currentStep: number;
+    startIcon?: boolean[];
+    endIcon?: boolean;
+    children: React.ReactNode[];
+    secondaryButton?: {
+        show: boolean;
+        label: string;
+        icon: string;
+        onSecondaryButtonClick?: (step: number) => void;
+    }[];
+    primaryButton?: {
+        show: boolean;
+        label: string;
+        onPrimaryButtonClick?: (step: number) => void;
+    }[];
+    showProgressBar?: boolean[];
+    onClose?: () => void;
+    validateStep?: (step: number) => boolean;
+}
+declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

package/dist/components/molecules/stepper/Stepper.js

@@ -0,0 +1,66 @@
+import React, { useState, useEffect, useCallback } from "react";
+import ReactDOM from "react-dom";
+import "./Stepper.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+import ProgressBar from "../../atoms/progressBars/ProgressBar";
+import PrimaryButton from "../../atoms/buttons/PrimaryButton";
+import SecondaryButton from "../../atoms/buttons/SecondaryButton";
+var Stepper = function (_a) {
+    var steps = _a.steps, currentStep = _a.currentStep, _b = _a.startIcon, startIcon = _b === void 0 ? [] : _b, _c = _a.endIcon, endIcon = _c === void 0 ? true : _c, children = _a.children, _d = _a.secondaryButton, secondaryButton = _d === void 0 ? [] : _d, _e = _a.primaryButton, primaryButton = _e === void 0 ? [] : _e, _f = _a.showProgressBar, showProgressBar = _f === void 0 ? [] : _f, onClose = _a.onClose, validateStep = _a.validateStep;
+    var _g = useState(currentStep), step = _g[0], setStep = _g[1];
+    var _h = useState(null), portalContainer = _h[0], setPortalContainer = _h[1];
+    useEffect(function () {
+        var container = document.createElement("div");
+        document.body.appendChild(container);
+        setPortalContainer(container);
+        return function () {
+            document.body.removeChild(container);
+        };
+    }, []);
+    useEffect(function () {
+        setStep(currentStep);
+    }, [currentStep]);
+    var handleNext = useCallback(function () {
+        console.log("Stepper: Validating current step");
+        var currentPrimaryButton = primaryButton[step - 1];
+        if (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.onPrimaryButtonClick) {
+            currentPrimaryButton.onPrimaryButtonClick(step);
+        }
+        if (validateStep) {
+            var isValid = validateStep(step);
+            console.log("Stepper: Step ".concat(step, " validation result - ").concat(isValid ? "valid" : "invalid"));
+            if (!isValid) {
+                return;
+            }
+        }
+        if (step < steps) {
+            setStep(step + 1);
+        }
+        else if (step === steps && onClose) {
+            onClose();
+        }
+    }, [step, steps, validateStep, primaryButton, onClose]);
+    var handlePrevious = useCallback(function () {
+        if (step > 1) {
+            setStep(step - 1);
+        }
+    }, [step]);
+    var currentSecondaryButton = secondaryButton[step - 1];
+    var currentPrimaryButton = primaryButton[step - 1];
+    var currentShowProgressBar = showProgressBar[step - 1] !== false;
+    var currentShowStartIcon = startIcon[step - 1];
+    var stepperContent = (React.createElement("div", { className: "stepper-overlay", onClick: onClose },
+        React.createElement("div", { className: "stepper-container", onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(ProgressBar, { steps: steps, currentStep: step, startIcon: currentShowStartIcon, endIcon: endIcon, onStartIconClick: handlePrevious, onEndIconClick: onClose, showProgressBar: currentShowProgressBar }),
+            React.createElement("div", { className: "stepper-content" }, children[step - 1]),
+            React.createElement("div", { className: "stepper-buttons ".concat(!(currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && !(currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) ? "no-buttons" : "") },
+                (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container" },
+                    React.createElement(SecondaryButton, { label: currentSecondaryButton.label, startIcon: currentSecondaryButton.icon, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, step); } }))),
+                (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) && (React.createElement("div", { className: "stepper-button-container primary-button-container" },
+                    React.createElement(PrimaryButton, { label: currentPrimaryButton.label, onClick: handleNext })))))));
+    return portalContainer
+        ? ReactDOM.createPortal(stepperContent, portalContainer)
+        : null;
+};
+export default Stepper;

package/dist/components/molecules/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Stepper } from "./Stepper";
+export type { StepperProps } from "./Stepper";

package/dist/components/molecules/stepper/index.js

@@ -0,0 +1 @@
+export { default as Stepper } from "./Stepper";

package/dist/index.d.ts

@@ -1,2 +1,36 @@
-export { default as Button } from "./components/buttons/ButtonPrimary";
-export { default as Tag } from "./components/tags/AppointementStatusTag";
+export { default as Button } from "./components/atoms/buttons/PrimaryButton";
+export { default as FavoriteToggle } from "./components/atoms/buttons/FavoriteToggle";
+export { default as FilterButton } from "./components/atoms/buttons/FilterButton";
+export { default as GhostButton } from "./components/atoms/buttons/GhostButton";
+export { default as IconButton } from "./components/atoms/buttons/IconButton";
+export { default as PendingDocuments } from "./components/atoms/buttons/PendingDocuments";
+export { default as PrimaryButton } from "./components/atoms/buttons/PrimaryButton";
+export { default as SecondaryButton } from "./components/atoms/buttons/SecondaryButton";
+export { default as TabNavigation } from "./components/atoms/buttons/TabNavigation";
+export { default as TertiaryButton } from "./components/atoms/buttons/TertiaryButton";
+export { default as Checkbox } from "./components/atoms/checkboxes/Checkbox";
+export { default as Input } from "./components/atoms/inputs/Input";
+export type { InputProps, InputRef } from "./components/atoms/inputs/Input";
+export { default as SearchBar } from "./components/atoms/inputs/SearchBar";
+export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
+export { default as RadioButton } from "./components/atoms/radios/RadioButton";
+export { default as Select } from "./components/atoms/selects/Select";
+export type { SelectItem, SelectProps, SelectRef, } from "./components/atoms/selects/Select";
+export { default as AppointementStatusTag } from "./components/atoms/tags/AppointementStatusTag";
+export { default as FolderStatusTag } from "./components/atoms/tags/FolderStatusTag";
+export { default as OtherStatusTag } from "./components/atoms/tags/OtherStatusTag";
+export { default as Heading } from "./components/atoms/typography/Heading";
+export { default as Paragraph } from "./components/atoms/typography/Paragraph";
+export { default as SmallTitle } from "./components/atoms/typography/SmallTitle";
+export { default as Subtitle } from "./components/atoms/typography/Subtitle";
+export { default as TinyInfo } from "./components/atoms/typography/TinyInfo";
+export { default as BorderRadius } from "./components/atoms/uiVariables/BorderRadius";
+export { default as Shadows } from "./components/atoms/uiVariables/Shadows";
+export { default as Strokes } from "./components/atoms/uiVariables/Strokes";
+export { default as AppointmentSlot } from "./components/molecules/appointmentSlot/AppointmentSlot";
+export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
+export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";
+export { default as Stepper } from "./components/molecules/stepper/Stepper";
+export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";