flowstudio 0.0.14 → 0.0.18

package/dist/zustand/store.js

@@ -1,48 +1,44 @@
 import { create } from 'zustand';
 import { devtools, persist } from 'zustand/middleware';
 const configStore = (set) => ({
+    asBusiness: false,
+    toggleAsBusiness: () => set((state) => ({ asBusiness: !state.asBusiness })),
+    login_pane_visibility: false,
+    set_login_pane_visibility: (state) => set(() => ({ login_pane_visibility: state })),
+    drawer_visibility: false,
+    set_drawer_visibility: (state) => set(() => ({ drawer_visibility: state })),
+    user_country_data: {},
+    set_user_country_data: (payload) => set(() => ({ user_country_data: payload })),
+    payment_open: false,
+    set_payment_open: (state) => set(() => ({ payment_open: state })),
+    payment_pane_status: false,
+    open_payment_pane: () => set(() => ({ payment_pane_status: true })),
+    close_payment_pane: () => set(() => ({ payment_pane_status: false })),
+    payment_callback: '',
+    set_payment_callback: (callback) => set(() => ({ payment_callback: callback })),
+    payment_widget_visibility: false,
+    set_payment_widget_visibility: (state) => set(() => ({ payment_widget_visibility: state })),
+    tutorial_watch_pane: false,
+    set_tutorial_watch_pane: (bool) => set(() => ({ tutorial_watch_pane: bool })),
     pageTitle: ``,
     setPageTitle: (title) => set(() => ({ pageTitle: `${title}` })),
-    appTheme: `light`,
+    appTheme: `inherit`,
     setAppTheme: (theme) => set(() => ({ appTheme: `${theme}` })),
+    sideBarCollapse: false,
+    setSideBarCollapse: (collapse) => set(() => ({ sideBarCollapse: collapse })),
+    openedProjects: [],
+    setOpenedProjects: (projects) => set(() => ({ openedProjects: projects })),
+    activeTab: `home`,
+    setActiveTab: (identifier) => set(() => ({ activeTab: `${identifier}` })),
+    openSettings: false,
+    setOpenSettings: (state) => set(() => ({ openSettings: state })),
+    openReports: false,
+    setOpenReports: (state) => set(() => ({ openReports: state })),
     stateType: `design`,
     setStateType: (state) => set(() => ({ stateType: `${state}` })),
-    showContextMenu: false,
-    setShowContextMenu: () => set((state) => ({ showContextMenu: state })),
-    contextMenuPosition: { x: 0, y: 0 },
-    setContextMenuPosition: () => set((state) => ({ contextMenuPosition: state })),
-    nodesData: [
-        { id: 'node-1', type: 'startNode', dragHandle: '.drag-handle', position: { x: 100, y: 200 }, data: { id: 1, type: "start", value: 123, message: 'Welcome [Michelle] to Grow For Me:', inputs: [{ id: 1, type: 'choice', text: 'I want to Fund/Sponsor' }, { id: 2, type: 'choice', text: 'Check Fund Updates' }, { id: 3, type: 'choice', text: 'I want to Buy' }, { id: 4, type: 'choice', text: 'I want to Sell' }, { id: 5, type: 'choice', text: 'I am a Farmer' }] } },
-        { id: 'node-2', type: 'normalNode', dragHandle: '.drag-handle', position: { x: 450, y: 50 }, data: { id: 2, type: "normal", value: 321, message: 'Will you like to Sponsor/Fund a Campaign?', inputs: [{ id: 1, type: 'choice', text: 'Yes' }, { id: 2, type: 'choice', text: 'No' }] } },
-        { id: 'node-3', type: 'normalNode', dragHandle: '.drag-handle', position: { x: 500, y: 500 }, data: { id: 3, type: "normal", value: 321, message: 'Will you like to check your Fund Updates?', inputs: [{ id: 1, type: 'choice', text: 'Yes' }, { id: 2, type: 'choice', text: 'No' }] } },
-        { id: 'node-4', type: 'normalNode', dragHandle: '.drag-handle', position: { x: 800, y: 60 }, data: { id: 4, type: "normal", value: 321, message: 'How many units will you like to fund?', inputs: [{ id: 1, type: 'user_input', text: '', inputType: 'number' }] } },
-        { id: 'node-5', type: 'normalNode', dragHandle: '.drag-handle', position: { x: 830, y: 370 }, data: { id: 5, type: "normal", value: 3281, message: 'Is that all you be doing for now?', inputs: [{ id: 1, type: 'choice', text: 'Yes for now' }, { id: 2, type: 'choice', text: 'No, I want to see more' }] } },
-        { id: 'node-6', type: 'endNode', dragHandle: '.drag-handle', position: { x: 1500, y: 200 }, data: { id: 6, type: "end", value: 3121, message: 'Thank you for trying our service.' } },
-        { id: 'node-7', type: 'endNode', dragHandle: '.drag-handle', position: { x: 1300, y: 600 }, data: { id: 7, type: "end", value: 3122, message: 'We will surely get back to you with more information' } },
-    ],
-    setNodesData: (payload) => set((state) => ({ ...state, nodesData: payload })),
-    // edgesData: [],
-    edgesData: [
-        { id: 'e1-1', source: 'node-1', sourceHandle: '1', target: 'node-2', type: 'smoothstep', animated: false },
-        { id: 'e1-2', source: 'node-1', sourceHandle: '2', target: 'node-3', type: 'smoothstep', animated: true },
-        { id: 'e1-3', source: 'node-2', sourceHandle: '1', target: 'node-4', type: 'smoothstep', animated: false },
-        { id: 'e1-4', source: 'node-3', sourceHandle: '1', target: 'node-5', type: 'smoothstep', animated: true },
-        { id: 'e1-5', source: 'node-3', sourceHandle: '2', target: 'node-6', type: 'smoothstep', animated: false },
-        { id: 'e1-6', source: 'node-4', sourceHandle: '1', target: 'node-6', type: 'smoothstep', animated: false },
-        { id: 'e1-7', source: 'node-5', sourceHandle: '1', target: 'node-6', type: 'smoothstep', animated: false },
-        { id: 'e1-8', source: 'node-5', sourceHandle: '2', target: 'node-7', type: 'smoothstep', animated: true },
-    ],
-    setEdgesData: (payload) => set((state) => ({ ...state, edgesData: payload })),
-    updateEdgesAnimated: () => set((state) => ({
-        edgesData: state.edgesData.map((edge) => ({
-            ...edge,
-            animated: state.stateType === 'design' ? false : true,
-        }))
-    })),
+    openNewProject: false,
+    setOpenNewProject: (state) => set(() => ({ openNewProject: state })),
 });
 // Apply middlewares (devtools and persist)
-export const useConfigStore = create(devtools(persist(configStore, { name: 'uxxd_config' })));
-// configStore = devtools(configStore);
-// configStore = persist(configStore, { name: 'uxxd_config' });
-// export const useConfigStore = create(configStore)
+export const useConfigStore = create(devtools(persist(configStore, { name: 'flowstudio_config' })));
 //# sourceMappingURL=store.js.map

package/dist/zustand/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/zustand/store.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/zustand/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC;IAC/B,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAEhF,qBAAqB,EAAE,KAAK;IAC5B,yBAAyB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC;IAExF,iBAAiB,EAAE,KAAK;IACxB,qBAAqB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC;IAEhF,iBAAiB,EAAE,EAAS;IAC5B,qBAAqB,EAAE,CAAC,OAAY,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,CAAC;IAEpF,YAAY,EAAC,KAAK;IAClB,gBAAgB,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;IAE1E,mBAAmB,EAAE,KAAK;IAC1B,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,kBAAkB,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC;IAErE,gBAAgB,EAAE,EAAE;IACpB,oBAAoB,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAAC;IAGpF,yBAAyB,EAAE,KAAK;IAChC,6BAA6B,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,yBAAyB,EAAE,KAAK,EAAE,CAAC,CAAC;IAGhG,mBAAmB,EAAE,KAAK;IAC1B,uBAAuB,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,CAAC;IAElF,SAAS,EAAE,EAAS;IACpB,YAAY,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IAEpE,QAAQ,EAAE,SAAgB;IAC1B,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IAElE,eAAe,EAAE,KAAK;IACtB,kBAAkB,EAAE,CAAC,QAAiB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC;IAErF,cAAc,EAAE,EAAS;IACzB,iBAAiB,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE/E,SAAS,EAAE,MAAgB;IAC3B,YAAY,EAAE,CAAC,UAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,CAAC,CAAC;IAEjF,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;IAExE,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtE,SAAS,EAAE,QAAe;IAC1B,YAAY,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IAEpE,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;CAG5E,CAAC,CAAC;AAGH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAChC,QAAQ,CACJ,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CACtD,CACJ,CAAC"}

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "flowstudio",
-  "version": "0.0.14",
+  "version": "0.0.18",
   "private": false,
   "description": "Enterprise Flow Designer",
   "license": "MIT",
-  "repository": "https://github.com/godfrednanaowusu/flowstudio",
   "bugs": "https://github.com/godfrednanaowusu/flowstudio/issues",
   "homepage": "https://flowstudio.vercel.app",
   "main": "dist/index.js",
@@ -15,28 +14,49 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
+    "react": "latest",
+    "react-dom": "latest"
+  },
+  "devDependencies": {
     "@hookform/resolvers": "latest",
-    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-collapsible": "latest",
     "@radix-ui/react-form": "latest",
     "@radix-ui/react-icons": "latest",
     "@radix-ui/themes": "latest",
     "@tanstack/react-query": "latest",
+    "@types/node": "latest",
+    "@types/react": "latest",
+    "@types/react-table": "latest",
     "@xyflow/react": "latest",
+    "ace-builds": "latest",
+    "autoprefixer": "latest",
+    "countries-geo": "^0.0.1",
     "html-react-parser": "^5.2.2",
+    "jwt-decode": "latest",
+    "lodash": "latest",
     "lucide-react": "latest",
-    "react": "latest",
-    "react-dom": "latest",
+    "moment": "latest",
+    "next-auth": "5.0.0-beta.25",
+    "next-intl": "latest",
+    "next-pwa": "latest",
+    "next-view-transitions": "latest",
+    "prismjs": "latest",
+    "rc-mentions": "^2.20.0",
+    "react-ace": "latest",
+    "react-day-picker": "latest",
     "react-hook-form": "latest",
     "react-icons": "latest",
-    "yup": "latest"
-  },
-  "devDependencies": {
-    "@radix-ui/react-accordion": "^1.2.3",
-    "@types/node": "latest",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "cpx": "^1.5.0",
+    "react-mention": "^1.1.2",
+    "react-simple-code-editor": "latest",
+    "framer-motion": "latest",
+    "usehooks-ts": "latest",
+    "react-table": "latest",
+    "react-table-sticky": "latest",
+    "react-world-flags": "^1.6.0",
+    "sonner": "latest",
     "typescript": "latest",
+    "uuid": "latest",
+    "yup": "latest",
     "zustand": "latest"
   },
   "files": [

package/src/components/date_picker/style.css

@@ -0,0 +1,204 @@
+.rdp-root {
+  --rdp-accent-color: teal; /* The accent color used for selected days and UI elements. */
+  --rdp-accent-background-color: #ffffff; /* The accent background color used for selected days and UI elements. */
+
+  --rdp-day-height: 2.5rem; /* The height of the day cells. */
+  --rdp-day-width: 2.5rem; /* The width of the day cells. */
+
+  --rdp-day_button-border-radius: 10%; /* The border radius of the day cells. */
+  --rdp-day_button-border: 4px solid transparent; /* The border of the day cells. */
+  --rdp-day_button-height: var(
+    --rdp-day-height
+  ); /* The height of the day cells. */
+  --rdp-day_button-width: var(
+    --rdp-day-width
+  ); /* The width of the day cells. */
+
+  --rdp-selected-border: 1px solid var(--rdp-accent-color); /* The border of the selected days. */
+  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
+  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
+  --rdp-today-color: var(
+    --rdp-accent-color
+  ); /* The color of the today's date. */
+
+  --rdp-dropdown-gap: 1rem; /* The gap between the dropdowns used in the month captons. */
+
+  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
+
+  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
+  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
+  --rdp-nav_button-width: 2.75rem; /* The width of the navigation buttons. */
+  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
+
+  --rdp-range_middle-background-color: var(
+    --rdp-accent-background-color
+  ); /* The color of the background for days in the middle of a range. */
+  --rdp-range_middle-foreground-color: white; /* The foregraound color for days in the middle of a range. */
+  --rdp-range_middle-color: inherit; /* The color of the range text. */
+
+  --rdp-range_start-color: white; /* The color of the range text. */
+  --rdp-range_start-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    transparent 50%,
+    var(--rdp-range_middle-background-color) 50%
+  ); /* Used for the background of the start of the selected range. */
+  --rdp-range_start-date-background-color: var(
+    --rdp-accent-color
+  ); /* The background color of the date when at the start of the selected range. */
+
+  --rdp-range_end-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    var(--rdp-range_middle-background-color) 50%,
+    transparent 50%
+  ); /* Used for the background of the end of the selected range. */
+  --rdp-range_end-color: white; /* The color of the range text. */
+  --rdp-range_end-date-background-color: var(
+    --rdp-accent-color
+  ); /* The background color of the date when at the end of the selected range. */
+
+  --rdp-week_number-border-radius: 50%; /* The border radius of the week number. */
+  --rdp-week_number-border: 1px solid transparent; /* The border of the week number. */
+
+  --rdp-week_number-height: var(
+    --rdp-day-height
+  ); /* The height of the week number cells. */
+  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
+  --rdp-week_number-width: var(
+    --rdp-day-width
+  ); /* The width of the week number cells. */
+  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
+
+  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
+  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
+  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
+
+  --rdp-gradient-direction: 90deg;
+}
+
+.rdp-root[dir="rtl"] {
+  --rdp-gradient-direction: -90deg;
+}
+
+/* Root of the component. */
+.rdp-root {
+  position: relative; /* Required to position the navigation toolbar. */
+  box-sizing: border-box;
+}
+
+.rdp-root * {
+  box-sizing: border-box;
+}
+
+.rdp-day {
+  width: var(--rdp-day-width);
+  height: var(--rdp-day-height);
+  text-align: center;
+}
+
+.rdp-day_button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+
+  width: var(--rdp-day_button-width);
+  height: var(--rdp-day_button-height);
+  border: var(--rdp-day_button-border);
+  border-radius: var(--rdp-day_button-border-radius);
+}
+
+.rdp-day_button:disabled {
+  cursor: revert;
+}
+
+.rdp-caption_label {
+  z-index: 1;
+
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+
+  white-space: nowrap;
+  border: 0;
+}
+
+.rdp-button_next,
+.rdp-button_previous {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  appearance: none;
+
+  width: var(--rdp-nav_button-width);
+  height: var(--rdp-nav_button-height);
+}
+
+.rdp-button_next:disabled,
+.rdp-button_previous:disabled {
+  cursor: revert;
+
+  opacity: var(--rdp-nav_button-disabled-opacity);
+}
+
+.rdp-chevron {
+  display: inline-block;
+  fill: var(--rdp-accent-color);
+}
+
+.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+  transform: rotate(180deg);
+}
+
+.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+  transform: rotate(180deg);
+  transform-origin: 50%;
+}
+
+.rdp-dropdowns {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rdp-dropdown-gap);
+}
+.rdp-dropdown {
+  z-index: 2;
+
+  /* Reset */
+  opacity: 0;
+  appearance: none;
+  position: absolute;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: inherit;
+  border: none;
+  line-height: inherit;
+}
+
+.rdp-dropdown_root {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
+  opacity: var(--rdp-disabled-opacity);
+}

package/src/components/sheet/style.css

@@ -1,16 +1,16 @@
 /* SlidingDialog.css */
 /* .dialog-overlay {
-  position: fixed;
+  position: absolute !important;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
 } */
 
 .dialog-content {
-  /* background: white; */
-  position: fixed;
+  /* background: 'red' !important; */
+  position: absolute !important;
   /* width: 300px; */
-  height: 100%;
+  /* height: 100%; */
   overflow: auto;
   box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
   outline: none;
@@ -152,4 +152,4 @@
   width: 100%;
   height: auto;
   animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
+}

package/src/studio.css

@@ -0,0 +1,19 @@
+.react-flow__attribution { display: none; }
+
+.react-flow__controls-button{border-bottom-color: transparent
+   /* rgba(104, 104, 104, 0.4); */
+  }
+.react-flow__controls-button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;}
+.react-flow__controls-button:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
+.react-flow__minimap { border-radius: 10px;}
+.react-flow__minimap-svg { border-radius: 10px;}
+
+/* .react-flow__background {
+    background: white !important; 
+    opacity: 1 !important;
+  }
+
+  :fullscreen .react-flow__background {
+    background: white;
+    opacity: 1;
+  } */

package/src/styes/date_picker.css

@@ -0,0 +1,204 @@
+.rdp-root {
+  --rdp-accent-color: teal; /* The accent color used for selected days and UI elements. */
+  --rdp-accent-background-color: #ffffff; /* The accent background color used for selected days and UI elements. */
+
+  --rdp-day-height: 2.5rem; /* The height of the day cells. */
+  --rdp-day-width: 2.5rem; /* The width of the day cells. */
+
+  --rdp-day_button-border-radius: 10%; /* The border radius of the day cells. */
+  --rdp-day_button-border: 4px solid transparent; /* The border of the day cells. */
+  --rdp-day_button-height: var(
+    --rdp-day-height
+  ); /* The height of the day cells. */
+  --rdp-day_button-width: var(
+    --rdp-day-width
+  ); /* The width of the day cells. */
+
+  --rdp-selected-border: 1px solid var(--rdp-accent-color); /* The border of the selected days. */
+  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
+  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
+  --rdp-today-color: var(
+    --rdp-accent-color
+  ); /* The color of the today's date. */
+
+  --rdp-dropdown-gap: 1rem; /* The gap between the dropdowns used in the month captons. */
+
+  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
+
+  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
+  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
+  --rdp-nav_button-width: 2.75rem; /* The width of the navigation buttons. */
+  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
+
+  --rdp-range_middle-background-color: var(
+    --rdp-accent-background-color
+  ); /* The color of the background for days in the middle of a range. */
+  --rdp-range_middle-foreground-color: white; /* The foregraound color for days in the middle of a range. */
+  --rdp-range_middle-color: inherit; /* The color of the range text. */
+
+  --rdp-range_start-color: white; /* The color of the range text. */
+  --rdp-range_start-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    transparent 50%,
+    var(--rdp-range_middle-background-color) 50%
+  ); /* Used for the background of the start of the selected range. */
+  --rdp-range_start-date-background-color: var(
+    --rdp-accent-color
+  ); /* The background color of the date when at the start of the selected range. */
+
+  --rdp-range_end-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    var(--rdp-range_middle-background-color) 50%,
+    transparent 50%
+  ); /* Used for the background of the end of the selected range. */
+  --rdp-range_end-color: white; /* The color of the range text. */
+  --rdp-range_end-date-background-color: var(
+    --rdp-accent-color
+  ); /* The background color of the date when at the end of the selected range. */
+
+  --rdp-week_number-border-radius: 50%; /* The border radius of the week number. */
+  --rdp-week_number-border: 1px solid transparent; /* The border of the week number. */
+
+  --rdp-week_number-height: var(
+    --rdp-day-height
+  ); /* The height of the week number cells. */
+  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
+  --rdp-week_number-width: var(
+    --rdp-day-width
+  ); /* The width of the week number cells. */
+  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
+
+  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
+  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
+  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
+
+  --rdp-gradient-direction: 90deg;
+}
+
+.rdp-root[dir="rtl"] {
+  --rdp-gradient-direction: -90deg;
+}
+
+/* Root of the component. */
+.rdp-root {
+  position: relative; /* Required to position the navigation toolbar. */
+  box-sizing: border-box;
+}
+
+.rdp-root * {
+  box-sizing: border-box;
+}
+
+.rdp-day {
+  width: var(--rdp-day-width);
+  height: var(--rdp-day-height);
+  text-align: center;
+}
+
+.rdp-day_button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+
+  width: var(--rdp-day_button-width);
+  height: var(--rdp-day_button-height);
+  border: var(--rdp-day_button-border);
+  border-radius: var(--rdp-day_button-border-radius);
+}
+
+.rdp-day_button:disabled {
+  cursor: revert;
+}
+
+.rdp-caption_label {
+  z-index: 1;
+
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+
+  white-space: nowrap;
+  border: 0;
+}
+
+.rdp-button_next,
+.rdp-button_previous {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  appearance: none;
+
+  width: var(--rdp-nav_button-width);
+  height: var(--rdp-nav_button-height);
+}
+
+.rdp-button_next:disabled,
+.rdp-button_previous:disabled {
+  cursor: revert;
+
+  opacity: var(--rdp-nav_button-disabled-opacity);
+}
+
+.rdp-chevron {
+  display: inline-block;
+  fill: var(--rdp-accent-color);
+}
+
+.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+  transform: rotate(180deg);
+}
+
+.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+  transform: rotate(180deg);
+  transform-origin: 50%;
+}
+
+.rdp-dropdowns {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rdp-dropdown-gap);
+}
+.rdp-dropdown {
+  z-index: 2;
+
+  /* Reset */
+  opacity: 0;
+  appearance: none;
+  position: absolute;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: inherit;
+  border: none;
+  line-height: inherit;
+}
+
+.rdp-dropdown_root {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
+  opacity: var(--rdp-disabled-opacity);
+}