@drawbridge/components 0.1.0 → 0.1.1

package/dist/advertisement.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
-import Button from "./shared/button";
-import Empty from "./shared/empty";
-import Product from "./product";
-import Video from "./video";
+import Button from "./shared/button.mjs";
+import Empty from "./shared/empty.mjs";
+import Product from "./product.mjs";
+import Video from "./video.mjs";
 const DefaultImage = ({ alt, className, src }) => /* @__PURE__ */ jsx(
   "img",
   {

package/dist/bridge/advertisements.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import Carousel from "../shared/carousel";
-import AdvertisementRender from "../advertisement";
-import Video from "../video";
+import Carousel from "../shared/carousel.mjs";
+import AdvertisementRender from "../advertisement.mjs";
+import Video from "../video.mjs";
 import Image from "next/image";
 const Advertisement = ({
   affiliate,

package/dist/bridge/fields.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import InputGroup from "../input-group";
-import InputName from "../input-name";
-import InputSelect from "../input-select";
-import InputPhone from "../input-phone";
-import InputNumber from "../input-number";
-import InputText from "../input-text";
-import InputTextarea from "../input-textarea";
+import InputGroup from "../input-group.mjs";
+import InputName from "../input-name.mjs";
+import InputSelect from "../input-select.mjs";
+import InputPhone from "../input-phone.mjs";
+import InputNumber from "../input-number.mjs";
+import InputText from "../input-text.mjs";
+import InputTextarea from "../input-textarea.mjs";
 const FieldEmail = ({
   error,
   field,

package/dist/bridge/form-subdomain-embed.mjs

@@ -2,16 +2,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import { constants } from "@drawbridge/drawbridge-utils";
-import TemplateSubdomainContent from "./subdomain-content";
-import ProviderFont from "../provider-font";
-import Button from "../shared/button";
-import FormSubdomain, { FormSubdomainMessage } from "./form-subdomain";
-import Countdown from "./countdown";
-import ArrowLeft from "../icons/arrow-left";
-import Warning from "../icons/warning";
+import TemplateSubdomainContent from "./subdomain-content.mjs";
+import ProviderFont from "../provider-font.mjs";
+import Button from "../shared/button.mjs";
+import FormSubdomain, { FormSubdomainMessage } from "./form-subdomain.mjs";
+import Countdown from "./countdown.mjs";
+import ArrowLeft from "../icons/arrow-left.mjs";
+import Warning from "../icons/warning.mjs";
 import Link from "next/link";
-import PoweredBy from "../icons/powered-by";
-import { useTracking } from "./provider-analytics";
+import PoweredBy from "../icons/powered-by.mjs";
+import { useTracking } from "./provider-analytics.mjs";
 const FormSubdomainEmbed = ({
   params,
   preview,

package/dist/bridge/form-subdomain-header.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import ArrowLeft from "../icons/arrow-left";
-import Button from "../shared/button";
-import { headerStyle, textStyle } from "../styles";
+import ArrowLeft from "../icons/arrow-left.mjs";
+import Button from "../shared/button.mjs";
+import { headerStyle, textStyle } from "../styles.mjs";
 const FormSubdomainHeader = ({
   back,
   button,

package/dist/bridge/form-subdomain-issue.mjs

@@ -2,17 +2,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { useForm, Controller } from "react-hook-form";
-import yup, { resolver } from "./lib/yup";
+import yup, { resolver } from "./lib/yup.mjs";
 import { useGoogleReCaptcha } from "react-google-recaptcha-v3";
-import { assertRecaptcha } from "./lib/recaptcha";
-import Form from "../shared/form";
-import Button from "../shared/button";
-import Fieldset from "../shared/fieldset";
-import InputGroup from "../input-group";
-import Error from "../shared/error";
-import InputText from "../input-text";
-import InputTextarea from "../input-textarea";
-import Empty from "../shared/empty";
+import { assertRecaptcha } from "./lib/recaptcha.mjs";
+import Form from "../shared/form.mjs";
+import Button from "../shared/button.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import InputGroup from "../input-group.mjs";
+import Error from "../shared/error.mjs";
+import InputText from "../input-text.mjs";
+import InputTextarea from "../input-textarea.mjs";
+import Empty from "../shared/empty.mjs";
 const FormSubdomainIssue = ({
   disabled,
   preview,

package/dist/bridge/form-subdomain-prize.mjs

@@ -2,13 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { useForm, Controller } from "react-hook-form";
-import yup, { resolver } from "./lib/yup";
-import Form from "../shared/form";
-import Button from "../shared/button";
-import Fieldset from "../shared/fieldset";
-import Error from "../shared/error";
-import Empty from "../shared/empty";
-import { components, validate } from "./fields";
+import yup, { resolver } from "./lib/yup.mjs";
+import Form from "../shared/form.mjs";
+import Button from "../shared/button.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import Error from "../shared/error.mjs";
+import Empty from "../shared/empty.mjs";
+import { components, validate } from "./fields.mjs";
 const FormSubdomainPrize = ({
   disabled,
   preview,

package/dist/bridge/form-subdomain-shop-modal.mjs

@@ -2,22 +2,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useMemo, useState } from "react";
 import { useForm, useWatch } from "react-hook-form";
-import yup, { resolver } from "./lib/yup";
+import yup, { resolver } from "./lib/yup.mjs";
 import { cdnShopify } from "@drawbridge/drawbridge-utils/cdn";
 import { formatCurrency } from "@drawbridge/drawbridge-utils";
-import { FormSubdomainHeader } from "./form-subdomain-header";
+import { FormSubdomainHeader } from "./form-subdomain-header.mjs";
 import Image from "next/image";
-import Product from "../product";
-import Empty from "../shared/empty";
-import Button from "../shared/button";
-import Overlay from "../shared/overlay";
-import Shop from "../icons/shop";
-import InputGroup from "../input-group";
-import InputNumber from "../input-number";
-import { backgroundStyle, headerStyle } from "../styles";
-import ChevronDown from "../icons/chevron-down";
-import ChevronUp from "../icons/chevron-up";
-import Warning from "../icons/warning";
+import Product from "../product.mjs";
+import Empty from "../shared/empty.mjs";
+import Button from "../shared/button.mjs";
+import Overlay from "../shared/overlay.mjs";
+import Shop from "../icons/shop.mjs";
+import InputGroup from "../input-group.mjs";
+import InputNumber from "../input-number.mjs";
+import { backgroundStyle, headerStyle } from "../styles.mjs";
+import ChevronDown from "../icons/chevron-down.mjs";
+import ChevronUp from "../icons/chevron-up.mjs";
+import Warning from "../icons/warning.mjs";
 const FormSubdomainProduct = ({
   back,
   button,

package/dist/bridge/form-subdomain-shop.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import CardProduct from "./product-tile";
+import CardProduct from "./product-tile.mjs";
 const FormSubdomainShop = ({
   columns = 2,
   products = [],

package/dist/bridge/form-subdomain.mjs

@@ -5,23 +5,23 @@ import { useSearchParams } from "next/navigation";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { captureException } from "@drawbridge/drawbridge-telemetry/nextjs";
 import { useForm, Controller } from "react-hook-form";
-import yup, { resolver } from "./lib/yup";
-import { ageFor, ageGateSchema } from "./lib/age-gate";
+import yup, { resolver } from "./lib/yup.mjs";
+import { ageFor, ageGateSchema } from "./lib/age-gate.mjs";
 import { useGoogleReCaptcha } from "react-google-recaptcha-v3";
-import { assertRecaptcha } from "./lib/recaptcha";
-import { submissionEndpoint } from "./lib/url";
-import Form from "../shared/form";
-import Button from "../shared/button";
-import Fieldset from "../shared/fieldset";
-import { components, validate } from "./fields";
-import InputGroup from "../input-group";
-import Error from "../shared/error";
-import InputText from "../input-text";
-import { FormSubdomainHeader } from "./form-subdomain-header";
-import Loader from "../icons/loader";
-import Warning from "../icons/warning";
-import InputCheckbox from "../input-checkbox";
-import Advertisements from "./advertisements";
+import { assertRecaptcha } from "./lib/recaptcha.mjs";
+import { submissionEndpoint } from "./lib/url.mjs";
+import Form from "../shared/form.mjs";
+import Button from "../shared/button.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import { components, validate } from "./fields.mjs";
+import InputGroup from "../input-group.mjs";
+import Error from "../shared/error.mjs";
+import InputText from "../input-text.mjs";
+import { FormSubdomainHeader } from "./form-subdomain-header.mjs";
+import Loader from "../icons/loader.mjs";
+import Warning from "../icons/warning.mjs";
+import InputCheckbox from "../input-checkbox.mjs";
+import Advertisements from "./advertisements.mjs";
 import Link from "next/link";
 const appendPreview = (endpoint, token) => {
   if (!token) return endpoint;

package/dist/bridge/product-tile.mjs

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { formatCurrency } from "@drawbridge/drawbridge-utils";
-import Button from "../shared/button";
-import { headerStyle } from "../styles";
+import Button from "../shared/button.mjs";
+import { headerStyle } from "../styles.mjs";
 const CardProduct = ({
   title,
   onClick,

package/dist/bridge/share-button.mjs

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import Image from "next/image";
 import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
-import { buttonStyle } from "../styles";
+import { buttonStyle } from "../styles.mjs";
 import {
   EmailIcon,
   EmailShareButton,

package/dist/bridge/template-layout.mjs

@@ -3,22 +3,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useMemo, useState } from "react";
 import dynamic from "next/dynamic";
 import { useSearchParams } from "next/navigation";
-import ProviderFont from "../provider-font";
-import TemplateSubdomain from "./template-subdomain";
-import PoweredBy from "../icons/powered-by";
-import Menu from "../icons/menu";
-import Shop from "../icons/shop";
-import Loader from "../icons/loader";
-import Times from "../icons/times";
-import Overlay from "../shared/overlay";
-import Button from "../shared/button";
+import ProviderFont from "../provider-font.mjs";
+import TemplateSubdomain from "./template-subdomain.mjs";
+import PoweredBy from "../icons/powered-by.mjs";
+import Menu from "../icons/menu.mjs";
+import Shop from "../icons/shop.mjs";
+import Loader from "../icons/loader.mjs";
+import Times from "../icons/times.mjs";
+import Overlay from "../shared/overlay.mjs";
+import Button from "../shared/button.mjs";
 import Link from "next/link";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { constants as shared } from "@drawbridge/drawbridge-utils";
-import constants from "./lib/constants";
-import { checkout as checkoutKit, ensureCheckoutKit } from "./lib/checkout-kit";
-import { useTracking } from "./provider-analytics";
-const TemplateModal = dynamic(() => import("./template-modal"), { ssr: false });
+import constants from "./lib/constants.mjs";
+import { checkout as checkoutKit, ensureCheckoutKit } from "./lib/checkout-kit.mjs";
+import { useTracking } from "./provider-analytics.mjs";
+const TemplateModal = dynamic(() => import("./template-modal.mjs"), { ssr: false });
 const TemplateLayout = ({
   params,
   result,
@@ -102,7 +102,7 @@ const TemplateLayout = ({
     () => {
       if (typeof window === "undefined") return;
       let timer;
-      const load = () => import("./template-modal").catch(() => {
+      const load = () => import("./template-modal.mjs").catch(() => {
       });
       const afterLoad = () => {
         timer = setTimeout(load, 3e3);

package/dist/bridge/template-modal.mjs

@@ -2,21 +2,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback } from "react";
 import { Dialog, DialogPanel, Transition } from "@headlessui/react";
-import FormSubdomain, { FormSubdomainMessage, FormSubdomainSubmission, FormSubdomainHeader } from "./form-subdomain";
-import FormSubdomainIssue from "./form-subdomain-issue";
-import FormSubdomainPrize from "./form-subdomain-prize";
-import ProviderRecaptcha from "../shared/provider-recaptcha";
-import { FormSubdomainCart, FormSubdomainProduct } from "./form-subdomain-shop-modal";
-import TemplateSubdomainLink from "./template-subdomain-link";
-import CopyToClipboard from "../shared/copy-to-clipboard";
-import ShareButton from "./share-button";
-import Tabs from "../shared/tabs";
-import Empty from "../shared/empty";
-import CardPrize from "../shared/card-prize";
-import ArrowRight from "../icons/arrow-right";
-import Flag from "../icons/flag";
-import Link from "../icons/link";
-import Warning from "../icons/warning";
+import FormSubdomain, { FormSubdomainMessage, FormSubdomainSubmission, FormSubdomainHeader } from "./form-subdomain.mjs";
+import FormSubdomainIssue from "./form-subdomain-issue.mjs";
+import FormSubdomainPrize from "./form-subdomain-prize.mjs";
+import ProviderRecaptcha from "../shared/provider-recaptcha.mjs";
+import { FormSubdomainCart, FormSubdomainProduct } from "./form-subdomain-shop-modal.mjs";
+import TemplateSubdomainLink from "./template-subdomain-link.mjs";
+import CopyToClipboard from "../shared/copy-to-clipboard.mjs";
+import ShareButton from "./share-button.mjs";
+import Tabs from "../shared/tabs.mjs";
+import Empty from "../shared/empty.mjs";
+import CardPrize from "../shared/card-prize.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import Flag from "../icons/flag.mjs";
+import Link from "../icons/link.mjs";
+import Warning from "../icons/warning.mjs";
 const TemplateModal = ({
   buttons,
   cart,

package/dist/bridge/template-not-found.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { capitalize } from "@drawbridge/drawbridge-utils";
-import LogoMark from "../icons/logo-mark";
+import LogoMark from "../icons/logo-mark.mjs";
 const TemplateNotFound = ({
   message = "Nothing found"
 }) => {

package/dist/bridge/template-subdomain-gallery.mjs

@@ -3,11 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import Image from "next/image";
 import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
-import Video from "../video";
-import Button from "../shared/button";
-import Loader from "../icons/loader";
-import Warning from "../icons/warning";
-import { backgroundStyle } from "../styles";
+import Video from "../video.mjs";
+import Button from "../shared/button.mjs";
+import Loader from "../icons/loader.mjs";
+import Warning from "../icons/warning.mjs";
+import { backgroundStyle } from "../styles.mjs";
 const ms = 1e4;
 const GalleryImage = ({
   alt,

package/dist/bridge/template-subdomain-link.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
-import Button from "../shared/button";
+import Button from "../shared/button.mjs";
 const TemplateSubdomainLink = ({
   element: Element,
   className = "py-4 pr-3",

package/dist/bridge/template-subdomain.mjs

@@ -2,15 +2,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useMemo, useState } from "react";
 import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
-import { icons } from "../icons/social";
+import { icons } from "../icons/social.mjs";
 import Link from "next/link";
-import TemplateSubdomainGallery from "./template-subdomain-gallery";
-import TemplateSubdomainLink from "./template-subdomain-link";
-import { safeHref } from "./lib/url";
-import Countdown from "./countdown";
-import FormSubdomainShop from "./form-subdomain-shop";
+import TemplateSubdomainGallery from "./template-subdomain-gallery.mjs";
+import TemplateSubdomainLink from "./template-subdomain-link.mjs";
+import { safeHref } from "./lib/url.mjs";
+import Countdown from "./countdown.mjs";
+import FormSubdomainShop from "./form-subdomain-shop.mjs";
 import Image from "next/image";
-import SubdomainContent from "./subdomain-content";
+import SubdomainContent from "./subdomain-content.mjs";
 const TemplateSubdomain = ({
   buttons,
   cart,

package/dist/dashboard/accordion.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/react";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
-import ChevronDown from "../icons/chevron-down";
-import ChevronUp from "../icons/chevron-up";
-import Warning from "../icons/warning";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
+import ChevronDown from "../icons/chevron-down.mjs";
+import ChevronUp from "../icons/chevron-up.mjs";
+import Warning from "../icons/warning.mjs";
 const Accordion = ({
   badge,
   className,

package/dist/dashboard/card-affiliate.mjs

@@ -2,17 +2,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import qs from "qs";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import CopyToClipboard from "../shared/copy-to-clipboard";
-import Empty from "../shared/empty";
-import Copy from "../icons/copy";
-import ArrowRight from "../icons/arrow-right";
-import Plus from "../icons/plus";
-import Trash from "../icons/trash";
-import Chart from "../icons/chart";
-import External from "../icons/external";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
-import Link from "./link";
+import CopyToClipboard from "../shared/copy-to-clipboard.mjs";
+import Empty from "../shared/empty.mjs";
+import Copy from "../icons/copy.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import Plus from "../icons/plus.mjs";
+import Trash from "../icons/trash.mjs";
+import Chart from "../icons/chart.mjs";
+import External from "../icons/external.mjs";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
+import Link from "./link.mjs";
 const CardAffiliate = ({
   affiliate,
   campaign,

package/dist/dashboard/card-connection.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
-import Link from "./link";
-import Button from "../shared/button";
-import Badge from "../shared/badge";
-import ArrowRight from "../icons/arrow-right";
-import Error from "../shared/error";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
+import Badge from "../shared/badge.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import Error from "../shared/error.mjs";
 import { capitalize } from "@drawbridge/drawbridge-utils";
 const badge = (status) => ({
   label: status ? capitalize(status) : "Not connected",

package/dist/dashboard/card-integration.mjs

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import External from "../icons/external";
-import Plus from "../icons/plus";
-import Trash from "../icons/trash";
-import InputSwitch from "../shared/input-switch";
+import External from "../icons/external.mjs";
+import Plus from "../icons/plus.mjs";
+import Trash from "../icons/trash.mjs";
+import InputSwitch from "../shared/input-switch.mjs";
 import Image from "next/image";
-import Link from "./link";
-import Button from "../shared/button";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
 const CardIntegration = ({
   description,
   enabled,

package/dist/dashboard/card-metric.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { formatNumber } from "@drawbridge/drawbridge-utils";
-import ArrowRight from "../icons/arrow-right";
-import Lock from "../icons/lock";
-import Badge from "../shared/badge";
+import ArrowRight from "../icons/arrow-right.mjs";
+import Lock from "../icons/lock.mjs";
+import Badge from "../shared/badge.mjs";
 const CardMetric = ({
   className,
   description,

package/dist/dashboard/card-note.mjs

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { formatDateString } from "@drawbridge/drawbridge-utils";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import { formatUserName } from "../shared/lib/helpers";
-import Avatar from "./avatar";
-import Button from "../shared/button";
-import Trash from "../icons/trash";
+import { formatUserName } from "../shared/lib/helpers.mjs";
+import Avatar from "./avatar.mjs";
+import Button from "../shared/button.mjs";
+import Trash from "../icons/trash.mjs";
 const CardNote = ({
   content,
   createdAt,

package/dist/dashboard/card-order.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { formatCurrency, formatDateString, formatNumber } from "@drawbridge/drawbridge-utils";
-import CardDataItem from "./card-data-item";
+import CardDataItem from "./card-data-item.mjs";
 const className = "p-3 bg-white rounded shadow-[0_1px_3px_0_rgb(0_0_0/0.1),0_1px_2px_-1px_rgb(0_0_0/0.1)]";
 const CardOrder = ({
   currency,

package/dist/dashboard/card-overage.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { bytesToGB, bytesToMB, formatNumber, gigabyte } from "@drawbridge/drawbridge-utils";
-import Link from "./link";
-import Button from "../shared/button";
-import { useModal } from "./lib/hooks";
-import Tabs from "../shared/tabs";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
+import { useModal } from "./lib/hooks.mjs";
+import Tabs from "../shared/tabs.mjs";
 const removal = (amount, key) => {
   if (key === "storage") {
     return amount < gigabyte ? formatNumber(bytesToMB(amount), 2) + " MB of storage" : formatNumber(bytesToGB(amount), 2) + " GB of storage";

package/dist/dashboard/card-payment-method.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { formatLast4 } from "../shared/lib/helpers";
+import { formatLast4 } from "../shared/lib/helpers.mjs";
 const CardPaymentMethod = ({
   card: {
     brand,

package/dist/dashboard/card-plan.mjs

@@ -1,11 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/react";
 import { formatDateString, formatNumber } from "@drawbridge/drawbridge-utils";
-import Badge from "../shared/badge";
-import Check from "../icons/check";
-import ChevronDown from "../icons/chevron-down";
-import ChevronUp from "../icons/chevron-up";
-import Button from "../shared/button";
+import Badge from "../shared/badge.mjs";
+import Check from "../icons/check.mjs";
+import ChevronDown from "../icons/chevron-down.mjs";
+import ChevronUp from "../icons/chevron-up.mjs";
+import Button from "../shared/button.mjs";
 const CardPlan = ({
   canceledAt,
   currency,

package/dist/dashboard/card-product.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import CardAsset from "../shared/card-asset";
+import CardAsset from "../shared/card-asset.mjs";
 const CardProduct = ({
   image,
   title,

package/dist/dashboard/card-score.mjs

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import Loader from "../icons/loader";
-import Warning from "../icons/warning";
+import Loader from "../icons/loader.mjs";
+import Warning from "../icons/warning.mjs";
 const ENDPOINT = "/notification/spam";
 const DEBOUNCE = 2e3;
 const RATING = 5;

package/dist/dashboard/card-setting.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import Badge from "../shared/badge";
-import { TableActionsCell } from "./table";
+import Badge from "../shared/badge.mjs";
+import { TableActionsCell } from "./table.mjs";
 const RowBadge = ({ badge }) => /* @__PURE__ */ jsx(
   Badge,
   {

package/dist/dashboard/card-task.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
-import Button from "../shared/button";
-import Link from "./link";
-import { useModal } from "./lib/hooks";
+import Button from "../shared/button.mjs";
+import Link from "./link.mjs";
+import { useModal } from "./lib/hooks.mjs";
 const CardTask = ({
   className,
   message,

package/dist/dashboard/card-template.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
-import ProviderFont from "../provider-font";
+import ProviderFont from "../provider-font.mjs";
 const CardTemplatePage = ({
   description,
   headline,