@shiflo/ui 0.0.18 → 0.1.0

package/dist/assets/icons/index.mjs

@@ -1,30 +1,36 @@
 import { S as a } from "./line/calendar-line.svg-DHsuXoUL.js";
 import { S } from "./solid/calendar-days-solid.svg-CIj8vf6t.js";
-import { S as d } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
-import { S as i } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
+import { S as s } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
+import { S as d } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
 import { S as m } from "./solid/calendars-solid.svg-rClh_xBu.js";
 import { S as p } from "./solid/gear-solid.svg-C6vEx0Wx.js";
 import { S as n } from "./solid/grid-2-solid.svg-BRtzwK6Y.js";
-import { S as h } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
-import { S as u } from "./solid/plus-solid.svg-piiaS3kO.js";
-import { S as L } from "./solid/rotate-right-solid.svg-CYW200XH.js";
-import { S as R } from "./solid/xmark-solid.svg-Ce8xHlZn.js";
-import { S as c } from "./solid/check-solid.svg-C41sTTzR.js";
-import { S as q } from "./solid/trash-solid.svg-iJSf_6Y3.js";
-import { S as D } from "./solid/minus-solid.svg-BBiGvc-2.js";
+import { S as k } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
+import { S as c } from "./solid/plus-solid.svg-piiaS3kO.js";
+import { S as B } from "./solid/rotate-right-solid.svg-CYW200XH.js";
+import { S as G } from "./solid/xmark-solid.svg-Ce8xHlZn.js";
+import { S as P } from "./solid/check-solid.svg-C41sTTzR.js";
+import { S as T } from "./solid/trash-solid.svg-iJSf_6Y3.js";
+import { S as q } from "./solid/minus-solid.svg-BBiGvc-2.js";
+import { S as z } from "./solid/briefcase-blank-solid.svg-6ppQL_Z4.js";
+import { S as M } from "./solid/chart-simple-horizontal-solid.svg-znTJSeQj.js";
+import { S as X } from "./solid/clock-desk-solid.svg-Dvm3Xip1.js";
 export {
+  z as BriefcaseBlankSolid,
   S as CalendarDaysSolid,
   a as CalendarLine,
-  d as CalendarLinesSolid,
-  i as CalendarWeekSolid,
+  s as CalendarLinesSolid,
+  d as CalendarWeekSolid,
   m as CalendarsSolid,
-  c as CheckSolid,
+  M as ChartSimpleHorizontalSolid,
+  P as CheckSolid,
+  X as ClockDeskSolid,
   p as GearSolid,
   n as Grid2Solid,
-  D as MinusSolid,
-  h as PenToSquareSolid,
-  u as PlusSolid,
-  L as RotateRightSolid,
-  q as TrashSolid,
-  R as XmarkSolid
+  q as MinusSolid,
+  k as PenToSquareSolid,
+  c as PlusSolid,
+  B as RotateRightSolid,
+  T as TrashSolid,
+  G as XmarkSolid
 };

package/dist/assets/icons/{index.ts-B1HxCidp.js → index.ts-Bfm0GTNS.js}

@@ -1,34 +1,40 @@
 import { S as o } from "./line/calendar-line.svg-DHsuXoUL.js";
 import { S } from "./solid/calendar-days-solid.svg-CIj8vf6t.js";
-import { S as r } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
-import { S as i } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
+import { S as i } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
+import { S as r } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
 import { S as a } from "./solid/calendars-solid.svg-rClh_xBu.js";
 import { S as l } from "./solid/gear-solid.svg-C6vEx0Wx.js";
-import { S as d } from "./solid/grid-2-solid.svg-BRtzwK6Y.js";
-import { S as e } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
+import { S as e } from "./solid/grid-2-solid.svg-BRtzwK6Y.js";
+import { S as d } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
 import { S as m } from "./solid/plus-solid.svg-piiaS3kO.js";
 import { S as s } from "./solid/rotate-right-solid.svg-CYW200XH.js";
 import { S as t } from "./solid/xmark-solid.svg-Ce8xHlZn.js";
 import { S as n } from "./solid/check-solid.svg-C41sTTzR.js";
 import { S as g } from "./solid/trash-solid.svg-iJSf_6Y3.js";
 import { S as p } from "./solid/minus-solid.svg-BBiGvc-2.js";
-const b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { S as f } from "./solid/briefcase-blank-solid.svg-6ppQL_Z4.js";
+import { S as v } from "./solid/chart-simple-horizontal-solid.svg-znTJSeQj.js";
+import { S as C } from "./solid/clock-desk-solid.svg-Dvm3Xip1.js";
+const q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  BriefcaseBlankSolid: f,
   CalendarDaysSolid: S,
   CalendarLine: o,
-  CalendarLinesSolid: r,
-  CalendarWeekSolid: i,
+  CalendarLinesSolid: i,
+  CalendarWeekSolid: r,
   CalendarsSolid: a,
+  ChartSimpleHorizontalSolid: v,
   CheckSolid: n,
+  ClockDeskSolid: C,
   GearSolid: l,
-  Grid2Solid: d,
+  Grid2Solid: e,
   MinusSolid: p,
-  PenToSquareSolid: e,
+  PenToSquareSolid: d,
   PlusSolid: m,
   RotateRightSolid: s,
   TrashSolid: g,
   XmarkSolid: t
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  b as S
+  q as S
 };

package/dist/assets/icons/solid/briefcase-blank-solid.svg-6ppQL_Z4.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M8.25 2.625V4.5H15.75V2.625C15.75 2.41875 15.5813 2.25 15.375 2.25H8.625C8.41875 2.25 8.25 2.41875 8.25 2.625ZM6 4.5V2.625C6 1.17656 7.17656 0 8.625 0H15.375C16.8234 0 18 1.17656 18 2.625V4.5H21C22.6547 4.5 24 5.84531 24 7.5V19.5C24 21.1547 22.6547 22.5 21 22.5H3C1.34531 22.5 0 21.1547 0 19.5V7.5C0 5.84531 1.34531 4.5 3 4.5H6Z", fill: "currentColor" }));
+export {
+  l as S
+};

package/dist/assets/icons/solid/chart-simple-horizontal-solid.svg-znTJSeQj.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const C = (e) => /* @__PURE__ */ t.createElement("svg", { width: 24, height: 28, viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M21.4286 17.375C22.8482 17.375 24 16.2412 24 14.8438V13.1562C24 11.7588 22.8482 10.625 21.4286 10.625H2.57143C1.15179 10.625 0 11.7588 0 13.1562V14.8438C0 16.2412 1.15179 17.375 2.57143 17.375H21.4286ZM11.1429 25.8125C12.5625 25.8125 13.7143 24.6787 13.7143 23.2812V21.5938C13.7143 20.1963 12.5625 19.0625 11.1429 19.0625H2.57143C1.15179 19.0625 0 20.1963 0 21.5938V23.2812C0 24.6787 1.15179 25.8125 2.57143 25.8125H11.1429ZM20.5714 6.40625V4.71875C20.5714 3.32129 19.4196 2.1875 18 2.1875H2.57143C1.15179 2.1875 0 3.32129 0 4.71875V6.40625C0 7.80371 1.15179 8.9375 2.57143 8.9375H18C19.4196 8.9375 20.5714 7.80371 20.5714 6.40625Z", fill: "currentColor" }));
+export {
+  C as S
+};

package/dist/assets/icons/solid/clock-desk-solid.svg-Dvm3Xip1.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 28, viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_308_55)" }, /* @__PURE__ */ e.createElement("path", { d: "M0 12.3125C0 9.17963 1.26428 6.17507 3.51472 3.9598C5.76516 1.74453 8.8174 0.5 12 0.5C15.1826 0.5 18.2348 1.74453 20.4853 3.9598C22.7357 6.17507 24 9.17963 24 12.3125C24 15.4454 22.7357 18.4499 20.4853 20.6652C18.2348 22.8805 15.1826 24.125 12 24.125C8.8174 24.125 5.76516 22.8805 3.51472 20.6652C1.26428 18.4499 0 15.4454 0 12.3125ZM12 5.5625C11.2875 5.5625 10.7143 6.12676 10.7143 6.82812V12.3125C10.7143 12.65 10.8482 12.9717 11.0893 13.209L13.6607 15.7402C14.1643 16.2359 14.9786 16.2359 15.4768 15.7402C15.975 15.2445 15.9804 14.443 15.4768 13.9525L13.2804 11.7904V6.82812C13.2804 6.12676 12.7071 5.5625 11.9946 5.5625H12ZM12 25.8125C17.1643 25.8125 21.6589 23.0018 24 18.8516V24.9688C24 26.3662 22.8482 27.5 21.4286 27.5H2.57143C1.15179 27.5 0 26.3662 0 24.9688V18.8516C2.34107 23.0018 6.83571 25.8125 12 25.8125Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_308_55" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 27, fill: "currentColor", transform: "translate(0 0.5)" }))));
+export {
+  l as S
+};

package/dist/assets/icons/solid/index.d.ts

@@ -11,3 +11,6 @@ export { default as XmarkSolid } from './xmark-solid.svg';
 export { default as CheckSolid } from './check-solid.svg';
 export { default as TrashSolid } from './trash-solid.svg';
 export { default as MinusSolid } from './minus-solid.svg';
+export { default as BriefcaseBlankSolid } from './briefcase-blank-solid.svg';
+export { default as ChartSimpleHorizontalSolid } from './chart-simple-horizontal-solid.svg';
+export { default as ClockDeskSolid } from './clock-desk-solid.svg';

package/dist/assets/icons/solid/index.mjs

@@ -1,28 +1,34 @@
 import { S as a } from "./calendar-days-solid.svg-CIj8vf6t.js";
 import { S as e } from "./calendar-lines-solid.svg-D2qG_E7t.js";
-import { S as d } from "./calendar-week-solid.svg-CVmrJtif.js";
-import { S as i } from "./calendars-solid.svg-rClh_xBu.js";
+import { S as s } from "./calendar-week-solid.svg-CVmrJtif.js";
+import { S as d } from "./calendars-solid.svg-rClh_xBu.js";
 import { S as m } from "./gear-solid.svg-C6vEx0Wx.js";
 import { S as p } from "./grid-2-solid.svg-BRtzwK6Y.js";
 import { S as n } from "./pen-to-square-solid.svg-DUdNcuTM.js";
-import { S as h } from "./plus-solid.svg-piiaS3kO.js";
-import { S as u } from "./rotate-right-solid.svg-CYW200XH.js";
-import { S as P } from "./xmark-solid.svg-Ce8xHlZn.js";
-import { S as T } from "./check-solid.svg-C41sTTzR.js";
-import { S as g } from "./trash-solid.svg-iJSf_6Y3.js";
-import { S as y } from "./minus-solid.svg-BBiGvc-2.js";
+import { S as k } from "./plus-solid.svg-piiaS3kO.js";
+import { S as c } from "./rotate-right-solid.svg-CYW200XH.js";
+import { S as B } from "./xmark-solid.svg-Ce8xHlZn.js";
+import { S as G } from "./check-solid.svg-C41sTTzR.js";
+import { S as R } from "./trash-solid.svg-iJSf_6Y3.js";
+import { S as g } from "./minus-solid.svg-BBiGvc-2.js";
+import { S as y } from "./briefcase-blank-solid.svg-6ppQL_Z4.js";
+import { S as H } from "./chart-simple-horizontal-solid.svg-znTJSeQj.js";
+import { S as M } from "./clock-desk-solid.svg-Dvm3Xip1.js";
 export {
+  y as BriefcaseBlankSolid,
   a as CalendarDaysSolid,
   e as CalendarLinesSolid,
-  d as CalendarWeekSolid,
-  i as CalendarsSolid,
-  T as CheckSolid,
+  s as CalendarWeekSolid,
+  d as CalendarsSolid,
+  H as ChartSimpleHorizontalSolid,
+  G as CheckSolid,
+  M as ClockDeskSolid,
   m as GearSolid,
   p as Grid2Solid,
-  y as MinusSolid,
+  g as MinusSolid,
   n as PenToSquareSolid,
-  h as PlusSolid,
-  u as RotateRightSolid,
-  g as TrashSolid,
-  P as XmarkSolid
+  k as PlusSolid,
+  c as RotateRightSolid,
+  R as TrashSolid,
+  B as XmarkSolid
 };

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -1,3 +1,3 @@
 import { BottomSheetProps } from './BottomSheet.typing';
-declare function BottomSheet({ open, onClose, children, transitionDuration, maxWidth, onClick, ref, hideDragHandleBar, hideOverlay, style, ...props }: BottomSheetProps): import("react").JSX.Element;
+declare function BottomSheet({ open, onClose, children, transitionDuration, maxWidth, onClick, ref, hideDragHandleBar, hideOverlay, style, dragThreshold, ...props }: BottomSheetProps): import("react").JSX.Element;
 export default BottomSheet;

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -1,8 +1,9 @@
-import { jsx as y, jsxs as z } from "react/jsx-runtime";
-import { useState as G, useRef as o, useImperativeHandle as J, useEffect as S } from "react";
-import b from "basic-styled";
-import K from "../Overlay/Overlay.mjs";
-const N = b.div`
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
+import { useState as R, useRef as a, useImperativeHandle as S, useEffect as j } from "react";
+import n from "@emotion/styled";
+import { motion as D } from "motion/react";
+import I from "../Overlay/Overlay.mjs";
+const O = n(D.div)`
   width: calc(100% - ${({ theme: { spacing: t } }) => t[800]});
   max-width: ${({ maxWidth: t = "375px" }) => t};
   max-height: calc(100% - ${({ theme: { spacing: t } }) => t[800]});
@@ -15,11 +16,7 @@ const N = b.div`
     palette: { common: t }
   }
 }) => t.background};
-  transition:
-    transform ${({ transitionDuration: t }) => `${t}ms`}
-      ${({ ease: t }) => t === "in" ? "ease-out" : "ease-in"},
-    background-color 0.2s;
-`, Q = b.div`
+`, A = n.div`
   position: sticky;
   top: 0;
   left: 0;
@@ -34,7 +31,7 @@ const N = b.div`
   }
 }) => t.background};
   transition: background-color 0.2s;
-`, U = b.div`
+`, F = n.div`
   width: 24px;
   height: 4px;
   border-radius: ${({ theme: { radius: t } }) => t[100]};
@@ -45,82 +42,70 @@ const N = b.div`
 }) => t.main};
   transition: background-color 0.2s;
 `;
-function E({
+function z({
   open: t,
-  onClose: c,
-  children: T,
-  transitionDuration: s = 200,
-  maxWidth: j = "375px",
-  onClick: $,
-  ref: I,
-  hideDragHandleBar: O,
-  hideOverlay: A,
-  style: F,
-  ...W
+  onClose: r,
+  children: m,
+  transitionDuration: i = 0.2,
+  maxWidth: d = "375px",
+  onClick: c,
+  ref: f,
+  hideDragHandleBar: p,
+  hideOverlay: u,
+  style: g,
+  dragThreshold: h = 100,
+  ...y
 }) {
-  const [h, L] = G(!1), l = o(null), x = o(null), i = o(null), d = o(!1), v = o(0), f = o(0), m = o(0), p = o(0), g = o(0), q = o(0.25);
-  J(I, () => l.current);
-  const P = (r) => {
-    r.stopPropagation(), typeof $ == "function" && $(r);
+  const [b, s] = R(!1), l = a(null), x = a(null), $ = a(null);
+  S(f, () => l.current);
+  const v = (e) => {
+    e.stopPropagation(), typeof c == "function" && c(e);
+  }, k = (e, B) => {
+    const { offset: w, velocity: E } = B;
+    (w.y > h || E.y > 500) && typeof r == "function" && r();
   };
-  return S(() => {
-    let r;
-    return t ? r = requestAnimationFrame(() => {
-      L(!0);
-    }) : L(!1), () => {
-      r && cancelAnimationFrame(r);
+  return j(() => {
+    let e;
+    return t ? e = requestAnimationFrame(() => {
+      s(!0);
+    }) : s(!1), () => {
+      e && cancelAnimationFrame(e);
     };
-  }, [t]), S(() => {
-    const r = l.current, n = x.current, k = (e) => {
-      r && (r.scrollTop > 0 || (d.current = !0, v.current = e, f.current = e, m.current = r.offsetHeight, g.current = Date.now(), r.style.transition = "none", r.style.cursor = "grabbing", n && (n.style.transition = "none"), i.current && (i.current.style.cursor = "grabbing")));
-    }, R = (e) => {
-      if (!r || !d.current) return;
-      const u = e - v.current;
-      if (u < 0) return;
-      f.current = e;
-      const D = Date.now(), M = D - g.current;
-      if (M > 0) {
-        const V = f.current;
-        p.current = (e - V) / M, g.current = D;
-      }
-      n && (n.style.opacity = `${Math.max(0, 1 - u / (m.current * 2))}`), r.style.transform = `translate3d(0, ${u}px, 0)`;
-    }, a = () => {
-      if (!r || !d.current) return;
-      d.current = !1, r.style.cursor = "default", i.current && (i.current.style.cursor = "grab");
-      const e = f.current - v.current, u = m.current * q.current;
-      r.style.transition = `transform ${s}ms ease-out`, n && (n.style.transition = `opacity ${s}ms ease-out`), e > u || p.current > 0.5 && p.current > 0 ? (r.style.transform = "translate3d(0, 200%, 0)", n && (n.style.opacity = "0"), c == null || c()) : (r.style.transform = "translate3d(0, 0, 0)", n && (n.style.opacity = "1"));
-    }, w = (e) => k(e.clientY), H = (e) => R(e.clientY), Y = (e) => k(e.touches[0].clientY), B = (e) => R(e.touches[0].clientY);
-    return r == null || r.addEventListener("mousedown", w), r == null || r.addEventListener("mousemove", H), r == null || r.addEventListener("mouseup", a), r == null || r.addEventListener("mouseleave", a), r == null || r.addEventListener("touchstart", Y), r == null || r.addEventListener("touchmove", B), r == null || r.addEventListener("touchend", a), r == null || r.addEventListener("touchcancel", a), () => {
-      r == null || r.removeEventListener("mousedown", w), r == null || r.removeEventListener("mousemove", H), r == null || r.removeEventListener("mouseup", a), r == null || r.removeEventListener("mouseleave", a), r == null || r.removeEventListener("touchstart", Y), r == null || r.removeEventListener("touchmove", B), r == null || r.removeEventListener("touchend", a), r == null || r.removeEventListener("touchcancel", a);
-    };
-  }, [h, c, s]), /* @__PURE__ */ y(
-    K,
+  }, [t]), /* @__PURE__ */ o(
+    I,
     {
       ref: x,
       open: t,
-      onClose: c,
-      transitionDuration: s,
+      onClose: r,
+      transitionDuration: i,
       placement: "center-bottom",
-      css: A ? {
-        pointerEvents: "none",
-        backgroundColor: "transparent !important"
-      } : void 0,
-      children: /* @__PURE__ */ z(
-        N,
+      hideOverlay: u,
+      children: /* @__PURE__ */ H(
+        O,
         {
           ref: l,
-          ease: t ? "in" : "out",
-          transitionDuration: s,
-          maxWidth: j,
-          onClick: P,
-          ...W,
-          style: {
-            transform: `translate3d(0, ${h ? "0" : "200%"}, 0)`,
-            ...F
+          drag: "y",
+          dragConstraints: { top: 0, bottom: 0 },
+          dragElastic: { top: 0, bottom: 0.2 },
+          dragMomentum: !1,
+          onDragEnd: k,
+          maxWidth: d,
+          onClick: v,
+          initial: { y: "200%" },
+          animate: {
+            y: b ? 0 : "200%"
+          },
+          exit: { y: "200%" },
+          transition: {
+            type: "spring",
+            duration: i,
+            damping: 10
           },
+          style: g,
+          ...y,
           children: [
-            !O && /* @__PURE__ */ y(Q, { ref: i, children: /* @__PURE__ */ y(U, {}) }),
-            T
+            !p && /* @__PURE__ */ o(A, { ref: $, children: /* @__PURE__ */ o(F, {}) }),
+            m
           ]
         }
       )
@@ -128,5 +113,5 @@ function E({
   );
 }
 export {
-  E as default
+  z as default
 };

package/dist/components/BottomSheet/BottomSheet.typing.d.ts

@@ -1,10 +1,12 @@
-import { ComponentPropsWithRef } from 'react';
+import { PropsWithChildren } from 'react';
+import { HTMLMotionProps } from 'motion/react';
 import { UtilityProps } from '../../typings/utility';
-export interface BottomSheetProps extends ComponentPropsWithRef<"div">, Pick<UtilityProps, "css"> {
+export interface BottomSheetProps extends PropsWithChildren<HTMLMotionProps<"div"> & Pick<UtilityProps, "css">> {
     open?: boolean;
     onClose?: () => void;
     transitionDuration?: number;
     maxWidth?: string;
     hideDragHandleBar?: boolean;
     hideOverlay?: boolean;
+    dragThreshold?: number;
 }

package/dist/components/Box/Box.mjs

@@ -1,26 +1,21 @@
 import { jsx as c } from "react/jsx-runtime";
-import d from "basic-styled";
+import m from "@emotion/styled";
 import a from "../../utils/getUtilityProps.mjs";
-import t from "../../utils/getValueByPath.mjs";
-const m = d.div`
-  transition:
-    background-color 0.2s,
-    border-width 0.2s,
-    border-radius 0.2s,
-    border-color 0.2s,
-    color 0.2s;
+import s from "../../utils/getValueByPath.mjs";
+const f = m.div`
+  transition: all 0.2s;
 
-  ${({ theme: { palette: r }, backgroundColor: i, borderColor: s, color: e, ...n }) => {
-  const o = {};
-  return Object.assign(o, a(n)), i && Object.assign(o, {
-    backgroundColor: t(r, i) || "inherit"
-  }), s && Object.assign(o, {
-    borderColor: t(r, s) || "inherit"
-  }), e && Object.assign(o, {
-    color: t(r, e) || "inherit"
-  }), o;
+  ${({ theme: { palette: t }, backgroundColor: r, borderColor: e, color: o, ...n }) => {
+  const i = {};
+  return Object.assign(i, a(n)), r && Object.assign(i, {
+    backgroundColor: s(t, r) || "inherit"
+  }), e && Object.assign(i, {
+    borderColor: s(t, e) || "inherit"
+  }), o && Object.assign(i, {
+    color: s(t, o) || "inherit"
+  }), i;
 }}
-`, h = (r) => /* @__PURE__ */ c(m, { ...r });
+`, y = (t) => /* @__PURE__ */ c(f, { ...t, css: t.css });
 export {
-  h as default
+  y as default
 };

package/dist/components/Box/Box.typing.d.ts

@@ -1,11 +1,11 @@
 import { ElementType, ReactNode } from 'react';
 import { PolymorphicComponentProps } from '../../typings/component';
 import { RecursionPath, UtilityProps } from '../../typings/utility';
-import { BasicTheme } from 'basic-styled';
+import { ShifloTheme } from '../../theme/typing';
 export interface BaseBoxProps extends UtilityProps {
-    backgroundColor?: RecursionPath<BasicTheme["palette"]>;
-    color?: RecursionPath<BasicTheme["palette"]> | "inherit";
-    borderColor?: RecursionPath<BasicTheme["palette"]>;
+    backgroundColor?: RecursionPath<ShifloTheme["palette"]>;
+    color?: RecursionPath<ShifloTheme["palette"]> | "inherit";
+    borderColor?: RecursionPath<ShifloTheme["palette"]>;
 }
 export type BoxProps<T extends ElementType> = BaseBoxProps & PolymorphicComponentProps<T>;
 export type BoxComponent<DT extends ElementType = "div"> = <T extends ElementType = DT>(props: BoxProps<T>) => ReactNode;