@temp-spotwork/ui 1.4.8 → 1.6.0

package/dist/components/atoms/icons/iconsSVGs/Large/index.d.ts

@@ -15,6 +15,7 @@ import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
 import { default as ChevronUp } from './ChevronUp';
 import { default as Clock } from './Clock';
+import { default as CloudLightning } from './CloudLightning';
 import { default as Contact } from './Contact';
 import { default as Copy } from './Copy';
 import { default as Cross } from './Cross';
@@ -58,4 +59,4 @@ import { default as LocationDisabled } from './LocationDisabled';
 import { default as Jobs } from './Jobs';
 import { default as Feedback } from './Feedback';
 
-export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, FileDownload, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };
+export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, CloudLightning, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, FileDownload, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };

package/dist/components/atoms/icons/iconsSVGs/Large/index.js

@@ -1,120 +1,122 @@
 import { default as o } from "./Add.js";
 import { default as t } from "./AdvancedSearch.js";
 import { default as l } from "./ArrowLeft.js";
-import { default as d } from "./ArrowRight.js";
-import { default as m } from "./Ascending.js";
+import { default as s } from "./ArrowRight.js";
+import { default as u } from "./Ascending.js";
 import { default as x } from "./Attach.js";
 import { default as n } from "./Bell.js";
 import { default as h } from "./BellUnread.js";
-import { default as S } from "./Calendar.js";
+import { default as g } from "./Calendar.js";
 import { default as b } from "./Cancellation.js";
 import { default as M } from "./Chapters.js";
 import { default as w } from "./CheckIn.js";
 import { default as D } from "./ChevronDown.js";
-import { default as T } from "./ChevronLeft.js";
-import { default as L } from "./ChevronRight.js";
+import { default as L } from "./ChevronLeft.js";
+import { default as F } from "./ChevronRight.js";
 import { default as B } from "./ChevronUp.js";
 import { default as P } from "./Clock.js";
-import { default as U } from "./Contact.js";
-import { default as O } from "./Copy.js";
-import { default as H } from "./Cross.js";
-import { default as K } from "./Descending.js";
-import { default as V } from "./DoubleTick.js";
-import { default as q } from "./Duplicate.js";
-import { default as W } from "./Edit.js";
-import { default as Y } from "./EyeClose.js";
-import { default as _ } from "./EyeOpen.js";
-import { default as ee } from "./File.js";
-import { default as oe } from "./FileDownload.js";
-import { default as te } from "./HamburgerMenu.js";
-import { default as le } from "./KebabMenu.js";
-import { default as de } from "./MagnifyingGlass.js";
-import { default as me } from "./Maximize.js";
-import { default as xe } from "./Maximize1.js";
-import { default as ne } from "./Minimize.js";
-import { default as he } from "./OpenSeparately.js";
-import { default as Se } from "./PlaceholderIcon.js";
-import { Profile as be } from "./Profile.js";
-import { default as Me } from "./Restore.js";
-import { default as we } from "./Send.js";
-import { default as De } from "./Shifts.js";
-import { default as Te } from "./Sort.js";
-import { default as Le } from "./Subtract.js";
-import { default as Be } from "./Summary.js";
-import { default as Pe } from "./Support.js";
-import { default as Ue } from "./Tick.js";
-import { default as Oe } from "./Timer.js";
-import { default as He } from "./Trash.js";
-import { default as Ke } from "./Undo.js";
-import { default as Ve } from "./Verification.js";
-import { default as qe } from "./Sidepeak.js";
-import { default as We } from "./Settings.js";
-import { default as Ye } from "./SwitchToClassic.js";
-import { default as _e } from "./Building.js";
-import { default as ea } from "./NewSpotter.js";
-import { default as oa } from "./FlaggedMessage.js";
-import { default as ta } from "./AbnormalLastShift.js";
-import { default as la } from "./LocationDisabled.js";
-import { default as da } from "./Jobs.js";
-import { default as ma } from "./Feedback.js";
+import { default as U } from "./CloudLightning.js";
+import { default as O } from "./Contact.js";
+import { default as H } from "./Copy.js";
+import { default as K } from "./Cross.js";
+import { default as V } from "./Descending.js";
+import { default as q } from "./DoubleTick.js";
+import { default as W } from "./Duplicate.js";
+import { default as Y } from "./Edit.js";
+import { default as _ } from "./EyeClose.js";
+import { default as ee } from "./EyeOpen.js";
+import { default as oe } from "./File.js";
+import { default as te } from "./FileDownload.js";
+import { default as le } from "./HamburgerMenu.js";
+import { default as se } from "./KebabMenu.js";
+import { default as ue } from "./MagnifyingGlass.js";
+import { default as xe } from "./Maximize.js";
+import { default as ne } from "./Maximize1.js";
+import { default as he } from "./Minimize.js";
+import { default as ge } from "./OpenSeparately.js";
+import { default as be } from "./PlaceholderIcon.js";
+import { Profile as Me } from "./Profile.js";
+import { default as we } from "./Restore.js";
+import { default as De } from "./Send.js";
+import { default as Le } from "./Shifts.js";
+import { default as Fe } from "./Sort.js";
+import { default as Be } from "./Subtract.js";
+import { default as Pe } from "./Summary.js";
+import { default as Ue } from "./Support.js";
+import { default as Oe } from "./Tick.js";
+import { default as He } from "./Timer.js";
+import { default as Ke } from "./Trash.js";
+import { default as Ve } from "./Undo.js";
+import { default as qe } from "./Verification.js";
+import { default as We } from "./Sidepeak.js";
+import { default as Ye } from "./Settings.js";
+import { default as _e } from "./SwitchToClassic.js";
+import { default as ea } from "./Building.js";
+import { default as oa } from "./NewSpotter.js";
+import { default as ta } from "./FlaggedMessage.js";
+import { default as la } from "./AbnormalLastShift.js";
+import { default as sa } from "./LocationDisabled.js";
+import { default as ua } from "./Jobs.js";
+import { default as xa } from "./Feedback.js";
 export {
-  ta as AbnormalLastShift,
+  la as AbnormalLastShift,
   o as Add,
   t as AdvancedSearch,
   l as ArrowLeft,
-  d as ArrowRight,
-  m as Ascending,
+  s as ArrowRight,
+  u as Ascending,
   x as Attach,
   n as Bell,
   h as BellUnread,
-  _e as Building,
-  S as Calendar,
+  ea as Building,
+  g as Calendar,
   b as Cancellation,
   M as Chapters,
   w as CheckIn,
   D as ChevronDown,
-  T as ChevronLeft,
-  L as ChevronRight,
+  L as ChevronLeft,
+  F as ChevronRight,
   B as ChevronUp,
   P as Clock,
-  U as Contact,
-  O as Copy,
-  H as Cross,
-  K as Descending,
-  V as DoubleTick,
-  q as Duplicate,
-  W as Edit,
-  Y as EyeClose,
-  _ as EyeOpen,
-  ma as Feedback,
-  ee as File,
-  oe as FileDownload,
-  oa as FlaggedMessage,
-  te as HamburgerMenu,
-  da as Jobs,
-  le as KebabMenu,
-  la as LocationDisabled,
-  de as MagnifyingGlass,
-  me as Maximize,
-  xe as Maximize1,
-  ne as Minimize,
-  ea as NewSpotter,
-  he as OpenSeparately,
-  Se as PlaceholderIcon,
-  be as Profile,
-  Me as Restore,
-  we as Send,
-  We as Settings,
-  De as Shifts,
-  qe as SidePeak,
-  Te as Sort,
-  Le as Subtract,
-  Be as Summary,
-  Pe as Support,
-  Ye as SwitchToClassic,
-  Ue as Tick,
-  Oe as Timer,
-  He as Trash,
-  Ke as Undo,
-  Ve as Verification
+  U as CloudLightning,
+  O as Contact,
+  H as Copy,
+  K as Cross,
+  V as Descending,
+  q as DoubleTick,
+  W as Duplicate,
+  Y as Edit,
+  _ as EyeClose,
+  ee as EyeOpen,
+  xa as Feedback,
+  oe as File,
+  te as FileDownload,
+  ta as FlaggedMessage,
+  le as HamburgerMenu,
+  ua as Jobs,
+  se as KebabMenu,
+  sa as LocationDisabled,
+  ue as MagnifyingGlass,
+  xe as Maximize,
+  ne as Maximize1,
+  he as Minimize,
+  oa as NewSpotter,
+  ge as OpenSeparately,
+  be as PlaceholderIcon,
+  Me as Profile,
+  we as Restore,
+  De as Send,
+  Ye as Settings,
+  Le as Shifts,
+  We as SidePeak,
+  Fe as Sort,
+  Be as Subtract,
+  Pe as Summary,
+  Ue as Support,
+  _e as SwitchToClassic,
+  Oe as Tick,
+  He as Timer,
+  Ke as Trash,
+  Ve as Undo,
+  qe as Verification
 };

package/dist/components/atoms/icons/iconsSVGs/Small/CloudLightning.d.ts

@@ -0,0 +1,4 @@
+declare const CloudLightning: ({ fill }: {
+    fill: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CloudLightning;

package/dist/components/atoms/icons/iconsSVGs/Small/CloudLightning.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+const n = ({ fill: o }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: o,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ t("path", { d: "M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973" }),
+      /* @__PURE__ */ t("path", { d: "m13 12-3 5h4l-3 5" })
+    ]
+  }
+);
+export {
+  n as default
+};

package/dist/components/atoms/icons/iconsSVGs/Small/index.d.ts

@@ -16,6 +16,7 @@ import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
 import { default as ChevronUp } from './ChevronUp';
 import { default as Collapse } from './Collapse';
+import { default as CloudLightning } from './CloudLightning';
 import { default as Copy } from './Copy';
 import { default as Cross } from './Cross';
 import { default as CrossInCircle } from './CrossInCircle';
@@ -44,4 +45,4 @@ import { default as Upload } from './Upload';
 import { default as Waiting } from './Waiting';
 import { default as Warning } from './Warning';
 
-export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };
+export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, CloudLightning, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };

package/dist/components/atoms/icons/iconsSVGs/Small/index.js

@@ -1,7 +1,7 @@
-import { default as o } from "./Add.js";
+import { default as a } from "./Add.js";
 import { default as t } from "./Alert.js";
 import { default as l } from "./ArrowRight.js";
-import { default as d } from "./ArrowUp.js";
+import { default as s } from "./ArrowUp.js";
 import { default as m } from "./Ascending.js";
 import { default as x } from "./Calendar.js";
 import { default as i } from "./CaretDown.js";
@@ -12,42 +12,43 @@ import { default as v } from "./CheckIn.js";
 import { default as A } from "./CheckInCircle.js";
 import { default as y } from "./CheckOut.js";
 import { default as R } from "./ChevronDown.js";
-import { default as O } from "./ChevronLeft.js";
-import { default as E } from "./ChevronRight.js";
+import { default as L } from "./ChevronLeft.js";
+import { default as b } from "./ChevronRight.js";
 import { default as M } from "./ChevronUp.js";
 import { default as F } from "./Collapse.js";
-import { default as K } from "./Copy.js";
-import { default as T } from "./Cross.js";
-import { default as q } from "./CrossInCircle.js";
-import { default as B } from "./Descending.js";
-import { default as J } from "./DistanceSmall.js";
-import { default as V } from "./Empty.js";
-import { default as Y } from "./Expand.js";
-import { default as _ } from "./FileDownload.js";
-import { default as ee } from "./Incomplete.js";
-import { default as oe } from "./Info.js";
-import { default as te } from "./KebabMenu.js";
-import { default as le } from "./LocationPin.js";
-import { default as de } from "./MagnifyingGlass.js";
-import { default as me } from "./Notes.js";
-import { default as xe } from "./OpenSeparately.js";
-import { default as ie } from "./PlaceholderIcon.js";
-import { ProfileSmall as ce } from "./Profile.js";
-import { default as ge } from "./ReadStatus.js";
-import { default as ke } from "./Shield.js";
-import { default as ve } from "./SidepeakSmall.js";
-import { default as Ae } from "./Sort.js";
-import { default as ye } from "./Success.js";
-import { default as Re } from "./Tick.js";
-import { default as Oe } from "./UnsavedChanges.js";
-import { default as Ee } from "./Upload.js";
-import { default as Me } from "./Waiting.js";
-import { default as Fe } from "./Warning.js";
+import { default as K } from "./CloudLightning.js";
+import { default as T } from "./Copy.js";
+import { default as q } from "./Cross.js";
+import { default as B } from "./CrossInCircle.js";
+import { default as J } from "./Descending.js";
+import { default as V } from "./DistanceSmall.js";
+import { default as Y } from "./Empty.js";
+import { default as _ } from "./Expand.js";
+import { default as ee } from "./FileDownload.js";
+import { default as ae } from "./Incomplete.js";
+import { default as te } from "./Info.js";
+import { default as le } from "./KebabMenu.js";
+import { default as se } from "./LocationPin.js";
+import { default as me } from "./MagnifyingGlass.js";
+import { default as xe } from "./Notes.js";
+import { default as ie } from "./OpenSeparately.js";
+import { default as ce } from "./PlaceholderIcon.js";
+import { ProfileSmall as ge } from "./Profile.js";
+import { default as ke } from "./ReadStatus.js";
+import { default as ve } from "./Shield.js";
+import { default as Ae } from "./SidepeakSmall.js";
+import { default as ye } from "./Sort.js";
+import { default as Re } from "./Success.js";
+import { default as Le } from "./Tick.js";
+import { default as be } from "./UnsavedChanges.js";
+import { default as Me } from "./Upload.js";
+import { default as Fe } from "./Waiting.js";
+import { default as Ke } from "./Warning.js";
 export {
-  o as Add,
+  a as Add,
   t as Alert,
   l as ArrowRight,
-  d as ArrowUp,
+  s as ArrowUp,
   m as Ascending,
   x as Calendar,
   i as CaretDown,
@@ -58,35 +59,36 @@ export {
   g as CheckedIn,
   k as CheckedOut,
   R as ChevronDown,
-  O as ChevronLeft,
-  E as ChevronRight,
+  L as ChevronLeft,
+  b as ChevronRight,
   M as ChevronUp,
+  K as CloudLightning,
   F as Collapse,
-  K as Copy,
-  T as Cross,
-  q as CrossInCircle,
-  B as Descending,
-  J as DistanceSmall,
-  V as Empty,
-  Y as Expand,
-  _ as FileDownload,
-  ee as Incomplete,
-  oe as Info,
-  te as KebabMenu,
-  le as LocationPin,
-  de as MagnifyingGlass,
-  me as Notes,
-  xe as OpenSeparately,
-  ie as PlaceholderIcon,
-  ce as ProfileSmall,
-  ge as ReadStatus,
-  ke as Shield,
-  ve as SidePeakSmall,
-  Ae as Sort,
-  ye as Success,
-  Re as Tick,
-  Oe as UnsavedChanges,
-  Ee as Upload,
-  Me as Waiting,
-  Fe as Warning
+  T as Copy,
+  q as Cross,
+  B as CrossInCircle,
+  J as Descending,
+  V as DistanceSmall,
+  Y as Empty,
+  _ as Expand,
+  ee as FileDownload,
+  ae as Incomplete,
+  te as Info,
+  le as KebabMenu,
+  se as LocationPin,
+  me as MagnifyingGlass,
+  xe as Notes,
+  ie as OpenSeparately,
+  ce as PlaceholderIcon,
+  ge as ProfileSmall,
+  ke as ReadStatus,
+  ve as Shield,
+  Ae as SidePeakSmall,
+  ye as Sort,
+  Re as Success,
+  Le as Tick,
+  be as UnsavedChanges,
+  Me as Upload,
+  Fe as Waiting,
+  Ke as Warning
 };

package/dist/components/atoms/small-large-text/small-large-text.js

@@ -17,13 +17,14 @@ import "../../../index-CYyrKZeH.js";
 import "../form/textfield/textfield.js";
 import "../form/stepper/stepper.js";
 import "../form/textarea/textarea.js";
+import "../form/textarea/rich-textarea.js";
 import "../form/timeselect/timeselect.js";
 import "../../molecules/datatables/cell/cell.js";
 import "../../molecules/dataviz/donut-chart/donut-chart.js";
 import "../../../react-spring_web.modern-BLL8Qmtg.js";
 import "../../molecules/form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
-function F({ text: r, size: o = 300, isSmall: m = !0 }) {
+function G({ text: r, size: o = 300, isSmall: m = !0 }) {
   const [t, p] = c(m);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ i(l, { swStyle: 3, color: "default", children: t ? `${r.slice(0, o)}${r.length > o ? "..." : ""}` : r }),
@@ -31,5 +32,5 @@ function F({ text: r, size: o = 300, isSmall: m = !0 }) {
   ] });
 }
 export {
-  F as SmallLargeText
+  G as SmallLargeText
 };

package/dist/components/molecules/alert/alert.js

@@ -19,6 +19,7 @@ import "../../../index-CYyrKZeH.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/textarea/rich-textarea.js";
 import "../../atoms/form/timeselect/timeselect.js";
 import { Button as b } from "../button/button.js";
 import "../datatables/cell/cell.js";
@@ -26,7 +27,7 @@ import "../dataviz/donut-chart/donut-chart.js";
 import "../../../react-spring_web.modern-BLL8Qmtg.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
-function rr({
+function er({
   children: p,
   width: c,
   open: d,
@@ -74,5 +75,5 @@ function rr({
   ] }) });
 }
 export {
-  rr as Alert
+  er as Alert
 };

package/dist/components/molecules/dialog/dialog.js

@@ -19,6 +19,7 @@ import "../../../index-CYyrKZeH.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/textarea/rich-textarea.js";
 import "../../atoms/form/timeselect/timeselect.js";
 import { Button as d } from "../button/button.js";
 import "../datatables/cell/cell.js";
@@ -43,7 +44,7 @@ function sr({
   contentMaxHeight: y,
   heightSpacingRem: N = 15
 }) {
-  const { ref: w, height: s } = n(), { ref: C, height: H } = n(), i = N;
+  const { ref: w, height: p } = n(), { ref: C, height: H } = n(), i = N;
   return /* @__PURE__ */ r($, { open: x, onOpenChange: t, children: /* @__PURE__ */ e(I, { children: [
     /* @__PURE__ */ r(_, { className: "fixed inset-0 bg-surface-subduedInverted bg-opacity-50 " }),
     /* @__PURE__ */ e(
@@ -66,7 +67,7 @@ function sr({
               {
                 style: {
                   // Calculate max height based on viewport height minus spacing and measured header/footer heights
-                  maxHeight: y ?? (o ? `calc(100vh - ${i}rem - ${s}px - ${H}px)` : `calc(100vh - ${i}rem - ${s}px)`)
+                  maxHeight: y ?? (o ? `calc(100vh - ${i}rem - ${p}px - ${H}px)` : `calc(100vh - ${i}rem - ${p}px)`)
                 },
                 className: c("overflow-auto", g && "p-xl", !o && "rounded-b-xl"),
                 children: f
@@ -88,7 +89,7 @@ function sr({
                       onClick: t
                     }
                   ),
-                  l && /* @__PURE__ */ r("div", { className: "flex gap-xl", children: l.map((p) => /* @__PURE__ */ r(d, { size: "large", ...p }, p.text)) })
+                  l && /* @__PURE__ */ r("div", { className: "flex gap-xl", children: l.map((s) => /* @__PURE__ */ r(d, { size: "large", ...s }, s.text)) })
                 ]
               }
             )

package/dist/components/molecules/drawer/drawer.js

@@ -19,17 +19,18 @@ import "../../../index-CYyrKZeH.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/textarea/rich-textarea.js";
 import "../../atoms/form/timeselect/timeselect.js";
 import { Button as L } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
-function vr({
+function gr({
   children: N,
   actionBox: b,
   title: l,
-  open: e,
+  open: o,
   setOpen: i,
   width: a,
   transitionDuration: c = 500,
@@ -42,7 +43,7 @@ function vr({
   scrollBehavior: D = "auto",
   enableScroll: s = !0
 }) {
-  const [n, T] = I(c), o = y(null), h = y(0), R = X(
+  const [n, T] = I(c), e = y(null), h = y(0), R = X(
     () => ({
       from: { opacity: 0, transform: `translateX(${a})` },
       enter: { opacity: 1, transform: "translateX(0%)" },
@@ -52,21 +53,21 @@ function vr({
       }
     }),
     [a, n]
-  ), B = E(e, R);
+  ), B = E(o, R);
   v(() => {
     T(c);
   }, [c]);
   const _ = F({
-    width: e ? a : 0,
+    width: o ? a : 0,
     config: { duration: n }
   });
   v(() => {
-    e && m && s && o.current && (o.current.scrollTop = h.current);
-  }, [e, m, s]);
+    o && m && s && e.current && (e.current.scrollTop = h.current);
+  }, [o, m, s]);
   const $ = () => {
-    m && s && o.current && (h.current = o.current.scrollTop), i == null || i(!1);
+    m && s && e.current && (h.current = e.current.scrollTop), i == null || i(!1);
   };
-  return /* @__PURE__ */ r(M, { open: e, onOpenChange: i, children: /* @__PURE__ */ r(q, { children: B(
+  return /* @__PURE__ */ r(M, { open: o, onOpenChange: i, children: /* @__PURE__ */ r(q, { children: B(
     (x, j) => j ? /* @__PURE__ */ t(k, { children: [
       /* @__PURE__ */ r(g.div, { style: { opacity: x.opacity }, children: /* @__PURE__ */ r(
         z,
@@ -105,10 +106,10 @@ function vr({
                   u && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(L, { ...u }) })
                 ] })
               ] }),
-              e && /* @__PURE__ */ r(
+              o && /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: o,
+                  ref: e,
                   className: `flex-1 ${s ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden"}`,
                   style: { scrollBehavior: D },
                   children: N
@@ -122,5 +123,5 @@ function vr({
   ) }) });
 }
 export {
-  vr as Drawer
+  gr as Drawer
 };

package/dist/components/molecules/snackbar/Snackbar.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { S as r, P as c, V as d } from "../../../snackbar-BaF8Ts3S.js";
+import { S as r, P as c, V as d } from "../../../snackbar-CgqDB5xn.js";
 import { Button as h } from "../button/button.js";
 const w = {
   title: "@spotwork-ui/Snackbar",

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

@@ -1,4 +1,4 @@
-import { S as o } from "../../../snackbar-BaF8Ts3S.js";
+import { S as o } from "../../../snackbar-CgqDB5xn.js";
 export {
   o as Snackbar
 };

package/dist/components/molecules/snackbar/snackbar.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { S as C } from "../../../snackbar-BaF8Ts3S.js";
+import { S as D } from "../../../snackbar-CgqDB5xn.js";
 import "../../styles/tailwind-config/index.js";
 import "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -18,6 +18,7 @@ import "../../../index-CYyrKZeH.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/textarea/rich-textarea.js";
 import "../../atoms/form/timeselect/timeselect.js";
 import "../button/button.js";
 import "../datatables/cell/cell.js";
@@ -27,5 +28,5 @@ import "../form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
 import "./styles.js";
 export {
-  C as Snackbar
+  D as Snackbar
 };

package/dist/main.d.ts

@@ -46,6 +46,8 @@ export type { StepperProps } from './components/atoms/form/stepper';
 export { Tab } from './components/atoms/tab';
 export { Textarea } from './components/atoms/form/textarea';
 export type { TextareaProps } from './components/atoms/form/textarea';
+export { RichTextarea } from './components/atoms/form/textarea';
+export type { RichTextareaProps } from './components/atoms/form/textarea';
 export { Textfield } from './components/atoms/form/textfield';
 export type { TextfieldProps } from './components/atoms/form/textfield';
 export { Timeselect } from './components/atoms/form/timeselect';