@cube-dev/ui-kit 0.0.0-canary-cb1c485 → 0.0.0-canary-99c26e2

package/dist/components/other/Calendar/CalendarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import { getWeeksInMonth } from '@internationalized/date';\nimport { useCalendarGrid, useLocale } from 'react-aria';\n\nimport { tasty } from '../../../tasty';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n  },\n});\n\nexport function CalendarGrid({ state, ...props }) {\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n          <tr key={weekIndex} data-element=\"Row\">\n            {state\n              .getDatesInWeek(weekIndex)\n              .map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    selectedRange={props.selectedRange}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n          </tr>\n        ))}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ;EACN,gBAAgB;EAEhB,SAAS,EACP,OAAO,YACR;EACF;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,GAAG,SAAS;CAChD,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,EAAE,WAAW,aAAa,aAAa,gBAAgB,OAAO,MAAM;CAGxE,IAAI,eAAe,gBAAgB,MAAM,aAAa,OAAO,OAAO;AAEpE,QACE,qBAAC;EAAa,GAAI;aAChB,oBAAC;GAAM,gBAAa;GAAO,GAAI;aAC7B,oBAAC;IAAG,gBAAa;cACd,SAAS,KAAK,KAAK,UAClB,oBAAC,kBAAgB,OAAR,MAAiB,CAC1B;KACC;IACC,EACR,oBAAC;GAAM,gBAAa;aACjB,CAAC,GAAG,IAAI,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,cACxC,oBAAC;IAAmB,gBAAa;cAC9B,MACE,eAAe,UAAU,CACzB,KAAK,MAAM,MACV,OACE,oBAAC;KAEQ;KACD;KACN,eAAe,MAAM;OAHhB,EAIL,GAEF,oBAAC,UAAQ,EAAK,CAEjB;MAdI,UAeJ,CACL;IACI;GACK"}
+{"version":3,"file":"CalendarGrid.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import { getWeeksInMonth } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useCalendarGrid, useLocale } from 'react-aria';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n  },\n});\n\nexport function CalendarGrid({ state, ...props }) {\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n          <tr key={weekIndex} data-element=\"Row\">\n            {state\n              .getDatesInWeek(weekIndex)\n              .map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    selectedRange={props.selectedRange}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n          </tr>\n        ))}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ;EACN,gBAAgB;EAEhB,SAAS,EACP,OAAO,YACR;EACF;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,GAAG,SAAS;CAChD,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,EAAE,WAAW,aAAa,aAAa,gBAAgB,OAAO,MAAM;CAGxE,IAAI,eAAe,gBAAgB,MAAM,aAAa,OAAO,OAAO;AAEpE,QACE,qBAAC;EAAa,GAAI;aAChB,oBAAC;GAAM,gBAAa;GAAO,GAAI;aAC7B,oBAAC;IAAG,gBAAa;cACd,SAAS,KAAK,KAAK,UAClB,oBAAC,kBAAgB,OAAR,MAAiB,CAC1B;KACC;IACC,EACR,oBAAC;GAAM,gBAAa;aACjB,CAAC,GAAG,IAAI,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,cACxC,oBAAC;IAAmB,gBAAa;cAC9B,MACE,eAAe,UAAU,CACzB,KAAK,MAAM,MACV,OACE,oBAAC;KAEQ;KACD;KACN,eAAe,MAAM;OAHhB,EAIL,GAEF,oBAAC,UAAQ,EAAK,CAEjB;MAdI,UAeJ,CACL;IACI;GACK"}

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,5 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";
@@ -7,6 +6,7 @@ import { LeftIcon } from "../../../icons/LeftIcon.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { Button } from "../../actions/index.js";
 import { CalendarGrid } from "./CalendarGrid.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocale, useRangeCalendar } from "react-aria";

package/dist/components/other/Calendar/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/RangeCalendar.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaRangeCalendarProps,\n  DateValue,\n  useLocale,\n  useRangeCalendar,\n} from 'react-aria';\nimport { useRangeCalendarState } from 'react-stately';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { tasty } from '../../../tasty';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarGrid } from './CalendarGrid';\n\nconst CalendarElement = tasty({\n  styles: {\n    padding: '1x',\n    gap: '1x',\n  },\n});\n\nconst CalendarHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\nfunction RangeCalendar<T extends DateValue>(\n  props: AriaRangeCalendarProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarElement ref={domRef} {...calendarProps}>\n      <CalendarHeaderElement>\n        <Title level={6} preset=\"h6\">\n          {title}\n        </Title>\n        <Space gap=\".5x\">\n          <Button size=\"small\" {...prevButtonProps} icon={<LeftIcon />} />\n          <Button size=\"small\" {...nextButtonProps} icon={<RightIcon />} />\n        </Space>\n      </CalendarHeaderElement>\n      <CalendarGrid state={state} />\n    </CalendarElement>\n  );\n}\n\nconst _RangeCalendar = forwardRef(RangeCalendar);\n\n_RangeCalendar.displayName = 'RangeCalendar';\n\nexport { _RangeCalendar as RangeCalendar };\n\nexport type { AriaRangeCalendarProps as CubeRangeCalendarProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAM,wBAAwB,MAAM,EAClC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAEF,SAAS,cACP,OACA,KACA;AACA,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,sBAAsB;EAChC,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UACrD,iBAAiB,OAAO,OAAO,OAAO;AAExC,QACE,qBAAC;EAAgB,KAAK;EAAQ,GAAI;aAChC,qBAAC,oCACC,oBAACA;GAAM,OAAO;GAAG,QAAO;aACrB;IACK,EACR,qBAAC;GAAM,KAAI;cACT,oBAAC;IAAO,MAAK;IAAQ,GAAI;IAAiB,MAAM,oBAAC,aAAW;KAAI,EAChE,oBAAC;IAAO,MAAK;IAAQ,GAAI;IAAiB,MAAM,oBAAC,cAAY;KAAI;IAC3D,IACc,EACxB,oBAAC,gBAAoB,QAAS;GACd;;AAItB,MAAM,iBAAiB,WAAW,cAAc;AAEhD,eAAe,cAAc"}
+{"version":3,"file":"RangeCalendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/RangeCalendar.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaRangeCalendarProps,\n  DateValue,\n  useLocale,\n  useRangeCalendar,\n} from 'react-aria';\nimport { useRangeCalendarState } from 'react-stately';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarGrid } from './CalendarGrid';\n\nconst CalendarElement = tasty({\n  styles: {\n    padding: '1x',\n    gap: '1x',\n  },\n});\n\nconst CalendarHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\nfunction RangeCalendar<T extends DateValue>(\n  props: AriaRangeCalendarProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarElement ref={domRef} {...calendarProps}>\n      <CalendarHeaderElement>\n        <Title level={6} preset=\"h6\">\n          {title}\n        </Title>\n        <Space gap=\".5x\">\n          <Button size=\"small\" {...prevButtonProps} icon={<LeftIcon />} />\n          <Button size=\"small\" {...nextButtonProps} icon={<RightIcon />} />\n        </Space>\n      </CalendarHeaderElement>\n      <CalendarGrid state={state} />\n    </CalendarElement>\n  );\n}\n\nconst _RangeCalendar = forwardRef(RangeCalendar);\n\n_RangeCalendar.displayName = 'RangeCalendar';\n\nexport { _RangeCalendar as RangeCalendar };\n\nexport type { AriaRangeCalendarProps as CubeRangeCalendarProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAM,wBAAwB,MAAM,EAClC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAEF,SAAS,cACP,OACA,KACA;AACA,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,sBAAsB;EAChC,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UACrD,iBAAiB,OAAO,OAAO,OAAO;AAExC,QACE,qBAAC;EAAgB,KAAK;EAAQ,GAAI;aAChC,qBAAC,oCACC,oBAACA;GAAM,OAAO;GAAG,QAAO;aACrB;IACK,EACR,qBAAC;GAAM,KAAI;cACT,oBAAC;IAAO,MAAK;IAAQ,GAAI;IAAiB,MAAM,oBAAC,aAAW;KAAI,EAChE,oBAAC;IAAO,MAAK;IAAQ,GAAI;IAAiB,MAAM,oBAAC,cAAY;KAAI;IAC3D,IACc,EACxB,oBAAC,gBAAoB,QAAS;GACd;;AAItB,MAAM,iBAAiB,WAAW,cAAc;AAEhD,eAAe,cAAc"}

package/dist/components/other/CloudLogo/CloudLogo.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { Button } from "../../actions/index.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/other/CloudLogo/CloudLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloudLogo.js","names":[],"sources":["../../../../src/components/other/CloudLogo/CloudLogo.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { tasty } from '../../../tasty';\nimport { Button, CubeButtonProps } from '../../actions';\n\nconst StyledLogoButton = tasty(Button, {\n  qa: 'HeaderCubeCloudLogo',\n  'aria-label': 'Logo',\n  type: 'clear',\n  styles: {\n    padding: 0,\n    gap: 0,\n    fill: '#clear',\n    border: 0,\n    radius: 0,\n    width: 'auto',\n    height: 'auto',\n  },\n});\n\nfunction CloudLogo(\n  props: CubeButtonProps,\n  ref: FocusableRef<HTMLButtonElement>,\n) {\n  return (\n    <StyledLogoButton {...props} ref={ref}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"25\"\n        height=\"36\"\n        viewBox=\"0 0 25 27\"\n        data-type=\"image\"\n      >\n        <path\n          fill=\"#ff6492\"\n          d=\"M23.447 6.786 11.727 0v4.696l11.72 6.757V6.786Z\"\n        />\n        <path\n          fill=\"#141446\"\n          d=\"M23.447 11.453 19.931 13.5l-8.206-4.743-4.689 2.7L3.52 9.559l8.207-4.863 11.72 6.757Z\"\n        />\n        <path fill=\"#a14474\" d=\"M7.036 11.457 3.52 9.559v3.94l3.516-2.042Z\" />\n        <path\n          fill=\"#141446\"\n          d=\"M.003 20.213 11.725 13.5l11.722 6.713L11.725 27 .003 20.213Z\"\n        />\n        <path\n          fill=\"#ff6492\"\n          d=\"m23.447 15.554-11.722-6.87V13.5l11.722 6.713v-4.659Z\"\n        />\n        <path\n          fill=\"#7a77ff\"\n          d=\"M3.52 13.5V9.56l8.207-4.864V0L.003 6.786v13.427L11.725 13.5V8.684L3.52 13.5Z\"\n        />\n      </svg>\n      <svg\n        width=\"141\"\n        height=\"27\"\n        viewBox=\"0 0 141 27\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.7556 21.4555C15.323 21.4555 17.3322 20.1868 18.5322 18.2414L16.4671 16.6344C15.5462 17.9031 14.4021 18.7207 12.7835 18.7207C10.272 18.7207 8.48596 16.7753 8.48596 14.2097C8.48596 11.7005 10.272 9.72693 12.7835 9.72693C14.43 9.72693 15.5741 10.5727 16.4671 11.8414L18.5322 10.2062C17.3601 8.26086 15.3509 6.99214 12.7556 6.99214C8.70921 6.99214 5.5 10.1498 5.5 14.2097C5.5 18.2978 8.70921 21.4555 12.7556 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M27.0647 21.4555C30.4135 21.4555 33.0088 19.0872 33.0088 15.3375V7.30227H30.0786V15.563C30.0786 17.5084 28.7391 18.7207 27.0647 18.7207C25.3346 18.7207 23.9672 17.5084 23.9672 15.563V7.30227H21.0649V15.3375C21.0649 19.0872 23.6602 21.4555 27.0647 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M44.0683 6.99214C42.1707 6.99214 40.5243 7.72518 39.4917 8.99389V0.00012207H36.5616V21.1454H39.2964V19.2282C40.3289 20.6379 42.087 21.4555 44.0963 21.4555C47.9752 21.4555 50.7937 18.3542 50.7937 14.2379C50.7937 10.1216 47.9752 6.99214 44.0683 6.99214ZM43.5939 18.7489C41.5568 18.7489 39.4638 17.3956 39.4638 14.2379C39.4638 11.1084 41.5289 9.69873 43.5939 9.69873C45.9381 9.69873 47.7799 11.5313 47.7799 14.2097C47.7799 16.8881 45.966 18.7489 43.5939 18.7489Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M66.1661 13.3357C66.1661 9.69873 63.4871 6.99214 59.8314 6.99214C55.8408 6.99214 52.7433 10.178 52.7433 14.2379C52.7433 18.326 55.8688 21.4555 60.1105 21.4555C62.2872 21.4555 64.129 20.6097 65.5801 19.2282L64.1848 17.1982C63.0406 18.2132 61.7849 18.8335 60.1942 18.8335C57.8501 18.8335 56.1199 17.4802 55.7292 15.1965H65.9429C66.0266 14.83 66.1661 14.0969 66.1661 13.3357ZM59.7198 9.50138C61.5895 9.50138 63.1802 10.7137 63.236 12.8846H55.785C56.2315 10.8265 57.7943 9.50138 59.7198 9.50138Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M80.3867 21.4555C82.9541 21.4555 84.9634 20.1868 86.1633 18.2414L84.0983 16.6344C83.1774 17.9031 82.0332 18.7207 80.4147 18.7207C77.9031 18.7207 76.1171 16.7753 76.1171 14.2097C76.1171 11.7005 77.9031 9.72693 80.4147 9.72693C82.0611 9.72693 83.2053 10.5727 84.0983 11.8414L86.1633 10.2062C84.9913 8.26086 82.982 6.99214 80.3867 6.99214C76.3403 6.99214 73.1311 10.1498 73.1311 14.2097C73.1311 18.2978 76.3403 21.4555 80.3867 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M88.8356 21.1454H91.7657V0.00012207H88.8356V21.1454Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M101.807 21.4555C105.882 21.4555 109.091 18.2414 109.091 14.2097C109.091 10.178 105.882 6.99214 101.807 6.99214C97.761 6.99214 94.5797 10.1498 94.5797 14.2097C94.5797 18.2414 97.761 21.4555 101.807 21.4555ZM101.807 18.7207C99.3795 18.7207 97.5656 16.8035 97.5656 14.2379C97.5656 11.6441 99.3795 9.69873 101.835 9.69873C104.235 9.69873 106.077 11.6441 106.077 14.2379C106.077 16.7753 104.235 18.7207 101.807 18.7207Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M117.752 21.4555C121.101 21.4555 123.696 19.0872 123.696 15.3375V7.30227H120.766V15.563C120.766 17.5084 119.427 18.7207 117.752 18.7207C116.022 18.7207 114.655 17.5084 114.655 15.563V7.30227H111.752V15.3375C111.752 19.0872 114.348 21.4555 117.752 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M137.658 0.00012207V8.99389C136.626 7.72518 134.979 6.99214 133.082 6.99214C129.203 6.99214 126.384 10.1216 126.384 14.2379C126.384 18.3542 129.175 21.4555 133.082 21.4555C135.119 21.4555 136.877 20.6097 137.881 19.1718V21.1454H140.616V0.00012207H137.658ZM133.584 18.7489C131.184 18.7489 129.37 16.8881 129.37 14.2097C129.37 11.5313 131.212 9.69873 133.584 9.69873C135.621 9.69873 137.714 11.1084 137.714 14.2379C137.714 17.3956 135.621 18.7489 133.584 18.7489Z\"\n          fill=\"#141446\"\n        />\n      </svg>\n    </StyledLogoButton>\n  );\n}\n\nconst _CloudLogo = forwardRef(CloudLogo);\n\n_CloudLogo.displayName = 'CloudLogo';\n\nexport { _CloudLogo as CloudLogo };\n"],"mappings":";;;;;;;AAMA,MAAM,mBAAmB,MAAM,QAAQ;CACrC,IAAI;CACJ,cAAc;CACd,MAAM;CACN,QAAQ;EACN,SAAS;EACT,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,SAAS,UACP,OACA,KACA;AACA,QACE,qBAAC;EAAiB,GAAI;EAAY;aAChC,qBAAC;GACC,OAAM;GACN,OAAM;GACN,QAAO;GACP,SAAQ;GACR,aAAU;;IAEV,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KAAK,MAAK;KAAU,GAAE;MAA+C;IACtE,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;;IACE,EACN,qBAAC;GACC,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;;IAEN,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;;IACE;GACW;;AAIvB,MAAM,aAAa,WAAW,UAAU;AAExC,WAAW,cAAc"}
+{"version":3,"file":"CloudLogo.js","names":[],"sources":["../../../../src/components/other/CloudLogo/CloudLogo.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { Button, CubeButtonProps } from '../../actions';\n\nconst StyledLogoButton = tasty(Button, {\n  qa: 'HeaderCubeCloudLogo',\n  'aria-label': 'Logo',\n  type: 'clear',\n  styles: {\n    padding: 0,\n    gap: 0,\n    fill: '#clear',\n    border: 0,\n    radius: 0,\n    width: 'auto',\n    height: 'auto',\n  },\n});\n\nfunction CloudLogo(\n  props: CubeButtonProps,\n  ref: FocusableRef<HTMLButtonElement>,\n) {\n  return (\n    <StyledLogoButton {...props} ref={ref}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"25\"\n        height=\"36\"\n        viewBox=\"0 0 25 27\"\n        data-type=\"image\"\n      >\n        <path\n          fill=\"#ff6492\"\n          d=\"M23.447 6.786 11.727 0v4.696l11.72 6.757V6.786Z\"\n        />\n        <path\n          fill=\"#141446\"\n          d=\"M23.447 11.453 19.931 13.5l-8.206-4.743-4.689 2.7L3.52 9.559l8.207-4.863 11.72 6.757Z\"\n        />\n        <path fill=\"#a14474\" d=\"M7.036 11.457 3.52 9.559v3.94l3.516-2.042Z\" />\n        <path\n          fill=\"#141446\"\n          d=\"M.003 20.213 11.725 13.5l11.722 6.713L11.725 27 .003 20.213Z\"\n        />\n        <path\n          fill=\"#ff6492\"\n          d=\"m23.447 15.554-11.722-6.87V13.5l11.722 6.713v-4.659Z\"\n        />\n        <path\n          fill=\"#7a77ff\"\n          d=\"M3.52 13.5V9.56l8.207-4.864V0L.003 6.786v13.427L11.725 13.5V8.684L3.52 13.5Z\"\n        />\n      </svg>\n      <svg\n        width=\"141\"\n        height=\"27\"\n        viewBox=\"0 0 141 27\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.7556 21.4555C15.323 21.4555 17.3322 20.1868 18.5322 18.2414L16.4671 16.6344C15.5462 17.9031 14.4021 18.7207 12.7835 18.7207C10.272 18.7207 8.48596 16.7753 8.48596 14.2097C8.48596 11.7005 10.272 9.72693 12.7835 9.72693C14.43 9.72693 15.5741 10.5727 16.4671 11.8414L18.5322 10.2062C17.3601 8.26086 15.3509 6.99214 12.7556 6.99214C8.70921 6.99214 5.5 10.1498 5.5 14.2097C5.5 18.2978 8.70921 21.4555 12.7556 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M27.0647 21.4555C30.4135 21.4555 33.0088 19.0872 33.0088 15.3375V7.30227H30.0786V15.563C30.0786 17.5084 28.7391 18.7207 27.0647 18.7207C25.3346 18.7207 23.9672 17.5084 23.9672 15.563V7.30227H21.0649V15.3375C21.0649 19.0872 23.6602 21.4555 27.0647 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M44.0683 6.99214C42.1707 6.99214 40.5243 7.72518 39.4917 8.99389V0.00012207H36.5616V21.1454H39.2964V19.2282C40.3289 20.6379 42.087 21.4555 44.0963 21.4555C47.9752 21.4555 50.7937 18.3542 50.7937 14.2379C50.7937 10.1216 47.9752 6.99214 44.0683 6.99214ZM43.5939 18.7489C41.5568 18.7489 39.4638 17.3956 39.4638 14.2379C39.4638 11.1084 41.5289 9.69873 43.5939 9.69873C45.9381 9.69873 47.7799 11.5313 47.7799 14.2097C47.7799 16.8881 45.966 18.7489 43.5939 18.7489Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M66.1661 13.3357C66.1661 9.69873 63.4871 6.99214 59.8314 6.99214C55.8408 6.99214 52.7433 10.178 52.7433 14.2379C52.7433 18.326 55.8688 21.4555 60.1105 21.4555C62.2872 21.4555 64.129 20.6097 65.5801 19.2282L64.1848 17.1982C63.0406 18.2132 61.7849 18.8335 60.1942 18.8335C57.8501 18.8335 56.1199 17.4802 55.7292 15.1965H65.9429C66.0266 14.83 66.1661 14.0969 66.1661 13.3357ZM59.7198 9.50138C61.5895 9.50138 63.1802 10.7137 63.236 12.8846H55.785C56.2315 10.8265 57.7943 9.50138 59.7198 9.50138Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M80.3867 21.4555C82.9541 21.4555 84.9634 20.1868 86.1633 18.2414L84.0983 16.6344C83.1774 17.9031 82.0332 18.7207 80.4147 18.7207C77.9031 18.7207 76.1171 16.7753 76.1171 14.2097C76.1171 11.7005 77.9031 9.72693 80.4147 9.72693C82.0611 9.72693 83.2053 10.5727 84.0983 11.8414L86.1633 10.2062C84.9913 8.26086 82.982 6.99214 80.3867 6.99214C76.3403 6.99214 73.1311 10.1498 73.1311 14.2097C73.1311 18.2978 76.3403 21.4555 80.3867 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M88.8356 21.1454H91.7657V0.00012207H88.8356V21.1454Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M101.807 21.4555C105.882 21.4555 109.091 18.2414 109.091 14.2097C109.091 10.178 105.882 6.99214 101.807 6.99214C97.761 6.99214 94.5797 10.1498 94.5797 14.2097C94.5797 18.2414 97.761 21.4555 101.807 21.4555ZM101.807 18.7207C99.3795 18.7207 97.5656 16.8035 97.5656 14.2379C97.5656 11.6441 99.3795 9.69873 101.835 9.69873C104.235 9.69873 106.077 11.6441 106.077 14.2379C106.077 16.7753 104.235 18.7207 101.807 18.7207Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M117.752 21.4555C121.101 21.4555 123.696 19.0872 123.696 15.3375V7.30227H120.766V15.563C120.766 17.5084 119.427 18.7207 117.752 18.7207C116.022 18.7207 114.655 17.5084 114.655 15.563V7.30227H111.752V15.3375C111.752 19.0872 114.348 21.4555 117.752 21.4555Z\"\n          fill=\"#141446\"\n        />\n        <path\n          d=\"M137.658 0.00012207V8.99389C136.626 7.72518 134.979 6.99214 133.082 6.99214C129.203 6.99214 126.384 10.1216 126.384 14.2379C126.384 18.3542 129.175 21.4555 133.082 21.4555C135.119 21.4555 136.877 20.6097 137.881 19.1718V21.1454H140.616V0.00012207H137.658ZM133.584 18.7489C131.184 18.7489 129.37 16.8881 129.37 14.2097C129.37 11.5313 131.212 9.69873 133.584 9.69873C135.621 9.69873 137.714 11.1084 137.714 14.2379C137.714 17.3956 135.621 18.7489 133.584 18.7489Z\"\n          fill=\"#141446\"\n        />\n      </svg>\n    </StyledLogoButton>\n  );\n}\n\nconst _CloudLogo = forwardRef(CloudLogo);\n\n_CloudLogo.displayName = 'CloudLogo';\n\nexport { _CloudLogo as CloudLogo };\n"],"mappings":";;;;;;;AAMA,MAAM,mBAAmB,MAAM,QAAQ;CACrC,IAAI;CACJ,cAAc;CACd,MAAM;CACN,QAAQ;EACN,SAAS;EACT,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,SAAS,UACP,OACA,KACA;AACA,QACE,qBAAC;EAAiB,GAAI;EAAY;aAChC,qBAAC;GACC,OAAM;GACN,OAAM;GACN,QAAO;GACP,SAAQ;GACR,aAAU;;IAEV,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KAAK,MAAK;KAAU,GAAE;MAA+C;IACtE,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;IACF,oBAAC;KACC,MAAK;KACL,GAAE;MACF;;IACE,EACN,qBAAC;GACC,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;;IAEN,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;IACF,oBAAC;KACC,GAAE;KACF,MAAK;MACL;;IACE;GACW;;AAIvB,MAAM,aAAa,WAAW,UAAU;AAExC,WAAW,cAAc"}

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/AlertDialog/types.d.ts

@@ -1,8 +1,8 @@
 
-import "../../../tasty/index.js";
 import { CubeDialogContainerProps } from "../Dialog/DialogContainer.js";
 import "../Dialog/index.js";
 import { CubeAlertDialogProps } from "./AlertDialog.js";
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from "@tenphi/tasty";
 import { ReactNode } from "react";
 import { AriaDialogProps } from "react-aria";
 

package/dist/components/overlays/Dialog/Dialog.d.ts

@@ -1,7 +1,5 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactElement } from "react";
 import { AriaDialogProps } from "react-aria";

package/dist/components/overlays/Dialog/Dialog.js

@@ -1,13 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, FLOW_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransition.js";
 import { useDialogContext } from "./context.js";
+import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, FLOW_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DismissButton, FocusScope, useDialog, useMessageFormatter } from "react-aria";

package/dist/components/overlays/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["ItemButton","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useDOMRef } from '@react-spectrum/utils';\nimport { DOMRef } from '@react-types/shared';\nimport { forwardRef, ReactElement, useEffect, useMemo, useRef } from 'react';\nimport {\n  AriaDialogProps,\n  DismissButton,\n  FocusScope,\n  useDialog,\n  useMessageFormatter,\n} from 'react-aria';\n\nimport { CloseIcon } from '../../../icons';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  DIMENSION_STYLES,\n  DimensionStyleProps,\n  extractStyles,\n  FLOW_STYLES,\n  Styles,\n  tasty,\n} from '../../../tasty';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { ItemButton } from '../../actions';\nimport { useOpenTransitionContext } from '../Modal/OpenTransition';\n\nimport { useDialogContext } from './context';\n\nconst STYLES_LIST = [\n  ...BASE_STYLES,\n  ...DIMENSION_STYLES,\n  ...BLOCK_STYLES,\n  ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n  as: 'section',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    fill: '#white',\n    pointerEvents: 'auto',\n    outline: 0,\n    position: {\n      '': 'relative',\n      'type=panel': 'absolute',\n    },\n    width: {\n      '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n      'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\n    },\n    height: {\n      '': 'auto (100dvh - 8x)',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=popover': 'initial initial (50dvh - 5x)',\n    },\n    gap: 0,\n    border: {\n      '': false,\n      'type=popover': true,\n    },\n    radius: {\n      '': '1cr',\n      'type=tray': '1cr top',\n      'type=fullscreenTakeover': '0r',\n    },\n    shadow: {\n      '': '$dialog-shadow',\n      'type=popover | type=panel': '$shadow',\n    },\n    top: {\n      '': false,\n      'type=modal': '((50vh - 50%) / -3)',\n      'type=panel': 'auto',\n    },\n    '$dialog-title-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-padding-h': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-footer-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-gap': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n  },\n});\n\nconst CloseButton = tasty(ItemButton, {\n  qa: 'ModalCloseButton',\n  type: 'neutral',\n  styles: {\n    position: 'absolute',\n    top: '1x',\n    right: '1x',\n  },\n});\n\nconst sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n};\nconst sizePxMap = {\n  small: 360,\n  medium: 479,\n  large: 798,\n};\n\nconst intlMessages = {\n  'en-US': {\n    dismiss: 'Dismiss',\n    alert: 'Alert',\n  },\n};\n\nexport interface CubeDialogProps\n  extends Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    DimensionStyleProps {\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /** Whether the dialog is dismissable */\n  isDismissable?: boolean;\n  /** Trigger when the dialog is dismissed */\n  onDismiss?: (arg?: any) => void;\n  /** That you can replace the close icon with */\n  closeIcon?: ReactElement;\n  closeButtonStyles?: Styles;\n  role?: 'dialog' | 'alertdialog';\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: CubeDialogProps,\n  ref: DOMRef<HTMLDivElement>,\n) {\n  const transitionContext = useOpenTransitionContext();\n\n  const isEntered = transitionContext?.transitionState === 'entered';\n\n  const context = useDialogContext();\n\n  const content = useMemo(() => {\n    return <DialogContent key=\"content\" {...props} ref={ref} />;\n  }, [props, ref]);\n\n  const shouldContainFocus = isEntered && context.type !== 'panel';\n\n  // Track the element that was focused before the dialog opened\n  // This handles hideOnClose case where FocusScope doesn't unmount\n  const previouslyFocusedRef = useRef<Element | null>(null);\n\n  // Capture the focused element when dialog opens\n  useEffect(() => {\n    if (context.isOpen) {\n      previouslyFocusedRef.current = document.activeElement;\n    }\n  }, [context.isOpen]);\n\n  // Restore focus when dialog closes (for hideOnClose case where component stays mounted)\n  useEffect(() => {\n    if (!context.isOpen && previouslyFocusedRef.current) {\n      const elementToFocus = previouslyFocusedRef.current as HTMLElement;\n\n      // Use setTimeout to ensure this runs after the close transition\n      setTimeout(() => {\n        elementToFocus?.focus?.();\n      });\n      previouslyFocusedRef.current = null;\n    }\n  }, [context.isOpen]);\n\n  return (\n    // This component traps the focus inside the dialog and restores it on close.\n    <FocusScope restoreFocus contain={shouldContainFocus}>\n      {content}\n    </FocusScope>\n  );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n  props: CubeDialogProps,\n  ref: DOMRef<HTMLDivElement>,\n) {\n  let { type = 'modal', ...contextProps } = useDialogContext();\n\n  let {\n    qa,\n    children,\n    size = 'M',\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    closeIcon,\n    closeButtonStyles,\n    style,\n    ...otherProps\n  } = props;\n\n  size = sizeMap[size.toUpperCase()] || size;\n\n  const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n  let formatMessage = useMessageFormatter(intlMessages);\n\n  let domRef = useDOMRef(ref);\n  let { dialogProps, titleProps } = useDialog(\n    mergeProps(contextProps, props),\n    domRef,\n  );\n\n  // If rendered in a popover or tray there won't be a visible dismiss button,\n  // so we render a hidden one for screen readers.\n  let dismissButton;\n  if (type === 'popover' || type === 'tray') {\n    dismissButton = <DismissButton onDismiss={onDismiss} />;\n  }\n\n  // Focus the first focusable element in the dialog when it opens\n  useEffect(() => {\n    if (contextProps.isOpen) {\n      setTimeout(() => {\n        if (\n          domRef.current &&\n          !domRef.current.contains(document.activeElement)\n        ) {\n          // Priority 1: autofocus input or primary button\n          const priorityElement = domRef.current.querySelector(\n            'input[data-autofocus], button[type=\"submit\"], button[data-type=\"primary\"]',\n          ) as HTMLElement | null;\n\n          if (priorityElement) {\n            priorityElement.focus();\n          } else {\n            // Fallback: focus first tabbable element, or dialog itself\n            const focusManager = createFocusManager(domRef);\n\n            if (!focusManager.focusFirst({ tabbable: true })) {\n              domRef.current.focus();\n            }\n          }\n        }\n      });\n    }\n  }, [contextProps.isOpen]);\n\n  // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n  // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n  let slots = {\n    title: {\n      level: 2,\n      preset: 'h4',\n      ...titleProps,\n    },\n    content: {\n      styles: {\n        flexGrow: 1,\n        padding: '$dialog-content-padding-v $dialog-padding-h',\n        gap: '$dialog-content-gap',\n        height: {\n          '': 'max (100% - (2 * $dialog-content-padding-v))',\n          ':last-child': 'max (100% - $dialog-content-padding-v)',\n        },\n      },\n    },\n    header: {\n      ellipsis: true,\n      styles: {\n        display: 'flex',\n        flow: 'row',\n        gap: '1x',\n        placeItems: 'center stretch',\n        placeContent: 'space-between',\n        padding: `$dialog-title-padding-v ${\n          isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n        } $dialog-title-padding-v $dialog-padding-h`,\n        border: 'bottom',\n      },\n    },\n    footer: {\n      styles: {\n        display: 'flex',\n        gap: '1x',\n        flow: 'row-reverse',\n        placeItems: 'baseline stretch',\n        placeContent: 'space-between',\n        padding: '$dialog-footer-v $dialog-padding-h',\n      },\n    },\n    buttonGroup: {\n      styles: {\n        flow: 'row-reverse',\n      },\n    },\n  };\n\n  return (\n    <DialogElement\n      ref={domRef}\n      data-id=\"Dialog\"\n      data-qa={qa || 'Dialog'}\n      styles={styles}\n      as=\"section\"\n      {...dialogProps}\n      mods={{ dismissable: isDismissable }}\n      style={{\n        '--dialog-size': `${sizePxMap[size] || sizePxMap.small}px`,\n        ...style,\n      }}\n      data-type={type}\n      data-size={size}\n    >\n      {dismissButton}\n\n      <SlotProvider slots={slots}>\n        {isDismissable && (\n          <CloseButton\n            icon={closeIcon || <CloseIcon size={20} />}\n            label={formatMessage('dismiss')}\n            onPress={() => onDismiss && onDismiss()}\n          />\n        )}\n        {children}\n      </SlotProvider>\n    </DialogElement>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAM,cAAc;CAClB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,MAAM;EACN,eAAe;EACf,SAAS;EACT,UAAU;GACR,IAAI;GACJ,cAAc;GACf;EACD,OAAO;GACL,IAAI;GACJ,mBAAmB;GACnB,2BAA2B;GAC3B,cAAc;GACf;EACD,QAAQ;GACN,IAAI;GACJ,mBAAmB;GACnB,wCAAwC;GACxC,gBAAgB;GACjB;EACD,KAAK;EACL,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EACD,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,2BAA2B;GAC5B;EACD,QAAQ;GACN,IAAI;GACJ,6BAA6B;GAC9B;EACD,KAAK;GACH,IAAI;GACJ,cAAc;GACd,cAAc;GACf;EACD,2BAA2B;GACzB,IAAI;GACJ,gBAAgB;GACjB;EACD,6BAA6B;GAC3B,IAAI;GACJ,gBAAgB;GACjB;EACD,qBAAqB;GACnB,IAAI;GACJ,gBAAgB;GACjB;EACD,oBAAoB;GAClB,IAAI;GACJ,gBAAgB;GACjB;EACD,uBAAuB;GACrB,IAAI;GACJ,gBAAgB;GACjB;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAMA,aAAY;CACpC,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,UAAU;EACV,KAAK;EACL,OAAO;EACR;CACF,CAAC;AAEF,MAAM,UAAU;CACd,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AACD,MAAM,YAAY;CAChB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,eAAe,EACnB,SAAS;CACP,SAAS;CACT,OAAO;CACR,EACF;;;;;AAwBD,MAAa,SAAS,WAAW,SAAS,OACxC,OACA,KACA;CAGA,MAAM,YAFoB,0BAA0B,EAEf,oBAAoB;CAEzD,MAAM,UAAU,kBAAkB;CAElC,MAAM,UAAU,cAAc;AAC5B,SAAO,oBAAC;GAA4B,GAAI;GAAY;KAA1B,UAAiC;IAC1D,CAAC,OAAO,IAAI,CAAC;CAEhB,MAAM,qBAAqB,aAAa,QAAQ,SAAS;CAIzD,MAAM,uBAAuB,OAAuB,KAAK;AAGzD,iBAAgB;AACd,MAAI,QAAQ,OACV,sBAAqB,UAAU,SAAS;IAEzC,CAAC,QAAQ,OAAO,CAAC;AAGpB,iBAAgB;AACd,MAAI,CAAC,QAAQ,UAAU,qBAAqB,SAAS;GACnD,MAAM,iBAAiB,qBAAqB;AAG5C,oBAAiB;AACf,oBAAgB,SAAS;KACzB;AACF,wBAAqB,UAAU;;IAEhC,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAEE,oBAAC;EAAW;EAAa,SAAS;YAC/B;GACU;EAEf;AAEF,MAAM,gBAAgB,WAAW,SAAS,cACxC,OACA,KACA;CACA,IAAI,EAAE,OAAO,SAAS,GAAG,iBAAiB,kBAAkB;CAE5D,IAAI,EACF,IACA,UACA,OAAO,KACP,gBAAgB,aAAa,eAC7B,YAAY,aAAa,SACzB,WACA,mBACA,OACA,GAAG,eACD;AAEJ,QAAO,QAAQ,KAAK,aAAa,KAAK;CAEtC,MAAM,SAAiB,cAAc,YAAY,YAAY;CAE7D,IAAI,gBAAgB,oBAAoB,aAAa;CAErD,IAAI,SAAS,UAAU,IAAI;CAC3B,IAAI,EAAE,aAAa,eAAe,UAChCC,aAAW,cAAc,MAAM,EAC/B,OACD;CAID,IAAI;AACJ,KAAI,SAAS,aAAa,SAAS,OACjC,iBAAgB,oBAAC,iBAAyB,YAAa;AAIzD,iBAAgB;AACd,MAAI,aAAa,OACf,kBAAiB;AACf,OACE,OAAO,WACP,CAAC,OAAO,QAAQ,SAAS,SAAS,cAAc,EAChD;IAEA,MAAM,kBAAkB,OAAO,QAAQ,cACrC,gFACD;AAED,QAAI,gBACF,iBAAgB,OAAO;aAKnB,CAFiB,mBAAmB,OAAO,CAE7B,WAAW,EAAE,UAAU,MAAM,CAAC,CAC9C,QAAO,QAAQ,OAAO;;IAI5B;IAEH,CAAC,aAAa,OAAO,CAAC;CAKzB,IAAI,QAAQ;EACV,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;GACJ;EACD,SAAS,EACP,QAAQ;GACN,UAAU;GACV,SAAS;GACT,KAAK;GACL,QAAQ;IACN,IAAI;IACJ,eAAe;IAChB;GACF,EACF;EACD,QAAQ;GACN,UAAU;GACV,QAAQ;IACN,SAAS;IACT,MAAM;IACN,KAAK;IACL,YAAY;IACZ,cAAc;IACd,SAAS,2BACP,gBAAgB,6BAA6B,oBAC9C;IACD,QAAQ;IACT;GACF;EACD,QAAQ,EACN,QAAQ;GACN,SAAS;GACT,KAAK;GACL,MAAM;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACV,EACF;EACD,aAAa,EACX,QAAQ,EACN,MAAM,eACP,EACF;EACF;AAED,QACE,qBAAC;EACC,KAAK;EACL,WAAQ;EACR,WAAS,MAAM;EACP;EACR,IAAG;EACH,GAAI;EACJ,MAAM,EAAE,aAAa,eAAe;EACpC,OAAO;GACL,iBAAiB,GAAG,UAAU,SAAS,UAAU,MAAM;GACvD,GAAG;GACJ;EACD,aAAW;EACX,aAAW;aAEV,eAED,qBAAC;GAAoB;cAClB,iBACC,oBAAC;IACC,MAAM,aAAa,oBAAC,aAAU,MAAM,KAAM;IAC1C,OAAO,cAAc,UAAU;IAC/B,eAAe,aAAa,WAAW;KACvC,EAEH;IACY;GACD;EAElB"}
+{"version":3,"file":"Dialog.js","names":["ItemButton","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useDOMRef } from '@react-spectrum/utils';\nimport { DOMRef } from '@react-types/shared';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  DIMENSION_STYLES,\n  DimensionStyleProps,\n  extractStyles,\n  FLOW_STYLES,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, useEffect, useMemo, useRef } from 'react';\nimport {\n  AriaDialogProps,\n  DismissButton,\n  FocusScope,\n  useDialog,\n  useMessageFormatter,\n} from 'react-aria';\n\nimport { CloseIcon } from '../../../icons';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { ItemButton } from '../../actions';\nimport { useOpenTransitionContext } from '../Modal/OpenTransition';\n\nimport { useDialogContext } from './context';\n\nconst STYLES_LIST = [\n  ...BASE_STYLES,\n  ...DIMENSION_STYLES,\n  ...BLOCK_STYLES,\n  ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n  as: 'section',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    fill: '#white',\n    pointerEvents: 'auto',\n    outline: 0,\n    position: {\n      '': 'relative',\n      'type=panel': 'absolute',\n    },\n    width: {\n      '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n      'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n      'type=fullscreenTakeover': '100dvw 100dvw',\n      'type=panel': 'auto',\n    },\n    height: {\n      '': 'auto (100dvh - 8x)',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=popover': 'initial initial (50dvh - 5x)',\n    },\n    gap: 0,\n    border: {\n      '': false,\n      'type=popover': true,\n    },\n    radius: {\n      '': '1cr',\n      'type=tray': '1cr top',\n      'type=fullscreenTakeover': '0r',\n    },\n    shadow: {\n      '': '$dialog-shadow',\n      'type=popover | type=panel': '$shadow',\n    },\n    top: {\n      '': false,\n      'type=modal': '((50vh - 50%) / -3)',\n      'type=panel': 'auto',\n    },\n    '$dialog-title-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-padding-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-padding-h': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-footer-v': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n    '$dialog-content-gap': {\n      '': '1.5x',\n      'type=popover': '1x',\n    },\n  },\n});\n\nconst CloseButton = tasty(ItemButton, {\n  qa: 'ModalCloseButton',\n  type: 'neutral',\n  styles: {\n    position: 'absolute',\n    top: '1x',\n    right: '1x',\n  },\n});\n\nconst sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n};\nconst sizePxMap = {\n  small: 360,\n  medium: 479,\n  large: 798,\n};\n\nconst intlMessages = {\n  'en-US': {\n    dismiss: 'Dismiss',\n    alert: 'Alert',\n  },\n};\n\nexport interface CubeDialogProps\n  extends Omit<BaseProps, 'role'>,\n    AriaDialogProps,\n    BaseStyleProps,\n    BlockStyleProps,\n    DimensionStyleProps {\n  /** The size of the dialog */\n  size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';\n  /** Whether the dialog is dismissable */\n  isDismissable?: boolean;\n  /** Trigger when the dialog is dismissed */\n  onDismiss?: (arg?: any) => void;\n  /** That you can replace the close icon with */\n  closeIcon?: ReactElement;\n  closeButtonStyles?: Styles;\n  role?: 'dialog' | 'alertdialog';\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(\n  props: CubeDialogProps,\n  ref: DOMRef<HTMLDivElement>,\n) {\n  const transitionContext = useOpenTransitionContext();\n\n  const isEntered = transitionContext?.transitionState === 'entered';\n\n  const context = useDialogContext();\n\n  const content = useMemo(() => {\n    return <DialogContent key=\"content\" {...props} ref={ref} />;\n  }, [props, ref]);\n\n  const shouldContainFocus = isEntered && context.type !== 'panel';\n\n  // Track the element that was focused before the dialog opened\n  // This handles hideOnClose case where FocusScope doesn't unmount\n  const previouslyFocusedRef = useRef<Element | null>(null);\n\n  // Capture the focused element when dialog opens\n  useEffect(() => {\n    if (context.isOpen) {\n      previouslyFocusedRef.current = document.activeElement;\n    }\n  }, [context.isOpen]);\n\n  // Restore focus when dialog closes (for hideOnClose case where component stays mounted)\n  useEffect(() => {\n    if (!context.isOpen && previouslyFocusedRef.current) {\n      const elementToFocus = previouslyFocusedRef.current as HTMLElement;\n\n      // Use setTimeout to ensure this runs after the close transition\n      setTimeout(() => {\n        elementToFocus?.focus?.();\n      });\n      previouslyFocusedRef.current = null;\n    }\n  }, [context.isOpen]);\n\n  return (\n    // This component traps the focus inside the dialog and restores it on close.\n    <FocusScope restoreFocus contain={shouldContainFocus}>\n      {content}\n    </FocusScope>\n  );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n  props: CubeDialogProps,\n  ref: DOMRef<HTMLDivElement>,\n) {\n  let { type = 'modal', ...contextProps } = useDialogContext();\n\n  let {\n    qa,\n    children,\n    size = 'M',\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    closeIcon,\n    closeButtonStyles,\n    style,\n    ...otherProps\n  } = props;\n\n  size = sizeMap[size.toUpperCase()] || size;\n\n  const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n  let formatMessage = useMessageFormatter(intlMessages);\n\n  let domRef = useDOMRef(ref);\n  let { dialogProps, titleProps } = useDialog(\n    mergeProps(contextProps, props),\n    domRef,\n  );\n\n  // If rendered in a popover or tray there won't be a visible dismiss button,\n  // so we render a hidden one for screen readers.\n  let dismissButton;\n  if (type === 'popover' || type === 'tray') {\n    dismissButton = <DismissButton onDismiss={onDismiss} />;\n  }\n\n  // Focus the first focusable element in the dialog when it opens\n  useEffect(() => {\n    if (contextProps.isOpen) {\n      setTimeout(() => {\n        if (\n          domRef.current &&\n          !domRef.current.contains(document.activeElement)\n        ) {\n          // Priority 1: autofocus input or primary button\n          const priorityElement = domRef.current.querySelector(\n            'input[data-autofocus], button[type=\"submit\"], button[data-type=\"primary\"]',\n          ) as HTMLElement | null;\n\n          if (priorityElement) {\n            priorityElement.focus();\n          } else {\n            // Fallback: focus first tabbable element, or dialog itself\n            const focusManager = createFocusManager(domRef);\n\n            if (!focusManager.focusFirst({ tabbable: true })) {\n              domRef.current.focus();\n            }\n          }\n        }\n      });\n    }\n  }, [contextProps.isOpen]);\n\n  // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n  // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n  let slots = {\n    title: {\n      level: 2,\n      preset: 'h4',\n      ...titleProps,\n    },\n    content: {\n      styles: {\n        flexGrow: 1,\n        padding: '$dialog-content-padding-v $dialog-padding-h',\n        gap: '$dialog-content-gap',\n        height: {\n          '': 'max (100% - (2 * $dialog-content-padding-v))',\n          ':last-child': 'max (100% - $dialog-content-padding-v)',\n        },\n      },\n    },\n    header: {\n      ellipsis: true,\n      styles: {\n        display: 'flex',\n        flow: 'row',\n        gap: '1x',\n        placeItems: 'center stretch',\n        placeContent: 'space-between',\n        padding: `$dialog-title-padding-v ${\n          isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n        } $dialog-title-padding-v $dialog-padding-h`,\n        border: 'bottom',\n      },\n    },\n    footer: {\n      styles: {\n        display: 'flex',\n        gap: '1x',\n        flow: 'row-reverse',\n        placeItems: 'baseline stretch',\n        placeContent: 'space-between',\n        padding: '$dialog-footer-v $dialog-padding-h',\n      },\n    },\n    buttonGroup: {\n      styles: {\n        flow: 'row-reverse',\n      },\n    },\n  };\n\n  return (\n    <DialogElement\n      ref={domRef}\n      data-id=\"Dialog\"\n      data-qa={qa || 'Dialog'}\n      styles={styles}\n      as=\"section\"\n      {...dialogProps}\n      mods={{ dismissable: isDismissable }}\n      style={{\n        '--dialog-size': `${sizePxMap[size] || sizePxMap.small}px`,\n        ...style,\n      }}\n      data-type={type}\n      data-size={size}\n    >\n      {dismissButton}\n\n      <SlotProvider slots={slots}>\n        {isDismissable && (\n          <CloseButton\n            icon={closeIcon || <CloseIcon size={20} />}\n            label={formatMessage('dismiss')}\n            onPress={() => onDismiss && onDismiss()}\n          />\n        )}\n        {children}\n      </SlotProvider>\n    </DialogElement>\n  );\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { Children, isValidElement, useRef } from "react";

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
 import { Button } from "../../actions/index.js";

package/dist/components/overlays/Dialog/DialogTrigger.d.ts

@@ -1,8 +1,7 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import "../../../tasty/index.js";
 import { WithCloseBehavior } from "../Modal/types.js";
 import "../Modal/index.js";
+import { Styles } from "@tenphi/tasty";
 import { ReactElement, RefObject } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { OverlayTriggerProps, Placement, PositionProps } from "react-aria";

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { _Modal } from "../Modal/Modal.js";
 import { _Tray } from "../Modal/Tray.js";

package/dist/components/overlays/Dialog/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["Modal","Tray","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Fragment, ReactElement, RefObject, useEffect, useRef } from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { Styles } from '../../../tasty';\nimport { useCombinedRefs } from '../../../utils/react/index';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends OverlayTriggerProps,\n    PositionProps,\n    WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action) {\n    if (isDismissable) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    keepOpenOnScroll,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: targetRef || triggerRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset || 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    triggerRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      style={popoverProps.style}\n      placement={placement}\n      arrowProps={arrowProps}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      updatePosition={updatePosition}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n  } = props;\n\n  let context = {\n    type,\n    onClose,\n    isDismissable,\n    isOpen: state.isOpen,\n    ...dialogProps,\n  };\n\n  // Restore focus manually when the dialog closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen]);\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DialogTrigger.js","names":["Modal","Tray","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport { Fragment, ReactElement, RefObject, useEffect, useRef } from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useCombinedRefs } from '../../../utils/react/index';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends OverlayTriggerProps,\n    PositionProps,\n    WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action) {\n    if (isDismissable) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    keepOpenOnScroll,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: targetRef || triggerRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset || 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    triggerRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      style={popoverProps.style}\n      placement={placement}\n      arrowProps={arrowProps}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      updatePosition={updatePosition}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n  } = props;\n\n  let context = {\n    type,\n    onClose,\n    isDismissable,\n    isOpen: state.isOpen,\n    ...dialogProps,\n  };\n\n  // Restore focus manually when the dialog closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen]);\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 
-import "../../../tasty/index.js";
 import "./types.js";
+import { BaseProps, Styles } from "@tenphi/tasty";
 import "react";

package/dist/components/overlays/Modal/Modal.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModal, useOverlay, usePreventScroll } from "react-aria";

package/dist/components/overlays/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { BaseProps, Props, Styles, tasty } from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'grid',\n      exiting: 'grid',\n      exited: 'none',\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useDOMRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          entering: transitionState === 'entering',\n          exiting: transitionState === 'exiting',\n          exited: transitionState === 'exited',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,yBAAiC;CAC5C,UAAU;CACV,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,mBAAmB;EACnB,wCAAwC;EACzC;CACD,WAAW;CACX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;EACV,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,EACzB,QAAQ;CACN,SAAS;EACP,IAAI;EACJ,sBAAsB;EACtB,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,wCAAwC;EACxC,mBAAmB;EACnB,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,cAAc;EACf;CACD,eAAe;CACf,YAAY;CACZ,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,2CACE;EACH;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAaF,SAAS,MAAM,OAAuB,KAAK;CACzC,IAAI,EAAE,IAAI,UAAU,SAAS,MAAM,QAAQ,GAAG,eAAe;CAC7D,IAAI,SAAS,UAAU,IAAI;CAE3B,IAAI,EAAE,cAAc,kBAAkB,WAAW,EAAE,GAAG,OAAO,EAAE,OAAO;AAEtE,QACE,qBAACA;EAAQ,GAAI;aACV,SAAS,wBAAwB,SAAS,WACzC,oBAACC,aAAS,GAAI,gBAAiB,EAEjC,oBAAC;GACC,KAAK;GACD;GACE;GACQ;GACN;GACC;GAER;IACY;GACP;;AAed,IAAI,eAAe,WAAW,SAAS,aACrC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,MACA,WACA,QACA,cACA,iBACA,GAAG,eACD;AAEJ,kBAAiB,EAAE,YAAY,oBAAoB,WAAW,CAAC;CAE/D,IAAI,EAAE,eAAe,SAAS,EAAE,YAAY,oBAAoB,WAAW,CAAC;AAE5E,QACE,oBAAC;EAAoB,aAAW;EAAM,kBAAgB;YACpD,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,UAAU,oBAAoB;IAC9B,SAAS,oBAAoB;IAC7B,QAAQ,oBAAoB;IAC5B,SAAS,oBAAoB;IAC9B;GACD,aAAW;GACX,kBAAgB;GAChB,GAAIC,aAAW,YAAY,cAAc,WAAW;GAC/C;GAEJ;IACY;GACK;EAExB;AAEF,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}
+{"version":3,"file":"Modal.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'grid',\n      exiting: 'grid',\n      exited: 'none',\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useDOMRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          entering: transitionState === 'entering',\n          exiting: transitionState === 'exiting',\n          exited: transitionState === 'exited',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,yBAAiC;CAC5C,UAAU;CACV,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,mBAAmB;EACnB,wCAAwC;EACzC;CACD,WAAW;CACX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;EACV,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,EACzB,QAAQ;CACN,SAAS;EACP,IAAI;EACJ,sBAAsB;EACtB,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,wCAAwC;EACxC,mBAAmB;EACnB,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,cAAc;EACf;CACD,eAAe;CACf,YAAY;CACZ,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,2CACE;EACH;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAaF,SAAS,MAAM,OAAuB,KAAK;CACzC,IAAI,EAAE,IAAI,UAAU,SAAS,MAAM,QAAQ,GAAG,eAAe;CAC7D,IAAI,SAAS,UAAU,IAAI;CAE3B,IAAI,EAAE,cAAc,kBAAkB,WAAW,EAAE,GAAG,OAAO,EAAE,OAAO;AAEtE,QACE,qBAACA;EAAQ,GAAI;aACV,SAAS,wBAAwB,SAAS,WACzC,oBAACC,aAAS,GAAI,gBAAiB,EAEjC,oBAAC;GACC,KAAK;GACD;GACE;GACQ;GACN;GACC;GAER;IACY;GACP;;AAed,IAAI,eAAe,WAAW,SAAS,aACrC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,MACA,WACA,QACA,cACA,iBACA,GAAG,eACD;AAEJ,kBAAiB,EAAE,YAAY,oBAAoB,WAAW,CAAC;CAE/D,IAAI,EAAE,eAAe,SAAS,EAAE,YAAY,oBAAoB,WAAW,CAAC;AAE5E,QACE,oBAAC;EAAoB,aAAW;EAAM,kBAAgB;YACpD,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,UAAU,oBAAoB;IAC9B,SAAS,oBAAoB;IAC7B,QAAQ,oBAAoB;IAC5B,SAAS,oBAAoB;IAC9B;GACD,aAAW;GACX,kBAAgB;GAChB,GAAIC,aAAW,YAAY,cAAc,WAAW;GAC/C;GAEJ;IACY;GACK;EAExB;AAEF,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}

package/dist/components/overlays/Modal/OpenTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { Children, cloneElement, createContext, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Transition } from "react-transition-group";

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { Provider, useProviderProps } from "../../../provider.js";
 import { OpenTransition } from "./OpenTransition.js";
 import { forwardRef, useCallback, useState } from "react";

package/dist/components/overlays/Modal/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { Props } from '../../../tasty';\n\nimport { OpenTransition } from './OpenTransition';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n  let { root } = useProviderProps({} as Props);\n\n  let handleEntered = useCallback(() => {\n    setExited(false);\n    onEntered?.();\n  }, [onEntered]);\n\n  let handleExited = useCallback(() => {\n    setExited(true);\n    onExited?.();\n  }, [onExited]);\n\n  // Don't un-render the overlay while it's transitioning out.\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    // Don't bother showing anything if we don't have to.\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <OpenTransition\n        appear\n        in={isOpen}\n        onExit={onExit}\n        onExiting={onExiting}\n        onExited={handleExited}\n        onEnter={onEnter}\n        onEntering={onEntering}\n        onEntered={handleEntered}\n      >\n        {children}\n      </OpenTransition>\n    </Provider>\n  );\n\n  return createPortal(contents, container || root || document.body);\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;AAiBA,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,UACA,QACA,YAAY,MACZ,SACA,YACA,WACA,QACA,WACA,UACA,cAAc,UACZ;CACJ,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,OAAO;CAC3C,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAU;CAE5C,IAAI,gBAAgB,kBAAkB;AACpC,YAAU,MAAM;AAChB,eAAa;IACZ,CAAC,UAAU,CAAC;CAEf,IAAI,eAAe,kBAAkB;AACnC,YAAU,KAAK;AACf,cAAY;IACX,CAAC,SAAS,CAAC;AAKd,KAAI,EAFe,UAAU,CAAC,SAI5B;MAAI,CAAC,YACH,QAAO;;AAqBX,QAAO,aAhBL,oBAAC;EAAc;YACb,oBAAC;GACC;GACA,IAAI;GACI;GACG;GACX,UAAU;GACD;GACG;GACZ,WAAW;GAEV;IACc;GACR,EAGiB,aAAa,QAAQ,SAAS,KAAK;;AAGnE,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}
+{"version":3,"file":"Overlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { Props } from '@tenphi/tasty';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\n\nimport { OpenTransition } from './OpenTransition';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n  let { root } = useProviderProps({} as Props);\n\n  let handleEntered = useCallback(() => {\n    setExited(false);\n    onEntered?.();\n  }, [onEntered]);\n\n  let handleExited = useCallback(() => {\n    setExited(true);\n    onExited?.();\n  }, [onExited]);\n\n  // Don't un-render the overlay while it's transitioning out.\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    // Don't bother showing anything if we don't have to.\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <OpenTransition\n        appear\n        in={isOpen}\n        onExit={onExit}\n        onExiting={onExiting}\n        onExited={handleExited}\n        onEnter={onEnter}\n        onEntering={onEntering}\n        onEntered={handleEntered}\n      >\n        {children}\n      </OpenTransition>\n    </Provider>\n  );\n\n  return createPortal(contents, container || root || document.body);\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;AAiBA,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,UACA,QACA,YAAY,MACZ,SACA,YACA,WACA,QACA,WACA,UACA,cAAc,UACZ;CACJ,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,OAAO;CAC3C,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAU;CAE5C,IAAI,gBAAgB,kBAAkB;AACpC,YAAU,MAAM;AAChB,eAAa;IACZ,CAAC,UAAU,CAAC;CAEf,IAAI,eAAe,kBAAkB;AACnC,YAAU,KAAK;AACf,cAAY;IACX,CAAC,SAAS,CAAC;AAKd,KAAI,EAFe,UAAU,CAAC,SAI5B;MAAI,CAAC,YACH,QAAO;;AAqBX,QAAO,aAhBL,oBAAC;EAAc;YACb,oBAAC;GACC;GACA,IAAI;GACI;GACG;GACX,UAAU;GACD;GACG;GACZ,WAAW;GAEV;IACc;GACR,EAGiB,aAAa,QAAQ,SAAS,KAAK;;AAGnE,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}

package/dist/components/overlays/Modal/Popover.d.ts

@@ -1,6 +1,6 @@
 
-import "../../../tasty/index.js";
 import "../../../shared/index.js";
 import "./types.js";
+import { BaseProps } from "@tenphi/tasty";
 import { HTMLAttributes } from "react";
 import { OverlayProps } from "react-aria";

package/dist/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useModal, useOverlay } from "react-aria";

package/dist/components/overlays/Modal/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useEffect } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { BaseProps, tasty } from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\n\nconst PopoverElement = tasty({\n  role: 'presentation',\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    pointerEvents: 'auto',\n    position: 'absolute',\n    transition:\n      'opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out',\n    transform: {\n      '': 'scale(1, .9)',\n      open: 'initial',\n    },\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n  },\n});\n\nexport interface CubePopoverProps\n  extends BaseProps,\n    Omit<OverlayProps, 'children' | 'nodeRef'>,\n    WithCloseBehavior,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  updatePosition?: () => void;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref) {\n  let {\n    qa,\n    style,\n    styles,\n    children,\n    placement,\n    arrowProps,\n    onClose,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable = true,\n    updatePosition,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={ref}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        shouldCloseOnBlur={shouldCloseOnBlur}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        isNonModal={isNonModal}\n        isDismissable={isDismissable}\n        updatePosition={updatePosition}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={onClose}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: CubePopoverProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    isOpen,\n    style,\n    styles,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable,\n    updatePosition,\n    transitionState,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let { overlayProps } = useOverlay(\n    { ...props, isDismissable: isDismissable && isOpen },\n    // @ts-ignore\n    ref,\n  );\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  useEffect(() => {\n    if (transitionState === 'entered') {\n      updatePosition?.();\n    }\n  }, [updatePosition, transitionState]);\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        entering: transitionState === 'entering',\n        exiting: transitionState === 'exiting',\n        exited: transitionState === 'exited',\n        entered: transitionState === 'entered',\n      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":";;;;;;;;;AAUA,MAAM,iBAAiB,MAAM;CAC3B,MAAM;CACN,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,sBAAsB;GACtB,SAAS;GACT,QAAQ;GACT;EACD,eAAe;EACf,UAAU;EACV,YACE;EACF,WAAW;GACT,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACF;CACF,CAAC;AAoBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,SACA,mBACA,2BACA,YACA,gBAAgB,MAChB,gBACA,8BACA,GAAG,eACD;AAEJ,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACM;GACD;GACG;GACC;GACG;GACC;GACO;GACQ;GACf;GACG;GACC;GACc;GACrB;GAER;IACc;GACT;;AAId,MAAM,iBAAiB,WAAW,SAAS,eACzC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,YAAY,UACZ,YACA,QACA,OACA,QACA,mBACA,2BACA,YACA,eACA,gBACA,iBACA,8BACA,GAAG,eACD;CACJ,IAAI,EAAE,iBAAiB,WACrB;EAAE,GAAG;EAAO,eAAe,iBAAiB;EAAQ,EAEpD,IACD;CACD,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;AAEF,iBAAgB;AACd,MAAI,oBAAoB,UACtB,mBAAkB;IAEnB,CAAC,gBAAgB,gBAAgB,CAAC;AAErC,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,UAAU,oBAAoB;GAC9B,SAAS,oBAAoB;GAC7B,QAAQ,oBAAoB;GAC5B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}
+{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { BaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, useEffect } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\n\nconst PopoverElement = tasty({\n  role: 'presentation',\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    pointerEvents: 'auto',\n    position: 'absolute',\n    transition:\n      'opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out',\n    transform: {\n      '': 'scale(1, .9)',\n      open: 'initial',\n    },\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n  },\n});\n\nexport interface CubePopoverProps\n  extends BaseProps,\n    Omit<OverlayProps, 'children' | 'nodeRef'>,\n    WithCloseBehavior,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  updatePosition?: () => void;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref) {\n  let {\n    qa,\n    style,\n    styles,\n    children,\n    placement,\n    arrowProps,\n    onClose,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable = true,\n    updatePosition,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={ref}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        shouldCloseOnBlur={shouldCloseOnBlur}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        isNonModal={isNonModal}\n        isDismissable={isDismissable}\n        updatePosition={updatePosition}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={onClose}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: CubePopoverProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    isOpen,\n    style,\n    styles,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable,\n    updatePosition,\n    transitionState,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let { overlayProps } = useOverlay(\n    { ...props, isDismissable: isDismissable && isOpen },\n    // @ts-ignore\n    ref,\n  );\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  useEffect(() => {\n    if (transitionState === 'entered') {\n      updatePosition?.();\n    }\n  }, [updatePosition, transitionState]);\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        entering: transitionState === 'entering',\n        exiting: transitionState === 'exiting',\n        exited: transitionState === 'exited',\n        entered: transitionState === 'entered',\n      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":";;;;;;;;;AAUA,MAAM,iBAAiB,MAAM;CAC3B,MAAM;CACN,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,sBAAsB;GACtB,SAAS;GACT,QAAQ;GACT;EACD,eAAe;EACf,UAAU;EACV,YACE;EACF,WAAW;GACT,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACF;CACF,CAAC;AAoBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,SACA,mBACA,2BACA,YACA,gBAAgB,MAChB,gBACA,8BACA,GAAG,eACD;AAEJ,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACM;GACD;GACG;GACC;GACG;GACC;GACO;GACQ;GACf;GACG;GACC;GACc;GACrB;GAER;IACc;GACT;;AAId,MAAM,iBAAiB,WAAW,SAAS,eACzC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,YAAY,UACZ,YACA,QACA,OACA,QACA,mBACA,2BACA,YACA,eACA,gBACA,iBACA,8BACA,GAAG,eACD;CACJ,IAAI,EAAE,iBAAiB,WACrB;EAAE,GAAG;EAAO,eAAe,iBAAiB;EAAQ,EAEpD,IACD;CACD,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;AAEF,iBAAgB;AACd,MAAI,oBAAoB,UACtB,mBAAkB;IAEnB,CAAC,gBAAgB,gBAAgB,CAAC;AAErC,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,UAAU,oBAAoB;GAC9B,SAAS,oBAAoB;GAC7B,QAAQ,oBAAoB;GAC5B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}

package/dist/components/overlays/Modal/Tray.d.ts

@@ -1,5 +1,5 @@
 
-import "../../../tasty/index.js";
 import "./types.js";
+import { BaseProps, Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
 import { OverlayProps } from "react-aria";

package/dist/components/overlays/Modal/Tray.js

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
 import { OVERLAY_WRAPPER_STYLES } from "./Modal.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModal, useOverlay, usePreventScroll } from "react-aria";

package/dist/components/overlays/Modal/Tray.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { BaseProps, Props, Styles, tasty } from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          entering: transitionState === 'entering',\n          exiting: transitionState === 'exiting',\n          exited: transitionState === 'exited',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;EACP,IAAI;EACJ,sBAAsB;EACtB,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAqBF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,GAAG,eACD;CACJ,IAAI,SAAS,UAAU,IAAI;CAE3B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM,EACjC,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,UAAU,oBAAoB;IAC9B,SAAS,oBAAoB;IAC7B,QAAQ,oBAAoB;IAC5B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}
+{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          entering: transitionState === 'entering',\n          exiting: transitionState === 'exiting',\n          exited: transitionState === 'exited',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;EACP,IAAI;EACJ,sBAAsB;EACtB,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAqBF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,GAAG,eACD;CACJ,IAAI,SAAS,UAAU,IAAI;CAE3B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM,EACjC,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,UAAU,oBAAoB;IAC9B,SAAS,oBAAoB;IAC7B,QAAQ,oBAAoB;IAC5B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}

package/dist/components/overlays/Modal/Underlay.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
+import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/overlays/Modal/Underlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Underlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Underlay.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, Ref } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nimport { TransitionState } from './types';\n\nconst UnderlayElement = tasty({\n  qa: 'Underlay',\n  'data-type': 'primary',\n  styles: {\n    position: 'fixed',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 10,\n    transitionDelay: '0ms',\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n    pointerEvents: {\n      '': 'none',\n      open: 'auto',\n    },\n    fill: '#black.30',\n    overflow: 'hidden',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n  },\n});\n\nexport interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {\n  isOpen?: boolean;\n  transitionState?: TransitionState;\n}\n\nfunction Underlay(\n  { isOpen, transitionState, ...otherProps }: CubeUnderlayProps,\n  ref: Ref<HTMLElement>,\n) {\n  return (\n    <UnderlayElement\n      ref={ref}\n      mods={{\n        open: isOpen,\n      }}\n      {...otherProps}\n    />\n  );\n}\n\nlet _Underlay = forwardRef(Underlay);\n\n_Underlay.displayName = 'Underlay';\n\nexport { _Underlay as Underlay };\n"],"mappings":";;;;;;AAMA,MAAM,kBAAkB,MAAM;CAC5B,IAAI;CACJ,aAAa;CACb,QAAQ;EACN,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,iBAAiB;EACjB,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,eAAe;GACb,IAAI;GACJ,MAAM;GACP;EACD,MAAM;EACN,UAAU;EACV,YACE;EACH;CACF,CAAC;AAOF,SAAS,SACP,EAAE,QAAQ,iBAAiB,GAAG,cAC9B,KACA;AACA,QACE,oBAAC;EACM;EACL,MAAM,EACJ,MAAM,QACP;EACD,GAAI;GACJ;;AAIN,IAAI,YAAY,WAAW,SAAS;AAEpC,UAAU,cAAc"}
+{"version":3,"file":"Underlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Underlay.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, Ref } from 'react';\n\nimport { TransitionState } from './types';\n\nconst UnderlayElement = tasty({\n  qa: 'Underlay',\n  'data-type': 'primary',\n  styles: {\n    position: 'fixed',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 10,\n    transitionDelay: '0ms',\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n    pointerEvents: {\n      '': 'none',\n      open: 'auto',\n    },\n    fill: '#black.30',\n    overflow: 'hidden',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n  },\n});\n\nexport interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {\n  isOpen?: boolean;\n  transitionState?: TransitionState;\n}\n\nfunction Underlay(\n  { isOpen, transitionState, ...otherProps }: CubeUnderlayProps,\n  ref: Ref<HTMLElement>,\n) {\n  return (\n    <UnderlayElement\n      ref={ref}\n      mods={{\n        open: isOpen,\n      }}\n      {...otherProps}\n    />\n  );\n}\n\nlet _Underlay = forwardRef(Underlay);\n\n_Underlay.displayName = 'Underlay';\n\nexport { _Underlay as Underlay };\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,MAAM;CAC5B,IAAI;CACJ,aAAa;CACb,QAAQ;EACN,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,iBAAiB;EACjB,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,eAAe;GACb,IAAI;GACJ,MAAM;GACP;EACD,MAAM;EACN,UAAU;EACV,YACE;EACH;CACF,CAAC;AAOF,SAAS,SACP,EAAE,QAAQ,iBAAiB,GAAG,cAC9B,KACA;AACA,QACE,oBAAC;EACM;EACL,MAAM,EACJ,MAAM,QACP;EACD,GAAI;GACJ;;AAIN,IAAI,YAAY,WAAW,SAAS;AAEpC,UAAU,cAAc"}

package/dist/components/overlays/Notifications/Notification.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,5 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-cb1c485 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-99c26e2 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";
@@ -7,6 +6,7 @@ import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "../Toast/useToast.js";
 import { Flex } from "../../layout/Flex.js";
 import { DismissActionDetectedContext, NotificationAction, NotificationDismissProvider } from "./NotificationAction.js";
+import { tasty } from "@tenphi/tasty";
 import { useContext, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";